:root{--ink: #0b0b0c;--ink-2: rgba(60, 60, 67, .6);--ink-3: rgba(60, 60, 67, .3);--hairline: rgba(60, 60, 67, .14);--fill: rgba(118, 118, 128, .12);--accent: #007aff;--page: #ffffff;--sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--page);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;min-height:100dvh;overflow-x:hidden}button{font:inherit;color:inherit}a{color:inherit}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.site-header{padding:max(18px,env(safe-area-inset-top)) 16px 4px}.site-header-inner{max-width:1040px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px 24px}.brand{min-width:0}.title{margin:0;font-size:26px;line-height:1.1;font-weight:750;letter-spacing:-.022em}.subtitle{margin:4px 0 0;font-size:14.5px;line-height:1.35;color:var(--ink-2)}.controls{display:flex;align-items:center;gap:10px;flex:none}.segmented{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:2px;border-radius:10px;background:var(--fill);isolation:isolate}.segmented-thumb{position:absolute;top:2px;bottom:2px;left:2px;width:calc(50% - 2px);border-radius:8px;background:#fff;box-shadow:0 3px 8px #0000001f,0 3px 1px #0000000a,0 0 0 .5px #0000000a;transition:transform .28s cubic-bezier(.3,.9,.3,1),width .28s cubic-bezier(.3,.9,.3,1);z-index:-1}.segmented-item{appearance:none;border:0;background:none;padding:6px 16px;min-height:32px;font-size:13.5px;font-weight:500;color:var(--ink);border-radius:8px;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent}.segmented-item.on{font-weight:600}.segmented-item:focus-visible,.play:focus-visible,.sound:focus-visible,.site-footer a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.play{appearance:none;border:0;position:relative;flex:none;display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 16px 0 13px;border-radius:999px;background:var(--ink);color:#fff;font-size:14px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,background .2s ease}.play svg{width:15px;height:15px}.play:hover{background:#2a2a2d}.play:active{transform:scale(.96)}.sound{appearance:none;border:0;flex:none;width:36px;height:36px;border-radius:50%;display:inline-grid;place-items:center;background:var(--fill);color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent}.sound svg{width:19px;height:19px}.sound[aria-pressed=false]{color:var(--ink-2)}.page-host{flex:1 0 auto;display:flex;justify-content:center;padding:6px 16px 0}.column{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center}.mode-page .column{justify-content:safe center}.site-footer{padding:14px 20px max(18px,env(safe-area-inset-bottom));text-align:center;font-size:12.5px;line-height:1.5;color:var(--ink-2)}.site-footer p{margin:0 auto;max-width:760px}.footer-below .page-host{min-height:calc(100vh - var(--header-h, 0px));min-height:calc(100dvh - var(--header-h, 0px))}.site-footer .credit{color:var(--ink);font-weight:500;margin-bottom:4px}.site-footer a{text-decoration:none;border-bottom:1px solid var(--hairline)}.site-footer a:hover{border-bottom-color:currentColor}.site-footer .legal{max-width:900px;font-size:11.5px;color:var(--ink-3);color:#3c3c4380}.page-placeholder{padding:120px 20px;color:var(--ink-2);text-align:center}@media(max-width:719px){.site-header{padding-top:max(14px,env(safe-area-inset-top))}.site-header-inner{flex-direction:column;gap:12px;text-align:center}.title{font-size:24px}.subtitle{font-size:13.5px}.subtitle-more{display:none}.controls{gap:8px}.segmented-item{padding:6px 13px}.page-host{padding-top:4px}}.mode-capture .page-host{padding:107px 0 0}.mode-capture .column{max-width:none;width:440px}.mode-screen .page-host{padding:0;display:block}.mode-screen .column{display:block;max-width:none}.timeline{width:100%;display:flex;flex-direction:column;align-items:center}.stage-row{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.caption{margin-top:22px;width:100%;display:flex;flex-direction:column;align-items:center;gap:5px;color:#000}.xfade{position:relative;width:100%}.xfade-layer{position:absolute;left:0;right:0;top:0;text-align:center}.caption-title{height:21.5px;font-size:18px;line-height:21.5px}.caption-title .xfade-layer{display:flex;justify-content:center;gap:6px;white-space:nowrap}.caption-system{font-weight:600}.caption-dot{color:#00000040}.caption-device{color:#00000080}.caption-note{height:34.6px;font-size:14.5px;line-height:17.3px;color:#00000080}.caption-note .xfade-layer{left:28px;right:28px}.ruler-wrap{width:100%;padding:0 8px 18px}.ruler{position:relative;width:100%;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;outline:none;border-radius:10px;-webkit-tap-highlight-color:transparent}.ruler:active{cursor:grabbing}.ruler:focus-visible{box-shadow:0 0 0 2px var(--accent)}.ruler-ticks{display:block}.ruler-labels{position:relative;height:22px}.ruler-label{position:absolute;top:13px;transform:translate(-50%,-50%);font-family:var(--sans);font-size:9px;line-height:normal;font-variant-numeric:tabular-nums;white-space:nowrap;color:#00000061;opacity:0;transition:opacity .15s ease-out,color .15s ease-out}.ruler-label.shown{opacity:1}.ruler-label.current{font-weight:700;color:#000}.home-layer{position:absolute;left:0;top:0;width:100%;height:100%}.hi{position:absolute;left:0;top:0;transform-origin:50% 50%}.hi-tile{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.hi-layer{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}.hi-art,.hi-gloss{position:absolute;left:0;top:0;width:100%;height:100%;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none;object-fit:cover}.hi-rim{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:inherit;background:linear-gradient(135deg,#ffffffd9,#ffffff14,#ffffff73);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}.hi-label{position:absolute;left:50%;top:50%;white-space:nowrap;line-height:normal;pointer-events:none}.hf{position:absolute;left:0;top:0;width:100%;height:100%}.hf-frost{position:absolute;inset:0;background:linear-gradient(#ffffff38,#ffffff38),#f5f5f55c}.hf-edge{position:absolute;inset:0;background:linear-gradient(#ffffffbf,#ffffff59);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.hf-mini{position:absolute;overflow:hidden}.hd{position:absolute}.hd-shelf{position:absolute;inset:0;flex-direction:column}.hd-tray{flex:1}.hd-strip{flex:none;background:#707070}.hd-glass{position:absolute;inset:0}.hd-face{position:absolute;left:0;right:0;background:linear-gradient(180deg,#0000,#00000029)}.hd-lip{position:absolute;left:0;right:0;bottom:0;background:#ffffff80}.hd-panel{position:absolute;inset:0}.hp{position:absolute;left:0;height:0}.hp-row{position:absolute;overflow:visible}.hp-pill{position:absolute;left:50%;top:0;border-radius:999px;align-items:center;justify-content:center}.hp-text{white-space:nowrap;line-height:normal}@media(prefers-reduced-motion:reduce){.segmented-thumb,.ruler-label{transition:none}}@media(max-width:479px){.mode-page .caption-note{height:51.9px}}@media(max-width:379px){.segmented-item{padding:6px 11px}}@media(max-width:352px){.play{width:36px;padding:0;justify-content:center}.play span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}