@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:optional;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;font-weight:100 500;src:local("Arial");size-adjust:106.9%;ascent-override:90.6%;descent-override:22.5%;line-gap-override:0%}@font-face{font-family:Inter Fallback;font-weight:600 900;src:local("Arial Bold"),local("Arial-BoldMT");size-adjust:100.8%;ascent-override:96.1%;descent-override:23.9%;line-gap-override:0%}:root{--cs-bg: #09090b;--cs-card: #18181b;--cs-line: #27272a;--cs-edge: #3f3f46;--cs-text: #fafafa;--cs-body: #d4d4d8;--cs-text2: #a1a1aa;--cs-chosen: #27272a;--cs-word-hover: #27272a99;--cs-word-press: #3f3f46;--cs-solid: #fafafa;--cs-solid-text: #18181b;--cs-solid-hover: #e4e4e7;--cs-solid-press: #d4d4d8;--cs-keycap: #27272a;--cs-keycap-text: #d4d4d8;--cs-keycap-solid: #18181b1a;--cs-keycap-solid-text: #3f3f46;--cs-focus: #fafafa;--cs-bezel: #18181b;--cs-tile: #09090b;--cs-ring: rgb(250 250 250 / .55);--cs-gutter: max(clamp(16px, 4vw, 56px), calc(50vw - 880px) );--cs-cut: .16s}@media(prefers-color-scheme:light){:root{--cs-bg: #fafafa;--cs-card: #ffffff;--cs-line: #e4e4e7;--cs-edge: #d4d4d8;--cs-text: #09090b;--cs-body: #3f3f46;--cs-text2: #52525b;--cs-chosen: #e4e4e7;--cs-word-hover: #e4e4e799;--cs-word-press: #d4d4d8;--cs-solid: #18181b;--cs-solid-text: #fafafa;--cs-solid-hover: #27272a;--cs-solid-press: #3f3f46;--cs-keycap: #f4f4f5;--cs-keycap-text: #3f3f46;--cs-keycap-solid: #fafafa29;--cs-keycap-solid-text: #d4d4d8;--cs-focus: #09090b;--cs-bezel: #18181b;--cs-tile: #18181b;--cs-ring: rgb(9 9 11 / .3)}}html:has(.cs){background:var(--cs-bg);color-scheme:dark light}html:has(.cs) body{margin:0}.cs{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;overflow-x:clip;background:var(--cs-bg);color:var(--cs-text);font:400 16px/1.5 Inter,Inter Fallback,system-ui,sans-serif;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}.cs *,.cs *:before,.cs *:after{box-sizing:border-box}.cs :focus-visible{outline:2px solid var(--cs-focus);outline-offset:2px;border-radius:6px}.cs a{color:inherit;text-underline-offset:3px}.csBar,.csFoot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px var(--cs-gutter)}.csBrand{display:inline-flex;align-items:center;gap:10px;margin:-6px;padding:6px;font-weight:600;font-size:16px;letter-spacing:-.01em;text-decoration:none}.csBrand svg{display:block}.csStatus{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:6px;background:var(--cs-chosen);color:var(--cs-text);font-size:13px;font-weight:500}.csFoot{justify-content:flex-end;border-top:1px solid var(--cs-line);padding-block:14px;color:var(--cs-text2);font-size:13px}.csFoot a{display:inline-block;margin:-12px -4px;padding:12px 4px;color:var(--cs-text);text-decoration-color:var(--cs-edge)}.csFoot a:hover{text-decoration-color:currentColor}.csMain{display:grid;grid-template-rows:minmax(250px,1fr) auto;min-height:0}.csStageWrap{position:relative;container-type:size;display:grid;place-items:center;margin:4px var(--cs-gutter) 28px}.csStage{position:relative;aspect-ratio:12 / 5;width:min(100cqw,100cqh * 2.4);cursor:pointer;-webkit-tap-highlight-color:transparent}.csWash{position:absolute;inset:-16% -6% -24%;pointer-events:none}.csWash i{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;background:radial-gradient(56% 58% at 47% 42%,var(--c),transparent 72%)}.csWash i[data-on]{opacity:1}.csWash [data-slide=welcome]{--c: rgb(124 58 237 / .2)}.csWash [data-slide=count]{--c: rgb(20 184 166 / .17)}.csWash [data-slide=film]{--c: rgb(234 88 12 / .13)}.csWash [data-slide=lyric]{--c: rgb(250 250 249 / .05)}.csWash [data-slide=thanks]{--c: rgb(253 186 116 / .15)}.csUnit{position:absolute;left:var(--x);top:var(--y);width:var(--w);transform:translate3d(calc(var(--mx, 0) * var(--d) * 1px),calc(var(--my, 0) * var(--d) * 1px),0);transition:transform .7s cubic-bezier(.16,.84,.3,1)}.csUnit[data-shape=hall]{--x: 21.25%;--y: 4%;--w: 46.7%;--ar: 16 / 9;--d: -6}.csUnit[data-shape=foyer]{--x: 72%;--y: 12%;--w: 17.6%;--ar: 9 / 16;--d: 10}.csUnit[data-shape=cafe]{--x: 29%;--y: 79%;--w: 35%;--ar: 5 / 1;--d: 16}.csUnit[data-shape=stage]{--x: 2.5%;--y: 38%;--w: 15.6%;--ar: 4 / 3;--d: 12}.csUnit[data-shape=phone]{--x: 92.6%;--y: 44%;--w: 6.9%;--ar: 9 / 19.5;--d: 22;--r: 13px}.csScreen{position:relative;aspect-ratio:var(--ar);container-type:size;border-radius:var(--r, 8px);background:var(--cs-tile);box-shadow:0 0 0 1px var(--cs-line)}.csScreen:before{content:"";position:absolute;inset:0;z-index:4;border:var(--cs-rim, 3px) solid var(--cs-bezel);border-radius:inherit;pointer-events:none}.csName{position:absolute;left:1px;top:100%;margin-top:8px;color:var(--cs-text2);font-size:13px;line-height:1.2;white-space:nowrap}.csSlide{position:absolute;inset:0;overflow:hidden;border-radius:inherit;opacity:0;box-shadow:0 0 22cqmin -6cqmin var(--glow, transparent);transition:opacity 0s linear var(--cs-cut)}.csSlide[data-on]{opacity:1;z-index:1;transition:opacity var(--cs-cut) cubic-bezier(.2,.7,.3,1)}.csSlide p{margin:0}.csSlide[data-slide=welcome]{--glow: rgb(124 58 237 / .5);color:#fff;background:radial-gradient(90% 110% at 100% 0%,#a78bfa 0%,transparent 55%),radial-gradient(80% 100% at 0% 100%,#f472b6 0%,transparent 60%),linear-gradient(135deg,#1e1b4b,#4c1d95 55%,#9d174d)}.csSlide[data-slide=count]{--glow: rgb(20 184 166 / .45);color:#fff;background:radial-gradient(80% 110% at 85% 10%,#2dd4bf 0%,transparent 60%),linear-gradient(160deg,#0f766e,#134e4a)}.csSlide[data-slide=film]{--glow: rgb(234 88 12 / .35);background:linear-gradient(180deg,#0b1026,#2e1065 42%,#c2410c 80%,#fdba74)}.csSlide[data-slide=lyric]{--glow: rgb(250 250 249 / .12);color:#fafaf9;background:radial-gradient(110% 90% at 50% 35%,#292524,#0c0a09 70%)}.csSlide[data-slide=thanks]{--glow: rgb(253 186 116 / .4);color:#1c1917;background:radial-gradient(90% 100% at 90% 10%,#fdba74 0%,transparent 55%),linear-gradient(160deg,#fffbeb,#ffedd5)}.csTitle{position:absolute;left:7cqi;right:6cqi;bottom:8cqb}.csTitle .csBig{font-weight:700;font-size:15cqi;line-height:.95;letter-spacing:-.045em}.csTitle .csSmall{margin-top:2.4cqi;font-weight:500;font-size:3.4cqi;opacity:.8}.csCount{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center}.csCount .csSmall{font-weight:500;font-size:3.6cqi;opacity:.85}.csCount .csBig{font-weight:700;font-size:26cqi;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.csLyric{position:absolute;inset:0 9cqi;display:grid;place-content:center;text-align:center}.csLyric p:first-child{font:italic 400 4.8cqi/1.3 Georgia,Times New Roman,serif}.csLyric span{display:block;white-space:nowrap}.csLyric .csSmall{margin-top:3.4cqi;font-size:2.6cqi;font-weight:500;opacity:.55}@container (aspect-ratio < 1){.csTitle{left:9cqi;bottom:6cqb}.csTitle .csBig{font-size:19cqi}.csTitle .csSmall{font-size:6.4cqi;margin-top:4cqi}.csCount .csSmall{font-size:7cqi}.csCount .csBig{font-size:34cqi}.csLyric{inset:0 8cqi}.csLyric p:first-child{font-size:10cqi;text-wrap:balance}.csLyric span{white-space:normal}.csLyric .csSmall{font-size:5.5cqi}}@container (aspect-ratio > 3){.csTitle{left:4cqi;right:4cqi;bottom:auto;top:50%;translate:0 -50%;display:flex;align-items:baseline;gap:6cqb;white-space:nowrap}.csTitle .csBig{font-size:46cqb}.csTitle .csSmall{margin:0;font-size:16cqb}.csCount{grid-auto-flow:column;align-items:baseline;gap:6cqb}.csCount .csSmall{font-size:16cqb}.csCount .csBig{font-size:64cqb}.csLyric p:first-child{font-size:26cqb;white-space:nowrap}.csLyric span+span,.csLyric .csSmall{display:none}}.csSun{position:absolute;left:50%;bottom:14%;width:26cqmin;aspect-ratio:1;margin-left:-13cqmin;border-radius:50%;background:radial-gradient(circle,#fef3c7,#fde68a 45%,#fbbf24);box-shadow:0 0 14cqmin 4cqmin #fde68a73;animation:csRise 9s cubic-bezier(.3,0,.4,1) infinite}.csHill{position:absolute;aspect-ratio:1;border-radius:50%}.csHillFar{width:150cqmax;left:-40cqmax;top:66cqb;background:#3b0d2c}.csHillNear{width:140cqmax;right:-60cqmax;top:74cqb;background:#12061a}.csHead{position:absolute;z-index:1;left:6cqi;right:6cqi;bottom:6cqb;height:max(2px,1.1cqmin);border-radius:9px;background:#ffffff38;overflow:hidden}.csHead:after{content:"";position:absolute;inset:0;background:#fff;transform-origin:0 50%;animation:csPlay 9s linear infinite}.csSlide:not([data-on]) .csSun,.csSlide:not([data-on]) .csHead:after{animation-play-state:paused}@keyframes csRise{0%{translate:0 30%}to{translate:0 -40%}}@keyframes csPlay{0%{transform:scaleX(0)}}.csLight{position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(100deg,transparent 38%,rgb(255 255 255 / .38) 50%,transparent 62%) 100% 0 / 250% 100% no-repeat,#ffffff1a;box-shadow:0 0 0 2px var(--cs-ring),0 0 18px 2px var(--cs-ring)}.csDesk{display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px 48px;padding:clamp(6px,1.5svh,20px) var(--cs-gutter) clamp(22px,4.5svh,46px)}.csSay h1{margin:0;max-width:17em;font-weight:600;font-size:clamp(28px,3.4vw,58px);line-height:1.05;letter-spacing:-.035em;text-wrap:balance}.csSay p{margin:14px 0 0;color:var(--cs-text2);font-size:clamp(15px,1.15vw,17px)}.csKeys{display:flex;align-items:center;gap:8px}.csTicks{display:flex;gap:4px;margin-right:16px}.csTicks i{width:18px;height:2px;border-radius:2px;background:var(--cs-edge);transition:background var(--cs-cut) ease}.csTicks i[data-on]{background:var(--cs-text)}.csKey{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:var(--cs-body);font:600 15px/1 Inter,Inter Fallback,system-ui,sans-serif;cursor:pointer;touch-action:manipulation;transition:background .12s ease,color .12s ease}.csKey:hover{background:var(--cs-word-hover);color:var(--cs-text)}.csKey:active{background:var(--cs-word-press);color:var(--cs-text)}.csKeyNext{min-width:176px;justify-content:space-between;gap:16px;padding:0 12px 0 16px;background:var(--cs-solid);color:var(--cs-solid-text);font-weight:700}.csKeyNext:hover{background:var(--cs-solid-hover);color:var(--cs-solid-text)}.csKeyNext:active{background:var(--cs-solid-press);color:var(--cs-solid-text)}.csKey kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 7px;border:1px solid var(--cs-edge);border-radius:4px;background:var(--cs-keycap);color:var(--cs-keycap-text);font-family:inherit;font-size:12px;font-weight:500;line-height:1}.csKeyNext kbd{border-color:transparent;background:var(--cs-keycap-solid);color:var(--cs-keycap-solid-text)}.csAloud{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}.csScreen:after{content:"";position:absolute;inset:0;z-index:5;border-radius:inherit;background:var(--cs-tile);opacity:0;pointer-events:none}@media(prefers-reduced-motion:no-preference){.csScreen:after{animation:csDark .6s .3s backwards cubic-bezier(.2,.7,.3,1)}.csWash{animation:csDim 1.2s .3s backwards ease}.csLight{animation:csLight .64s cubic-bezier(.25,.6,.35,1)}}@keyframes csDark{0%{opacity:1}}@keyframes csDim{0%{opacity:0}}@keyframes csLight{0%{opacity:1;background-position:100% 0,0 0}55%{opacity:.85}to{opacity:0;background-position:0% 0,0 0}}@media(prefers-reduced-motion:reduce){:root{--cs-cut: 0s}.csUnit,.csWash i,.csKey,.csTicks i{transition:none}.csSun,.csHead:after{animation:none}.csSun{translate:0 -18%}.csHead:after{transform:scaleX(.38)}}@media(prefers-color-scheme:light){.csWash i{opacity:0}.csWash i[data-on]{opacity:.55}}@media(hover:none){.csKey kbd{display:none}.csKey{padding-inline:16px}}@media(max-width:700px){.csMain{grid-template-rows:auto auto}.csStageWrap{container-type:inline-size;margin-bottom:30px}.csStage{aspect-ratio:358 / 400;width:100%}.csUnit[data-shape=hall]{--x: 0%;--y: 0%;--w: 100%}.csUnit[data-shape=foyer]{--x: 0%;--y: 58.5%;--w: 22.4%}.csUnit[data-shape=cafe]{--x: 27%;--y: 58.5%;--w: 52.5%}.csUnit[data-shape=stage]{--x: 27%;--y: 75.5%;--w: 33.5%}.csUnit[data-shape=phone]{--x: 84.4%;--y: 58.5%;--w: 15.6%;--r: 9px}.csScreen{--cs-rim: 2px;--r: 6px}.csName{margin-top:6px}.csDesk{grid-template-columns:1fr}.csKeys{flex-wrap:wrap}.csTicks{flex-basis:100%;margin:0 0 6px}.csKey{height:48px}.csKeyNext{flex:1;min-width:0}.csFoot{flex-wrap:wrap;row-gap:6px}}.csDoc{width:100%;max-width:68ch;margin:0 auto;padding:clamp(32px,7vw,88px) var(--cs-gutter);color:var(--cs-body);font-size:17px;line-height:1.6}.csDoc h1,.csDoc h2{margin:0;color:var(--cs-text);font-weight:600;letter-spacing:-.025em;text-wrap:balance}.csDoc h1{font-size:clamp(30px,4.6vw,52px);line-height:1.08;letter-spacing:-.035em}.csDoc h2{margin-top:44px;font-size:22px;line-height:1.25}.csDoc p,.csDoc ul{margin:18px 0 0}.csDoc ul{padding-left:20px}.csDoc li{margin-top:8px}.csDoc a{color:var(--cs-text)}.csDoc .csLede{color:var(--cs-text2);font-size:clamp(17px,1.5vw,21px);line-height:1.45}.csDoc .csSmall{color:var(--cs-text2);font-size:14px}.csTag{margin-left:10px;padding:3px 8px;border-radius:6px;background:var(--cs-chosen);color:var(--cs-text);font-size:13px;font-weight:500;letter-spacing:0;vertical-align:middle}