*{box-sizing:border-box;margin:0;padding:0}:root{--pip-corner-inset:12px;--preview-zoom:1;--buffering-preview-zoom:1.08;--surface-bg:#04141c;--card-bg:#11253a;--card-bg-bottom:#0b1c2e;--focal-text:#04122a;--card-surface-grad:linear-gradient(to bottom, #11253a 0%, #0b1c2e 100%);--live-deep:#1f0608;--live-mid:#4d1015;--live-hi:#f54;--live-glow:#ff8060;--delay-deep:#060e1f;--delay-mid:#0f2347;--delay-hi:#5cb0ff;--delay-glow:#8bc8ff;--pair-hi:#34d17a;--english-pill-grad:linear-gradient(to bottom, #5cb0ff 0%, #0f2347 100%);--toggle-on-grad:linear-gradient(to bottom, #0f2347 0%, #060e1f 100%);--delay-frame-grad:linear-gradient(160deg, #060e1f 0%, #0f2347 60%, #5cb0ff 100%);--alpha-hairline:.06;--alpha-subtle-border:.08;--alpha-divider:.12;--alpha-muted-separator:.3;--alpha-disclosure:.55;--alpha-body:.65;--alpha-sublabel:.75;--alpha-mono-label:.85;--font-sans:"Bricolage Grotesque", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", ui-monospace, "Roboto Mono", monospace;--brand-cyan:var(--delay-hi);--brand-grad:var(--english-pill-grad)}html,body{touch-action:none;width:100%;height:100%;font-family:var(--font-sans);color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#000;overflow:hidden}#source-video{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}#display-canvas{object-fit:cover;background:#000;width:100%;height:100%;transition:opacity .32s ease-out;position:fixed;inset:0}#live-video{object-fit:cover;width:100%;height:100%;transform:scale(var(--preview-zoom));z-index:1;opacity:0;pointer-events:none;background:#000;transition:opacity .32s ease-out,transform .32s cubic-bezier(.32,.72,0,1);position:fixed;inset:0}body.screen-live #display-canvas{opacity:0}#pip-container{top:calc(env(safe-area-inset-top,0px) + var(--pip-corner-inset));left:calc(env(safe-area-inset-left,0px) + var(--pip-corner-inset));z-index:20;touch-action:none;cursor:grab;transform-origin:0 0;background:#000;border-radius:18px;width:108px;height:144px;transition:opacity .32s ease-out,transform .32s ease-out;position:absolute;right:auto;overflow:hidden;box-shadow:0 8px 24px #00000080,0 0 0 1px #ffffff2e}#pip-container:active{cursor:grabbing}#pip-container.pip-snapping{transition:left .22s ease-out,top .22s ease-out,opacity .4s ease-out}#pip-video{object-fit:cover;width:100%;height:100%;transform:scale(var(--preview-zoom));transition:transform .32s cubic-bezier(.32,.72,0,1);display:block;position:absolute;inset:0}#pip-label{pointer-events:none;z-index:2;background:#ff5544f2;border-radius:999px;align-items:center;gap:4px;padding:3px 6px 3px 5px;transition:opacity .28s ease-out;display:flex;position:absolute;top:6px;left:6px;box-shadow:0 2px 6px #f546,0 1px 2px #0000004d}.pip-label-dot{background:#fff;border-radius:50%;width:4px;height:4px;animation:1.6s ease-in-out infinite live-pulse;box-shadow:0 0 4px #ffffffd9}.pip-label-text{font-family:var(--font-sans);letter-spacing:1.2px;color:#fff;font-size:8px;font-weight:800;line-height:1}#pip-now{font-family:var(--font-sans);letter-spacing:1.5px;color:#fff;text-shadow:0 1px 3px #000000a6;pointer-events:none;z-index:2;font-size:9px;font-weight:700;transition:opacity .28s ease-out;position:absolute;bottom:6px;right:8px}body.screen-live #pip-container{z-index:21;cursor:default;box-shadow:inset 0 0 0 2px #5cb0ff66}body.screen-live #pip-label,body.screen-live #pip-now{opacity:0}#start-overlay{z-index:100;background:#000;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}#start-overlay h1{font-family:var(--font-sans);letter-spacing:-.025em;color:#fff;margin-bottom:48px;font-size:34px;font-weight:700}#start-button{font-family:var(--font-sans);letter-spacing:-.01em;background:radial-gradient(90% 130% at 50% 75%,#5cb0ff8c 0%,#0f2347d9 78%);background-color:var(--delay-deep);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;padding:18px 48px;font-size:17px;font-weight:700;box-shadow:0 4px 16px #5cb0ff52,inset 0 0 0 .5px #5cb0ff66}#start-button:active{opacity:.7}#status{bottom:calc(env(safe-area-inset-bottom,0px) + 130px);color:#f66;font-family:var(--font-sans);letter-spacing:-.005em;z-index:5;text-align:center;font-size:13px;font-weight:500;position:absolute;left:20px;right:20px}#buffering-overlay{z-index:12;pointer-events:none;opacity:0;transition:opacity .6s ease-out;position:absolute;inset:0}body.buffering #buffering-overlay{opacity:1}#buffering-video{object-fit:cover;filter:blur(18px)saturate(.7)brightness(.7);width:100%;height:100%;transform:scale(var(--buffering-preview-zoom));transform-origin:50%;transition:transform .32s cubic-bezier(.32,.72,0,1);position:absolute;inset:0}#buffering-scrim{background:#00000059;position:absolute;inset:0}#buffering-stack{z-index:1;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#buffering-ring{width:88px;height:88px;position:relative}#buffering-ring-svg{filter:drop-shadow(0 4px 12px #00000080);transform:rotate(-90deg)}#buffering-count{font-family:var(--font-mono);color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.5px;justify-content:center;align-items:center;font-size:26px;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.buffering-count-unit{margin-left:1px;font-size:13px;font-weight:500}#buffering-label{font-family:var(--font-sans);letter-spacing:2.5px;color:#fff;text-transform:uppercase;filter:drop-shadow(0 1px 3px #0009);font-size:13px;font-weight:700}#buffering-sublabel{font-family:var(--font-sans);color:#ffffffbf;text-align:center;filter:drop-shadow(0 1px 2px #0009);font-variant-numeric:tabular-nums;max-width:240px;font-size:12px;font-weight:500;line-height:1.4}#buffering-target{font-family:var(--font-mono);font-weight:600}#side-bar{top:calc(env(safe-area-inset-top,0px) + 8px);z-index:22;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute;right:12px}body.is-landscape #side-bar{right:calc(env(safe-area-inset-right,0px) + 12px)}.side-row{align-items:center;gap:8px;display:flex}.side-btn{cursor:pointer;font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;touch-action:manipulation;filter:drop-shadow(0 1px 3px #0009)drop-shadow(0 2px 8px #00000059);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .18s ease-out;display:flex}.side-btn:active{opacity:.55}.side-icon-box{pointer-events:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.side-label{font-family:var(--font-sans);color:#fff;white-space:nowrap;filter:drop-shadow(0 1px 3px #0009)drop-shadow(0 2px 8px #00000059);opacity:0;pointer-events:none;font-size:13px;font-weight:600;transition:opacity .32s ease-out}body:not(.buffering) .side-label.tap-show,body.zoom-pill-open:not(.buffering) [data-side-label=zoom]{opacity:1}.timer-icon-box{position:relative}.timer-underline{opacity:0;filter:drop-shadow(0 1px 3px #0009)drop-shadow(0 2px 8px #00000059);background:#ffffff2e;border-radius:1px;width:26px;height:2px;transition:opacity .2s ease-out;position:absolute;top:calc(50% + 17px);left:50%;overflow:hidden;transform:translate(-50%)}body.timer-running .timer-underline{opacity:1}#timer-underline-fill{transform-origin:0;background:#fff;border-radius:1px;width:100%;height:100%;transition:transform 40ms linear;display:block;transform:scaleX(0)}.side-dot{background:var(--pair-hi);opacity:0;border:1.5px solid #04141c;border-radius:50%;width:9px;height:9px;transition:opacity .2s ease-out;position:absolute;top:1.5px;right:1.5px;box-shadow:0 0 3px #34d17a99}body.timer-running .timer-icon-box .side-dot{opacity:1}.timer-glyph{width:26px;height:26px;margin:auto;position:absolute;inset:0}#timer-button.pressing{animation:none}#timer-button.pressing .timer-glyph{animation:.36s ease-out button-press}@keyframes timer-pulse{0%{transform:scale(1)}35%{transform:scale(1.08)}to{transform:scale(1)}}.timer-glyph.timer-pulse{animation:.36s cubic-bezier(.2,.7,.3,1) timer-pulse}.zoom-stack{flex-direction:column;align-items:center;width:44px;min-height:44px;display:flex}.zoom-glyph{font-family:var(--font-mono);color:#fff;letter-spacing:-.5px;align-items:baseline;display:flex}#zoom-glyph-num{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1}.zoom-glyph-x{margin-left:1px;font-size:13px;font-weight:600;line-height:1}.zoom-pill{-webkit-backdrop-filter:blur(20px)saturate(160%);transform-origin:50%;background:#0000005c;border:.5px solid #ffffff2e;border-radius:28px;flex-direction:column;align-items:center;gap:0;padding:4px;animation:.18s cubic-bezier(.2,.7,.3,1) zoom-pill-in;display:flex;box-shadow:0 8px 24px #00000059}.zoom-pill[hidden]{display:none}@keyframes zoom-pill-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.zoom-pill-slot{color:#fff;width:44px;height:44px;font-family:var(--font-mono);cursor:pointer;font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent;letter-spacing:-.5px;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:13px;font-weight:500;line-height:1;transition:background .18s cubic-bezier(.2,.7,.3,1),font-size .18s cubic-bezier(.2,.7,.3,1),font-weight .18s cubic-bezier(.2,.7,.3,1),box-shadow .18s cubic-bezier(.2,.7,.3,1);display:flex}.zoom-pill-slot:active{opacity:.6}.zoom-pill-slot.is-active{background:radial-gradient(60% 70% at 50% 70%,#5cb0ff8c 0%,#0f2347d9 70%);font-size:16px;font-weight:700;box-shadow:0 4px 12px #5cb0ff4d,inset 0 0 0 .5px #5cb0ff66}.zoom-pill-x{opacity:.85;margin-left:1px;font-size:.65em;font-weight:500}.zoom-pill-slot.is-active .zoom-pill-x{opacity:.95;font-weight:600}body.zoom-pill-open #zoom-button{display:none}body.zoom-pill-open #timer-row{opacity:0;pointer-events:none}#timer-row{transition:opacity .18s ease-out}#live-sign{top:calc(env(safe-area-inset-top,0px) + 18px);z-index:22;filter:drop-shadow(0 1px 3px #0009)drop-shadow(0 2px 8px #0006);opacity:0;pointer-events:none;align-items:center;gap:14px;transition:opacity .32s ease-out;display:flex;position:absolute;left:20px}body.screen-live #live-sign{opacity:1}@keyframes live-pulse{0%,to{opacity:1;box-shadow:0 0 8px #fffc}50%{opacity:.55;box-shadow:0 0 4px #fff6}}#tap-to-exit-pill{bottom:calc(env(safe-area-inset-bottom,0px) + 24px);-webkit-backdrop-filter:blur(20px)saturate(160%);color:#fff;font-family:var(--font-sans);letter-spacing:.4px;cursor:pointer;z-index:25;opacity:0;pointer-events:none;-webkit-tap-highlight-color:transparent;background:#060e1f8c;border:.5px solid #5cb0ff33;border-radius:999px;align-items:center;padding:8px 12px 8px 10px;font-size:11px;font-weight:700;line-height:1;transition:opacity 1.2s ease-out,background .32s ease-out,border-color .32s ease-out;display:inline-flex;position:absolute;right:16px;box-shadow:0 8px 12px #00000073}#tap-to-exit-pill.is-visible{opacity:1;pointer-events:auto;transition:opacity .32s ease-out,background .32s ease-out,border-color .32s ease-out}#tap-to-exit-pill:active{opacity:.7}body.screen-live #tap-to-exit-pill{background:#1f06088c;border-color:#f543}.ttep-tap{font-family:var(--font-sans);letter-spacing:1.6px;color:#dce8ffb3;margin:0 4px;font-size:10px;font-weight:700;display:inline}body.screen-live .ttep-tap{color:#ffdcd7b3}html[lang=en] .lang-ja-only,html:not([lang=ja]) .lang-ja-only,html[lang=ja] .lang-en-only{display:none}#bottom-scrim{height:calc(env(safe-area-inset-bottom,0px) + 140px);z-index:20;pointer-events:none;opacity:0;background:linear-gradient(#0000 0%,#0000008c 100%);transition:opacity .32s ease-out;position:absolute;bottom:0;left:0;right:0}body.screen-live #bottom-scrim{opacity:1}#bottom-bar{z-index:22;justify-content:center;transition:opacity .32s ease-out;display:flex;position:absolute;bottom:12px;left:12px;right:16px}body.screen-live #bottom-bar{opacity:0;pointer-events:none}#delay-component{flex-direction:column;align-items:stretch;gap:10px;width:100%;display:flex}body.is-landscape #delay-component{align-items:center;width:auto}.delay-toplabel{font-family:var(--font-sans);letter-spacing:2px;color:#ffffffb3;text-transform:uppercase;filter:drop-shadow(0 1px 2px #00000080);align-self:center;font-size:11px;font-weight:600}#delay-chips{-webkit-backdrop-filter:blur(20px)saturate(160%);background:#00000052;border:.5px solid #ffffff2e;border-radius:32px;justify-content:center;align-items:center;height:64px;padding:0 6px;display:flex;box-shadow:0 8px 24px #00000059}.delay-chip{color:#fff;width:46px;height:52px;font-family:var(--font-mono);cursor:pointer;font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:26px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:17px;font-weight:500;transition:background .18s cubic-bezier(.2,.7,.3,1),font-size .18s cubic-bezier(.2,.7,.3,1),font-weight .18s cubic-bezier(.2,.7,.3,1),box-shadow .18s cubic-bezier(.2,.7,.3,1);display:flex}.delay-chip-unit{opacity:.85;margin-left:1px;font-size:10px;font-weight:400;transition:font-size .18s ease-out,font-weight .18s ease-out}.delay-chip.is-active{background:radial-gradient(60% 70% at 50% 70%,#5cb0ff8c 0%,#0f2347d9 70%);font-size:22px;font-weight:700;box-shadow:0 4px 16px #5cb0ff52,inset 0 0 0 .5px #5cb0ff66}.delay-chip.is-active .delay-chip-unit{font-size:12px;font-weight:600}#immersive-sign{top:calc(env(safe-area-inset-top,0px) + 18px);z-index:10;filter:drop-shadow(0 1px 3px #0009)drop-shadow(0 2px 8px #0006);opacity:0;pointer-events:none;align-items:center;gap:14px;transition:opacity .4s ease-out;display:flex;position:absolute;left:20px}.immersive-label{font-family:var(--font-sans);letter-spacing:2.4px;color:#ffffffeb;font-size:11px;font-weight:900;line-height:1}.immersive-value{font-family:var(--font-mono);color:#fff;font-variant-numeric:tabular-nums;margin-left:6.05px;font-size:11.55px;font-weight:600;line-height:1}.immersive-unit{font-family:var(--font-mono);opacity:.85;margin-left:1px;font-size:8.58px;font-weight:500}.pulse-mark{flex-shrink:0;width:28.6px;height:28.6px;display:inline-block;position:relative}.pulse-mark .pulse-core,.pulse-mark .pulse-ring{pointer-events:none;transform-origin:50%;border-radius:50%;width:11px;height:11px;margin-top:-5.5px;margin-left:-5.5px;position:absolute;top:50%;left:50%}.pulse-mark .pulse-core{background:currentColor;box-shadow:0 0 4px,0 0 8px #5cb0ffaa}.pulse-mark .pulse-ring{background:0 0;border:1.4px solid}.pulse-mark.tone-delay{color:#5cb0ff}.pulse-mark.tone-delay .pulse-ring{animation:1.6s linear infinite pulse-ring-inward}.pulse-mark.tone-delay .pulse-core{animation:1.6s linear infinite pulse-core-delay;box-shadow:0 0 4px,0 0 8px #5cb0ffaa}@keyframes pulse-ring-inward{0%{opacity:0;transform:scale(2.6)}25%{opacity:.55;transform:scale(2.3)}95%{opacity:.1;transform:scale(1.05)}to{opacity:0;transform:scale(1)}}@keyframes pulse-core-delay{0%,to{opacity:.95}50%{opacity:.55}}.pulse-mark.tone-live{color:#f54}.pulse-mark.tone-live .pulse-ring{animation:1.6s linear infinite pulse-ring-outward}.pulse-mark.tone-live .pulse-core{animation:1.6s linear infinite pulse-core-live;box-shadow:0 0 4px,0 0 8px #f54a}@keyframes pulse-ring-outward{0%{opacity:.6;transform:scale(1)}80%{opacity:0;transform:scale(2.28)}to{opacity:0;transform:scale(2.6)}}@keyframes pulse-core-live{0%,40%,to{opacity:1}50%,90%{opacity:.28}}#immersive-border{z-index:4;pointer-events:none;background:var(--delay-frame-grad);-webkit-mask-composite:xor;opacity:0;padding:1.25px;transition:opacity .4s ease-out;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}body.screen-home.ui-hidden #immersive-sign,body.screen-home.ui-hidden #immersive-border{opacity:.85}body.buffering #immersive-sign,body.buffering #immersive-border{opacity:0!important}body.orientation-dissolving #pip-container,body.orientation-dissolving #immersive-sign,body.orientation-dissolving #immersive-border{pointer-events:none;opacity:0!important}body.screen-home.ui-hidden #pip-container,body.screen-home.ui-hidden #side-bar,body.screen-home.ui-hidden #bottom-bar{opacity:0;pointer-events:none}#pip-container,#side-bar,#bottom-bar{transition:opacity .4s ease-out}body.ui-fast #pip-container,body.ui-fast #side-bar,body.ui-fast #bottom-bar,body.ui-fast #immersive-sign,body.ui-fast #immersive-border{transition:opacity .3s ease-out}@keyframes button-press{0%{transform:scale(1)}28%{transform:scale(.86)}55%{transform:scale(.86)}78%{transform:scale(1.04)}to{transform:scale(1)}}.side-btn.pressing,.delay-chip.pressing{animation:.36s ease-out button-press}body.is-landscape #pip-container{aspect-ratio:16/9;width:min(38vw,240px);height:auto}body.is-landscape #buffering-stack{gap:10px;top:36%}body.is-landscape #delay-component{gap:6px}body.is-landscape #delay-chips{height:60px}