.twf-page{background:oklch(14% .01 80);min-height:100vh;font-family:EB Garamond,Georgia,serif;position:relative;overflow:hidden}.twf-cover{z-index:6;pointer-events:none;background:oklch(14% .01 80);transition:opacity 1.8s;position:absolute;inset:0}.twf-cover--lift{opacity:0}.twf-scene{position:absolute;inset:0}.twf-scene,.twf-bushes{opacity:0;transition:opacity 2.4s}.twf-weather{opacity:0;transition:opacity 2.6s .9s}.twf-page--lit .twf-scene,.twf-page--lit .twf-bushes,.twf-page--lit .twf-weather{opacity:1}.scn-canvas{filter:sepia(.28)contrast(.98)brightness(.9)saturate(.76);width:100%;height:100%;transition:filter 3.6s linear;position:absolute;inset:0}.twf-page--calm .scn-canvas{filter:sepia(.34)contrast(.97)brightness(.76)saturate(.72)}.twf-grade{pointer-events:none;z-index:1;background:radial-gradient(130% 105% at 50% 42%,#0000 44%,oklch(8% .012 70/.62) 84%,oklch(5% .01 70/.88) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0.055 0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23g)'/%3E%3C/svg%3E");position:absolute;inset:0}.twf-masts{position:absolute;inset:0}.twf-lamp{filter:blur(1.1px);width:7px;height:7px;animation:3.6s ease-in-out infinite twf-lamp;animation-delay:calc(var(--i) * -.42s);background:oklch(68% .23 27);border-radius:50%;position:absolute;translate:-50% -50%}.twf-lamp--far{width:4px;height:4px;animation-duration:4.7s;animation-delay:calc(-1.9s + var(--i) * -.55s)}@keyframes twf-lamp{0%,46%,to{opacity:.34;box-shadow:0 0 5px 2px oklch(55% .19 26/.45),0 0 16px 5px oklch(50% .17 25/.22)}54%,64%{opacity:1;box-shadow:0 0 10px 4px oklch(66% .23 27/.95),0 0 34px 12px oklch(58% .21 26/.65),0 0 80px 30px oklch(52% .18 25/.32)}}.twf-masts--calm .twf-lamp{animation-duration:6.2s}.twf-masts--calm .twf-lamp--far{animation-duration:7.6s}.twf-skyflash{z-index:1;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(110% 80% at 52% 55%,oklch(85% .03 90/.85),oklch(50% .03 90/.3) 48%,#0000 74%);animation:.82s linear both twf-strike;position:absolute;inset:0}.twf-frontflash{z-index:1;pointer-events:none;background:oklch(88% .03 88/.18);animation:.82s linear both twf-strike;position:absolute;inset:0}@keyframes twf-strike{0%{opacity:0}6%{opacity:1}14%{opacity:.15}26%{opacity:.85}38%{opacity:.25}52%{opacity:.5}to{opacity:0}}.twf-weather{pointer-events:none;position:absolute;inset:0}.dsb-canvas{width:100%;height:100%;position:absolute;inset:0}.twf-veil{pointer-events:none;-webkit-backdrop-filter:blur(2.2px);backdrop-filter:blur(2.2px);background:oklch(16% .015 70/.12);transition:-webkit-backdrop-filter 3.6s linear,backdrop-filter 3.6s linear;position:absolute;inset:0}.twf-page--calm .twf-veil{-webkit-backdrop-filter:blur();backdrop-filter:blur()}.twf-over{z-index:2;opacity:0;place-content:center;min-height:100vh;padding:2rem 1.5rem 8rem;transition:opacity 2.8s;display:grid;position:relative}.twf-over--in{opacity:1}.twf-stage{transition:opacity .6s}.twf-stage--out{opacity:0;pointer-events:none}.twf-stage--in{animation:.9s both twf-fadein}@keyframes twf-fadein{0%{opacity:0}}.pcb-wrap{justify-items:center;gap:.9rem;display:grid}.pcb{aspect-ratio:3/2;color:oklch(32% .03 58);background:oklch(92% .016 88);border:1px solid oklch(78% .02 80);border-radius:2px;grid-template-rows:1fr auto;width:min(26rem,92vw);display:grid;position:relative;rotate:-1.4deg;box-shadow:inset 0 1px oklch(100% 0 0/.5),0 16px 44px oklch(0% 0 0/.5)}.pcb--going{pointer-events:none;animation:1.05s both pcb-fly}@keyframes pcb-fly{0%{opacity:1;filter:none;animation-timing-function:ease-out;transform:none}26%{opacity:1;filter:none;animation-timing-function:cubic-bezier(.7,0,1,.65);transform:translate(-.4rem,-.55rem)rotate(-1.4deg)}97%{opacity:1}to{opacity:0;filter:blur(4px);transform:translate(90vw,-36vh)rotate(11deg)}}.pcb-split{grid-template-columns:1.2fr 1fr;min-height:0;display:grid}.pcb-left{border-right:1px solid oklch(62% .025 62);padding:1.1rem .9rem .4rem 1.2rem}.pcb-note{resize:none;color:oklch(30% .05 250);background:repeating-linear-gradient(#0000 0 calc(1.75rem - 1px),oklch(68% .03 62/.55) calc(1.75rem - 1px) 1.75rem) 0 .35rem;border:none;width:100%;height:100%;padding:0;font-family:Caveat Variable,cursive;font-size:1.18rem;line-height:1.75rem}.pcb-note:focus-visible{outline:none;box-shadow:0 1px oklch(46% .09 25)}.pcb-right{align-content:space-between;padding:.9rem 1rem .4rem;display:grid;position:relative}.pcb-stamp{outline-offset:-2px;background:oklch(88% .03 60);border:1px solid oklch(72% .04 55);outline:3px dotted oklch(92% .016 88);place-content:center;justify-self:end;width:3.1rem;height:3.7rem;display:grid;position:relative}.pcb-stamp svg{stroke:oklch(48% .07 40/.8);position:absolute;inset:.3rem}.pcb-stamp-val{color:oklch(42% .07 40);font-family:JetBrains Mono Variable,monospace;font-size:.55rem;position:absolute;bottom:.1rem;right:.2rem}.pcb-postmark{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:oklch(45% .04 58/.85);pointer-events:none;border:1px solid oklch(45% .04 58/.55);border-radius:50%;place-content:center;gap:.1rem;width:4.4rem;height:4.4rem;font-family:JetBrains Mono Variable,monospace;font-size:.5rem;display:grid;position:absolute;top:.6rem;right:2.6rem;rotate:-10deg}.pcb-postmark-day{font-size:.66rem}.pcb-addr{gap:1.15rem;padding:0 .2rem .8rem;display:grid}.pcb-addr span{background:oklch(60% .028 62);height:1px}.pcb-foot{letter-spacing:.1em;color:oklch(46% .05 45);cursor:pointer;touch-action:none;border-top:1px solid oklch(62% .025 62);align-items:center;gap:.8rem;padding:.45rem 1.2rem .55rem;font-family:JetBrains Mono Variable,monospace;font-size:.62rem;display:flex}.pcb-foot:active{cursor:grabbing}.pcb-foot--shake{animation:.48s pcb-shake}@keyframes pcb-shake{16%{translate:-5px}36%{translate:4px}56%{translate:-3px}76%{translate:2px}}.pcb-foot:focus-visible{outline-offset:-2px;outline:2px solid oklch(46% .09 25)}.pcb-freq{min-width:4.6rem}.pcb-scale{background:repeating-linear-gradient(90deg,oklch(55% .03 58/.55) 0 1px,#0000 1px 4.16667%) bottom/100% .3rem no-repeat;flex:1;height:.5rem;position:relative}.pcb-needle{left:var(--at);background:oklch(46% .11 25);width:2px;height:.7rem;transition:left 80ms linear;position:absolute;bottom:-.1rem}.pcb-foot--set .pcb-needle{box-shadow:0 0 5px oklch(46% .11 25/.6)}.pcb-under{flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem;min-height:2.2rem;display:flex}.snt-wrap{justify-items:center;gap:1rem;animation:1.5s both twf-fadein;display:grid}.snt{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:.55rem;width:min(24rem,90vw);padding:1.7rem 1.8rem 1.5rem;display:grid}.snt-head{letter-spacing:.14em;text-transform:uppercase;color:oklch(75% .015 85/.75);font-size:.72rem}.snt-freq{color:oklch(94% .012 88);font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:600;line-height:1.1}.snt-freq span{color:oklch(80% .015 85/.8);font-size:1rem;font-weight:500}.snt-sub{color:oklch(80% .015 85/.75);max-width:18rem;font-size:.8rem}.snt-link{background:oklch(10% .008 265/.7);border-radius:.6rem;width:100%;min-width:0;margin-top:.35rem;padding:.45rem .8rem}.snt-url{text-overflow:ellipsis;white-space:nowrap;color:oklch(78% .015 85/.85);-webkit-user-select:all;user-select:all;max-width:100%;font-size:.7rem;display:block;overflow:hidden}.snt-row{gap:.6rem;margin-top:.5rem;display:flex}.scn-frame-hold{transform-origin:50% 100%;will-change:transform;animation:11s ease-in-out infinite twf-frame-sway;position:absolute;inset:-4%}.scn-frame-hold--calm{animation-play-state:paused}.scn-frame{transform-origin:50% 100%;width:100%;height:100%;transform:skewX(calc((var(--twf-gust,.55) - .5) * .5deg * var(--twf-drama,1)));filter:blur(.5px);transition:transform .32s cubic-bezier(.22,.61,.36,1);position:absolute;inset:0}@keyframes twf-frame-sway{0%,to{transform:skew(-.16deg)}42%{transform:skew(.26deg)}58%{transform:skew(.13deg)}76%{transform:skew(.29deg)}}.twf-bushes{pointer-events:none;position:absolute;inset:0}.scn-bush{transform-origin:10% 100%;width:min(24rem,34vw);height:auto;transform:skewX(calc((var(--twf-gust,.55) - .5) * 1.4deg * var(--twf-drama,1) * var(--gust-lean,1)));filter:blur(1.1px)brightness(.9);will-change:transform, rotate;transition:transform .3s cubic-bezier(.22,.61,.36,1);animation:7.3s ease-in-out infinite twf-sway;position:absolute;bottom:-4vh;left:-3vw}.scn-bush--flip{transform-origin:90% 100%;--gust-lean:-.82;animation-duration:9.1s;animation-delay:-3.4s;left:auto;right:-3vw;scale:-1 1}@keyframes twf-sway{0%,to{rotate:-.6deg}38%{rotate:.85deg}55%{rotate:.32deg}72%{rotate:.98deg}}.twf-bushes--calm .scn-bush{animation-play-state:paused}.twf-sound{z-index:50;border-radius:var(--radius-pill);color:oklch(94% .012 84);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:3rem;height:3rem;transition:color var(--dur-fast) var(--ease-out-soft), border-color var(--dur-fast) var(--ease-out-soft);animation:twf-sound-in var(--dur-slow) var(--ease-out-soft) both;background:oklch(24% .02 58/.62);border:1px solid oklch(94% .012 84/.22);place-items:center;display:grid;position:fixed;bottom:1rem;left:.5rem}.twf-sound--stacked{bottom:5rem}@media (width>=64rem){.twf-sound{left:1.25rem}}.twf-sound svg{width:1.5rem;height:1.5rem}.twf-sound:hover,.twf-sound:focus-visible{border-color:oklch(94% .012 84/.5)}.twf-sound:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@keyframes twf-sound-in{0%{opacity:0}to{opacity:1}}.twf-how-panel{color:oklch(32% .03 58);background:oklch(92% .016 88);border-radius:2px;gap:1rem;width:min(26rem,88vw);padding:1.8rem 2rem;font-size:1.02rem;line-height:1.65;display:grid;rotate:-.8deg;box-shadow:0 18px 50px oklch(0% 0 0/.5)}.twf-how-panel .twf-btn{color:oklch(32% .03 58);background:oklch(86% .02 80);border-color:oklch(70% .03 70);justify-self:start}.dlv{justify-items:center;gap:1rem;animation:2.6s both dlv-arrive;display:grid}@keyframes dlv-arrive{0%{opacity:0;translate:0 .6rem}}.snd-dial--going,.snd-send--gone{opacity:0;pointer-events:none;transition:opacity .5s}.snd-send{transition:opacity .5s}.dlv-card{aspect-ratio:auto;place-content:center;min-height:9rem;padding:1.6rem 2rem;display:grid;overflow:hidden}.dlv-msg{color:oklch(30% .05 250);opacity:calc(1 - var(--off,1));filter:blur(calc(var(--off,1) * 7px));font-family:Caveat Variable,cursive;font-size:1.6rem;transition:opacity 1.8s,filter 1.8s}.dlv-noise{opacity:var(--off,1);pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.35 0 0 0 0 0.35 0 0 0 0.5 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23s)'/%3E%3C/svg%3E");transition:opacity 1.8s;position:absolute;inset:0}.dlv-stamp{letter-spacing:.2em;color:oklch(50% .13 25);border:1px solid oklch(50% .13 25/.6);padding:.15rem .5rem;font-family:JetBrains Mono Variable,monospace;font-size:.7rem;position:absolute;bottom:.6rem;right:.8rem;rotate:-6deg}.dlv-dial{background:oklch(92% .016 88);border:1px solid oklch(78% .02 80);border-radius:2px;width:min(24rem,88vw);rotate:.6deg}.twf-btn{font:inherit;color:oklch(90% .012 88);cursor:pointer;background:oklch(14% .008 265/.85);border:1px solid oklch(36% .012 265);border-radius:999px;padding:.4rem 1.1rem;font-size:.82rem}.twf-btn:hover:not(:disabled){border-color:oklch(55% .17 25)}.twf-btn:focus-visible{outline-offset:2px;outline:2px solid oklch(90% .012 88)}.twf-btn[aria-pressed=true]{color:oklch(68% .14 30);border-color:oklch(55% .17 25)}.twf-btn:disabled{opacity:.4;cursor:default}@media (prefers-reduced-motion:reduce){.twf-scene,.twf-bushes,.twf-weather{opacity:1;transition:none}.twf-cover,.twf-stage{transition:none}.twf-stage--in,.snt-wrap,.dlv,.pcb-foot--shake,.twf-lamp,.scn-bush,.scn-frame-hold{animation:none}.twf-lamp{opacity:.8;box-shadow:0 0 8px 3px oklch(60% .21 27/.8),0 0 24px 9px oklch(55% .19 26/.5)}.twf-skyflash,.twf-frontflash{opacity:0;animation:none}.twf-over{opacity:1;transition:none}.twf-veil{-webkit-backdrop-filter:none;backdrop-filter:none}.pcb--going{opacity:0;animation:none}.dlv-wait{animation:none}}