@property --charge{syntax:"<number>";inherits:true;initial-value:0}.love{--charge:0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;text-shadow:0 0 calc(14px + var(--charge) * 28px) rgba(246, 205, 27, calc(.35 + var(--charge) * .5));transition:--charge .7s var(--ease);position:relative}.love.is-holding{transition:none}.love:before{content:"";position:absolute;inset:-16px -14px}.love:after{content:"";transform-origin:0;height:2px;transform:scaleX(var(--charge));opacity:min(1, calc(var(--charge) * 5));pointer-events:none;background:linear-gradient(90deg,#f6cd1b40,#fff4bf);border-radius:2px;position:absolute;bottom:-10px;left:0;right:0;box-shadow:0 0 12px #f6cd1bd9}.love__heart{scale:calc(1 + var(--charge) * .38);flex:none;animation:4.8s ease-in-out 2s infinite loveIdle;display:inline-grid;position:relative}.love__heart>svg{grid-area:1/1}.love .love__fill{color:#fffbe9;clip-path:inset(calc((1 - var(--charge)) * 100%) 0 0 0);filter:blur(.6px) drop-shadow(0 0 calc(var(--charge) * 9px) #ffeca0f2)}.love.is-full .love__heart{animation:.714s ease-in-out infinite loveFull}.love.is-holding .heart{animation:none}@keyframes loveIdle{0%,74%,to{transform:scale(1)}79%{transform:scale(1.18)}84%{transform:scale(.97)}89%{transform:scale(1.1)}94%{transform:scale(1)}}@keyframes loveFull{0%,to{transform:scale(1)}9%{transform:scale(1.16)}22%{transform:scale(.98)}32%{transform:scale(1.08)}50%{transform:scale(1)}}.love-gl{z-index:290;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.love-gl[hidden]{display:none}.love-on .cursor{opacity:0;transition:opacity .3s}html:not(.love-on) .cursor{transition:opacity .7s var(--ease)}.love-go{z-index:376;width:fit-content;font:500 11px/1.3 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:#fff3cf;text-shadow:0 0 18px #f6cd1bbf;opacity:0;transition:opacity .5s var(--ease), translate .7s var(--ease);pointer-events:none;margin-inline:auto;position:fixed;left:0;right:0;translate:0 10px}.love-go.is-on{opacity:1;translate:0}.love-chip{z-index:376;left:0;right:0;bottom:calc(26px + env(safe-area-inset-bottom,0px));pointer-events:none;width:fit-content;margin-inline:auto;position:fixed}.love-chip__in{-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);opacity:0;transition:opacity .45s var(--ease), translate .7s var(--ease), scale .7s var(--ease);background:#100d08bd;border-radius:999px;align-items:center;gap:10px;padding:8px 20px 8px 9px;display:inline-flex;position:relative;translate:0 26px;scale:.9;box-shadow:inset 0 0 0 1px #f6cd1b57,inset 0 1px #fff0be2e,0 22px 60px -14px #000000d9,0 0 46px #f6cd1b33}.love-chip.is-on .love-chip__in{opacity:1;translate:0;scale:1}.love-chip__heart{background:radial-gradient(circle,#f6cd1b52,#f6cd1b00 70%);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.love-chip__heart svg{filter:drop-shadow(0 0 8px #f6cd1bd9);width:20px;height:20px}.love-chip__num{font-family:var(--serif);color:#fffaf0;text-shadow:0 0 18px #ffecaa66;font-size:26px;font-weight:400;line-height:1}.love-chip__label{font:500 10.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-2)}.love-chip.is-bump .love-chip__heart svg{animation:.34s cubic-bezier(.3,1.7,.5,1) loveChipPop}.love-chip.is-bump .love-chip__num{animation:loveChipNum .5s var(--ease)}@keyframes loveChipPop{0%{transform:scale(1.55)}to{transform:scale(1)}}@keyframes loveChipNum{0%{color:#fff3b0;text-shadow:0 0 24px #f6cd1be6}to{color:#fffaf0;text-shadow:0 0 18px #ffecaa66}}.love-said{align-items:center;gap:.35em;display:inline-flex}.love-tip{text-transform:none;letter-spacing:-.02em;opacity:.7;border-left:1px solid #00000040;margin-left:.6em;padding-left:.6em;font-weight:600}.banner{z-index:375;box-shadow:none;text-align:center;opacity:1;pointer-events:none;background:0 0;border:0;border-radius:0;justify-items:center;gap:clamp(12px,1.5vw,22px);padding:0 16px;transition:none;display:grid;position:fixed;top:46%;left:0;right:0;transform:translateY(-50%)}.banner.is-on{opacity:1;transform:translateY(-50%)}.banner[hidden]{display:none}.banner:before{content:"";z-index:-1;opacity:0;width:min(130vw,1300px);height:min(80vh,660px);transition:opacity .9s var(--ease);background:radial-gradient(closest-side,#060503c7,#06050380 55%,#06050300);position:absolute;top:50%;left:50%;translate:-50% -50%}.banner.is-on:before{opacity:1}.banner.is-out:before{opacity:0}.banner__big{font-family:var(--serif);letter-spacing:-.02em;white-space:nowrap;color:#fffaf0;text-shadow:0 0 2px #ffffff80,0 0 44px #ffe4a08c;justify-content:center;align-items:center;gap:0;font-size:clamp(60px,9vw,150px);font-weight:400;line-height:.9;display:flex}.banner__ch{opacity:0;filter:blur(14px);flex:none;display:inline-block;translate:0 .32em}.banner__sp{flex:none;width:.24em;display:inline-block}.banner__heart{padding:0 .04em}.banner__heart svg{filter:drop-shadow(0 0 22px #f6cd1be6);width:.74em;height:.74em;display:block}.banner.is-on .banner__ch{animation:loveChIn 1.15s var(--ease) forwards;animation-delay:calc(var(--i) * 48ms + .4s)}.banner.is-out .banner__ch{animation:loveChOut .8s var(--ease) both;animation-delay:calc(var(--i) * 22ms)}.banner__more{font-family:var(--serif);letter-spacing:0;text-transform:none;color:var(--yellow);text-shadow:0 0 22px #f6cd1b80;opacity:0;font-size:clamp(20px,2vw,30px);font-style:italic;line-height:1.1;translate:0 12px}.banner.is-on .banner__more{animation:loveChIn 1.2s var(--ease) 1.05s forwards}.banner.is-out .banner__more{animation:loveChOut .7s var(--ease) both}@keyframes loveChIn{to{opacity:1;filter:blur();translate:0}}@keyframes loveChOut{0%{opacity:1;filter:blur();translate:0}to{opacity:0;filter:blur(12px);translate:0 -.3em}}.wall{background:radial-gradient(85% 55% at 50% 112%,#f6cd1b2b,#f6cd1b00 70%),radial-gradient(55% 40% at 50% 42%,#ffd66e0d,#ffd66e00 72%),linear-gradient(#050505 0%,#0a0908 55%,#110e08 100%);flex-direction:column;min-height:clamp(620px,92svh,920px);padding:clamp(24px,2.8vw,46px);display:flex}.wall>:not(.heartfield){z-index:1;position:relative}.heartfield{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wall__hero{text-align:center;margin-top:auto}.wall__hero:before{content:"";z-index:-1;aspect-ratio:2.4;pointer-events:none;background:radial-gradient(closest-side,#f6cd1b1f,#f6cd1b00);width:min(980px,120%);position:absolute;top:40%;left:50%;translate:-50% -50%}.wall__big{text-transform:uppercase;font-size:clamp(76px,12.5vw,250px);line-height:.82}.wall__big em{text-transform:none}.wall__sub{margin-top:clamp(10px,1.2vw,18px);font-size:clamp(15px,1.35vw,23px)}.flow{white-space:nowrap;display:inline-block}.flow__d{text-align:center;clip-path:inset(0 -.3em);transition:width .6s var(--ease), opacity .5s var(--ease);margin:-.14em 0;padding:.14em 0;display:inline-block;position:relative}.flow__d.is-new{opacity:0}.flow__g{visibility:hidden}.flow__s{will-change:transform;display:block;position:absolute;top:.14em;left:-.2em;right:-.2em}.flow__s>i{height:1.1em;font-style:normal;display:block}.flow__sep{display:inline-block}.wall__grid{justify-items:center;gap:clamp(16px,1.8vw,24px);margin-top:clamp(30px,3.6vw,58px);margin-bottom:auto;display:grid}.wall__send{--orb:clamp(104px, 9vw, 136px);color:var(--yellow);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border-radius:30px;justify-items:center;gap:14px;padding:8px 16px 6px;display:grid;position:relative}.wall__send:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.wall__orb{width:var(--orb);height:var(--orb);-webkit-backdrop-filter:blur(10px)saturate(1.3);backdrop-filter:blur(10px)saturate(1.3);transition:scale .55s var(--ease), box-shadow .55s var(--ease);background:radial-gradient(circle at 50% 32%,#fff2c43d,#f6cd1b17 48%,#f6cd1b08 72%);border-radius:50%;place-items:center;animation:2.4s ease-in-out infinite wallBreath;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffe48c3d,inset 0 1px #fff6d64d,inset 0 -18px 30px #78500033,0 0 80px #f6cd1b33,0 34px 60px -30px #000000e6}.wall__orb:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:conic-gradient(#fea0 0deg,#ffeeaaf2 50deg,#fea0 130deg 360deg);border-radius:50%;padding:1.5px;animation:6s linear infinite wallSpin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.wall__heart{filter:drop-shadow(0 0 14px #f6cd1bcc);width:46%;height:46%}.wall__send:hover .wall__orb{scale:1.05;box-shadow:inset 0 0 0 1px #ffeca06b,inset 0 1px #fff6d666,inset 0 -18px 30px #78500033,0 0 110px #f6cd1b52,0 34px 60px -30px #000000e6}.wall__send:active .wall__orb{transition-duration:80ms;scale:.93}.wall__label{font-family:var(--sans);letter-spacing:-.05em;text-transform:uppercase;color:var(--yellow);text-shadow:0 0 14px #f6cd1b66;filter:blur(min(.048em,1px));font-size:clamp(15px,1.2vw,20px);font-style:italic;font-weight:800;line-height:1}.wall__send .heart-ring{width:var(--orb);height:var(--orb);margin-left:calc(var(--orb) / -2);border-radius:50%;inset:8px auto auto 50%}.wall__send.is-tap .heart-ring{animation:.9s cubic-bezier(.2,.7,.2,1) wallRing}.wall__send .heart-combo{top:4px;right:auto;left:calc(50% + var(--orb) * .32)}.wall__note{text-align:center;text-wrap:balance;max-width:min(100%,640px);color:var(--fg-3)}@keyframes wallBreath{0%,62%,to{transform:scale(1)}70%{transform:scale(1.07)}80%{transform:scale(.99)}90%{transform:scale(1.04)}}@keyframes wallSpin{to{rotate:360deg}}@keyframes wallRing{0%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.wall__live{gap:9px;position:relative}.wall__dot{background:#1d1b17;border-radius:50%;flex:none;width:7px;height:7px;position:relative}.wall__dot:after{content:"";animation:pulse 2s var(--ease) infinite;background:#1d1b1773;border-radius:50%;position:absolute;inset:0}.wall__live:after{content:"";border-radius:inherit;mix-blend-mode:multiply;opacity:0;pointer-events:none;background:linear-gradient(#fff1a8,#f6cd1b);position:absolute;inset:0}.wall__live.is-ping:after{animation:wallPing 1.4s var(--ease)}@keyframes wallPing{0%{opacity:1}to{opacity:0}}@media (max-width:760px){.wall{min-height:clamp(560px,88svh,780px)}.wall__big{font-size:clamp(64px,19vw,130px)}.wall__send{--orb:104px}}@media (prefers-reduced-motion:reduce){.love,.love-chip__in,.love-go{transition-duration:10ms}.love__heart,.love.is-full .love__heart,.love-chip.is-bump .love-chip__heart svg,.love-chip.is-bump .love-chip__num,.wall__orb,.wall__orb:before,.wall__dot:after,.wall__send.is-tap .heart-ring,.wall__live.is-ping:after{animation:none}.flow__d{transition:none}.love-chip__in,.love-go{translate:none;scale:none}.banner__ch,.banner__more{filter:none;translate:none}.banner.is-on .banner__ch,.banner.is-on .banner__more{animation:.6s linear forwards loveFade}.banner.is-out .banner__ch,.banner.is-out .banner__more{animation:.6s linear reverse both loveFade}@keyframes loveFade{0%{opacity:0}to{opacity:1}}}
:root{--sfx-ease:cubic-bezier(.16, 1, .3, 1)}.sfx-light{z-index:-2;pointer-events:none;width:100%;height:100lvh;display:block;position:fixed;top:0;left:0}html.sfx-light-on body,html.sfx-shapes-on body{background:0 0}html:is(.in-prologue,.welcome-on,.onboard-on,.pro-arriving) .sfx-light{visibility:hidden}@media (forced-colors:active),(prefers-contrast:more),print{.sfx-light,.sfx-shapes{display:none}html.sfx-light-on body,html.sfx-shapes-on body{background:var(--bg)}}@media print{[data-sfx-m]{clip-path:none!important;opacity:1!important;translate:none!important;rotate:none!important;scale:none!important}[data-sfx-m=own]{transform:none!important}.bigtick.sfx-hold:after{display:none!important}.bigtick.sfx-hold .sfx-stage{position:relative!important}}.sfx-stage,html.sfx-shapes-on .bigtick,.bigtick.sfx-hold{position:relative}.bigtick.sfx-hold{padding:0;overflow:clip}.bigtick.sfx-hold:after{content:"";height:88svh;display:block}.bigtick.sfx-hold .sfx-stage{padding:clamp(24px,3vw,50px) 0 clamp(16px,2vw,28px);position:sticky}.sfx-row{white-space:nowrap;align-items:center;gap:clamp(14px,1.8vw,34px);width:max-content;margin-top:clamp(2px,.4vw,8px);padding-right:clamp(14px,1.8vw,34px);display:flex}.bigtick .sfx-row span{letter-spacing:-.01em;text-transform:none;color:#0000;-webkit-text-stroke:1px #f6cd1b80;font-size:clamp(36px,5.6vw,96px);font-style:italic;line-height:1.05}.bigtick .sfx-row span:nth-of-type(2n){color:#f6cd1bd1;-webkit-text-stroke:0;text-shadow:0 0 26px #f6cd1b47}.bigtick .sfx-row .heart{opacity:.75;width:clamp(14px,2vw,34px);height:clamp(14px,2vw,34px)}.sfx-meter{display:none}.bigtick.sfx-hold .sfx-meter{width:min(620px,78vw);font:500 12px/1 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--fg-3);align-items:center;gap:14px;margin:clamp(18px,2.6vw,38px) auto 0;display:flex}.sfx-meter b,.sfx-meter i{font-style:normal;display:block}.sfx-meter__no{height:1.3em;color:var(--yellow);font-weight:600;overflow:hidden}.sfx-meter__roll>b{height:1.3em;line-height:1.3em}.sfx-meter__word{min-width:11ch;color:var(--fg);font-weight:600}.sfx-meter__bar{background:#ffffff1f;flex:1;height:1px;position:relative}.sfx-meter__bar>i{background:linear-gradient(90deg, #f6cd1b40, var(--yellow));transform-origin:0;position:absolute;inset:0;scale:0 1;box-shadow:0 0 10px #f6cd1b99}html.sfx-shapes-on .links{position:relative}.sfx-shapes{--sfx-c:246, 205, 27;z-index:-1;pointer-events:none;contain:strict;position:absolute;inset:-10vh 0;overflow:hidden}.shell>.sfx-shapes{inset:0}.footer>.sfx-shapes{bottom:0}html:is([data-season=winter],[data-season=advent]) .sfx-shapes{--sfx-c:200, 220, 255}html:is([data-season=spring],[data-season=easter]) .sfx-shapes{--sfx-c:255, 190, 205}html:not(.sfx-shapes-on) .sfx-shapes{display:none}.sfx-sh{--s:100px;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);font-style:normal;display:block;position:absolute}.sfx-sh>b{display:block;position:absolute;inset:0}.sfx-sh--ring>b{border:1px dashed rgba(var(--sfx-c), .42);box-shadow:inset 0 0 40px rgba(var(--sfx-c), .045);border-radius:50%}.sfx-sh--orbit>b{border:1px solid rgba(var(--sfx-c), .34);border-radius:50%}.sfx-sh--orbit>b:after{content:"";background:rgb(var(--sfx-c));width:7px;height:7px;box-shadow:0 0 12px 3px rgba(var(--sfx-c), .55);border-radius:50%;margin-left:-3.5px;position:absolute;top:-3.5px;left:50%}.sfx-sh--line{background:linear-gradient(90deg, transparent, rgba(var(--sfx-c), .45) 28%, #fff4d6cc 50%, rgba(var(--sfx-c), .45) 72%, transparent);height:1px;margin-top:-.5px}.sfx-sh--disc{--a:1;background:radial-gradient(closest-side, rgba(var(--sfx-c), calc(.2 * var(--a))), rgba(var(--sfx-c), calc(.075 * var(--a))) 55%, transparent);border-radius:50%}.sfx-sh--blob>b{background:radial-gradient(closest-side at 42% 40%, #ffe2968c, rgba(var(--sfx-c), .24) 55%, rgba(var(--sfx-c), .06));opacity:.75;border-radius:43% 57% 62% 38%/40% 45% 55% 60%;-webkit-mask:url(../media/film-grain.19ks-bj3pop6o.png) 0 0/160px 160px;mask:url(../media/film-grain.19ks-bj3pop6o.png) 0 0/160px 160px}.sfx-sh--plus:before,.sfx-sh--plus:after{content:"";background:rgba(var(--sfx-c), .7);width:100%;height:1px;margin-top:-.5px;position:absolute;top:50%;left:0}.sfx-sh--plus:after{rotate:90deg}.sfx-sh--dots{background:radial-gradient(circle, rgba(var(--sfx-c), .5) 0 1px, transparent 1.6px) 0 0 / 14px 14px;-webkit-mask:radial-gradient(closest-side,#000 35%,#0000);mask:radial-gradient(closest-side,#000 35%,#0000)}@media not print{html.sfx-ready :is([data-sfx=track],[data-sfx=shine],[data-sfx=rise]):not(.sfx-in){opacity:0}html.sfx-ready [data-sfx=draw]:not(.sfx-drawn){border-top-color:#0000}}.sfx-sheen{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sfx-sheen>b{background:linear-gradient(100deg,#0000 22%,#fff6dc12 36%,#fffaec6b 50%,#fff6dc12 64%,#0000 78%);width:60%;position:absolute;top:0;bottom:0;left:0;translate:-110%}.sfx-line{pointer-events:none;height:1px;position:absolute;top:-1px;left:0;right:0}.sfx-line>*{transform-origin:0;position:absolute;inset:0;scale:0 1}.sfx-line>b{background:var(--line)}.sfx-line>i{opacity:0;background:linear-gradient(90deg,#0000 0,#f6cd1b1f 55%,#ffe28cb3 calc(100% - 36px),#fff6d6);box-shadow:0 0 8px #f6cd1b8c}:where(.links .pill,.verse-card__actions .pill,.menu__foot .pill,.rooms-grid>li)>svg{--sfx-nudge:sfx-hop;transform-origin:50%}:is(:is(.links,.verse-card__actions,.menu__foot,.rooms-grid) svg:has(>use[href=\#i-github]),:is(.links,.verse-card__actions,.menu__foot,.rooms-grid) svg:has(>use[href=\#i-chat])){--sfx-nudge:sfx-wave}:is(:is(.links,.verse-card__actions,.menu__foot,.rooms-grid) svg:has(>use[href=\#i-mail]),:is(.links,.verse-card__actions,.menu__foot,.rooms-grid) svg:has(>use[href=\#i-hands])){--sfx-nudge:sfx-lift}:is(.links,.verse-card__actions,.menu__foot,.rooms-grid) svg:has(>use[href=\#i-book]){--sfx-nudge:sfx-open}:is(.links,.verse-card__actions,.menu__foot,.rooms-grid) svg:has(>use[href=\#i-target]){--sfx-nudge:sfx-aim}:is(.links,.verse-card__actions,.menu__foot,.rooms-grid) svg:has(>use[href=\#i-drop]){--sfx-nudge:sfx-drip}:is(.links,.verse-card__actions,.menu__foot,.rooms-grid) svg:has(>use[href=\#i-cross]){--sfx-nudge:sfx-glory}:is(.links,.verse-card__actions,.menu__foot,.rooms-grid) svg:has(>use[href=\#i-copy]){--sfx-nudge:sfx-copy}:is(.links,.verse-card__actions,.menu__foot,.rooms-grid) svg:has(>use[href=\#i-shield]){--sfx-nudge:sfx-beat}:is(.links,.verse-card__actions,.menu__foot,.rooms-grid) svg:has(>use[href=\#i-sun]){--sfx-nudge:sfx-turn4}:is(.links,.verse-card__actions,.menu__foot,.rooms-grid) svg:has(>use[href=\#i-spark]){--sfx-nudge:sfx-twinkle}@media (hover:hover) and (prefers-reduced-motion:no-preference){:is(.links .pill,.verse-card__actions .pill,.menu__foot .pill):not([data-heart-btn],.listen,.verse-like):hover>svg,.rooms-grid>li:hover>svg{animation:var(--sfx-nudge) .8s var(--sfx-ease)}}@media (prefers-reduced-motion:no-preference){:is(.links .pill,.verse-card__actions .pill,.menu__foot .pill):not([data-heart-btn],.listen,.verse-like):focus-visible>svg,.rooms-grid>li:focus-visible>svg{animation:var(--sfx-nudge) .8s var(--sfx-ease)}}@keyframes sfx-wave{20%{rotate:-16deg}45%{rotate:12deg}70%{rotate:-6deg}}@keyframes sfx-lift{35%{translate:0 -3px;rotate:-9deg}70%{translate:0 .5px;rotate:2deg}}@keyframes sfx-open{30%{scale:1.22 .88}60%{scale:.92 1.06}}@keyframes sfx-aim{0%{rotate:0deg}50%{scale:.82}to{rotate:90deg}}@keyframes sfx-drip{35%{translate:0 2.5px;scale:.9 1.12}55%{translate:0 3px;scale:1.18 .84}80%{translate:0 -.5px;scale:.97 1.03}}@keyframes sfx-turn4{0%{rotate:0deg}to{rotate:90deg}}@keyframes sfx-glory{40%{filter:drop-shadow(0 0 6px #f6cd1be6);translate:0 -2.5px}}@keyframes sfx-copy{40%{translate:2.5px -2.5px}}@keyframes sfx-beat{18%{scale:1.24}36%{scale:.95}54%{scale:1.1}}@keyframes sfx-twinkle{0%{rotate:0deg}45%{scale:1.3}to{rotate:90deg}}@keyframes sfx-hop{30%{translate:0 -4px;rotate:-6deg}60%{translate:0 .5px;rotate:3deg}}.sx{color:var(--fg);position:relative}.sx__stage{padding:clamp(64px, 11vh, 132px) var(--gutter);text-align:center;justify-items:center;gap:clamp(18px,3vh,32px);display:grid;position:relative;overflow:hidden}.sx__tag{color:var(--yellow);letter-spacing:.08em;text-transform:uppercase;margin:0}.sx__rings,.sx__bar,.sx__ghost{display:none}.sx__lines{justify-items:center;gap:.35em;display:grid}.sx__line{text-shadow:0 0 1px #ffffff4d,0 0 24px #ffffff1f;max-width:13ch;margin:0;font-size:clamp(44px,7.4vw,128px);line-height:.95}.sx__line em{color:var(--yellow);text-shadow:0 0 22px #f6cd1b59}.sx__verse{max-width:min(1120px,100%);margin:0}.sx__words{letter-spacing:-.02em;margin:0;font-size:clamp(28px,4.4vw,74px);line-height:1.06}.sx__ref{margin-top:.9em;display:block}.sx__ghost{color:#0000;-webkit-text-stroke:1px #f6cd1b33;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(150px,30vw,500px);line-height:1}.sx__track{justify-items:center;gap:clamp(20px,3vh,32px);width:100%;display:grid}.sx__lead{max-width:7ch;margin:0;font-size:clamp(54px,8.6vw,156px);line-height:.9}.sx__lead em{color:var(--yellow)}.sx__cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));justify-content:center;justify-self:stretch;gap:14px;width:min(1200px,100%);margin:0;padding:0;list-style:none;display:grid}.sx__card{border-radius:var(--r-lg);background:var(--frost), #161513d1;min-height:clamp(150px,22vw,210px);box-shadow:var(--edge-rim), var(--depth);text-align:left;flex-direction:column;justify-content:space-between;gap:18px;padding:clamp(20px,2.2vw,30px);display:flex}.sx__k{color:var(--yellow)}.sx__n{font-variant-numeric:tabular-nums;font-size:clamp(64px,7.6vw,136px);line-height:.86}.sx__s{color:#f4f2ec9e;font-size:clamp(14px,1.05vw,17px);line-height:1.35}@media (hover:hover) and (pointer:fine){.sx__card{background:var(--frost), #1615136b;-webkit-backdrop-filter:var(--frost-blur);backdrop-filter:var(--frost-blur)}}.sx-on .sx--depth{height:260vh}.sx-on .sx--write{height:250vh}.sx-on .sx--side{height:280vh}@media (max-width:899px){.sx-on .sx--depth,.sx-on .sx--write{height:200vh}.sx-on .sx--side{height:250vh}}.sx-on .sx__stage{height:100svh;padding:0 var(--gutter);grid-template:1fr/1fr;align-items:center;position:sticky;top:0}.sx-on .sx__stage>*{grid-area:1/1}.sx-on .sx__tag{margin-top:calc(var(--nav-h) + 14px);place-self:start}.sx-on .sx__bar{width:clamp(110px,13vw,210px);height:1px;margin-top:calc(var(--nav-h) + 36px);background:#ffffff1f;place-self:start;display:block}.sx-on .sx__bar i{background:var(--yellow);transform-origin:0;height:100%;display:block;transform:scaleX(0);box-shadow:0 0 12px #f6cd1b99}.sx-on .sx--depth .sx__stage:before{content:"";pointer-events:none;background:radial-gradient(42% 46%,#f6cd1b13,#0000 72%);grid-area:1/1;place-self:stretch stretch}.sx-on .sx__rings{pointer-events:none;place-self:stretch stretch;place-items:center;display:grid}.sx-on .sx__rings i{aspect-ratio:1;opacity:0;will-change:transform, opacity;border:1px solid #f6cd1b52;border-radius:50%;grid-area:1/1;width:78vmin;box-shadow:0 0 34px #f6cd1b1a,inset 0 0 34px #f6cd1b14}.sx-on .sx__lines{place-items:center;display:grid}.sx-on .sx__line{opacity:0;will-change:transform, opacity, filter;grid-area:1/1;transform:scale(.3)}.sx-on .sx__ghost{will-change:transform;display:block}.sx-on .sx__verse{position:relative}.sx-on .sx__w{opacity:.13;display:inline-block;transform:translateY(.32em)}.sx-on .sx__ref{opacity:0}.sx-on .sx--side .sx__stage{justify-items:start}.sx-on .sx__track{will-change:transform;align-items:center;gap:clamp(18px,2.6vw,40px);width:max-content;display:flex;position:relative}.sx-on .sx__lead{text-align:left;flex:none;max-width:6.2ch;margin-right:clamp(10px,3vw,60px)}.sx-on .sx__cards{gap:inherit;width:auto;display:flex}.sx-on .sx__card{aspect-ratio:4/5;flex:none;width:clamp(250px,25vw,380px);min-height:0}@media (max-width:899px){.sx-on .sx__card{width:min(72vw,320px)}.sx-on .sx__lead{max-width:5.6ch}}.sx__dial{display:none}.sx__mid{max-width:12ch;margin:0;font-size:clamp(34px,5vw,84px);line-height:.98}.sx__mid em{color:var(--yellow);text-shadow:0 0 22px #f6cd1b59}.sx-on .sx--turn{height:220vh}@media (max-width:899px){.sx-on .sx--turn{height:170vh}}.sx-on .sx__dial{aspect-ratio:1;will-change:transform;pointer-events:none;width:min(86vmin,820px);display:block}.sx-on .sx__dial svg{width:100%;height:100%;display:block;overflow:visible}.sx__dial text{font-family:var(--sans);letter-spacing:.02em;text-transform:uppercase;fill:#f4f2ec80;font-size:4.4px;font-style:italic;font-weight:800}.sx__dial--in circle{fill:none;stroke:#f6cd1b73;stroke-width:.5px;stroke-dasharray:.5 2.2}.sx__dial--in .sx__dot{fill:var(--yellow);stroke:none}.sx-on .sx__mid{opacity:0;will-change:transform, opacity}.sx__big,.sx__dline{display:none}.sx__col{max-width:min(1000px,100%);margin:0}.sx__ctext{letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:clamp(30px,4.3vw,70px);line-height:1.04}.sx__cref{margin-top:.9em;display:block}.sx-on .sx--diag{height:230vh}@media (max-width:899px){.sx-on .sx--diag{height:180vh}}.sx-on .sx__big,.sx-on .sx__dline{pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:absolute;top:50%;left:50%}.sx-on .sx__big{white-space:nowrap;color:#f6cd1b26;text-shadow:0 0 40px #f6cd1b1f;will-change:transform;font-size:clamp(120px,20vw,340px);font-style:italic;line-height:1}.sx-on .sx__dline{will-change:transform, opacity;background:linear-gradient(90deg,#0000,#f6cd1b99 14%,#fff6d6f2 24%,#f6cd1b14 34% 66%,#fff6d6f2 76%,#f6cd1b99 86%,#0000);width:170vmax;height:1px;margin-left:-85vmax;transform:scaleX(0)}.sx-on .sx__col{opacity:0;will-change:transform, opacity, filter;position:relative}.sx-on .sx__ctext{text-shadow:0 0 3px #080807e6,0 0 22px #080807d9}
.reading{--pad:clamp(22px, 2.2vw, 34px);--band-top:30px;isolation:isolate;min-width:0;padding:var(--pad);background:radial-gradient(120% 60% at 50% 115%,#f6cd1b0f,#0000 62%),linear-gradient(#161411 0%,#0e0d0b 52%,#0b0a09 100%);border:1px solid #ffffff17;border-radius:26px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 70px #00000073,inset 0 1px #ffffff12;container:reading/inline-size}.reading__in{flex:1;grid-template:"top""now""band""legend""week""stats"1fr/minmax(0,1fr);display:grid}.reading__top{grid-area:top}.reading__now{grid-area:now}.reading__band{grid-area:band}.reading__legend{grid-area:legend}.reading__week{grid-area:week}.reading__stats{grid-area:stats}@container reading (min-width:380px){.reading__in{grid-template:"top top""now stats"1fr"band band""legend legend""week week"/minmax(0,1fr) auto;column-gap:clamp(18px,4cqi,34px)}}.reading__atmos{z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.reading__atmos:after{content:"";opacity:.07;mix-blend-mode:screen;background:url(../media/film-grain.19ks-bj3pop6o.png) 0 0/256px 256px;position:absolute;inset:0}.reading__glow{opacity:0;width:640px;height:480px;transition:opacity 1.6s var(--ease), transform 1.1s var(--ease);will-change:transform;background:radial-gradient(closest-side,#f6cd1b33,#f6cd1b0f 55%,#0000);border-radius:50%;margin-left:-320px;position:absolute;top:40%;left:0}.reading.is-lit .reading__glow{opacity:1}.reading__ghost{font-family:var(--serif);color:#f6cd1b0b;filter:blur(3px);-webkit-user-select:none;user-select:none;will-change:transform;font-size:clamp(240px,58cqi,460px);font-style:italic;line-height:1;position:absolute;bottom:-6%;right:2%}.reading__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.reading__top>h3{margin:0}.reading__pace{white-space:nowrap;gap:9px}.reading__pace .dot{width:6px;height:6px}.reading:not(.is-live) .reading__pace .dot--live:after{animation-play-state:paused}.reading__now{align-self:start;min-width:0;margin-top:clamp(18px,3cqi,30px);position:relative}.reading__when{min-height:14px;color:var(--fg-2);letter-spacing:.16em;display:block}.reading.is-away .reading__pace{display:none}.reading__back{height:26px;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--yellow);white-space:nowrap;background:#f6cd1b1a;border-radius:999px;align-items:center;gap:7px;padding:0 12px 0 10px;font-size:10px;font-weight:500;transition:background .3s,box-shadow .3s;display:inline-flex;box-shadow:inset 0 0 0 1px #f6cd1b59}.reading__back:hover{background:#f6cd1b2e;box-shadow:inset 0 0 0 1px #f6cd1b99,0 0 22px -6px #f6cd1b99}.reading__back svg{width:13px;height:13px}.reading__back[hidden]{display:none}.reading__title{--fs:88px;font-family:var(--serif);font-weight:400;font-size:var(--fs);letter-spacing:-.03em;color:#fbf7ec;text-shadow:0 0 1px #ffffff4d,0 0 28px #fff0cd29;filter:blur(min(.0045em,.6px));margin-top:10px;line-height:.9}.reading__line{white-space:nowrap;display:block}.reading__title.is-wrap .reading__line{white-space:normal}.reading__title em{letter-spacing:-.01em;color:var(--yellow);text-shadow:0 0 18px #f6cd1b66;font-size:.6em;font-style:italic}.reading__names{flex-wrap:wrap;gap:4px 18px;margin-top:clamp(10px,1.8cqi,16px);display:flex}.reading__name{font-family:var(--serif);color:var(--fg-3);align-items:baseline;gap:7px;font-size:clamp(15px,2.9cqi,19px);font-style:italic;line-height:1.15;transition:color .4s;display:inline-flex}.reading__name i{font-family:var(--mono);letter-spacing:.14em;color:#f6cd1b8c;font-size:9px;font-style:normal;font-weight:500;transform:translateY(-.2em)}.reading__name.is-on{color:var(--fg)}.reading__name.is-on i{color:var(--yellow)}.reading__band{height:calc(var(--band-top) + clamp(62px, 12.5cqi, 86px));touch-action:pan-y;cursor:crosshair;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:12px;margin-top:clamp(14px,2.6cqi,24px);position:relative}.reading__band:focus-visible{outline:2px solid var(--yellow);outline-offset:6px;border-radius:12px}.reading__band canvas{width:100%;height:calc(100% - var(--band-top));position:absolute;bottom:0;left:0}.reading__mark,.reading__loupe{pointer-events:none;will-change:transform;width:0;position:absolute;top:0;bottom:0;left:0}.reading__beam{left:-1px;top:calc(var(--band-top) - 10px);opacity:0;transform-origin:50% 100%;width:2px;transition:opacity .7s var(--ease), transform 1.1s var(--ease);background:linear-gradient(#0000,#fff6d6f2 22%,#ffeeb4b3 80%,#0000);border-radius:2px;position:absolute;bottom:18%;transform:scaleY(.1)}.reading__beam:before{content:"";background:radial-gradient(closest-side,#f6cd1b52,#f6cd1b14 60%,#0000);width:64px;height:120%;margin-left:-32px;position:absolute;top:-10%;left:50%}.reading__beam:after{content:"";opacity:0;background:radial-gradient(closest-side,#fff6d68c,#0000);width:40px;height:100%;margin-left:-20px;position:absolute;top:0;left:50%}.reading.is-lit .reading__mark--today .reading__beam{opacity:1;transform:scaleY(1)}.reading__pct{font-family:var(--mono);letter-spacing:.08em;color:var(--yellow);white-space:nowrap;opacity:0;transition:opacity .5s var(--ease) .25s;background:#f6cd1b1f;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:600;line-height:1;position:absolute;top:2px;left:0;transform:translate(-50%);box-shadow:inset 0 0 0 1px #f6cd1b52}.reading.is-lit .reading__pct{opacity:1}.reading.is-looking .reading__pct{opacity:0;transition-delay:0s}.reading__mark--sel .reading__beam{background:linear-gradient(#0000,#ffffffd9 25%,#fff6 85%,#0000);width:1px;left:-.5px}.reading__mark--sel .reading__beam:before{background:radial-gradient(closest-side,#fffae629,#0000)}.reading.is-away .reading__mark--sel .reading__beam{opacity:1;transform:scaleY(1)}.reading__loupe{z-index:2;opacity:0;transition:opacity .22s}.reading__loupe.is-on{opacity:1}.reading__loupe>i{background:linear-gradient(#ffffffd9,#ffffff0d);width:1px;position:absolute;top:24px;bottom:22%;left:-.5px}.reading__loupe-in{white-space:nowrap;background:#100e0ceb;border-radius:999px;align-items:baseline;gap:8px;padding:5px 11px 6px;display:inline-flex;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #ffffff24,0 8px 22px #0000008c}.reading__loupe-in b{font-family:var(--serif);color:#fff;font-size:17px;font-style:italic;font-weight:400;line-height:1}.reading__loupe-in span{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--yellow);font-size:9.5px;font-weight:500;line-height:1}.reading__loupe.is-read .reading__loupe-in span{color:var(--fg-2)}.reading__legend{color:var(--fg-3);white-space:nowrap;justify-content:space-between;margin-top:8px;display:flex;position:relative}.reading__nt{left:var(--nt,78%);background:#ffffff38;width:1px;height:9px;position:absolute;top:-6px}@container reading (max-width:560px){.reading__nt{display:none}}.reading__week{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:clamp(16px,2.6cqi,24px);display:grid;position:relative}.reading__sel{z-index:0;opacity:0;pointer-events:none;transition:transform .55s var(--ease), opacity .3s;background:linear-gradient(#f6cd1b2b,#f6cd1b0a);border-radius:14px;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #f6cd1b8c,0 0 28px -6px #f6cd1b66}.reading__week.has-sel .reading__sel{opacity:1}.reading__day{z-index:1;text-align:left;background:#ffffff06;border-radius:14px;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"num dow""what what";align-content:start;align-items:baseline;gap:6px;min-width:0;padding:10px 9px 11px;transition:background .3s;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 1px #ffffff12}.reading__day:hover{background:#ffffff0e}.reading__day.is-on{background:0 0}.reading__dnum{font-family:var(--serif);letter-spacing:-.02em;color:var(--fg-2);grid-area:num;font-size:clamp(24px,4.6cqi,30px);line-height:.85;transition:color .3s,text-shadow .3s}.reading__dow{min-width:0;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--fg-3);grid-area:dow;font-size:9px;font-weight:500;line-height:1.2;overflow:hidden}.reading__day.is-today .reading__dow{color:var(--yellow)}.reading__dwhat{min-width:0;font-family:var(--geist);letter-spacing:-.01em;color:var(--fg-3);overflow-wrap:break-word;flex-direction:column;grid-area:what;gap:1px;font-size:11px;font-weight:500;line-height:1.25;display:flex}.reading__dwhat b,.reading__dwhat span{-webkit-line-clamp:2;line-clamp:2;-webkit-hyphens:auto;hyphens:auto;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.reading__dwhat b{color:var(--fg-2);font-weight:600}.reading__day.is-on .reading__dnum{color:#fff;text-shadow:0 0 18px #fff0c859}.reading__day.is-on .reading__dwhat b{color:#fff}.reading__day.is-on .reading__dwhat{color:var(--fg-2)}@media (hover:none),(pointer:coarse){@container reading (max-width:560px){.reading__week{margin-inline:calc(var(--pad) * -1);padding:2px var(--pad);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg, transparent, #000 calc(var(--pad) * .8), #000 calc(100% - var(--pad) * .8), transparent);-webkit-mask-image:linear-gradient(90deg, transparent, #000 calc(var(--pad) * .8), #000 calc(100% - var(--pad) * .8), transparent);mask-image:linear-gradient(90deg, transparent, #000 calc(var(--pad) * .8), #000 calc(100% - var(--pad) * .8), transparent);display:flex;overflow-x:auto}.reading__week::-webkit-scrollbar{display:none}.reading__day{scroll-snap-align:start;flex:0 0 clamp(94px,31%,150px)}}}.reading__spark{grid-area:spark;align-items:flex-end;gap:2px;height:16px;display:none}.reading__spark i{transform-origin:50% 100%;width:3px;min-height:2px;transition:transform .4s var(--ease), background .3s;background:#f4ecde52;border-radius:1px}.reading__day:hover .reading__spark i,.reading__day.is-on .reading__spark i{transform:scaleY(1.3)}.reading__spark i:nth-child(2){transition-delay:30ms}.reading__spark i:nth-child(3){transition-delay:60ms}.reading__spark i:nth-child(4){transition-delay:90ms}.reading__spark i:nth-child(5){transition-delay:.12s}.reading__spark i:nth-child(6){transition-delay:.15s}.reading__day.is-on .reading__spark i{background:#fff}.reading__day.is-today .reading__spark i{background:var(--yellow);box-shadow:0 0 6px #f6cd1b80}@media (hover:hover) and (pointer:fine){@container reading (max-width:640px){.reading__day{grid-template-columns:minmax(0,1fr);grid-template-areas:"dow""num""spark";gap:6px;padding:10px 9px 11px}.reading__dnum{font-size:clamp(22px,5cqi,28px)}.reading__dwhat{display:none}.reading__spark{margin-top:2px;display:flex}}}.reading__stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-self:end;gap:12px 14px;margin-top:clamp(16px,2.6cqi,22px);display:grid}.reading__stats:before{content:"";background:linear-gradient(90deg,#ffffff24,#ffffff0f 60%,#0000);grid-column:1/-1;height:1px;margin-bottom:clamp(2px,.8cqi,6px)}.reading__stats>div{flex-direction:column-reverse;justify-content:flex-end;gap:7px;min-width:0;display:flex}.reading__stats>div:last-child{grid-column:1/-1}.reading__stats dt{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);font-size:9.5px;font-weight:500;line-height:1.3}.reading__stats dd{font-family:var(--serif);letter-spacing:-.02em;color:#fbf7ec;white-space:nowrap;margin:0;font-size:clamp(28px,5.6cqi,40px);line-height:1}.reading__stats small{font-family:var(--mono);letter-spacing:.08em;color:var(--fg-3);white-space:nowrap;font-size:9.5px}@container reading (min-width:380px){.reading__stats{border-left:1px solid #ffffff14;flex-direction:column;justify-content:flex-end;gap:clamp(14px,2.4cqi,20px);margin-top:0;margin-bottom:4px;padding-left:clamp(16px,3cqi,24px);display:flex}.reading__stats:before{content:none}.reading__stats>div{gap:6px}.reading__stats dd{font-size:clamp(26px,5cqi,36px)}}.reading__odo{white-space:pre;align-items:baseline;display:inline-flex}.reading__odo-d{clip-path:inset(0 -.3em);margin-block:-.15em;line-height:1.3;display:inline-block;position:relative;-webkit-mask-image:linear-gradient(#0000,#000 16% 84%,#0000);mask-image:linear-gradient(#0000,#000 16% 84%,#0000)}.reading__odo-d:before{content:attr(data-d);visibility:hidden}.reading__odo-s{text-align:center;white-space:pre;transform:translateY(calc(var(--n,0) * -1.3em));transition:transform 2s cubic-bezier(.16, 1, .3, 1) calc(.15s + var(--k,0) * .12s);position:absolute;top:0;left:-.3em;right:-.3em}.reading__odo.is-still .reading__odo-s{transition:none}.reading.is-armed.is-in .reading__top{transition:opacity .9s var(--ease)}.reading.is-armed.is-in .reading__now{transition:opacity 1s var(--ease) .12s, transform 1.3s var(--ease) .12s, filter 1.2s var(--ease) .12s}.reading.is-armed.is-in .reading__names{transition:opacity 1s var(--ease) .7s}.reading.is-armed.is-band .reading__legend{transition:opacity 1s var(--ease) 1.1s}.reading.is-armed.is-band .reading__day{transition:opacity .8s var(--ease) calc(.45s + var(--i) * 70ms), transform 1s var(--ease) calc(.45s + var(--i) * 70ms), background .3s}.reading.is-armed.is-counted .reading__stats{transition:opacity .9s var(--ease) .1s}.reading.is-armed.is-in .reading__ghost{transition:opacity 2.4s var(--ease) .4s}.reading.is-armed:not(.is-in) .reading__top,.reading.is-armed:not(.is-in) .reading__names,.reading.is-armed:not(.is-band) .reading__legend,.reading.is-armed:not(.is-counted) .reading__stats,.reading.is-armed:not(.is-in) .reading__ghost{opacity:0}.reading.is-armed:not(.is-in) .reading__now{opacity:0;filter:blur(14px);transform:translateY(18px)}.reading.is-armed:not(.is-band) .reading__day{opacity:0;transform:translateY(16px)}.reading.is-armed:not(.is-band) .reading__sel{visibility:hidden}.reading.is-armed.is-band .reading__sel{transition:transform .55s var(--ease), opacity .3s, visibility 0s linear .65s}@keyframes reading-breathe{0%,to{opacity:.55;transform:scale(.86,.94)}50%{opacity:1;transform:scale(1.1,1.02)}}@keyframes reading-drift{0%{transform:translate(0,0)}to{transform:translate(-4%,3%)}}.reading.is-live.is-lit .reading__mark--today .reading__beam:before{animation:4s ease-in-out infinite reading-breathe}.reading.is-live .reading__ghost{animation:18s ease-in-out infinite alternate reading-drift}@media (prefers-reduced-motion:reduce){.reading *,.reading :before,.reading :after{transition:none!important;animation:none!important}}@media (forced-colors:active),(prefers-contrast:more){.reading__atmos{display:none}.reading__title{filter:none;text-shadow:none}.reading__day,.reading__band{border:1px solid canvastext}}@media (forced-colors:active){.reading__band{forced-color-adjust:none;background:#0b0a09}}
