.hello-root{--hello-ground:#fff;--hello-ground-rgb:255, 255, 255;--hello-ink:#263b42;--hello-mute:#677a7e;--hello-gold:#f0c93a;--hello-red:#e02d28;--hello-orange:#af5615;--hello-green:#3ea044;--hello-blue:#266cc6;--hello-indigo:#3448a8;--hello-rose:#ce3e8a;--hello-bar:#fffffff5;z-index:30;background:var(--hello-ground);color:var(--hello-ink);font-family:var(--font-body);grid-template-rows:minmax(0,1fr);display:grid;position:fixed;inset:0}.hello-stage{background:var(--hello-ground);height:100%;min-height:0;position:relative}.hello-stage canvas{z-index:1;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hello-stage.is-waiting canvas{visibility:hidden}.hello-root.is-portrait{background:var(--hello-ground)}.hello-intro{z-index:3;background:var(--hello-ground);position:absolute;inset:0}.hello-intro.is-leaving,.hello-intro.is-leaving .look-cover-intro{background:0 0}.hello-ghost{z-index:0;object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hello-visuals{position:absolute;inset:0;overflow:hidden}.hello-stage.has-performance .hello-visuals{left:47%;right:5%}.hello-performance{z-index:2;pointer-events:none;opacity:1;width:38%;height:min(75%,41vw);max-height:calc(93% - 12rem);position:absolute;top:7%;left:9%;overflow:hidden}.hello-performance>video{object-fit:contain;visibility:hidden;width:auto;max-width:none;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.hello-performance-placeholder{object-fit:contain;visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.hello-performance[data-state=placeholder] .hello-performance-placeholder{visibility:visible}@media (width<=900px) and (aspect-ratio>=1){.hello-performance{height:min(52%,41vw);top:14%}}@media (aspect-ratio<=3/4){.hello-stage.has-performance .hello-visuals{bottom:58%;left:0;right:0}.hello-performance{width:100%;height:38%;top:42%;left:0}.hello-performance>video{object-fit:contain;max-width:100%}}.hello-root.is-portrait .hello-subs{background:linear-gradient(transparent, rgba(var(--hello-ground-rgb), .94) 36%)}.hello-root.is-portrait .hello-cue{text-shadow:0 1px 0 var(--hello-ground), 0 0 12px var(--hello-ground)}.hello-root.is-portrait .hello-clock{color:#131316}.hello-seq{z-index:4;max-width:min(42rem,100% - 32px);color:var(--hello-mute);font-family:var(--font-mono);letter-spacing:.02em;text-shadow:0 1px 2px #131316;pointer-events:none;margin:0;font-size:.78rem;line-height:1.35;position:absolute;top:12px;left:16px}.hello-seq b{color:var(--hello-ink);margin-top:2px;font-size:.95rem;font-weight:600;display:block}.hello-back{z-index:4;min-height:44px;color:var(--hello-ink);background:#131316b8;border:1px solid #f2efe93d;border-radius:999px;align-items:center;padding:0 14px;text-decoration:none;display:inline-flex;position:absolute;top:12px;left:12px}.hello-readout{z-index:3;pointer-events:none;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin:0;display:flex;position:absolute;bottom:12px;left:16px;right:16px}.hello-match,.hello-phase,.hello-note{font-family:var(--font-mono);letter-spacing:.02em;margin:0;font-size:.82rem;line-height:1.4}.hello-match{color:var(--hello-gold)}.hello-match span,.hello-note{color:var(--hello-mute)}.hello-phase{color:var(--hello-blue)}.hello-process{z-index:2;pointer-events:none;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-weight:600;position:absolute;inset:0}.hello-process span{justify-items:center;gap:4px;font-size:.78rem;display:grid;position:absolute}.hello-process small{letter-spacing:0;text-transform:none;font-weight:400;font-family:var(--font-body);color:var(--hello-mute)}.hello-p-play{color:var(--hello-gold);top:8%;left:50%;transform:translate(-50%)}.hello-p-talk{color:var(--hello-orange);top:46%;right:4%}.hello-p-do{color:var(--hello-rose);bottom:22%;left:50%;transform:translate(-50%)}.hello-p-back{color:var(--hello-green);top:46%;left:4%}.hello-subs{z-index:5;background:linear-gradient(transparent, rgba(var(--hello-ground-rgb), .97) 28%);pointer-events:none;padding:32px 8% 24px;position:absolute;bottom:0;left:0;right:0}.hello-cue{text-align:center;margin:0;font-family:"Source Serif 4",Georgia,serif;font-size:clamp(1.2rem,2.8vw,1.85rem);font-weight:560;line-height:1.45}.hello-w0{color:var(--hello-red)}.hello-w1{color:var(--hello-orange)}.hello-w2{color:#866b12}.hello-w3{color:var(--hello-green)}.hello-w4{color:var(--hello-blue)}.hello-w5{color:var(--hello-rose)}.hello-word.is-wait{opacity:.65}.hello-word.is-now{text-decoration:underline;-webkit-text-decoration-color:var(--hello-ink);text-decoration-color:var(--hello-ink);text-underline-offset:.16em;text-decoration-thickness:2px}.hello-bar{pointer-events:auto;align-items:center;gap:12px;margin-top:14px;padding:8px 4px 0;display:flex}.hello-bar button{background:var(--hello-gold);min-height:36px;color:var(--hello-ink);font-family:var(--font-display);border:0;border-radius:999px;padding:0 14px;font-weight:700}.hello-time{flex:1;min-width:0}.hello-related{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.hello-related a{max-width:100%;min-height:40px;color:var(--hello-ink);text-align:center;background:#fffffff2;border:1px solid #c49a2066;border-radius:999px;align-items:center;gap:8px;padding:4px 14px;font-size:.85rem;line-height:1.3;text-decoration:none;display:inline-flex}.hello-related a:hover{background:#fff6d5}.hello-related a:focus-visible{outline-offset:3px;outline:2px solid #866b12}.hello-volume{flex:none;width:5.5rem}.hello-start{z-index:6;background:var(--hello-gold);min-width:96px;min-height:48px;color:var(--hello-ink);font-family:var(--font-display);border:0;border-radius:999px;font-size:1rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hello-end-card{z-index:4;background:var(--hello-ground);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.hello-end-card h1{color:#263b42;font-family:var(--font-display);letter-spacing:.04em;text-align:center;text-shadow:none;margin:0 1rem 7rem;font-size:clamp(2.4rem,8vw,7.5rem);font-weight:700;line-height:1}.hello-clock{font-family:var(--font-mono);color:var(--hello-ink);min-width:7.5rem;font-size:.82rem}.hello-bar input[type=range]{min-width:0;accent-color:var(--hello-gold)}.hello-gate{z-index:6;text-align:center;background:#131316c7;align-content:center;justify-items:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0}.hello-gate h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(2rem,6vw,3.4rem);font-weight:700}.hello-gate p{max-width:36rem;color:var(--hello-mute);margin:0;line-height:1.5}.hello-error{color:var(--hello-rose)}@media (width<=640px){.hello-p-talk,.hello-p-back{display:none}.hello-subs{min-height:6.4rem;padding-inline:16px}.hello-clock{display:none}}@media (prefers-reduced-motion:reduce){.hello-word.is-now{text-decoration:none}}