@font-face{font-family:Now;font-weight:300;src:url(/assets/Now-Light-D_BQiK0w.otf) format("opentype");font-display:swap}@font-face{font-family:Now;font-weight:400;src:url(/assets/Now-Regular-CdXwq_-5.otf) format("opentype");font-display:swap}@font-face{font-family:Now;font-weight:600;src:url(/assets/Now-Medium-BahrfMlU.otf) format("opentype");font-display:swap}@font-face{font-family:Now;font-weight:700;src:url(/assets/Now-Bold-kpnGyuzC.otf) format("opentype");font-display:swap}:root{--bg: #0b0b0c;--bg-2: #121213;--card: #151516;--line: #262624;--fg: #f1efe9;--muted: #9a968e;--faint: #5f5c56;--accent: #f2a541;--accent-2: #ffd27f;--rec: #ff4d3d;--blue: #6d8fd6;--mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--serif: "Instrument Serif", Georgia, serif;--ease: cubic-bezier(.2,.75,.2,1);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg);color:var(--fg)}body{font-family:Now,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}img{display:block;max-width:100%}.mono{font-family:var(--mono);letter-spacing:.02em}.serif{font-family:var(--serif);font-style:italic;font-weight:400}:focus-visible{outline:1.5px dashed var(--accent);outline-offset:3px}.br{position:absolute;width:22px;height:22px;border:0 solid currentColor;pointer-events:none}.br.tl{top:0;left:0;border-top-width:1.5px;border-left-width:1.5px}.br.tr{top:0;right:0;border-top-width:1.5px;border-right-width:1.5px}.br.bl{bottom:0;left:0;border-bottom-width:1.5px;border-left-width:1.5px}.br.bR{bottom:0;right:0;border-bottom-width:1.5px;border-right-width:1.5px}.t-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px max(20px,env(safe-area-inset-left)) 18px max(20px,env(safe-area-inset-right));border-bottom:1px solid var(--line)}.t-brand{display:flex;align-items:center;gap:14px}.t-brand .name{font-weight:600;font-size:1.05rem;letter-spacing:-.01em}.t-brand .by{font-size:11px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.t-back{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:7px 12px;transition:color .2s,border-color .2s}.t-back:hover{color:var(--fg);border-color:var(--fg)}.logo .cn{stroke:var(--accent)}.logo .lt{stroke:var(--fg)}.logo .dot{fill:var(--rec)}.c-wrap{width:min(1280px,100% - 32px);margin:0 auto;padding:18px 0 40px;display:grid;gap:14px;justify-items:center}.c-stage{--ar: 1.778;position:relative;width:min(100%,calc((100vh - 230px) * var(--ar)));min-width:min(100%,320px);background:#050506;overflow:hidden;color:#fff}.c-stage video,.c-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.c-overlay{image-rendering:auto;pointer-events:none}.c-stage.mirror video,.c-stage.mirror .c-overlay{transform:scaleX(-1)}.c-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,transparent calc(33.33% - .5px),rgba(255,255,255,.28) calc(33.33% - .5px) calc(33.33% + .5px),transparent calc(33.33% + .5px) calc(66.66% - .5px),rgba(255,255,255,.28) calc(66.66% - .5px) calc(66.66% + .5px),transparent calc(66.66% + .5px)),linear-gradient(180deg,transparent calc(33.33% - .5px),rgba(255,255,255,.28) calc(33.33% - .5px) calc(33.33% + .5px),transparent calc(33.33% + .5px) calc(66.66% - .5px),rgba(255,255,255,.28) calc(66.66% - .5px) calc(66.66% + .5px),transparent calc(66.66% + .5px))}.c-hud{position:absolute;top:16px;right:16px;bottom:16px;left:16px;pointer-events:none;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.c-hud .br{width:28px;height:28px}.c-stage.recording .c-hud .br{color:var(--rec)}.c-hud .ro{position:absolute;font-size:12px;letter-spacing:.08em;display:flex;gap:8px;align-items:center}.c-hud .tl{top:14px;left:18px}.c-hud .tr{top:14px;right:18px}.c-hud .bl{bottom:70px;left:18px;flex-direction:column;align-items:flex-start;gap:6px}.c-hud .dot,.c-go .dot{width:9px;height:9px;border-radius:50%;background:var(--rec);box-shadow:0 0 10px var(--rec);animation:c-blink 1s steps(1) infinite}.c-hud .stby{width:9px;height:9px;border:1.5px solid #fff;border-radius:50%}@keyframes c-blink{50%{opacity:.2}}.c-hud .batt{display:inline-block;width:20px;height:9px;border:1px solid currentColor;border-radius:2px;position:relative;margin-left:4px}.c-hud .batt:before{content:"";position:absolute;top:1px;right:4px;bottom:1px;left:1px;background:currentColor}.c-hud .focus{position:absolute;left:50%;top:50%;width:64px;height:44px;transform:translate(-50%,-50%);border:1.5px solid rgba(255,255,255,.8)}.c-hud .focus:before,.c-hud .focus:after{content:"";position:absolute;background:#fffc}.c-hud .focus:before{left:50%;top:-8px;width:1.5px;height:6px}.c-hud .focus:after{top:50%;left:-8px;height:1.5px;width:6px}.c-hud .warn{background:#ff4d3dd9;color:#fff;padding:3px 8px;font-size:10.5px;text-shadow:none}.meter{position:absolute;left:50%;bottom:10px;transform:translate(-50%);width:min(320px,70%);display:grid;gap:4px;font-size:10.5px;text-align:center}.meter .scale{display:flex;justify-content:space-between;opacity:.85}.meter .track{position:relative;height:8px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.7) 0 1px,transparent 1px calc(100% / 12))}.meter .track i{position:absolute;top:-4px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--accent);transform:translate(-6px);transition:left .15s linear}.meter .val{color:var(--accent-2)}.c-hist{position:absolute;right:20px;bottom:20px;width:200px;height:70px;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.15)}.c-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;pointer-events:none;animation:c-flash .45s ease-out forwards}@keyframes c-flash{0%{opacity:.85}to{opacity:0}}.c-start{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;text-align:center;gap:18px;padding:30px;background:radial-gradient(70% 90% at 50% 40%,rgba(242,165,65,.12),transparent 70%),#08080a}.c-start h1{font-size:clamp(1.8rem,4.6vw,3.4rem);font-weight:600;letter-spacing:-.035em;line-height:1;max-width:16ch;text-wrap:balance}.c-start .serif{color:var(--accent)}.c-start p{color:var(--muted);max-width:52ch}.c-go{display:inline-flex;align-items:center;gap:10px;background:var(--fg);color:#111;border:0;padding:14px 22px;font-size:15px;cursor:pointer;transition:transform .2s var(--ease)}.c-go:hover{transform:translateY(-2px)}.c-go:disabled{opacity:.6;cursor:wait}.c-err{color:#ffb4ab;font-size:14px}.c-bar{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.c-toggles{display:flex;flex-wrap:wrap;gap:6px}.c-toggles button,.c-rec{background:none;border:1px solid var(--line);color:var(--muted);padding:8px 12px;font-size:13px;cursor:pointer;display:inline-flex;gap:8px;align-items:center;transition:all .2s}.c-toggles button:hover:not(:disabled){color:var(--fg);border-color:var(--fg)}.c-toggles button.on{color:#111;background:var(--accent);border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}kbd{font:10px var(--mono);opacity:.6;border:1px solid currentColor;padding:0 4px;border-radius:3px}.c-actions{display:flex;align-items:center;gap:16px}.c-rec span{width:10px;height:10px;border-radius:50%;background:var(--rec)}.c-rec.on{border-color:var(--rec);color:var(--fg)}.c-rec.on span{border-radius:2px;animation:c-blink 1s steps(1) infinite}.c-shutter{width:62px;height:62px;border-radius:50%;border:3px solid var(--fg);background:none;padding:4px;cursor:pointer}.c-shutter span{display:block;width:100%;height:100%;border-radius:50%;background:var(--fg);transition:transform .12s}.c-shutter:active:not(:disabled) span{transform:scale(.88)}.c-roll{width:100%}.c-roll .head{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;color:var(--muted);margin-bottom:10px}.c-roll .strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}.c-roll a{flex:none;width:200px;display:grid;gap:6px}.c-roll img,.c-roll video{width:100%;aspect-ratio:16 / 10;object-fit:cover;background:var(--bg-2);border:1px solid var(--line);transition:border-color .2s}.c-roll a:hover img,.c-roll a:hover video{border-color:var(--accent)}.c-roll span{font-size:10.5px;color:var(--muted)}.c-foot{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--faint);border-top:1px solid var(--line);padding-top:16px}@media (max-width: 700px){.t-back{display:none}.c-stage{width:100%}.c-hist{width:130px;height:50px;right:12px;bottom:12px}.c-hud{top:10px;right:10px;bottom:10px;left:10px}.c-hud .focus,kbd,.c-foot span:first-child{display:none}.meter{width:55%;left:38%}.c-bar{justify-content:center}}@media (prefers-reduced-motion: reduce){.c-hud .dot,.c-go .dot,.c-rec.on span{animation:none}.c-flash{animation-duration:.01s}}