@font-face{font-family:Gloock;font-style:normal;font-weight:400;font-display:swap;src:url(../media/93183b47530b2cc4-s.07pab5tjqgrgt.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Gloock;font-style:normal;font-weight:400;font-display:swap;src:url(../media/8c0d9f2c4c4d982a-s.24-aljatl3op_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Gloock;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c5bca4b73401f535-s.p.0i0-2mskdia64.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Gloock Fallback;src:local(Times New Roman);ascent-override:84.82%;descent-override:19.57%;line-gap-override:0.0%;size-adjust:114.95%}.gloock_f7b20bde-module__ZoHb8a__className{font-family:Gloock,Gloock Fallback;font-style:normal;font-weight:400}.gloock_f7b20bde-module__ZoHb8a__variable{--font-gloock:"Gloock", "Gloock Fallback"}
@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/91bd2e40df15814e-s.1zpt8rrvsu92z.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/a63431c4ac64ea8b-s.0mxk1tgo-hrwu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8b4ed0a90d903ab5-s.1akpt5k8ff_pw.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/c47649aa31f9e140-s.p.2rlmbw0a3_pri.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk Fallback;src:local(Arial);ascent-override:99.07%;descent-override:30.02%;line-gap-override:0.0%;size-adjust:100.94%}.hanken_grotesk_e87ef351-module__gkCOZW__className{font-family:Hanken Grotesk,Hanken Grotesk Fallback;font-style:normal}.hanken_grotesk_e87ef351-module__gkCOZW__variable{--font-hanken:"Hanken Grotesk", "Hanken Grotesk Fallback"}
@font-face{font-family:Spline Sans Mono;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/5e60c3e60a629e0e-s.3deb4k1l7b0hc.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Spline Sans Mono;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/d2d62b05021c6286-s.p.30mp6k74iam-2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Spline Sans Mono Fallback;src:local(Arial);ascent-override:71.59%;descent-override:17.57%;line-gap-override:0.0%;size-adjust:134.59%}.spline_sans_mono_2f595864-module__L4sRpW__className{font-family:Spline Sans Mono,Spline Sans Mono Fallback;font-style:normal}.spline_sans_mono_2f595864-module__L4sRpW__variable{--font-spline-mono:"Spline Sans Mono", "Spline Sans Mono Fallback"}
:root{--bg:#eceaf0;--fg:#1b1a22;--muted:#66636f;--line:#d5d1dc;--surface:#f7f6fa;--night:#132a36;--night-ink:#e6eef2;--moon:#f1dda8;--dusk:#f1bfae;--dusk-ink:#3a1e22;--sun:#ffd9a8;--thread:#e04b5a;--zul-soft:#d9e4e9;--caca-soft:#f7ddd3;--paper:#fcfbf9;--zul-accent:var(--night);--caca-accent:var(--dusk);--display:var(--font-gloock),Georgia,serif;--body:var(--font-hanken),system-ui,sans-serif;--mono:var(--font-spline-mono),ui-monospace,monospace;--gutter:clamp(16px,4vw,48px);--spring-snappy:linear(0,.009,.035 2.1%,.141 4.4%,.723 12.9%,.938 16.7%,1.017 19.4%,1.067 22.5%,1.089 26%,1.079 30.3%,1.049 36%,1.024 42.6%,1.011 50.3%,1.004 59.2%,1.001 69.3%,1);--spring-smooth:linear(0,.004,.016 2.3%,.063 4.7%,.141 7.2%,.25 9.9%,.601 16.5%,.815 21%,.929 25.2%,.987 29%,1.025 33.5%,1.042 38%,1.04 43.5%,1.027 50%,1.013 57.5%,1.005 67%,1.001 79%,1);--ease-snap:cubic-bezier(.22,1,.36,1)}:root[data-theme=dark]{--bg:#0d1218;--fg:#e8e7ee;--muted:#9a98a6;--line:#27303a;--surface:#151c24;--thread:#f0677a;--zul-soft:#16303c;--caca-soft:#3b2a2e;--paper:#242830;--zul-accent:#6fa3b8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:var(--line) transparent}body{background:var(--bg);color:var(--fg);font:400 1rem/1.55 var(--body);margin:0}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--thread);outline-offset:3px}.mono{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem}.muted{color:var(--muted)}.bar{padding:1rem var(--gutter);border-bottom:1px solid var(--line);align-items:center;gap:.75rem;display:flex}.bar.anon{z-index:20;border:0;padding:1rem;position:fixed;top:0;right:0}.bar .tools{align-items:center;gap:.5rem;margin-left:auto;display:flex}.brand{font:400 1.35rem/1 var(--display);align-items:center;gap:.6rem;text-decoration:none;display:flex}.brand svg{flex:none;width:26px;height:26px}.ctrl{border:1px solid var(--line);background:var(--surface);border-radius:99px;min-width:2.25rem;height:2.25rem;padding:0 .8rem;font-size:.85rem;font-weight:500}.bar.anon .ctrl{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff5;border-color:#fff6}.menu{position:relative}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.menu summary{align-items:center;display:inline-flex}.menu nav{background:var(--surface);border:1px solid var(--line);z-index:30;border-radius:.9rem;min-width:10rem;padding:.4rem;display:grid;position:absolute;top:calc(100% + .5rem);right:0}.menu nav a,.menu nav button{text-align:left;background:0 0;border:0;border-radius:.6rem;padding:.5rem .75rem;text-decoration:none}.menu nav a:hover,.menu nav button:hover{background:var(--line)}.wrap{padding:clamp(1.5rem,4vw,3rem) var(--gutter) 4rem;max-width:62rem;margin-inline:auto}h1,h2{font:400 clamp(1.8rem,4vw,2.6rem)/1.1 var(--display);text-wrap:balance;margin:0}.btn{border:1px solid var(--fg);transition:background-color .2s var(--ease-snap),color .2s var(--ease-snap),transform .16s var(--ease-snap);background:0 0;border-radius:99px;padding:.55rem 1.1rem;font-weight:500}.btn:active{transform:scale(.97)}.btn:hover{background:var(--fg);color:var(--bg)}.btn.solid{background:var(--thread);border-color:var(--thread);color:#fff}.btn.solid:hover{filter:brightness(.92);background:var(--thread);color:#fff}.btn:disabled{opacity:.6;cursor:default}.panel{gap:1rem;max-width:24rem;margin:2rem auto;display:grid}.panel label{gap:.3rem;display:grid}.input{border:1px solid var(--line);background:var(--surface);color:var(--fg);font:inherit;border-radius:.7rem;padding:.65rem .85rem}.ok{color:var(--muted);margin:0}.panel .err{margin:0}.hero{gap:.25rem;display:grid}.count{font:400 clamp(6rem,24vw,14rem)/.85 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.hero .lbl{font:400 clamp(1.4rem,3.5vw,2rem)/1.2 var(--display)}@property --seam{syntax:"<number>";inherits:true;initial-value:50}.split{--seam:50;--pad:clamp(1.25rem,4vw,3.5rem);--panel-h:11.5rem;height:100dvh;min-height:32rem;transition:--seam .7s var(--spring-smooth);position:relative;overflow:hidden}.split[data-open=zul]{--seam:70}.split[data-open=caca]{--seam:30}.split[data-open=enterzul]{--seam:100;transition-duration:.52s}.split[data-open=entercaca]{--seam:0;transition-duration:.52s}@media (hover:hover) and (pointer:fine){.split[data-open=""]:has(.zul:hover){--seam:53;transition-duration:.45s}.split[data-open=""]:has(.caca:hover){--seam:47;transition-duration:.45s}}.room{position:absolute;inset:0;overflow:hidden}.room:before{content:"";z-index:2;pointer-events:none;mix-blend-mode:multiply;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:absolute;inset:0}.room:after{content:"";z-index:3;pointer-events:none;opacity:0;transition:opacity .5s var(--spring-smooth);background:#000;position:absolute;inset:0}.split[data-open=caca] .night:after{opacity:.4}.split[data-open=zul] .dusk:after{opacity:.3}.dusk{clip-path:inset(0 0 0 calc(var(--seam)*1%))}.art{animation:settle .9s var(--spring-smooth) backwards;position:absolute;inset:0}.night .art{background:linear-gradient(170deg,#0c1d27,#173845 70%,#1d4a52)}.dusk .art{background:linear-gradient(190deg,#f7d3c5,#f1bfae 55%,#e9a39a)}.stars{background:radial-gradient(1.5px 1.5px at 8% 18%,#fffc 50%,#0000 55%),radial-gradient(1.5px 1.5px at 20% 52%,#fff9 50%,#0000 55%),radial-gradient(2px 2px at 14% 12%,#fffd 50%,#0000 55%),radial-gradient(1.5px 1.5px at 38% 40%,#fff8 50%,#0000 55%),radial-gradient(1.5px 1.5px at 10% 76%,#fff8 50%,#0000 55%),radial-gradient(2px 2px at 44% 66%,#fffc 50%,#0000 55%),radial-gradient(1.5px 1.5px at 30% 84%,#fff7 50%,#0000 55%),radial-gradient(1.5px 1.5px at 48% 14%,#fff9 50%,#0000 55%),radial-gradient(2px 2px at 60% 30%,#fffb 50%,#0000 55%),radial-gradient(1.5px 1.5px at 66% 78%,#fff7 50%,#0000 55%);animation:5s linear infinite alternate twinkle;position:absolute;inset:0}.moon{background:var(--moon);border-radius:50%;width:6rem;height:6rem;position:absolute;top:20%;left:28%;box-shadow:0 0 5rem 1rem #f1dda833}.moon:after{content:"";background:radial-gradient(circle,#f1dda830,#0000 65%);border-radius:50%;animation:7s linear infinite alternate breathe;position:absolute;inset:-6rem}.sun{background:var(--sun);border-radius:50%;width:8rem;height:8rem;position:absolute;top:68%;left:80%;box-shadow:0 0 7rem 2rem #ffd9a866}.cloud{filter:blur(14px);background:#fff5;border-radius:99px;animation:40s linear infinite alternate drift;position:absolute}.c1{width:16rem;height:3.4rem;top:22%;left:55%}.c2{width:11rem;height:2.4rem;animation-duration:55s;top:12%;left:72%}.half{z-index:5;cursor:pointer;position:absolute;inset:0}.half:focus-visible{outline-offset:-6px}.half.open{cursor:default}.half.zul{clip-path:inset(0 calc((100 - var(--seam))*1%) 0 0);color:var(--night-ink)}.half.caca{clip-path:inset(0 0 0 calc(var(--seam)*1%));color:var(--dusk-ink)}.pos{position:absolute;inset:0}.caca .pos{transform:translateX(calc((var(--seam) - 50) * 1%))}.anchor{bottom:var(--pad);left:var(--pad);transition:transform .6s var(--spring-smooth);position:absolute}.caca .anchor{left:calc(50% + var(--pad))}.half.open .anchor{transform:translateY(calc(var(--panel-h) * -1))}.hint{opacity:.85;transition:opacity .3s var(--ease-snap);animation:rise .7s var(--spring-snappy) .16s backwards;margin:0 0 .6rem}.half.open .hint{opacity:0}.who-mask{padding:.05em 0 .14em;display:block;overflow:hidden}.who{font:400 clamp(3.2rem,10vw,8rem)/.95 var(--display);letter-spacing:-.01em;transform-origin:0 100%;transition:transform .16s var(--ease-snap);animation:name-up .8s var(--spring-snappy) .24s backwards;margin:0;display:block}.caca .who{animation-delay:.34s}.half:not(.open):active .who{transform:scale(.985)}.pass{width:min(22rem,calc(100vw - var(--pad)*2));height:var(--panel-h);visibility:hidden;margin-top:1.1rem;position:absolute;top:100%;left:0}.half.open .pass{visibility:visible}.pass>*{opacity:0;transition:opacity .2s var(--ease-snap),transform .2s var(--ease-snap);transform:translateY(14px)}.half.open .pass>*{opacity:1;transition:opacity .5s var(--spring-snappy),transform .6s var(--spring-snappy);transform:none}.half.open .pass>:first-child{transition-delay:.14s}.half.open .pass>:nth-child(2){transition-delay:.22s}.half.open .pass>:nth-child(3){transition-delay:.3s}.half.open .pass>:nth-child(4){transition-delay:.38s}.pass.shake{animation:shake .4s var(--ease-snap)}.pass label{margin-bottom:.2rem;display:block}.field{position:relative}.field input{width:100%;font:inherit;color:inherit;letter-spacing:.12em;transition:border-color .2s var(--ease-snap);background:0 0;border:0;border-bottom:2px solid;padding:.6rem 4.5rem .6rem 0;font-size:1.25rem}.field input:focus{border-color:var(--thread);outline:none}.eye{font:500 .75rem var(--mono);text-transform:uppercase;letter-spacing:.06em;color:inherit;opacity:.8;background:0 0;border:0;padding:.25rem .4rem;position:absolute;bottom:.55rem;right:0}.pass .row{align-items:center;gap:1rem;margin-top:1.1rem;display:flex}.pass .btn{border-color:currentColor}.zul .pass .btn:hover{background:var(--night-ink);color:var(--night)}.caca .pass .btn:hover{background:var(--dusk-ink);color:var(--dusk)}.notes{gap:.15rem;margin-top:.8rem;display:grid}.notes small{opacity:.75}.half.zul .err{color:#ffb3bb}.half.caca .err{color:#8a1324}.notes .err{opacity:1;min-height:1.2em;font-weight:600}.tpos{z-index:6;pointer-events:none;transform:translateX(calc(var(--seam)*1%));position:absolute;inset:0}.thread{background:var(--thread);transform-origin:top;width:2px;animation:draw .7s var(--spring-snappy) 80ms backwards;position:absolute;top:0;bottom:0;left:-1px}.knot{background:var(--thread);width:18px;height:18px;animation:pop .5s var(--spring-snappy) .42s backwards;border-radius:50%;margin-top:-9px;position:absolute;top:50%;left:-9px;box-shadow:0 0 0 5px #e04b5a40}@keyframes settle{0%{opacity:0;transform:scale(1.04)}}@keyframes rise{0%{opacity:0;filter:blur(6px);transform:translateY(24px)}}@keyframes name-up{0%{transform:translateY(105%)}}@keyframes draw{0%{transform:scaleY(0)}}@keyframes draw-x{0%{transform:scaleX(0)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes twinkle{0%{opacity:.55}to{opacity:1}}@keyframes breathe{0%{opacity:.55;transform:scale(.94)}to{opacity:1;transform:scale(1.06)}}@keyframes drift{0%{transform:translate(-24px)}to{transform:translate(24px)}}@media (max-width:720px){.dusk{clip-path:inset(calc(var(--seam)*1%) 0 0 0)}.half.zul{clip-path:inset(0 0 calc((100 - var(--seam))*1%) 0)}.half.caca{clip-path:inset(calc(var(--seam)*1%) 0 0 0)}.zul .pos{transform:translateY(calc((var(--seam) - 50) * 1%))}.caca .pos{transform:none}.zul .anchor{margin-bottom:var(--pad);bottom:50%}.caca .anchor{left:var(--pad)}.tpos{transform:translateY(calc(var(--seam)*1%))}.thread{transform-origin:0;width:auto;height:2px;animation-name:draw-x;inset:-1px 0 auto}.knot{margin-top:0;margin-left:-9px;top:-9px;left:50%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.clock{font-variant-numeric:tabular-nums;color:var(--muted);flex-wrap:wrap;gap:.5rem 1.75rem;margin-top:1rem;display:flex}.clock b{font:400 clamp(1.8rem,5vw,2.6rem)/1 var(--display);color:var(--fg)}.bar{flex-wrap:wrap}.nav{flex-wrap:wrap;gap:.25rem;display:flex}.nav a{color:var(--muted);transition:color .2s var(--ease-snap),background-color .2s var(--ease-snap);border-radius:99px;padding:.35rem .7rem;text-decoration:none}.nav a:hover{color:var(--fg)}.nav a[aria-current=page]{color:var(--fg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}@media (max-width:720px){.nav{flex-wrap:nowrap;order:3;width:100%;overflow-x:auto}}.sec{margin-top:4rem}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.add summary{display:inline-block}.add[open]{flex-basis:100%}.add .panel{max-width:30rem;margin:1rem 0 0}.panel .row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}textarea.input{resize:vertical;min-height:4.5rem}.err{color:#b3261e}[data-theme=dark] .err{color:#ffb3bb}.link-btn{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:.85rem;text-decoration:underline}.link-btn:hover{color:var(--thread)}.pic{background:var(--line);border-radius:.6rem;width:100%;height:auto;margin:.6rem 0;display:block}.cap{white-space:pre-wrap;margin:.4rem 0}h3{font:400 1.35rem/1.2 var(--display);margin:.15rem 0 .2rem}.thread-list{flex-direction:column;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex;position:relative}.thread-list:before{content:"";background:var(--thread);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.entry{background:var(--paper);border:1px solid var(--line);width:calc(50% - 1.5rem);animation:rise .6s var(--spring-snappy) backwards;border-radius:1rem;padding:1rem 1.1rem;position:relative}.entry.caca{background:color-mix(in srgb,var(--caca-soft) 55%,var(--paper));align-self:flex-end}.entry.zul{background:color-mix(in srgb,var(--zul-soft) 55%,var(--paper))}.entry:after{content:"";background:var(--thread);width:12px;height:12px;box-shadow:0 0 0 4px var(--bg);border-radius:50%;position:absolute;top:1.3rem}.entry.zul:after{right:calc(-1.5rem - 6px)}.entry.caca:after{left:calc(-1.5rem - 6px)}@media (max-width:720px){.thread-list{padding-left:1.5rem}.thread-list:before{left:0}.entry{width:100%}.entry.zul:after,.entry.caca:after{left:calc(-1.5rem - 6px);right:auto}}.letters{grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.envelope{background:var(--paper);border:1px solid var(--line);animation:rise .6s var(--spring-snappy) backwards;border-radius:1rem;align-content:start;gap:.3rem;padding:1.1rem 1.2rem;display:grid;position:relative}.zul{--side:var(--zul-accent)}.caca{--side:var(--caca-accent)}.envelope{border-left:4px solid var(--side,var(--line))}.envelope details summary h3:after{content:" ↓";color:var(--muted);font-size:.9rem}.envelope details[open] summary h3:after{content:" ↑"}.envelope.sealed:after{content:"";background:var(--thread);border-radius:50%;width:22px;height:22px;position:absolute;top:1rem;right:1rem;box-shadow:inset 0 0 0 4px #0002}.seal{color:var(--thread);margin:0}.next-card{color:var(--night-ink);background:linear-gradient(120deg,var(--night) 0 50%,#5a3a44);border-radius:1.25rem;justify-items:start;gap:.6rem;margin:0 0 3rem;padding:1.5rem 1.6rem;display:grid}.next-card .mono{opacity:.75;margin:0}.next-card .muted{color:inherit;opacity:.75}.next-card .btn.solid{margin-top:.4rem}.list-head{margin:2.5rem 0 1rem;font-size:clamp(1.3rem,3vw,1.7rem)}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--side,var(--line));border-radius:1rem;align-content:start;gap:.25rem;padding:1rem 1.1rem;display:grid}.card.is-done{opacity:.7}.card .mono{min-height:1em;margin:0}.card .row,.entry .row,.envelope .row,.songs li{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.4rem;display:flex}.duo{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (max-width:720px){.duo{grid-template-columns:1fr}}.col{background:color-mix(in srgb,var(--zul-soft) 60%,var(--paper));border-radius:1.25rem;padding:1.25rem}.col.caca{background:color-mix(in srgb,var(--caca-soft) 60%,var(--paper))}.col>.mono{margin:1.2rem 0 .4rem}.songs{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.songs li{margin:0}.song{flex:1;min-width:0}.song summary{align-items:center;gap:.75rem;display:flex}.song summary img,.song .cover{background:var(--line);object-fit:cover;border-radius:.4rem;flex:none;width:48px;height:48px}.song summary span:first-of-type{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.song summary small{text-overflow:ellipsis;display:block;overflow:hidden}.song iframe{border:0;border-radius:12px;width:100%;margin-top:.5rem;display:block}.mix{margin-top:3rem}.mix summary{display:inline-block}.choice{border:0;gap:.35rem;margin:0;padding:0;display:grid}.choice label{align-items:center;gap:.5rem;display:flex}.vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}label.btn{cursor:pointer;display:inline-block}label.btn:focus-within{outline:2px solid var(--thread);outline-offset:3px}.add-photos{justify-items:end;gap:.4rem;display:grid}.reel-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));gap:1.75rem 1.25rem;margin:0;padding:0;list-style:none;display:grid}.polaroid{color:#2a2522;transform:rotate(var(--tilt,0deg));transition:transform .3s var(--spring-snappy);background:#fffdf8;border-radius:.25rem;padding:.7rem .7rem 1rem;box-shadow:0 1px 2px #0002,0 8px 24px #0001}.polaroid:hover{transform:rotate(0)translateY(-3px)}.polaroid a{gap:.35rem;text-decoration:none;display:grid}.polaroid img,.polaroid .blank{aspect-ratio:4/5;object-fit:cover;background:#e9e4dc;width:100%;display:block}.polaroid .muted{color:#7a716b}.polaroid{border-bottom:4px solid var(--side,transparent)}.pol-cap{font:400 1.15rem/1.25 var(--display)}.reel-tools{align-items:center;gap:.5rem;margin:1.5rem 0 1rem;display:flex}.reel-track{margin:0 calc(var(--gutter) * -1);padding:1rem var(--gutter) 2rem;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);overscroll-behavior-x:contain;gap:1.5rem;list-style:none;display:flex;overflow-x:auto}.reel-track .polaroid{scroll-snap-align:start;flex:0 0 min(78vw,20rem);align-content:start;gap:.4rem;display:grid}.pol-open{cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.polaroid .row{align-items:center;gap:1rem;display:flex}.heart{color:#8a7f78;transition:transform .16s var(--ease-snap),color .16s var(--ease-snap);background:#fff;border:1px solid #d9d0c7;border-radius:99px;padding:.2rem .7rem;font-size:.95rem}.heart.on{color:var(--thread);border-color:var(--thread)}.heart:active{transform:scale(.9)}.polaroid .link-btn{color:#7a716b}.reel-song{border:0;border-radius:12px;width:100%;max-width:30rem;margin-top:1rem;display:block}.reel-admin{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.5rem;margin-top:2rem;display:flex}.reel-admin .row{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.story{z-index:50;overscroll-behavior:contain;height:100dvh;animation:settle .3s var(--spring-smooth);background:#0b0b0e;place-items:center;display:grid;position:fixed;inset:0}.story img{object-fit:contain;max-width:100%;max-height:100dvh}.story .bars{z-index:2;gap:4px;display:flex;position:absolute;top:.75rem;left:.75rem;right:.75rem}.story .bars i{background:#ffffff40;border-radius:2px;flex:1;height:3px}.story .bars i.seen{background:#fff}.story .bars i{overflow:hidden}.story .bars b{transform-origin:0;background:#fff;height:100%;animation:5s linear draw-x;display:block}.story:active .bars b{animation-play-state:paused}.story-cap{color:#fff;font:400 1.2rem/1.3 var(--display);z-index:2;background:linear-gradient(#0000,#000a);margin:0;padding:2rem 1.25rem 1.5rem;position:absolute;bottom:0;left:0;right:0}.story .tap{z-index:1;background:0 0;border:0;width:50%;position:absolute;top:0;bottom:0}.story .tap.prev{cursor:w-resize;left:0}.story .tap.next{cursor:e-resize;right:0}.story-close{z-index:3;color:#fff;background:#fff2;border-color:#fff4;position:absolute;top:1.6rem;right:.75rem}.input.sm{max-width:12rem;padding:.35rem .6rem;font-size:.9rem}.thumbs{align-items:center;gap:.35rem;margin-top:.5rem;font-size:.9rem;text-decoration:none;display:flex}.thumbs img{object-fit:cover;border-radius:.3rem;width:44px;height:44px}.thumbs span{color:var(--thread);margin-left:.3rem}@supports (animation-timeline:view()){.entry,.envelope,.card,.reel-grid .polaroid{animation:linear both rise;animation-timeline:view();animation-range:entry entry 35%}.entry:after{animation:linear both pop;animation-timeline:view();animation-range:entry 15% entry 45%}.thread-list:before{transform-origin:top;animation:linear both draw;animation-timeline:view();animation-range:entry cover 70%}}.next-card h2{animation:rise .65s var(--spring-snappy) backwards}.add[open] .panel,.envelope details[open] .cap,.song[open] iframe{animation:rise .5s var(--spring-snappy) backwards}.heart.on{animation:beat .45s var(--spring-snappy)}@keyframes beat{40%{transform:scale(1.28)}}.ctrl,.link-btn{transition:color .2s var(--ease-snap),background-color .2s var(--ease-snap),transform .16s var(--ease-snap)}.ctrl:active{transform:scale(.94)}
html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}