:root{--bg:#fffaf4;--bg-2:#fff3e8;--surface:#fff;--ink:#2f2a3d;--ink-2:#5f5872;--ink-3:#8a8399;--rule:#2f2a3d17;--rule-strong:#2f2a3d29;--brand:#ff7b6b;--brand-ink:#d9533f;--focus:#6c7cff;--accent:var(--brand);--peach:#ffe1cc;--pink:#ffd9e2;--sky:#d6ecff;--mint:#d3f3e4;--lilac:#e6defc;--butter:#fff2bf;--shadow:0 2px 4px #5a46780d, 0 18px 40px -18px #5a467847;--shadow-lg:0 4px 8px #5a46780f, 0 30px 60px -24px #5a467859;--radius:18px;--radius-lg:30px;--ease:cubic-bezier(.22, .61, .36, 1);--bounce:cubic-bezier(.34, 1.56, .64, 1);--slow:.9s;--header-h:68px;--gutter:28px;--f-display:"Fredoka", "Nunito", ui-rounded, "Segoe UI", system-ui, sans-serif;--f-ui:"Nunito", ui-rounded, "Segoe UI", system-ui, -apple-system, sans-serif;--f-mono:"Nunito", ui-rounded, "Segoe UI", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root,[style*=--accent]{--accent-soft:color-mix(in srgb, var(--accent) 16%, white);--accent-ink:color-mix(in srgb, var(--accent) 70%, var(--ink))}@media (max-width:640px){:root{--gutter:18px;--header-h:60px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}body{background:var(--bg);min-height:100dvh;color:var(--ink);font:500 16.5px/1.65 var(--f-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(28vmax 28vmax at 12% 18%, color-mix(in srgb, var(--peach) 70%, transparent), transparent 70%), radial-gradient(26vmax 26vmax at 88% 12%, color-mix(in srgb, var(--sky) 75%, transparent), transparent 70%), radial-gradient(30vmax 30vmax at 80% 85%, color-mix(in srgb, var(--lilac) 70%, transparent), transparent 70%), radial-gradient(24vmax 24vmax at 15% 88%, color-mix(in srgb, var(--mint) 70%, transparent), transparent 70%);animation:40s ease-in-out infinite alternate blobs;position:fixed;inset:-20vmax}@keyframes blobs{to{transform:translate(2vmax,-1.5vmax)rotate(6deg)}}body.is-immersive:before{display:none}img,svg,iframe{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}h1,h2,h3{font-family:var(--f-display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:600;line-height:1.1}p{text-wrap:pretty;margin:0}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:10px}[tabindex="-1"]:focus{outline:none}::selection{background:var(--butter)}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.icon{flex:none}strong{font-weight:800}.eyebrow{background:var(--accent-soft);width:-moz-fit-content;width:fit-content;font:800 11.5px/1.2 var(--f-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;display:inline-flex}.eyebrow.light{background:#ffffffbf}.btn{--b-bg:var(--surface);--b-ink:var(--ink);--b-edge:var(--rule-strong);--b-depth:#2f2a3d1f;border:1.5px solid var(--b-edge);background:var(--b-bg);min-height:46px;color:var(--b-ink);box-shadow:0 3px 0 var(--b-depth);font:700 15.5px/1 var(--f-ui);cursor:pointer;white-space:nowrap;transition:transform .35s var(--bounce), box-shadow .35s var(--ease), background .4s var(--ease), border-color .4s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 22px;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:0 5px 0 var(--b-depth);transform:translateY(-2px)}.btn:active{box-shadow:0 1px 0 var(--b-depth);transform:translateY(2px)}.btn .icon{transition:transform .4s var(--bounce)}.btn:hover .icon:last-child{transform:translate(3px)}.btn.ghost{--b-bg:transparent;--b-edge:transparent;box-shadow:none}.btn.ghost:hover{background:color-mix(in srgb, var(--ink) 6%, transparent);box-shadow:none;transform:none}.btn.icon-only{width:46px;padding:0}.btn.quiet-primary{--b-bg:var(--brand);--b-ink:#fff;--b-edge:transparent;--b-depth:var(--brand-ink)}.btn.quiet-primary:hover{--b-bg:color-mix(in srgb, var(--brand) 88%, white)}.btn.quiet-ghost,.btn.quiet-outline{--b-bg:var(--surface);--b-edge:var(--rule-strong)}.btn.quiet-ghost:hover,.btn.quiet-outline:hover{--b-edge:color-mix(in srgb, var(--accent) 45%, transparent)}.btn.big{min-height:56px;padding:0 32px;font-size:17px}.btn[aria-pressed=true]{--b-bg:var(--accent-soft);--b-ink:var(--accent-ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip{z-index:100;background:var(--ink);color:#fff;border-radius:999px;padding:10px 16px;font-weight:800;text-decoration:none;transition:top .2s;position:fixed;top:-60px;left:12px}.skip:focus{top:10px}.wrap{width:100%;max-width:1240px;padding-left:var(--gutter);padding-right:var(--gutter);margin:0 auto}.wrap.narrow{max-width:760px}.site-header{z-index:40;height:var(--header-h);padding-top:10px;position:sticky;top:0}.site-header .wrap{-webkit-backdrop-filter:saturate(1.4)blur(16px);max-width:1260px;height:100%;height:calc(var(--header-h) - 14px);width:calc(100% - 2 * var(--gutter) + 20px);background:#ffffffb8;border:1.5px solid #ffffffe6;border-radius:999px;align-items:center;gap:4px;padding:0 10px 0 16px;display:flex;box-shadow:0 10px 30px -18px #5a467866}body.is-immersive .site-header,body.is-immersive .site-footer{display:none}.brand{align-items:center;gap:10px;margin-right:auto;text-decoration:none;display:inline-flex}.brand-mark{width:auto;height:38px;transition:transform .6s var(--bounce)}.brand:hover .brand-mark{transform:translateY(-2px)rotate(-3deg)}.brand-name{font:500 23px/1 var(--f-display);letter-spacing:-.012em;color:#1d4f57;padding-bottom:2px}.brand-3d{color:#e3982a}.site-footer .brand-mark{height:34px}.nav{gap:2px;margin-right:4px;display:flex}.nav a{min-height:40px;color:var(--ink-2);transition:background .35s var(--ease), color .35s var(--ease);border-radius:999px;align-items:center;padding:0 15px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.nav a:hover{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}.nav a[aria-current=page],.nav a[aria-current=true]{background:var(--butter);color:var(--ink)}.head-sound .lbl{font-size:14px}.nav-gallery{display:none!important}@media (max-width:1020px){.nav-room{display:none!important}.nav-gallery{display:inline-flex!important}}@media (max-width:720px){.head-sound .lbl{display:none}.head-sound{width:44px;padding:0}.nav a{padding:0 10px}}@media (max-width:420px){.site-header .brand-name{display:none}}main{min-height:calc(100dvh - var(--header-h));display:block}main:focus{outline:none}.site-footer{color:var(--ink-3);margin-top:120px;padding:40px 0 56px;font-size:14.5px}.site-footer .wrap{border-top:2px dashed var(--rule-strong);flex-wrap:wrap;align-items:center;gap:16px 32px;padding-top:32px;display:flex}.site-footer .brand{color:var(--ink);margin-right:0}.site-footer p{flex:280px}.site-footer nav{flex-wrap:wrap;gap:18px;display:flex}.site-footer nav a{font-weight:700;text-decoration:none}.site-footer nav a:hover{color:var(--ink)}[data-reveal]{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--bounce);transform:translateY(18px)scale(.98)}[data-reveal].seen{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none}}.about{padding-top:64px}.about h1{margin-top:16px;font-size:clamp(38px,4vw + 14px,60px)}.long{color:var(--ink-2);gap:18px;margin-top:28px;font-size:17.5px;line-height:1.75;display:grid}.long h2{color:var(--ink);margin-top:26px;font-size:26px}.hero{padding:clamp(30px,5vw,70px) 0 10px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(30px,5vw,76px);display:grid}.hero-inner{justify-items:start;gap:22px;display:grid}.hero h1{letter-spacing:-.02em;animation:rise 1.1s var(--bounce) both .1s;font-size:clamp(46px,5vw + 12px,88px);line-height:1.02}.hero h1 em{background:linear-gradient(transparent 60%, var(--butter) 60%, var(--butter) 92%, transparent 92%);border-radius:6px;padding:0 .06em;font-style:normal}.hero-lede{max-width:31em;color:var(--ink-2);animation:rise 1.1s var(--bounce) both .3s;font-size:clamp(17px,.6vw + 14px,19.5px)}.hero .eyebrow{animation:rise 1.1s var(--bounce) both}.hero-cta{animation:rise 1.1s var(--bounce) both .45s;flex-wrap:wrap;gap:12px;display:flex}.hero-rooms{animation:rise 1.1s var(--bounce) both .6s;flex-wrap:wrap;gap:8px;display:flex}.room-chip{background:var(--chip,var(--peach));color:var(--ink);transition:transform .4s var(--bounce);border-radius:999px;padding:7px 15px;font-size:14px;font-weight:800;text-decoration:none}.room-chip:hover{transform:translateY(-2px)rotate(-3deg)}[data-room=making]{--chip:var(--peach)}[data-room=studio]{--chip:var(--butter)}[data-room=journeys]{--chip:var(--sky)}[data-room=machines]{--chip:var(--lilac)}[data-room=nature]{--chip:var(--mint)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.hero-window{aspect-ratio:16/11;box-shadow:var(--shadow-lg);background:#fff;border-radius:38px;animation:7s ease-in-out infinite alternate floaty;position:relative;rotate:1.5deg}@keyframes floaty{0%{transform:translateY(-5px)}to{transform:translateY(6px)}}.slides{background:var(--bg-2);border-radius:28px;position:absolute;inset:12px;overflow:hidden}.slide{opacity:0;background:var(--accent-soft);transition:opacity 1.6s var(--ease);position:absolute;inset:0}.slide.on{opacity:1}.slide img{object-fit:cover;width:100%;height:100%;transform:scale(1.03)}.slide.on img{animation:15s linear forwards drift}@keyframes drift{0%{transform:scale(1.03)}to{transform:scale(1.1)translate(-1%,-.6%)}}.sticker{z-index:3;box-shadow:var(--shadow);color:var(--ink);border-radius:50%;place-items:center;font:700 22px/1 ui-rounded,Segoe UI Symbol,system-ui,sans-serif;animation:5s ease-in-out infinite alternate bob;display:grid;position:absolute}.sticker.s1{background:var(--butter);width:66px;height:66px;top:-24px;left:-20px}.sticker.s2{background:var(--pink);width:36px;height:36px;animation-delay:-2s;bottom:20%;left:-18px}.sticker.s3{background:var(--mint);width:54px;height:54px;animation-delay:-3.5s;top:12%;right:-22px}@keyframes bob{0%{transform:translateY(-2px)rotate(-2.5deg)}to{transform:translateY(2px)rotate(2.5deg)}}.slide-caption{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:calc(100% - 52px);box-shadow:var(--shadow);color:var(--ink);transition:transform .4s var(--bounce);background:#ffffffeb;border-radius:999px;align-items:center;gap:12px;padding:10px 16px 10px 14px;text-decoration:none;display:flex;position:absolute;bottom:26px;left:26px}.slide-caption:hover{transform:translateY(-2px)}.cap-line{background:var(--rule);border-radius:99px;flex:none;width:38px;height:7px;position:relative;overflow:hidden}.cap-line i{border-radius:inherit;background:var(--brand);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.slide-caption.tick .cap-line i{animation:tick var(--slide-ms,9s) linear forwards}@keyframes tick{to{transform:scaleX(1)}}.cap-text{min-width:0;display:grid}.cap-kind{font:800 10.5px/1.3 var(--f-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.cap-title{font:600 17px/1.2 var(--f-display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-window{rotate:.8deg}}@media (max-width:520px){.sticker.s1{width:48px;height:48px;top:-16px;left:-8px}.sticker.s3{width:40px;height:40px;right:-8px}.slide-caption{bottom:20px;left:20px}}@media (prefers-reduced-motion:reduce){.slide.on img,.hero-window,.sticker{animation:none}}.gallery{padding-top:140px}.gallery-head{max-width:720px;margin-bottom:90px}.gallery-head h2{margin-top:16px;font-size:clamp(32px,2.8vw + 16px,52px);font-weight:600;line-height:1.12}.pieces{gap:clamp(90px,12vw,160px);display:grid}.piece{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,80px);display:grid}.piece:nth-child(2n){grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.piece:nth-child(2n) .piece-media{order:2}.piece-media{aspect-ratio:16/10;border-radius:var(--radius-lg);background:var(--accent);box-shadow:var(--shadow);display:block;position:relative;overflow:hidden}.piece-media img{object-fit:cover;width:100%;height:100%;transition:transform 2.4s var(--ease), filter 2.4s var(--ease);filter:saturate(.9);transform:scale(1.01)}.piece:hover .piece-media img{filter:saturate();transform:scale(1.055)}.piece-text{justify-items:start;gap:14px;display:grid;position:relative}.piece-num{font:600 15px/1 var(--f-mono);color:var(--accent-ink);letter-spacing:.1em}.piece-num:after{content:"";vertical-align:middle;opacity:.5;background:currentColor;width:44px;height:1px;margin-left:14px;display:inline-block}.piece-kind{font:800 11.5px/1.3 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.piece h2{font-size:clamp(32px,2.6vw + 14px,50px);font-weight:600}.piece h2 a{transition:background-size 1.2s var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;text-decoration:none}.piece h2 a:hover{background-size:100% 1px}.piece-whisper{font:600 clamp(18px, .6vw + 14px, 21px)/1.5 var(--f-ui);color:var(--ink-2);max-width:22em}.piece-meta{color:var(--ink-3);font-size:14px}.piece-enter{color:var(--accent-ink);align-items:center;gap:10px;margin-top:6px;padding:10px 0;font-weight:500;text-decoration:none;display:inline-flex}.piece-enter .icon{transition:transform .9s var(--ease)}.piece-enter:hover .icon{transform:translate(5px)}@media (max-width:820px){.gallery{padding-top:90px}.gallery-head{margin-bottom:56px}.piece,.piece:nth-child(2n){grid-template-columns:1fr;gap:22px}.piece:nth-child(2n) .piece-media{order:0}}.quiet{margin-top:clamp(110px,14vw,180px)}.quiet-inner{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);text-align:center;justify-items:center;gap:18px;padding:clamp(56px,8vw,96px) 24px;display:grid}.quiet h2{font-size:clamp(32px,3vw + 14px,52px);font-weight:600}.quiet p:not(.eyebrow){max-width:34em;color:var(--ink-2)}.quiet .btn{margin-top:10px}.gallery .gallery-head{margin-bottom:56px}.rooms{grid-template-columns:var(--room-cols,repeat(4, minmax(0, 1fr)));gap:22px;display:grid}@media (max-width:1020px){.rooms{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.rooms{grid-template-columns:1fr}}.room{border:1px solid var(--rule);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--accent-soft), transparent 65%), var(--surface);transition:border-color .9s var(--ease), transform .9s var(--ease), opacity 1.4s var(--ease);align-content:start;gap:16px;padding:16px 18px 22px;text-decoration:none;display:grid}.room:hover{border-color:color-mix(in srgb, var(--accent) 38%, transparent);transform:translateY(-3px)}.room-stack{aspect-ratio:4/3;display:block;position:relative}.room-card{background:var(--accent);box-shadow:var(--shadow);transition:transform 1.6s var(--ease);border-radius:12px;position:absolute;inset:9% 11%;overflow:hidden}.room-card img{object-fit:cover;width:100%;height:100%}.room-card-0{z-index:3}.room-card-1{z-index:2;transform:rotate(-5deg)translate(-9%,3%)scale(.93)}.room-card-2{z-index:1;transform:rotate(5deg)translate(9%,3%)scale(.93)}.room:hover .room-card-0{transform:translateY(-3%)scale(1.02)}.room:hover .room-card-1{transform:rotate(-8deg)translate(-15%,4%)scale(.93)}.room:hover .room-card-2{transform:rotate(8deg)translate(15%,4%)scale(.93)}.room-text{gap:6px;display:grid}.room-num{font:700 11.5px/1.3 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-ink)}.room-name{font:600 34px/1.05 var(--f-display);letter-spacing:-.02em}.room-blurb{font:600 16.5px/1.5 var(--f-ui);color:var(--ink-2)}.room-count{color:var(--ink-3);align-items:center;gap:8px;margin-top:6px;font-size:14px;display:inline-flex}.room-count .icon{transition:transform .9s var(--ease)}.room:hover .room-count .icon{transform:translate(4px)}.by-room{gap:clamp(90px,10vw,140px);padding-top:clamp(110px,12vw,170px);display:grid}.room-section-head{border-bottom:1px solid var(--rule);grid-template-columns:auto 1fr auto;align-items:baseline;gap:8px 26px;margin-bottom:36px;padding-bottom:22px;display:grid}.room-section-head .room-num{grid-column:1/-1}.room-section-head h2{font-size:clamp(38px,3vw + 16px,58px);font-weight:600}.room-section-head h2 a{text-decoration:none}.room-section-head p{font:600 18px/1.45 var(--f-ui);color:var(--ink-2)}.room-section-head .piece-enter{margin:0;padding:0}@media (max-width:760px){.room-section-head{grid-template-columns:1fr}}.mcards{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px;display:grid}@media (max-width:1020px){.mcards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.mcards{grid-template-columns:1fr}}.mcard{align-content:start;gap:8px;display:grid}.mcard-media{aspect-ratio:16/10;background:var(--accent);box-shadow:var(--shadow);border-radius:16px;margin-bottom:10px;display:block;overflow:hidden}.mcard-media img{object-fit:cover;filter:saturate(.9);width:100%;height:100%;transition:transform 2.4s var(--ease), filter 2.4s var(--ease)}.mcard:hover .mcard-media img{filter:saturate();transform:scale(1.05)}.mcard h3{font-size:29px;font-weight:600}.mcard h3 a{transition:background-size 1.2s var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;text-decoration:none}.mcard h3 a:hover{background-size:100% 1px}.mcard-whisper{font:600 16.5px/1.5 var(--f-ui);color:var(--ink-2)}.room-head{padding-top:clamp(24px,4vw,48px)}.room-head-panel{background:radial-gradient(120% 120% at 100% 0%, #ffffffb3, transparent 60%), var(--chip,var(--accent-soft));border-radius:44px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(28px,5vw,70px);padding:clamp(28px,5vw,64px);display:grid}.room-head-inner{order:-1;justify-items:start;gap:14px;display:grid}.room-head h1{letter-spacing:-.03em;animation:rise 1.1s var(--bounce) both .1s;font-size:clamp(56px,6.5vw + 12px,116px);line-height:.95}.room-head-blurb{font:700 clamp(19px, .8vw + 15px, 24px)/1.4 var(--f-ui);color:var(--ink-2);animation:rise 1.1s var(--bounce) both .25s}.room-head-intro{max-width:34em;color:var(--ink-2);animation:rise 1.1s var(--bounce) both .4s;font-size:17px}.crumbs{color:var(--ink-2);animation:rise 1.1s var(--bounce) both;background:#ffffffb3;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:14px;font-weight:700;display:flex}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--ink)}.room-head-art{aspect-ratio:16/12;position:relative}.room-head-art span{aspect-ratio:16/10;background:var(--accent-soft);width:80%;box-shadow:var(--shadow-lg);transition:transform .6s var(--bounce);border:9px solid #fff;border-radius:28px;position:absolute;overflow:hidden}.room-head-art span:first-child{z-index:3;top:0;left:0;transform:rotate(-3deg)}.room-head-art span:nth-child(2){z-index:2;bottom:4%;right:0;transform:rotate(4deg)}.room-head-art span:nth-child(3){z-index:1;bottom:0;left:14%;transform:rotate(-1deg)}.room-head-art span:only-child{width:100%;position:relative;transform:rotate(2deg)}.room-head-art:hover span:first-child{transform:rotate(-5deg)translateY(-6px)}.room-head-art:hover span:nth-child(2){transform:rotate(6deg)translateY(6px)}.room-head-art img{object-fit:cover;width:100%;height:100%}@media (max-width:900px){.room-head-panel{border-radius:32px;grid-template-columns:1fr}.room-head-inner{order:0}}.room-pieces{padding-top:clamp(70px,9vw,120px)}.piece-intro{max-width:30em;color:var(--ink-2)}.other-rooms{padding-top:clamp(100px,11vw,150px)}.section-head{margin-bottom:40px}.section-head h2{margin-top:12px;font-size:clamp(32px,2.6vw + 16px,48px)}:root{--coffee-bg:#ffe8b5;--coffee-ink:#3a2812;--coffee-edge:#7a521c38}.cup{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px;overflow:visible}.cup .steam{opacity:0;animation:4.2s ease-in-out infinite steam}.cup .s2{animation-delay:1.4s}.cup .s3{animation-delay:2.8s}@keyframes steam{0%{opacity:0;transform:translateY(2px)}35%{opacity:.85}to{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.cup .steam{opacity:.6;animation:none}}.coffee-btn{border:1px solid var(--coffee-edge);background:var(--coffee-bg);min-height:48px;color:var(--coffee-ink);transition:transform .8s var(--ease), box-shadow .8s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:0 22px 0 18px;font-size:15.5px;font-weight:500;text-decoration:none;display:inline-flex}a.coffee-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -16px #5a3c148c}.coffee-btn.is-unset,.coffee-link.is-unset{opacity:.6;cursor:help}.coffee-unset{color:var(--ink-3);border:1px dashed var(--rule-strong);border-radius:10px;padding:8px 12px;font-size:13px}.coffee-unset code{font:12px var(--f-mono)}.coffee{margin-top:clamp(90px,10vw,140px)}.coffee-inner{border-radius:var(--radius-lg);background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--coffee-bg) 70%, transparent), transparent 60%), var(--surface);border:1px solid var(--rule);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);max-width:900px;margin:0 auto;padding:clamp(36px,5vw,56px);display:grid}.coffee-art{aspect-ratio:1;background:var(--coffee-bg);width:clamp(96px,12vw,140px);color:var(--coffee-ink);border-radius:50%;place-items:center;display:grid}.coffee-art .cup{stroke-width:1.3px;width:52%;height:52%}.coffee-text{justify-items:start;gap:14px;display:grid}.coffee-text h2{font-size:clamp(30px,2.4vw + 14px,44px);font-weight:600}.coffee-text>p:not(.eyebrow):not(.coffee-unset){max-width:34em;color:var(--ink-2)}.coffee-text .coffee-btn{margin-top:6px}@media (max-width:620px){.coffee-inner{grid-template-columns:1fr;justify-items:start}}.coffee-link{align-items:center;gap:7px;text-decoration:none;display:inline-flex}.coffee-link .cup{width:18px;height:18px}.coffee-link:hover{color:var(--ink)}.viewer{--bar-h:64px;--panel-w:400px;grid-template-rows:var(--bar-h) minmax(0, 1fr);background:var(--bg);height:100dvh;color:var(--ink);display:grid}.vbar{min-width:0;height:calc(var(--bar-h) - 10px);background:#ffffffe0;border:1.5px solid #fff;border-radius:999px;align-items:center;gap:10px;margin:10px 10px 0;padding:0 10px 0 8px;display:flex;box-shadow:0 10px 30px -20px #5a467880}.vbar .btn[aria-pressed=true],.vbar .btn[aria-expanded=true]{background:var(--accent-soft);color:var(--accent-ink)}.vback{min-height:40px;color:var(--ink-2);transition:background .35s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:14.5px;font-weight:700;text-decoration:none;display:inline-flex}.vback:hover{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}.vtitle{border-left:2px dotted var(--rule-strong);align-items:baseline;gap:14px;min-width:0;margin-right:auto;padding-left:8px;display:flex}.vtitle h1{white-space:nowrap;padding-left:12px;font-size:20px}.vtitle span{text-overflow:ellipsis;white-space:nowrap;color:var(--ink-3);font-size:15px;font-weight:600;overflow:hidden}.vtools{align-items:center;gap:2px;display:flex}.vtool{min-height:40px;padding:0 14px;font-size:14px}.vtool.icon-only{width:40px;padding:0}@media (max-width:1100px){.vtitle span{display:none}}@media (max-width:760px){.viewer{--bar-h:58px}.vbar .lbl{display:none}.vtool{width:40px;padding:0}.vback{padding:0 10px}.vtitle h1{text-overflow:ellipsis;font-size:17px;overflow:hidden}}.vbody{min-height:0;transition:grid-template-columns .8s var(--ease);grid-template-columns:minmax(0,1fr) 0;padding:10px;display:grid;position:relative;overflow:hidden}.vbody.open{grid-template-columns:minmax(0, 1fr) var(--panel-w)}.vstage{background:var(--bg-2);min-width:0;min-height:0;box-shadow:inset 0 0 0 1.5px var(--rule);border-radius:26px;position:relative;overflow:hidden}.vframe,.vframe iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.vframe iframe{background:var(--bg-2)}.vposter{place-items:center;padding:28px;display:grid;position:absolute;inset:0;overflow:hidden}.vposter-bg{background-color:var(--accent-soft);filter:blur(16px)saturate(1.1)brightness(1.06);background-position:50%;background-size:cover;animation:30s linear forwards drift;position:absolute;inset:-40px;transform:scale(1.06)}.vposter:after{content:"";background:radial-gradient(70% 70%,#fffaf4d1,#fffaf473);position:absolute;inset:0}.vposter-card{z-index:1;max-width:520px;box-shadow:var(--shadow-lg);text-align:center;animation:rise 1.1s var(--bounce) both;background:#ffffffd1;border-radius:34px;justify-items:center;gap:14px;padding:34px 36px 30px;display:grid;position:relative}.vposter-card h2{color:var(--ink);font-size:clamp(34px,3vw + 16px,56px)}.vposter-whisper{color:var(--ink-2);margin-bottom:8px;font-size:clamp(17px,.6vw + 14px,20px);font-weight:600}.vposter-fine{color:var(--ink-3);font-size:13.5px}.vposter-fine a{color:var(--accent-ink);font-weight:700}.vveil{background:var(--bg-2);color:var(--ink-3);transition:opacity 1.2s var(--ease);pointer-events:none;align-content:center;place-items:center;gap:18px;font-weight:700;display:grid;position:absolute;inset:0}.vveil.gone{opacity:0}.breath{background:var(--accent-soft);border:3px solid color-mix(in srgb, var(--accent) 55%, white);border-radius:50%;width:48px;height:48px;animation:3.6s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.5;transform:scale(.75)}50%{opacity:1;transform:scale(1.1)}}.howto{background:var(--surface);min-width:0;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--rule);border-radius:26px;margin-left:10px;position:relative;overflow:hidden}.howto-scroll{width:var(--panel-w);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--rule-strong) transparent;padding:34px 30px 48px;position:absolute;inset:0;overflow-y:auto}.howto-head{gap:14px;display:grid}.howto-intro{font:600 17.5px/1.6 var(--f-ui);color:var(--ink)}.steps{gap:0;margin:34px 0 0;padding:0;list-style:none;display:grid}.step{gap:8px;padding:0 0 30px 44px;display:grid;position:relative}.step:before{content:"";background:linear-gradient(var(--accent-soft), color-mix(in srgb, var(--accent) 30%, transparent));width:1px;position:absolute;top:30px;bottom:0;left:13px}.step:last-child:before{display:none}.step-num{border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);width:27px;height:27px;font:700 12px var(--f-mono);color:var(--accent-ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.step h3{padding-top:1px;font-size:21px;font-weight:600;line-height:1.25}.step-text{color:var(--ink-2);font-size:15.5px;line-height:1.7}.step-look{font:700 15px/1.5 var(--f-ui);color:var(--accent-ink);align-items:flex-start;gap:8px;display:flex}.step-look .icon{opacity:.8;margin-top:3px}.step-show{border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);background:var(--accent-soft);color:var(--accent-ink);cursor:pointer;transition:background .6s var(--ease);border-radius:999px;justify-self:start;align-items:center;gap:7px;margin-top:2px;padding:7px 13px;font-size:13.5px;font-weight:500;display:inline-flex}.step-show:hover{background:color-mix(in srgb, var(--accent) 20%, transparent)}.howto-hands{border-top:1px solid var(--rule);margin-top:10px;padding-top:22px}.howto-hands ul{color:var(--ink-2);gap:6px;margin:12px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.howto-hands li:before{content:"·";color:var(--accent);margin-right:8px}.howto-note{color:var(--ink-3);margin-top:18px;font-size:13.5px;line-height:1.6}.next-card{border:1px solid var(--rule);border-radius:var(--radius);transition:border-color .7s var(--ease), background .7s var(--ease);grid-template-columns:84px 1fr auto;align-items:center;gap:14px;margin-top:30px;padding:12px 16px 12px 12px;text-decoration:none;display:grid}.next-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:var(--accent-soft)}.next-card img{object-fit:cover;background:var(--accent);border-radius:9px;width:84px;height:58px}.next-text{gap:2px;display:grid}.next-text b{font:600 18px/1.2 var(--f-display)}.next-text span:last-child{font:600 14px/1.4 var(--f-ui);color:var(--ink-3)}.next-card .icon{color:var(--accent-ink)}@media (max-width:900px){.vbody,.vbody.open{grid-template-columns:minmax(0,1fr)}.howto{z-index:5;height:min(72%,640px);transition:transform .9s var(--ease);border-radius:26px 26px 0 0;margin-left:0;position:absolute;bottom:0;left:0;right:0;transform:translateY(102%);box-shadow:0 -20px 60px -20px #0009}.vbody.open .howto{transform:none}.howto-scroll{width:100%;padding:26px var(--gutter) 40px}.howto:before{content:"";z-index:1;background:var(--rule-strong);border-radius:2px;width:40px;height:4px;margin-left:-20px;position:absolute;top:9px;left:50%}}.coffee-panel{border-radius:var(--radius);background:color-mix(in srgb, var(--coffee-bg) 45%, transparent);border:1px solid var(--coffee-edge);justify-items:start;gap:12px;margin-top:26px;padding:18px;display:grid}.coffee-panel p:not(.coffee-unset){font:600 15.5px/1.55 var(--f-ui);color:var(--ink-2)}.coffee-panel .coffee-btn{min-height:42px;font-size:14.5px}:root{--paper:#fff;--water-top:#e2f2fc;--water-deep:#bfe2f5;--warn:#b0532f}.wish-head{justify-items:start;gap:16px;padding-top:72px;display:grid}.wish-head h1{letter-spacing:-.03em;font-size:clamp(42px,4.4vw + 14px,78px);font-weight:600;line-height:1.02}.wish-lede{max-width:36em;color:var(--ink-2);font-size:17.5px}.wish-tabs{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.wish-tab{border:1px solid var(--rule-strong);cursor:pointer;min-height:42px;transition:background .6s var(--ease), color .6s var(--ease);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:15px;display:inline-flex}.wish-tab[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.wish-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,72px);margin-top:44px;display:grid}@media (max-width:900px){.wish-grid{grid-template-columns:1fr}}.paper{border:1px solid var(--rule);background:var(--paper);box-shadow:var(--shadow);transform-origin:50% 100%;transition:transform .95s var(--ease), opacity .95s var(--ease);border-radius:6px;gap:26px;padding:clamp(26px,4vw,46px) clamp(24px,4vw,46px) clamp(26px,4vw,40px) clamp(34px,5vw,58px);display:grid;position:relative;transform:rotate(-.35deg)}.paper:before{content:"";border-radius:inherit;background-image:repeating-linear-gradient(transparent 0 33px, color-mix(in srgb, var(--focus) 9%, transparent) 33px 34px);pointer-events:none;position:absolute;inset:0}.paper:after{content:"";background:color-mix(in srgb, var(--brand) 22%, transparent);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;left:clamp(18px,2.6vw,30px)}.paper>*{z-index:1;position:relative}.paper.folding{opacity:0;transform:perspective(900px)rotateX(58deg)scale(.3)translateY(60%)}.blank-line{font:600 clamp(26px, 2.2vw + 14px, 40px)/1.4 var(--f-display);letter-spacing:-.01em}.blank{field-sizing:content;border:0;border-bottom:1.5px dashed color-mix(in srgb, var(--ink) 35%, transparent);width:9em;min-width:6.5em;max-width:100%;font:inherit;color:var(--brand);transition:border-color .6s var(--ease);background:0 0;padding:0 4px;font-style:normal}.blank::placeholder{color:color-mix(in srgb, var(--ink) 30%, transparent)}.blank:focus{border-bottom-style:solid;border-color:var(--brand);outline:none}.paper-field{gap:10px;display:grid}.paper-label,.pebbles legend{font:800 11.5px/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.paper textarea,.paper select,.paper input[type=email]{border:1px solid var(--rule-strong);background:color-mix(in srgb, var(--bg) 55%, transparent);width:100%;color:var(--ink);border-radius:10px;padding:11px 13px;font-size:15.5px}.paper textarea{resize:vertical;font:600 17px/1.6 var(--f-ui)}.paper textarea::placeholder{color:var(--ink-3);font-style:normal}.paper-field.small input{max-width:360px}.wish-chips{flex-wrap:wrap;gap:8px;display:flex}.wish-chip{border:1px solid var(--rule-strong);font:700 14.5px var(--f-ui);color:var(--ink-2);cursor:pointer;transition:border-color .6s var(--ease), color .6s var(--ease), transform .6s var(--ease);background:0 0;border-radius:999px;padding:6px 13px}.wish-chip:hover{border-color:var(--brand);color:var(--ink);transform:translateY(-1px)}.pebbles{border:0;min-width:0;margin:0;padding:0}.pebbles legend{margin-bottom:10px;padding:0}.pebble-row{flex-wrap:wrap;gap:8px;display:flex}.pebble{position:relative}.pebble input{opacity:0;cursor:pointer;position:absolute;inset:0}.pebble span{border:1px solid var(--rule);background:color-mix(in srgb, var(--ink) 5%, transparent);transition:background .6s var(--ease), color .6s var(--ease), transform .6s var(--ease);border-radius:46% 54% 50% 50%/58% 52% 48% 42%;padding:8px 15px;font-size:14px;display:inline-flex}.pebble:nth-child(2n) span{border-radius:54% 46% 44% 56%/48% 58% 42% 52%}.pebble:hover span{transform:translateY(-1px)}.pebble input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--bg)}.pebble input:focus-visible+span{outline:2px solid var(--focus);outline-offset:3px}.trap{width:1px;height:1px;left:-9999px;overflow:hidden;position:absolute!important}.paper-foot{flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:4px;display:flex}.fold-btn{--b-bg:var(--ink);--b-ink:var(--bg);--b-edge:transparent;min-height:52px;padding:0 24px 0 18px;font-size:16px}.fold-btn:hover{--b-bg:color-mix(in srgb, var(--ink) 86%, var(--brand))}.fold-btn[disabled]{opacity:.6;cursor:progress}.fold-icon svg{width:30px;height:20px;transition:transform .9s var(--ease)}.fold-btn:hover .fold-icon svg{transform:translateY(-2px)rotate(-4deg)}.wish-status{color:var(--ink-3);font-size:14px}.wish-status.warn{color:var(--warn)}.sent-card{animation:rise 1.4s var(--ease) both;justify-items:start;gap:16px;padding:8px 0 4px;display:grid}.sent-card:focus{outline:none}.sent-boat svg{width:84px;height:52px;color:var(--brand);animation:3.6s ease-in-out infinite alternate bob}.sent-card h2{font-size:clamp(30px,2.4vw + 14px,44px);font-weight:600}.sent-card p{max-width:32em;color:var(--ink-2)}.placard-wrap{top:calc(var(--header-h) + 28px);gap:14px;display:grid;position:sticky}@media (max-width:900px){.placard-wrap{position:static}}.placard{transition:transform .95s var(--ease), opacity .95s var(--ease);border-radius:8px;gap:12px;padding:30px 28px 24px;display:grid;position:relative}.placard.folding{opacity:.25;transform:translateY(24px)scale(.94)}.placard.wish{text-align:center;color:#3a280c;text-shadow:0 1px #fff2cd80;background:linear-gradient(135deg,#b38a3a 0%,#e2c88a 36%,#c29a4b 60%,#e8d29a 100%);justify-items:center;box-shadow:inset 0 0 0 1px #fff6dc73,inset 0 0 0 7px #5a3c0f1a,0 22px 44px -24px #3c280abf}.pl-top{font:800 10.5px/1.3 var(--f-mono);letter-spacing:.22em;text-transform:uppercase}.pl-title{font:600 clamp(28px, 1.6vw + 18px, 42px)/1.08 var(--f-display);letter-spacing:.005em;overflow-wrap:anywhere}.pl-title.empty,.pl-note.empty{opacity:.55;font-style:normal}.pl-room{font:800 11.5px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;border-top:1px solid #3c280a52;border-bottom:1px solid #3c280a52;padding:5px 12px}.pl-quote{max-width:24em;font:600 16px/1.5 var(--f-ui)}.pl-by{font:700 11.5px var(--f-mono);letter-spacing:.06em;opacity:.75}.placard.note{background:var(--paper);color:var(--ink);border:1px solid var(--rule);box-shadow:var(--shadow);clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%)}.placard.note:after{content:"";background:linear-gradient(225deg, transparent 50%, color-mix(in srgb, var(--ink) 10%, var(--paper)) 50%);width:30px;height:30px;position:absolute;top:0;right:0}.placard.note .pl-top{color:var(--ink-3)}.pl-about{font:800 12px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--brand)}.pl-mood{background:color-mix(in srgb, var(--ink) 7%, transparent);border-radius:999px;justify-self:start;padding:4px 11px;font-size:13px}.pl-note{font:600 17px/1.6 var(--f-ui);white-space:pre-wrap;overflow-wrap:anywhere}.wish-where{color:var(--ink-3);font-size:13.5px;line-height:1.55}.wish-where.dev{border:1px dashed var(--rule-strong);border-radius:10px;padding:9px 12px}.pond{background:linear-gradient(180deg, var(--water-top), var(--water-deep));border-top:1px solid #2f6a762e;height:210px;position:relative;overflow:hidden}.pond.tall{height:270px}.water{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='40'%3E%3Cpath d='M0 20 Q 30 10 60 20 T 120 20 T 180 20 T 240 20' fill='none' stroke='white' stroke-opacity='.35' stroke-width='1.2'/%3E%3C/svg%3E");background-repeat:repeat-x;height:40px;animation:38s linear infinite waves;position:absolute;left:0;right:0}.water.w1{opacity:.7;top:22%}.water.w2{opacity:.45;animation-duration:56s;animation-direction:reverse;top:62%}@keyframes waves{to{background-position-x:-240px}}.boats{margin:0;padding:0;list-style:none;position:absolute;inset:0}.boat{left:-16%;bottom:calc(10% + var(--lane) * 26%);animation:sail var(--dur) linear var(--delay) infinite;position:absolute}@keyframes sail{0%{left:-16%}to{left:104%}}.boat-body{transform:scale(var(--scale));justify-items:center;gap:2px;text-decoration:none;display:grid}.boat-hull{width:72px;animation:bob var(--bob,4s) ease-in-out infinite alternate;display:block}.boat-svg{width:100%;height:auto;overflow:visible}.b-hull{fill:#f8f2e6;stroke:#46341c59;stroke-width:.8px}.b-sail-l{fill:#fffbf4;stroke:#46341c4d;stroke-width:.8px}.b-sail-r{fill:#e9dec8;stroke:#46341c4d;stroke-width:.8px}.b-crease{fill:none;stroke:#46341c38;stroke-width:.8px}.b-shadow{fill:#0f282e2e}.boat.mine .b-sail-l{fill:#f8dccb}.boat.mine .b-sail-r{fill:#e6b79d}.boat.decor{opacity:.55}.boat.decor .boat-hull{width:52px}.boat-label{background:color-mix(in srgb, var(--bg) 72%, transparent);font:700 14px/1.4 var(--f-ui);color:var(--ink-2);white-space:nowrap;transition:color .6s var(--ease);border-radius:999px;padding:1px 9px}a.boat-body:hover .boat-label,a.boat-body:focus-visible .boat-label{color:var(--ink);background:var(--bg)}a.boat-body:focus-visible{outline:none}a.boat-body:focus-visible .boat-hull{outline:2px solid var(--focus);outline-offset:4px;border-radius:8px}.pond:hover .boat,.pond:hover .boat-hull,.pond:focus-within .boat,.pond:focus-within .boat-hull{animation-play-state:paused}.boat.launch .boat-hull{animation:drop 1.4s var(--ease) both, bob var(--bob,4s) ease-in-out 1.4s infinite alternate}@keyframes drop{0%{opacity:0;transform:translateY(-36px)rotate(-12deg)}}@media (prefers-reduced-motion:reduce){.boat{left:var(--x);animation:none}.boat-hull,.water{animation:none}}.pond-section{margin-top:clamp(70px,8vw,110px)}.pond-caption{font:700 15px var(--f-ui);color:var(--ink-3);text-align:center;margin-top:14px}.wish-teaser{margin-top:clamp(110px,12vw,170px)}.wish-teaser-head{justify-items:start;gap:14px;margin-bottom:34px;display:grid}.wish-teaser-head h2{font-size:clamp(34px,3vw + 14px,56px);font-weight:600}.wish-teaser-head p:not(.eyebrow){max-width:34em;color:var(--ink-2)}.note-link{color:var(--ink-2);align-items:flex-start;gap:9px;margin-top:18px;font-size:14px;line-height:1.5;text-decoration:none;display:flex}.note-link .icon{color:var(--accent-ink);margin-top:2px}.note-link b{color:var(--accent-ink);font-weight:500}.note-link:hover b{text-underline-offset:3px;text-decoration:underline}.nav-wish{gap:6px}.nav-wish .icon{color:var(--brand)}.stat{color:var(--ink-3);white-space:nowrap;align-items:center;gap:6px;font-size:13.5px;font-weight:800;display:inline-flex}.stat .icon{color:var(--ink-3)}.card-stats{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:2px;display:flex}.card-stats .stat{background:color-mix(in srgb, var(--accent-soft) 70%, white);border-radius:999px;padding:4px 10px 4px 8px}.stat-reacts .stack{display:inline-flex}.stat-reacts .stack .emo{filter:drop-shadow(0 1px #fff);width:20px;height:20px;margin-left:-6px}.stat-reacts .stack .emo:first-child{margin-left:0}.room-count .stat-views{font-size:14px}.room-count .stat-views:before{content:"·";margin-right:2px}.panel-top{background:linear-gradient(135deg, var(--accent-soft), color-mix(in srgb, var(--butter) 55%, white));border-radius:22px;gap:10px;margin-bottom:18px;padding:16px 16px 14px;display:grid}.panel-top .stat-views{color:var(--ink-2);font-size:14px}.panel-top-ask{font:800 11.5px/1.2 var(--f-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.react-bar{justify-content:space-between;gap:4px;display:flex}.react{cursor:pointer;min-width:56px;transition:transform .35s var(--bounce), background .3s var(--ease), border-color .3s var(--ease);background:#ffffffbf;border:2px solid #0000;border-radius:18px;justify-items:center;gap:2px;padding:7px 4px 5px;display:grid;position:relative}.react:hover{transform:translateY(-3px)rotate(-3deg)}.react[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 55%, white);background:#fff}.react-emo{line-height:0;display:block}.react-count{min-height:15px;color:var(--ink-2);font-size:12.5px;font-weight:800}.react.pop .react-emo,.c-heart.pop svg{animation:pop .55s var(--bounce)}@keyframes pop{30%{transform:scale(1.35)rotate(-8deg)}60%{transform:scale(.92)rotate(4deg)}}.react-bubble{pointer-events:none;animation:bubble 1.1s var(--ease) var(--delay,0s) both;margin-left:-8px;position:absolute;top:6px;left:50%}@keyframes bubble{0%{opacity:0;transform:translate(0)scale(.6)}20%{opacity:1}to{opacity:0;transform:translate(var(--dx,0), -58px) scale(1.1) rotate(12deg)}}.ptabs{background:color-mix(in srgb, var(--ink) 5%, transparent);border-radius:999px;gap:6px;margin-bottom:22px;padding:5px;display:flex}.ptab{min-height:38px;font:800 14px/1 var(--f-ui);color:var(--ink-2);cursor:pointer;transition:background .3s var(--ease), color .3s var(--ease);background:0 0;border:0;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:7px;display:inline-flex}.ptab[aria-selected=true]{color:var(--ink);background:#fff;box-shadow:0 2px 8px -2px #5a467840}.ptab-count{background:var(--pink);min-width:20px;color:var(--ink);border-radius:999px;padding:2px 7px;font-size:11.5px}.ptab-count:empty{display:none}.comments{gap:16px;display:grid}.c-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.c-title{font-size:20px}.c-sorts{gap:4px;display:flex}.c-sort{font:800 13px/1 var(--f-ui);color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 12px}.c-sort[aria-pressed=true]{background:var(--butter);color:var(--ink)}.c-avatar{flex:none;line-height:0}.c-avatar .avatar{border-radius:50%}.c-composer{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;display:grid}.c-compose-main{gap:8px;min-width:0;display:grid}.c-composer textarea{border:2px solid var(--rule);background:var(--bg);resize:none;width:100%;min-height:42px;font:600 15px/1.45 var(--f-ui);color:var(--ink);transition:border-color .3s var(--ease);border-radius:18px;padding:10px 14px}.c-composer textarea:focus{border-color:color-mix(in srgb, var(--accent) 60%, white);background:#fff;outline:none}.c-tools{gap:8px;display:none}.c-composer.open .c-tools{display:grid}.c-stickers{flex-wrap:wrap;gap:4px;display:flex}.c-sticker-pick{background:color-mix(in srgb, var(--ink) 4%, transparent);cursor:pointer;width:38px;height:38px;transition:transform .3s var(--bounce);border:2px solid #0000;border-radius:14px;place-items:center;padding:0;display:grid}.c-sticker-pick:hover{transform:translateY(-2px)rotate(-6deg)}.c-sticker-pick[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 60%, white);background:#fff}.c-tools-row{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.c-who{min-width:0;color:var(--ink-3);flex:1;font-size:13px}.c-who b{color:var(--ink-2)}.c-name{border:2px solid var(--rule);width:150px;font:700 13px var(--f-ui);border-radius:10px;padding:3px 8px}.c-counter{color:var(--ink-3);font-size:12px;font-weight:800}.c-composer .btn{min-height:36px;padding:0 14px;font-size:14px}.c-status{color:var(--brand-ink);font-size:13px;font-weight:700}.c-status:empty{display:none}.c-note{color:var(--ink-3);font-size:13px}.c-dev{border:1.5px dashed var(--rule-strong);color:var(--ink-3);border-radius:12px;padding:8px 12px;font-size:12.5px}.c-list{gap:4px;display:grid}.c-item{transition:background .6s var(--ease);border-radius:18px;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:10px 8px;display:grid}.c-item.fresh{animation:fresh 2.4s var(--ease)}@keyframes fresh{0%{background:var(--butter)}}.c-body{gap:4px;min-width:0;display:grid}.c-meta{align-items:baseline;gap:8px;font-size:13.5px;display:flex}.c-meta b{font-weight:800}.c-meta time{color:var(--ink-3);font-size:12.5px}.c-text{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.55}.c-sticker{vertical-align:-9px;margin-right:6px;line-height:0;display:inline-block}.c-actions{align-items:center;gap:6px;margin-left:-6px;display:flex}.c-heart{min-height:32px;font:800 13px var(--f-ui);color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:5px;padding:0 10px;display:inline-flex}.c-heart svg{fill:none;stroke:currentColor;stroke-width:2px}.c-heart:hover{background:var(--pink)}.c-heart[aria-pressed=true]{color:#e2577a}.c-heart[aria-pressed=true] svg{fill:#ff8fa8;stroke:#e2577a}.c-link{font:800 13px var(--f-ui);color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 8px}.c-link:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}.c-toggle{background:var(--accent-soft);font:800 13px var(--f-ui);color:var(--accent-ink);cursor:pointer;border:0;border-radius:999px;justify-self:start;padding:5px 12px}.c-replies{gap:2px;display:grid}.c-item.reply{padding:8px 6px}.c-reply-slot:not(:empty){margin-top:6px}.c-empty{text-align:center;color:var(--ink-3);justify-items:center;gap:10px;padding:30px 12px;font-weight:700;display:grid}.c-empty .emo{animation:4s ease-in-out infinite alternate bob}.c-skeleton{grid-template-rows:auto auto;grid-template-columns:38px 1fr;gap:6px 10px;padding:10px 8px;display:grid}.c-skeleton span{border-radius:50%;grid-row:span 2;width:38px;height:38px}.c-skeleton i{border-radius:99px;height:12px}.c-skeleton i:last-child{width:70%}.c-skeleton span,.c-skeleton i{background:linear-gradient(90deg, var(--bg-2), #fff, var(--bg-2));background-size:200% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.react-bubble{display:none}}.admin{max-width:1120px;padding-top:56px;padding-bottom:88px}.admin-head h1{margin-top:14px;font-size:clamp(34px,3vw + 16px,52px)}.admin-lede{max-width:62ch;color:var(--ink-2);margin-top:12px;font-size:17px}.admin-who{border:1.5px solid var(--rule);width:-moz-fit-content;width:fit-content;max-width:100%;color:var(--ink-2);background:#ffffffc7;border-radius:26px;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:18px;padding:6px 6px 6px 8px;font-size:14.5px;display:flex}.admin-who-name{overflow-wrap:anywhere;min-width:0;margin-right:4px}.admin-who b{color:var(--ink)}.admin-body{gap:22px;margin-top:28px;display:grid}.admin-card{border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow);border:1.5px solid #ffffffe6;padding:24px}.admin-card h2{font-size:24px}.admin-label{font:800 11.5px/1.2 var(--f-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.admin-row{flex-wrap:wrap;gap:10px;display:flex}.admin-row.center{justify-content:center}.admin input[type=email],.admin input[type=password],.admin select{border:1.5px solid var(--rule-strong);background:var(--bg);min-height:46px;transition:border-color .3s var(--ease);border-radius:999px;padding:0 18px;font-weight:700}.admin input[type=email],.admin input[type=password]{flex:220px;min-width:0}.admin input[type=email]:focus,.admin input[type=password]:focus,.admin select:focus{border-color:color-mix(in srgb, var(--focus) 50%, transparent)}.admin select{appearance:none;background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%235f5872' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center;cursor:pointer;max-width:100%;min-height:40px;padding:0 34px 0 14px}.admin-status{min-height:1.5em;color:var(--brand-ink);font-size:14.5px;font-weight:700}.admin-status:empty{min-height:0}.admin-note{color:var(--ink-3);margin-top:4px;font-size:13.5px}.admin-loading{color:var(--ink-3);font-weight:700;animation:1.6s ease-in-out infinite alternate admin-breathe}@keyframes admin-breathe{0%{opacity:.45}}.admin .btn.small{gap:6px;min-height:36px;padding:0 14px;font-size:14px}.admin .btn.small .icon{width:16px;height:16px}.admin .btn:disabled{opacity:.55;cursor:default;transform:none}.admin .btn.danger{--b-bg:#ec5d6a;--b-ink:#fff;--b-edge:transparent;--b-depth:#b93d4b}.admin-dev{border:1.5px dashed var(--rule-strong);color:var(--ink-3);border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 14px;font-size:13px;display:flex}.admin-dev p{flex:260px}.admin-signin~.admin-dev{max-width:560px}.admin-signin{gap:10px;max-width:560px;display:grid}.admin-signin input+.admin-label{margin-top:6px}.admin-oops{text-align:center;max-width:560px;color:var(--ink-2);justify-items:center;gap:12px;display:grid}.admin-oops .emo{animation:4s ease-in-out infinite alternate bob}.admin-totals{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.admin-tile{background:var(--sky);border-radius:24px;align-content:start;gap:2px;padding:18px 20px;display:grid;position:relative}.admin-tile.reacts{background:var(--pink)}.admin-tile.comments{background:var(--mint)}.admin-tile.hidden{background:var(--lilac)}.admin-tile-icon{color:var(--ink-2);line-height:0;position:absolute;top:14px;right:14px}.admin-tile-n{font:600 clamp(28px, 1.6vw + 18px, 40px) / 1.05 var(--f-display);font-variant-numeric:tabular-nums}.admin-tile-l{color:var(--ink-2);font-weight:800}.admin-tile-sub{color:var(--ink-3);font-size:13px}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px;display:grid}.admin-bars,.admin-reacts{margin:14px 0 0;padding:0;list-style:none;display:grid}.admin-bars{gap:12px}.admin-bars li{grid-template-columns:minmax(0,12rem) minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.admin-reacts li{border-top:1.5px dashed var(--rule);padding:10px 0}.admin-reacts li:first-child{border-top:0;padding-top:0}.admin-model{min-width:0;color:var(--ink);align-items:center;gap:8px;font-size:14.5px;font-weight:800;line-height:1.3;text-decoration:none;display:inline-flex}a.admin-model:hover{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.admin-dot{border-radius:50%;flex:none;width:10px;height:10px}.admin-bar{background:color-mix(in srgb, var(--ink) 6%, transparent);border-radius:999px;height:10px;overflow:hidden}.admin-bar i{border-radius:inherit;height:100%;transition:width .9s var(--ease);display:block}.admin-n{font:600 18px/1 var(--f-display);font-variant-numeric:tabular-nums;text-align:right}.admin-react-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.admin-chip{background:var(--bg-2);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:4px;padding:3px 10px 3px 4px;font-size:13.5px;font-weight:800;display:inline-flex}.admin-chip.none{opacity:.45}.admin-none{color:var(--ink-3);font-size:13.5px;font-weight:700}.admin-comments{gap:8px;display:grid}.admin-comments-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;display:flex}.admin-filters{flex-wrap:wrap;align-items:center;gap:8px 10px;min-width:0;display:flex}.admin-segs{background:var(--bg-2);border-radius:999px;padding:4px;display:inline-flex}.admin-seg{min-height:32px;color:var(--ink-2);cursor:pointer;transition:background .3s var(--ease), box-shadow .3s var(--ease);background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:14px;font-weight:800}.admin-seg[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 2px #2f2a3d1a}.admin-seg-n{font-variant-numeric:tabular-nums;opacity:.6;margin-left:6px}.admin-list{gap:6px;margin-top:6px;display:grid}.admin-c{background:color-mix(in srgb, var(--bg) 70%, white);transition:background .4s var(--ease);border-radius:22px;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px;display:grid}.admin-c.is-hidden{background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--lilac) 55%, white) 0 12px, color-mix(in srgb, var(--lilac) 35%, white) 12px 24px)}.admin-c.is-hidden .admin-c-text{color:var(--ink-2)}.admin-c-meta{flex-wrap:wrap;align-items:center;gap:2px 12px;font-size:14px;display:flex}.admin-c-meta .admin-model{color:var(--ink-2);font-size:13.5px;font-weight:700}.admin-c-meta time{color:var(--ink-3)}.admin-badge{background:var(--lilac);font:800 11px/1.5 var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:#5b4a8c;border-radius:999px;padding:2px 9px}.admin-c-reply{color:var(--ink-3);font-size:13px;font-weight:700}.admin-c-text{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:4px;font-size:15px;line-height:1.55}.admin-c-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-top:8px;display:flex}.admin-c-facts{color:var(--ink-3);font-size:13.5px;font-weight:800}.admin-c-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.admin-confirm{color:#b93d4b;margin-right:4px;font-size:14px;font-weight:800}@media (max-width:900px){.admin-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.admin-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (max-width:560px){.admin{padding-top:36px}.admin-card{border-radius:24px;padding:18px 16px}.admin-tile{border-radius:20px;padding:14px 16px}.admin-bars li{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}.admin-bar{grid-area:2/1/auto/-1}.admin-c{gap:10px;padding:12px 10px}.admin-filters,.admin-filters select{width:100%}.admin-filters .admin-label{display:none}.admin-segs{width:100%}.admin-seg{flex:1}}