@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--font-serif:var(--font-noto-serif-jp), "Hiragino Mincho ProN", "Yu Mincho", serif;--font-sans:var(--font-noto-sans-jp), "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--font-latin:var(--font-space-grotesk), var(--font-sans);--ease:cubic-bezier(.22, 1, .36, 1);--slow:1.6s;--gutter:22px;--evening:#1d1619}.chorus{--ink:#f6ece2;--ink-soft:#f6ece2c7;--muted:#f6ece294;--rule:#f6ece229;--rule-strong:#f6ece25c;--you-ink:#f07a52;--on-you:#1b1418;--focus:#f6ece2;color:var(--ink);isolation:isolate;transition:color var(--slow) var(--ease);position:relative}.chorus[data-tone=night]{--ink:#eceff8;--ink-soft:#eceff8c7;--muted:#eceff88f;--rule:#eceff824;--rule-strong:#eceff857;--you-ink:#ff9468;--on-you:#16121a;--focus:#eceff8}*{box-sizing:border-box}html{background:var(--evening);-webkit-text-size-adjust:100%;overflow-x:clip}body{min-width:0;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.7;overflow-x:clip}h1,h2,p,dl,dd,ul{margin:0}ul{padding:0;list-style:none}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--focus);outline-offset:4px}[tabindex="-1"]:focus{outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wordmark{font-family:var(--font-latin);letter-spacing:.06em;color:#fbf2e8d6;font-size:13px;font-weight:500}.wordmark span{opacity:.7;font-weight:300}.hero{color:#fbf2e8;--focus:#fbf2e8;background:#3a2519;height:100svh;min-height:540px;position:relative;overflow:hidden;container:hero/size}.hero-frame{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-scene{--x-max:885;--zoom:1.04;--fx:540;--fy:420;--fy-at:.27;--u:calc(max(100cqw / var(--x-max), 100cqh / 1448) * var(--zoom));width:calc(var(--u) * 1086);height:calc(var(--u) * 1448);left:clamp(calc(100cqw - var(--x-max) * var(--u)), calc(50cqw - var(--fx) * var(--u)), 0px);top:clamp(calc(100cqh - 1448 * var(--u)), calc(100cqh * var(--fy-at) - var(--fy) * var(--u)), 0px);animation:.8s cubic-bezier(.3,0,.2,1) both eye-adjust;position:absolute}.hero-frame:after{content:"";mix-blend-mode:soft-light;opacity:0;background:radial-gradient(90% 80% at 72% 34%,#ffc48ce6,#ffaa7880 70%);animation:.8s cubic-bezier(.3,0,.2,1) eye-glow;position:absolute;inset:0}@container hero (orientation:landscape){.hero-scene{--zoom:1;--fx:480;--fy:320;--fy-at:0}}.hero-camera{transform-origin:45% 30%;will-change:transform;animation:48s ease-in-out -19s infinite alternate camera-push;position:absolute;inset:0}.hero-bg{object-fit:cover}.hero-curtain,.hero-girl{width:62%;position:absolute}.hero-girl{aspect-ratio:1086/1448}.hero-girl-breath,.hero-girl-weight{position:absolute;inset:0}.hero-girl-frame{z-index:0;opacity:0;will-change:opacity;width:100%;height:auto;transition:opacity 1.4s cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset:0}.hero-girl-frame.is-current{z-index:1;opacity:1}.hero-girl-frame.is-incoming{z-index:2;opacity:1}.hero-curtain{z-index:1;aspect-ratio:1086/1448;top:6.15%;left:8.75%}.hero-curtain-frame{z-index:0;opacity:0;transform-origin:56.4% .2%;width:100%;height:auto;transition:opacity var(--curtain-fade,1.8s) cubic-bezier(.4, 0, .2, 1), transform 2s cubic-bezier(.22, 1, .36, 1);will-change:opacity, transform;display:block;position:absolute;inset:0;transform:translate(.18%,.03%)scale(.9995)}.hero-curtain-frame.is-current{z-index:1;opacity:1;transform:translate(0)scale(1)}.hero-curtain-frame.is-incoming{z-index:2;opacity:1;transform:translate(0)scale(1)}.hero-girl{z-index:2;top:25.35%;left:14.37%}.hero-girl-breath,.hero-girl-weight{transform-origin:43% 95%;will-change:transform}.hero-girl-breath{animation:5.4s ease-in-out -1.7s infinite girl-breath}.hero-girl-weight{animation:17.3s cubic-bezier(.37,0,.63,1) -6s infinite girl-weight}.hero-light{mix-blend-mode:soft-light;opacity:.62;transition:opacity 4.2s var(--ease);background:radial-gradient(48% 30% at 92% 31%,#ffbe78b3,#0000 72%),radial-gradient(70% 46% at 84% 52%,#ff8c5652,#0000 70%),linear-gradient(205deg,#ffaa6e33,#0000 60%);position:absolute;inset:0}.hero[data-listening] .hero-light{opacity:1;animation:8.3s ease-in-out 3.6s infinite light-breathe}.hero-veil{background:linear-gradient(180deg, #24140f57 0%, transparent 12%), linear-gradient(180deg, transparent 50%, #2418185c 65%, #1d1619d1 87%, var(--evening) 100%), radial-gradient(120% 80% at 55% 38%, transparent 58%, #22100c3d 100%);position:absolute;inset:0}.hero-veil:after{content:"";opacity:.06;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@container hero (orientation:landscape){.hero-veil{background:linear-gradient(180deg, #24140f4d 0%, transparent 15%), radial-gradient(38% 52% at 8% 22%, #2816105c, transparent 100%), linear-gradient(90deg, #281610b3 0%, #2816106b 26%, transparent 48%), linear-gradient(180deg, transparent 76%, #1d1619a8 93%, var(--evening) 100%), radial-gradient(110% 90% at 62% 40%, transparent 62%, #22100c38 100%)}}.hero-content{z-index:1;height:100%;padding:env(safe-area-inset-top) var(--gutter) calc(22px + env(safe-area-inset-bottom));text-shadow:0 1px 18px #140a0873;grid-template-rows:auto 1fr;display:grid;position:relative}.hero-top{align-items:center;min-height:60px;display:flex}.hero-copy{align-self:end;gap:14px;max-width:420px;display:grid}.hero-title{font-family:var(--font-serif);letter-spacing:.04em;white-space:nowrap;font-size:clamp(25px,7vw,34px);font-weight:500;line-height:1.5;animation:.6s ease-out .3s both words-in}.hero-listen{align-items:center;gap:14px;margin-top:4px;animation:.6s ease-out .55s both words-in;display:flex}.hero-play{color:#fbf2e8;width:52px;height:52px;transition:background .4s var(--ease), border-color .4s var(--ease), opacity .4s var(--ease), transform .3s var(--ease);background:#28181247;border:1px solid #fbf2e88c;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.hero-play:hover{background:#fbf2e81f;border-color:#fbf2e8}.hero-play:active{transform:scale(.95)}.hero-play:disabled{opacity:.4}.hero-play:after{content:"";opacity:0;pointer-events:none;border:1px solid #fbf2e880;border-radius:50%;position:absolute;inset:-1px}.hero-listen.is-playing .hero-play:after{animation:3.4s ease-out infinite sound-ring}.hero-listen-body{flex:1;gap:8px;min-width:0;max-width:240px;display:grid}.hero-listen-label{letter-spacing:.08em;flex-wrap:wrap;align-items:baseline;column-gap:10px;font-size:14px;display:flex}.hero-listen-label span{font-family:var(--font-serif);letter-spacing:.06em;opacity:.72;font-size:11.5px}.hero-listen-line{background:#fbf2e842;height:1px;display:block;position:relative;overflow:hidden}.hero-listen-line span{transform-origin:0;background:#fbf2e8;transition:transform .1s linear;position:absolute;inset:0}.hero-echo{min-height:1.8em;font-family:var(--font-serif);letter-spacing:.14em;opacity:0;visibility:hidden;transition:opacity .8s var(--ease), visibility 0s linear .8s;font-size:clamp(16px,4.6vw,19px)}.hero-echo.is-awake{opacity:.94;visibility:visible;transition:opacity 2.6s var(--ease), visibility 0s}.hero-cta{color:#fbf2e8c7;letter-spacing:.1em;text-underline-offset:7px;min-height:44px;transition:color .8s var(--ease), text-decoration-color .8s var(--ease), opacity 2.2s var(--ease), visibility 0s;background:0 0;border:0;justify-self:start;align-items:center;gap:12px;padding:0;font-size:14px;-webkit-text-decoration:underline #fbf2e84d;text-decoration:underline #fbf2e84d;display:inline-flex}.hero-cta.is-hushed{opacity:0;visibility:hidden;transition:opacity 1.2s var(--ease), visibility 0s linear 1.2s}.hero-cta:hover,.hero-cta.is-invited{color:#fbf2e8;text-decoration-color:currentColor}.hero-cta-line{background:#fbf2e840;width:1px;height:24px;position:relative;overflow:hidden}.hero-cta-line:after{content:"";background:#fbf2e8;position:absolute;inset:0;transform:translateY(-100%)}.hero-cta.is-invited .hero-cta-line:after{animation:drip 2.8s var(--ease) infinite}@container hero (orientation:landscape){.hero-content{padding-bottom:clamp(28px,9cqh,96px)}.hero-top{min-height:80px}.hero-copy{gap:16px;max-width:min(420px,36cqw)}.hero-title{font-size:clamp(28px,3.1cqw,46px)}.hero-echo{font-size:clamp(16px,1.5cqw,21px)}}@container hero (orientation:landscape) and (max-height:620px){.hero-copy{gap:10px}.hero-title{font-size:24px}}@container hero (orientation:portrait) and (max-height:700px){.hero-title{font-size:clamp(22px,6.4vw,28px)}.hero-copy{gap:10px}}@keyframes eye-adjust{0%{filter:brightness(1.06)saturate(1.05)}}@keyframes eye-glow{0%{opacity:.55}}@keyframes words-in{0%{opacity:0}}@keyframes camera-push{to{transform:scale(1.022)}}@keyframes girl-breath{0%,to{transform:scale(1)}45%{transform:scale(1.001,1.003)}}@keyframes girl-weight{0%,to{transform:rotate(0)}31%{transform:rotate(.12deg)}58%{transform:rotate(-.04deg)}82%{transform:rotate(.07deg)}}@keyframes light-breathe{50%{opacity:.78}}@keyframes sound-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@keyframes drip{0%{transform:translateY(-100%)}60%,to{transform:translateY(100%)}}html:not([data-opening=play]) .opening{display:none}.opening{--op-dark:1;--op-hole:0px;--op-soft:0px;--op-spread:0;--op-glow:.5;--op-time:1;--op-when:0;--op-heard:0;--op-skip:0;z-index:40;color:#fbf2e8;pointer-events:none;overscroll-behavior:none;position:fixed;inset:0}.opening :where(p){font-family:var(--font-serif);font-kerning:normal;font-feature-settings:"palt" 1;margin:0;font-weight:300;position:absolute}.opening-dark{background:radial-gradient(circle at 50% 46%, #0b080700 calc(var(--op-hole) - var(--op-soft)), #0b0807 var(--op-hole));opacity:var(--op-dark);position:absolute;inset:-2px}.opening-glow{background:radial-gradient(circle at 50% 46%, #ffb46e57, #ffa06400 calc(160px + var(--op-spread) * 55vmax));mix-blend-mode:screen;opacity:var(--op-glow);animation:opening-in var(--gate-time-fade) ease-out var(--gate-time-in) both;position:absolute;inset:0}.opening-time{--time-track:calc(.11em + var(--op-spread) * .3em);color:#f7dcbb;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1, "tnum" 1;animation:opening-in var(--gate-time-fade) ease-out var(--gate-time-in) both;font-size:clamp(46px,7.4vw,94px);font-weight:200;line-height:1;top:46%;left:50%;transform:translate(-50%,-50%)}.opening-time span{padding-left:var(--time-track);opacity:var(--op-time);filter:blur(calc(var(--op-spread) * 10px));letter-spacing:var(--time-track);text-shadow:0 0 1px #ffdeb98c, 0 0 calc(16px + var(--op-spread) * 40px) rgba(255, 164, 96, calc(.34 + var(--op-spread) * .18));transform:scale(calc(1 + var(--op-spread) * .1));display:block}.opening-line{color:#f8efe4eb;letter-spacing:.22em;white-space:nowrap;text-shadow:0 0 2px #0c06058c,0 2px 20px #0a0504b8;padding-left:.22em}.opening-when{opacity:var(--op-when);font-size:clamp(13px,1.25vw,17px);top:calc(46% + clamp(50px,6.2vw,84px));left:50%;transform:translate(-50%)}.opening-heard{bottom:calc(10% + env(safe-area-inset-bottom));opacity:var(--op-heard);font-size:clamp(16px,1.75vw,25px);left:50%;transform:translate(-50%)}.opening button{color:inherit;pointer-events:auto;background:0 0;border:0}.opening-listen{min-height:48px;font-family:var(--font-serif);letter-spacing:.3em;color:#f8efe4e6;animation:opening-in var(--gate-prompt-fade) ease-out var(--gate-prompt-in) both;align-items:center;gap:16px;padding:0 0 0 .3em;font-size:15px;font-weight:400;display:inline-flex;position:absolute;top:calc(46% + clamp(96px,12.5vh,150px));left:50%;transform:translate(-50%)}.opening-listen-mark{color:#f7dcbb;width:46px;height:46px;transition:border-color .6s var(--ease), background .6s var(--ease);border:1px solid #f7dcbb6b;border-radius:50%;place-items:center;display:grid}.opening-listen-mark svg{width:14px;height:14px;margin-left:2px}.opening-listen:hover .opening-listen-mark,.opening-listen:focus-visible .opening-listen-mark{background:#f7dcbb0f;border-color:#f7dcbbd9}.opening-listen:focus-visible{outline:none}.opening-listen:focus-visible .opening-listen-mark{box-shadow:0 0 0 4px #f7dcbb29}.opening-silent,.opening-skip{min-height:44px;font-family:var(--font-sans);letter-spacing:.26em;font-size:11px;font-weight:300}.opening-silent{bottom:calc(22px + env(safe-area-inset-bottom));color:#f8efe485;text-underline-offset:7px;transition:color .4s var(--ease);animation:opening-in var(--gate-prompt-fade) ease-out var(--gate-prompt-in) both;padding-left:.26em;-webkit-text-decoration:underline #f8efe433;text-decoration:underline #f8efe433;text-decoration-thickness:1px;position:absolute;left:50%;transform:translate(-50%)}.opening-silent:hover{color:#f8efe4cc}.opening-skip{top:calc(12px + env(safe-area-inset-top));right:var(--gutter);opacity:calc(.6 * var(--op-skip));padding:0 4px;position:absolute}.opening-skip:hover{opacity:var(--op-skip)}@keyframes opening-in{0%{opacity:0}}.hero-opening-camera{transform:translate(var(--op-tx,0px), var(--op-ty,0px)) scale(var(--op-k,1));transform-origin:0 0;position:absolute;inset:0}.hero:is([data-opening=cover],[data-opening=landing]) .hero-opening-camera{will-change:transform}.hero[data-opening] .hero-veil{opacity:var(--op-veil,1)}.hero[data-opening=landed] :is(.hero-opening-camera,.hero-veil){transition:transform 1s var(--ease), opacity 1s var(--ease)}.hero-soften{pointer-events:none;-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px);position:absolute;-webkit-mask-image:radial-gradient(closest-side,#000 72%,#0000 100%);mask-image:radial-gradient(closest-side,#000 72%,#0000 100%)}.hero-glint{mix-blend-mode:screen;width:1.8%;height:15%;opacity:var(--op-glint,0);pointer-events:none;background:radial-gradient(closest-side,#ffdeaabf,#ffc88c00);position:absolute;transform:translate(-50%,-50%)}html[data-opening=play] .hero[data-opening=cover] :is(.hero-top,.hero-copy){opacity:0}html[data-opening=play] .hero:is([data-opening=cover],[data-opening=landing]) .hero-camera{animation-play-state:paused}.hero:is([data-opening=landing],[data-opening=landed]) .hero-title{animation:.6s ease-out both op-words-in}.hero:is([data-opening=landing],[data-opening=landed]) .hero-top{animation:op-words-in .8s ease-out var(--op-chrome-delay,.8s) both}.hero:is([data-opening=landing],[data-opening=landed]) .hero-listen{animation:op-words-in .6s ease-out var(--op-controls-delay,1.5s) both}@keyframes op-words-in{0%{opacity:0}}.colophon-replay{justify-self:start;margin-top:8px;padding-inline:0}.stage{min-height:100svh;padding:0 var(--gutter) calc(20px + env(safe-area-inset-bottom));grid-template:"masthead""copy""field"minmax(150px,1fr)"lyrics""controls"/minmax(0,1fr);display:grid;position:relative}.stage:before,.stage:after{content:"";z-index:-1;pointer-events:none;transition:opacity var(--slow) var(--ease);position:absolute;inset:0}.stage:before{background:radial-gradient(90% 38% at 50% 0%, #c4704633, transparent 72%), radial-gradient(130% 50% at 50% 115%, #d668464d, transparent 64%), linear-gradient(180deg, var(--evening) 0%, #231b22 55%, #2c2027 100%)}.stage:after{opacity:0;background:radial-gradient(90% 50% at 50% 50%, #ff96681a, transparent 70%), radial-gradient(120% 40% at 50% 0%, #606eaa38, transparent 70%), linear-gradient(180deg, var(--evening) 0%, #151827 32%, #11131d 100%)}.chorus[data-tone=night] .stage:after{opacity:1}.masthead{min-height:64px;padding-top:calc(10px + env(safe-area-inset-top));flex-wrap:wrap;grid-area:masthead;justify-content:space-between;align-items:center;gap:6px 16px;padding-bottom:10px;display:flex}.stage-song{font-family:var(--font-serif);letter-spacing:.08em;color:var(--ink-soft);white-space:nowrap;align-items:center;gap:10px;font-size:13px;display:flex}.stage-song .join-thread{background:var(--you-ink)}.census{color:var(--muted);white-space:nowrap;align-items:baseline;gap:6px;font-size:12px;display:flex}.census-dot{background:var(--you-ink);border-radius:50%;align-self:center;width:6px;height:6px;animation:3.2s ease-in-out infinite census-breath}.census-count{font-family:var(--font-latin);color:var(--ink);font-variant-numeric:tabular-nums;font-size:15px;font-weight:500}.census-mode{border:1px solid var(--rule-strong);letter-spacing:.08em;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:10.5px}@keyframes census-breath{50%{opacity:.35;transform:scale(.8)}}.copy{animation:rise .9s var(--ease) both;grid-area:copy;padding-top:clamp(12px,4svh,40px)}.kicker{letter-spacing:.14em;color:var(--muted);margin-bottom:14px;font-size:12px}.copy h2{font-family:var(--font-serif);letter-spacing:.02em;text-wrap:balance;font-size:clamp(26px,7vw,38px);font-weight:500;line-height:1.45}.lead{max-width:30em;color:var(--ink-soft);margin-top:14px;font-size:14px;line-height:1.9}.rec{letter-spacing:.12em;color:var(--ink-soft);align-items:center;gap:10px;font-size:13px;display:flex}.rec-dot{background:var(--you-ink);width:9px;height:9px;box-shadow:0 0 0 0 var(--you-ink);border-radius:50%;animation:1.4s ease-out infinite rec-pulse}.rec-time{font-family:var(--font-latin);letter-spacing:0;color:var(--ink);font-variant-numeric:tabular-nums;margin-left:auto;font-size:22px}.rec-time small{color:var(--muted);font-size:13px}@keyframes rec-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--you-ink) 60%, transparent)}to{box-shadow:0 0 0 12px #0000}}.ordinal{font-family:var(--font-latin);letter-spacing:-.04em;color:var(--you-ink);font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;margin-bottom:10px;font-size:clamp(72px,22vw,140px);font-weight:300;line-height:.9;display:flex}.ordinal small{letter-spacing:.1em;color:var(--muted);font-size:14px;font-weight:500}.field-wrap{margin:0 calc(var(--gutter) * -1);grid-area:field;min-height:150px;position:relative}.field,.field-canvas{width:100%;height:100%;position:absolute;inset:0}.field-canvas{display:block}.count{font-family:var(--font-latin);color:var(--ink);pointer-events:none;animation:count 1s var(--ease) both;place-items:center;font-size:clamp(120px,38vw,240px);font-weight:300;line-height:1;display:grid;position:absolute;inset:0}@keyframes count{0%{opacity:0;filter:blur(8px);transform:scale(1.18)}30%{opacity:.92;filter:blur();transform:scale(1)}to{opacity:0;transform:scale(.94)}}.lyrics{grid-area:lyrics;min-height:84px;padding:6px 0 18px}.lyrics.is-empty{min-height:0;padding:0}.lyric-now{font-family:var(--font-serif);letter-spacing:.06em;color:var(--muted);transition:color .6s var(--ease);font-size:clamp(22px,6.2vw,30px);font-weight:500;line-height:1.5}.lyrics.is-awake .lyric-now{color:var(--ink);animation:lyric-in .7s var(--ease) both}.lyric-next{font-family:var(--font-serif);letter-spacing:.08em;color:var(--muted);opacity:.8;margin-top:2px;font-size:14px}@keyframes lyric-in{0%{opacity:0;filter:blur(3px);transform:translateY(8px)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.controls{grid-area:controls;align-content:end;gap:18px;display:grid}.listen{align-items:center;gap:16px;display:flex}.listen-body{flex:1;min-width:0}.listen-label{color:var(--ink-soft);margin-bottom:6px;font-size:13px}.round-button{border:1px solid var(--rule-strong);width:56px;height:56px;transition:background .3s var(--ease), border-color .3s var(--ease), transform .3s var(--ease);background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}.round-button:hover{border-color:var(--ink)}.round-button:active{transform:scale(.95)}.timeline-track{background:var(--rule);height:2px;position:relative;overflow:hidden}.timeline-track span{background:var(--ink);transform-origin:0;transition:transform .1s linear;position:absolute;inset:0}.timeline-time{font-family:var(--font-latin);color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.join{gap:10px;display:grid}.join-button{background:var(--you-ink);width:100%;min-height:58px;color:var(--on-you);letter-spacing:.06em;transition:background .6s var(--ease), color .6s var(--ease), border-color .6s var(--ease), box-shadow .6s var(--ease), transform .3s var(--ease), opacity .3s var(--ease);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:14px;padding:0 28px;font-size:16px;font-weight:600;display:inline-flex;position:relative}.join-button:hover{box-shadow:0 14px 40px -16px var(--you-ink)}@supports (color:color-mix(in lab, red, red)){.join-button:hover{box-shadow:0 14px 40px -16px color-mix(in srgb, var(--you-ink) 80%, transparent)}}.join-button:active{transform:scale(.985)}.join-button:disabled{opacity:.4;box-shadow:none}.join-thread{opacity:.85;background:currentColor;border-radius:2px;flex:none;width:26px;height:2px}.join:not(.is-invited) .join-button{border-color:var(--rule-strong);color:var(--ink);background:0 0}.join:not(.is-invited) .join-thread{background:repeating-linear-gradient(90deg, var(--you-ink) 0 2px, transparent 2px 6px);opacity:1}.join.is-invited .join-thread{animation:2.4s ease-in-out infinite thread}@keyframes thread{50%{transform:scaleX(.55)}}.fine{color:var(--muted);font-size:11.5px;line-height:1.7}.join .fine{text-align:center}.actions{justify-items:center;gap:10px;display:grid}.actions.is-recording{text-align:center;justify-items:stretch}.text-button{min-height:44px;color:var(--ink-soft);text-decoration:underline;-webkit-text-decoration-color:var(--rule-strong);-webkit-text-decoration-color:var(--rule-strong);-webkit-text-decoration-color:var(--rule-strong);text-decoration-color:var(--rule-strong);text-underline-offset:6px;transition:color .3s var(--ease);background:0 0;border:0;padding:0 12px;font-size:14px}.text-button:hover{color:var(--ink);text-decoration-color:currentColor}.stop-button{border:1px solid var(--rule-strong);letter-spacing:.06em;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:58px;font-size:15px;font-weight:600;display:inline-flex}.stop-button span{background:var(--you-ink);border-radius:2px;width:12px;height:12px}.facts{flex-wrap:wrap;gap:8px;display:flex}.facts li{border:1px solid var(--rule-strong);color:var(--ink-soft);border-radius:999px;padding:6px 14px;font-size:12.5px}.mix{border:1px solid var(--rule);border-radius:999px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.mix button{min-height:42px;color:var(--muted);transition:background .4s var(--ease), color .4s var(--ease);background:0 0;border:0;border-radius:999px;font-size:13px;font-weight:500}.mix button[aria-pressed=true]{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.mix button[aria-pressed=true]{background:color-mix(in srgb, var(--ink) 12%, transparent)}}.mix button[aria-pressed=true]{color:var(--ink)}.level{color:var(--ink-soft);transition:opacity .4s var(--ease);grid-template-columns:auto 1fr 3.2em;align-items:center;gap:14px;font-size:12.5px;display:grid}.level.is-disabled{opacity:.4}.level output{font-family:var(--font-latin);text-align:right;font-variant-numeric:tabular-nums}.level input{appearance:none;background:0 0;height:28px;margin:0}.level input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--you-ink) var(--fill), var(--rule-strong) var(--fill));height:2px}.level input::-moz-range-track{background:linear-gradient(90deg, var(--you-ink) var(--fill), var(--rule-strong) var(--fill));height:2px}.level input::-webkit-slider-thumb{background:var(--you-ink);appearance:none;border:0;border-radius:50%;width:18px;height:18px;margin-top:-8px}.level input::-moz-range-thumb{background:var(--you-ink);border:0;border-radius:50%;width:18px;height:18px}.consent{color:var(--ink-soft);align-items:flex-start;gap:10px;font-size:12.5px;line-height:1.7;display:flex}.consent input{width:18px;height:18px;accent-color:var(--you-ink);flex:none;margin:2px 0 0}.error{color:var(--you-ink);font-size:13px;line-height:1.7}.colophon{padding:96px var(--gutter) calc(32px + env(safe-area-inset-bottom));border-top:1px solid var(--rule);transition:background var(--slow) var(--ease);background:#2c2027;gap:28px;display:grid}.chorus[data-tone=night] .colophon{background:#11131d}.colophon h2{max-width:14em;font-family:var(--font-serif);letter-spacing:.03em;text-wrap:balance;font-size:clamp(24px,6.4vw,44px);font-weight:500;line-height:1.55}.colophon-body{gap:24px;max-width:34em;display:grid}.colophon-body>p:first-child{color:var(--ink-soft);font-size:14.5px;line-height:2}.colophon dl{border-top:1px solid var(--rule);gap:32px;padding-top:20px;display:flex}.colophon dt{letter-spacing:.12em;color:var(--muted);font-size:11px}.colophon dd{font-family:var(--font-serif);font-size:18px}.colophon footer{font-family:var(--font-latin);color:var(--muted);justify-content:space-between;padding-top:48px;font-size:12px;display:flex}.chorus[data-screen=review] .lyrics,.chorus[data-screen=complete] .lyrics{display:none}.chorus[data-screen=record] .lyric-now{font-size:clamp(26px,7.6vw,36px)}.chorus[data-screen=record] .lyrics{min-height:110px}@media (max-height:700px) and (max-width:719px){.copy h2{font-size:clamp(24px,6.6vw,32px)}.lead{font-size:13px}.chorus[data-screen=review] .lead{display:none}}@media (min-width:720px){:root{--gutter:40px}.stage{grid-template-rows:auto auto minmax(220px,1fr) auto auto;padding-bottom:36px}.copy h2{font-size:clamp(34px,5vw,48px)}.lead{font-size:15px}.controls{justify-self:start;width:min(100%,460px)}.colophon{grid-template-columns:1.2fr 1fr;column-gap:64px;padding-top:140px}.colophon footer{grid-column:1/-1}}@media (min-width:1040px){:root{--gutter:clamp(48px, 5vw, 88px)}.stage{grid-template:"masthead masthead""copy.""field field"minmax(260px,1fr)"lyrics controls"/minmax(0,7fr) minmax(360px,4fr);column-gap:72px;padding-bottom:48px}.masthead{min-height:88px}.wordmark{font-size:15px}.copy{padding-top:clamp(24px,5svh,64px)}.copy h2{font-size:clamp(40px,3.8vw,60px);line-height:1.38}.lead{margin-top:20px;font-size:16px}.ordinal{font-size:clamp(120px,11vw,190px)}.lyrics{align-self:end;padding-bottom:6px}.lyric-now,.chorus[data-screen=record] .lyric-now{font-size:clamp(30px,3vw,46px)}.chorus[data-screen=record] .lyric-now{font-size:clamp(36px,3.8vw,58px)}.lyric-next{margin-top:6px;font-size:17px}.chorus[data-screen=review] .lyrics{display:block}.controls{place-self:end stretch;width:100%}.actions{text-align:center;justify-items:stretch}.actions .text-button{justify-self:center}.colophon{grid-template-columns:minmax(0,7fr) minmax(360px,4fr);column-gap:72px;padding-top:180px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-scene,.hero-frame:after,.hero-title,.hero-listen,.hero-camera,.hero-curtain-frame,.hero-girl-breath,.hero-girl-weight,.hero[data-listening] .hero-light,.hero-listen.is-playing .hero-play:after,.hero-cta.is-invited .hero-cta-line:after,.count{animation:none}.hero-curtain-frame{will-change:auto;transition:none}.colophon-replay{display:none}.hero-camera,.hero-girl-breath,.hero-girl-weight{will-change:auto}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}