:root{--bg:#eef1f5;--surface:#ffffff;--ink:#1b2230;--muted:#5a6577;--line:#d6dce5;--soft:#e3e8ef;--rec:#e0312b;--rec-soft:#fbe3e2;--ok:#1f7a4d;--ok-soft:#dcf1e5;--focus:#2f5bea;--radius-s:6px;--radius-m:10px;--font:"Instrument Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#141922;--surface:#1c222d;--ink:#e7ebf1;--muted:#97a2b4;--line:#2c3442;--soft:#242c38;--rec:#f0443d;--rec-soft:#3a1f21;--ok:#5cc996;--ok-soft:#173427;--focus:#7d9bff;color-scheme:dark}}*{box-sizing:border-box}body,html{margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.55 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit}h1,h2,h3{line-height:1.2;margin:0;letter-spacing:-.01em}h1{font-size:1.75rem;font-weight:650}h2{font-size:1.2rem}h2,h3{font-weight:600}h3{font-size:1rem}p{margin:0}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:.85rem}.stack{gap:16px}.stack,.stack-s{display:flex;flex-direction:column}.stack-s{gap:8px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.spread{justify-content:space-between}.shell{max-width:1120px;margin:0 auto;padding:0 20px}.topbar{background:var(--surface);border-bottom:1px solid var(--line)}.topbar .shell{gap:24px;height:60px}.brand,.topbar .shell{display:flex;align-items:center}.brand{gap:8px;font-weight:700;font-size:1.1rem;text-decoration:none}.brand-dot{width:12px;height:12px;border-radius:50%;background:var(--rec);box-shadow:0 0 0 4px var(--rec-soft)}.nav{display:flex;gap:4px;flex:1 1}.nav a{text-decoration:none;padding:6px 10px;border-radius:var(--radius-s);color:var(--muted);font-weight:500}.nav a:hover,.nav a[aria-current=page]{color:var(--ink);background:var(--soft)}.who{display:flex;align-items:center;gap:12px}.lang-switch{display:inline-flex;background:var(--soft);border-radius:var(--radius-s);padding:3px;gap:2px}.lang-switch button{border:0;background:none;height:26px;padding:0 8px;border-radius:4px;font:inherit;font-size:.78rem;font-weight:600;letter-spacing:.02em;color:var(--muted);cursor:pointer}.lang-switch button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}.page{padding:32px 0 64px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 14px;border-radius:var(--radius-s);border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-weight:550;text-decoration:none;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--soft)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--ink);color:var(--surface);border-color:var(--ink)}.btn-primary:hover{background:var(--ink);opacity:.88}.btn-danger{color:var(--rec)}.btn-danger:hover{background:var(--rec-soft)}.btn-s{height:30px;padding:0 10px;font-size:.85rem}.btn-new:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--rec)}.link-btn{background:none;border:0;padding:0;font:inherit;color:var(--muted);cursor:pointer;text-decoration:underline}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:.85rem;font-weight:550}.input,.select{height:38px;padding:0 12px;border-radius:var(--radius-s);border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;width:100%}.input:focus,.select:focus{outline:2px solid var(--focus);outline-offset:-1px;border-color:transparent}.check{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.check input{width:16px;height:16px;accent-color:var(--ink)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:20px}.alert{background:var(--rec-soft);color:var(--rec)}.alert,.note{padding:10px 12px;border-radius:var(--radius-s);font-size:.9rem}.badge,.note{background:var(--soft);color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;padding:2px 8px;border-radius:999px}.badge-ok{background:var(--ok-soft);color:var(--ok)}.badge-warn{background:var(--rec-soft);color:var(--rec)}.library{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:20px;gap:20px}.clip{text-decoration:none;display:flex;flex-direction:column;gap:10px}.clip-frame{position:relative;aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:var(--soft);border:1px solid var(--line)}.clip-frame img{width:100%;height:100%;object-fit:cover;display:block}.clip:hover .clip-frame{border-color:var(--muted)}.clip-time{position:absolute;right:8px;bottom:8px;background:rgba(15,20,28,.78);color:#fff;font-size:.78rem;font-weight:600;padding:1px 7px;border-radius:4px}.clip-kind{position:absolute;left:8px;top:8px}.clip-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-meta{display:flex;justify-content:space-between;gap:8px;font-size:.82rem;color:var(--muted)}.empty{text-align:center;padding:64px 20px;border:1px dashed var(--line);border-radius:var(--radius-m);display:flex;flex-direction:column;align-items:center;gap:14px}.viewer{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:24px;gap:24px;align-items:start}@media (max-width:900px){.viewer{grid-template-columns:1fr}}.stage{background:#0e1219;border-radius:var(--radius-m);overflow:hidden;display:flex;justify-content:center}.stage img,.stage video{width:100%;max-height:72vh;display:block;object-fit:contain}.share-url{display:flex;gap:8px}.share-url .input{font-size:.85rem}.facts{display:grid;grid-template-columns:auto 1fr;grid-gap:6px 16px;gap:6px 16px;font-size:.9rem}.facts dt{color:var(--muted)}.facts dd{margin:0}.recorder{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:24px;gap:24px;align-items:start}@media (max-width:900px){.recorder{grid-template-columns:1fr}}.monitor{position:relative;aspect-ratio:16/9;background:#0e1219;border-radius:var(--radius-m);overflow:hidden;display:grid;place-items:center;color:#aeb7c6}.monitor img,.monitor video{width:100%;height:100%;object-fit:contain}.monitor-idle{text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;padding:24px}.rec-button{width:88px;height:88px;border-radius:50%;border:4px solid rgba(255,255,255,.9);background:var(--rec);cursor:pointer;box-shadow:0 0 0 8px rgba(224,49,43,.25);transition:transform .15s ease}.rec-button:hover{transform:scale(1.05)}.rec-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:7rem;font-weight:700;color:#fff;background:rgba(14,18,25,.7)}.live{display:flex;align-items:center;gap:12px}.live-dot{width:12px;height:12px;border-radius:50%;background:var(--rec);animation:pulse 1.2s ease-in-out infinite}.live-dot.paused{animation:none;background:var(--muted)}.timer{font-size:2rem;font-weight:650;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}@keyframes pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.live-dot{animation:none}.rec-button{transition:none}}.mode-switch{display:grid;grid-template-columns:1fr 1fr;background:var(--soft);border-radius:var(--radius-s);padding:3px}.mode-switch button{border:0;background:none;height:32px;border-radius:4px;font:inherit;font-weight:550;color:var(--muted);cursor:pointer}.mode-switch button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}.cam-preview{width:100%;aspect-ratio:4/3;border-radius:var(--radius-s);background:#0e1219;object-fit:cover;transform:scaleX(-1)}.progress{height:6px;background:var(--soft);border-radius:99px;overflow:hidden}.progress>div{height:100%;background:var(--ink);transition:width .2s}.annotate{cursor:crosshair;touch-action:none}.swatches{display:flex;gap:6px}.swatch{width:24px;height:24px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line);cursor:pointer}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:12px;gap:12px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:14px 16px}.stat b{display:block;font-size:1.5rem;font-weight:650;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m)}table{width:100%;border-collapse:collapse;font-size:.9rem}td,th{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-weight:600;color:var(--muted);font-size:.82rem;background:var(--bg)}tr:last-child td{border-bottom:0}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:20px}.tabs a{text-decoration:none;padding:8px 12px;color:var(--muted);font-weight:550;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs a[aria-current=page]{color:var(--ink);border-color:var(--ink)}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:100%;max-width:380px}.public-head{display:flex;align-items:center;justify-content:space-between;height:60px}.dialog{border:1px solid var(--line);border-radius:var(--radius-m);padding:20px;background:var(--surface);color:var(--ink);width:min(440px,calc(100vw - 32px))}.dialog::-webkit-backdrop{background:rgba(14,18,25,.5)}.dialog::backdrop{background:rgba(14,18,25,.5)}@media (max-width:640px){.topbar .shell{gap:12px}.who .who-name{display:none}h1{font-size:1.45rem}}