:root{--bg:#0a0a0c;--surface-1:#101014;--surface-2:#16161d;--surface-3:#1d1d26;--surface-glass:rgba(18,18,24,0.72);--text:#f5f5f7;--muted:#9d9da8;--faint:#6b6b77;--border:#26262f;--border-strong:#35353f;--accent:#8b5cf6;--accent-bright:#a78bfa;--accent-deep:#6366f1;--accent-ink:#ddd6fe;--grad-accent:linear-gradient(135deg,#a78bfa,#8b5cf6 45%,#6366f1);--grad-accent-hover:linear-gradient(135deg,#b8a3fb,#9670f7 45%,#7075f4);--accent-soft:rgba(139,92,246,0.14);--accent-ring:rgba(139,92,246,0.55);--danger:#ef4444;--danger-soft:rgba(239,68,68,0.12);--danger-ink:#fecaca;--success:#34d399;--success-ink:#86efac;--warning:#f59e0b;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:28px;--r-full:999px;--sh-1:0 1px 2px rgba(0,0,0,.4);--sh-2:0 8px 24px rgba(0,0,0,.35);--sh-3:0 24px 60px rgba(0,0,0,.5);--sh-accent:0 8px 28px rgba(99,102,241,0.35);--font-display:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;--font-body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--fs-display:clamp(40px,6vw,76px);--fs-h1:clamp(28px,4vw,40px);--fs-h2:22px;--fs-h3:16px;--fs-body:15px;--fs-sm:13px;--fs-xs:11.5px;--dur:180ms;--ease:cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box}body,html{max-width:100%;overflow-x:hidden}body{margin:0;color:var(--text);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.6;-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 640px at 50% -10%,rgba(99,102,241,.1),transparent 60%),radial-gradient(900px 500px at 100% 0,rgba(139,92,246,.07),transparent 55%),var(--bg);background-attachment:fixed;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--accent-soft);color:var(--text)}:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px;border-radius:var(--r-sm)}:focus:not(:focus-visible){outline:none}.container{width:min(1200px,calc(100vw - var(--s6)));margin:0 auto}.nav{height:68px;display:flex;justify-content:space-between;border-bottom:1px solid var(--border);margin-bottom:var(--s6);position:-webkit-sticky;position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4)}.brand,.nav{align-items:center}.brand{display:inline-flex;gap:var(--s3);font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;font-size:21px}.brand:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--grad-accent);box-shadow:0 0 0 4px var(--accent-soft),0 0 14px var(--accent);flex-shrink:0}.navlinks{gap:var(--s2);align-items:center}.navlinks,.navlinks form{display:flex}.btn{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);padding:10px 16px;min-height:42px;border-radius:var(--r-md);cursor:pointer;font-size:var(--fs-sm);font-weight:600;letter-spacing:-.01em;display:inline-flex;gap:var(--s2);align-items:center;justify-content:center;white-space:nowrap;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),opacity var(--dur)}.btn:hover{background:var(--surface-3);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--grad-accent);border-color:transparent;color:#fff;box-shadow:var(--sh-accent)}.btn.primary:hover{background:var(--grad-accent-hover);box-shadow:0 10px 34px rgba(99,102,241,.45)}.btn.danger{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 45%,transparent);color:var(--danger-ink)}.btn.danger:hover{background:color-mix(in srgb,var(--danger) 22%,transparent);border-color:var(--danger)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--surface-2)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.card{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-1) 96%,#fff 2%),var(--surface-1));border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s5);box-shadow:var(--sh-2)}.grid{display:grid;grid-gap:var(--s4);gap:var(--s4)}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.h1{font-size:var(--fs-display);font-weight:700;line-height:.98;letter-spacing:-.045em;margin:0 0 var(--s4)}.h1,.h2{font-family:var(--font-display)}.h2{font-size:var(--fs-h2);font-weight:600;letter-spacing:-.03em;line-height:1.15;margin:0 0 var(--s3)}.muted{color:var(--muted)}.eyebrow{font-size:var(--fs-xs);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-bright)}.input,select.input{width:100%;background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:12px 14px;min-height:44px;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.input::placeholder{color:var(--faint)}.input:hover{border-color:var(--border-strong)}.input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}select.input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%239d9da8' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.video{width:100%;border-radius:var(--r-xl);background:#000;border:1px solid var(--border);box-shadow:var(--sh-2);display:block}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:14px;text-align:left;border-bottom:1px solid var(--border)}.table th{color:var(--muted);font-size:var(--fs-sm);font-weight:600}.badge{background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:var(--r-full);padding:5px 12px;color:var(--accent-ink);letter-spacing:.02em}.badge,.chip{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:600}.chip{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--muted);padding:6px 14px;min-height:32px;border-radius:var(--r-full);cursor:pointer;transition:all var(--dur) var(--ease)}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.recorder-shell{display:grid;grid-template-columns:1fr 360px;grid-gap:var(--s5);gap:var(--s5);align-items:start}.preview-wrap{min-height:460px;background:radial-gradient(120% 120% at 50% 0,#0e0e14,#050507 70%);border:1px solid var(--border);border-radius:var(--r-2xl);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-3),inset 0 0 0 1px rgba(255,255,255,.02)}.preview-wrap video{max-width:100%;max-height:72vh}.hidden-media{position:fixed;pointer-events:none;opacity:0;width:1px;height:1px}.canvas-preview{width:100%;background:black;display:block}.form-row{display:grid;grid-gap:var(--s2);gap:var(--s2);margin-bottom:var(--s3)}.device-row{display:flex;align-items:center;justify-content:space-between}.cam-setup-preview{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.cam-off-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--s3);padding:60px 20px;text-align:center}.mic-meter{position:absolute;left:var(--s5);right:var(--s5);bottom:var(--s5);height:6px;background:rgba(255,255,255,.1);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.mic-meter,.mic-meter-fill{border-radius:var(--r-full)}.mic-meter-fill{height:100%;background:linear-gradient(90deg,var(--success),#a3e635 70%,var(--warning));transition:width 80ms linear}.countdown-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(5,5,8,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10}.countdown-overlay span{font-family:var(--font-display);font-size:140px;font-weight:700;letter-spacing:-.05em;background:var(--grad-accent);-webkit-background-clip:text;background-clip:text;color:transparent;animation:countPop 1s var(--ease)}@keyframes countPop{0%{transform:scale(1.6);opacity:0}25%{transform:scale(1);opacity:1}to{opacity:.95}}.actions{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center}.notice{padding:12px 16px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);color:var(--muted);font-size:var(--fs-sm);line-height:1.6}.notice.danger{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger-ink)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s4);flex-wrap:wrap}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--s5);gap:var(--s5)}.rec-card{background:linear-gradient(180deg,var(--surface-1),color-mix(in srgb,var(--surface-1) 90%,#000));border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.rec-card:hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:var(--sh-3)}.rec-thumb{position:relative;aspect-ratio:16/9;background:#000;display:block;overflow:hidden}.rec-thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:blur(14px) saturate(1.05);transform:scale(1.18);transition:transform .3s var(--ease),filter .3s var(--ease)}.rec-card:hover .rec-thumb img{transform:scale(1.22)}.rec-thumb .dur-pill{right:var(--s2);bottom:var(--s2);background:rgba(0,0,0,.78);font-size:var(--fs-xs);font-weight:600;border-radius:var(--r-sm);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rec-thumb .cam-tag,.rec-thumb .dur-pill{position:absolute;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:3px 8px}.rec-thumb .cam-tag{left:var(--s2);top:var(--s2);background:rgba(10,10,14,.7);border:1px solid rgba(255,255,255,.14);font-size:10px;font-weight:700;letter-spacing:.06em;border-radius:var(--r-full)}.rec-body{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s2);flex:1 1}.rec-title{font-weight:600;font-size:var(--fs-h3);letter-spacing:-.01em;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rec-meta{color:var(--faint);font-size:var(--fs-xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rec-actions{display:flex;gap:var(--s2);padding:0 var(--s4) var(--s4);opacity:0;transform:translateY(4px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.rec-card:focus-within .rec-actions,.rec-card:hover .rec-actions{opacity:1;transform:none}.rec-actions .btn{flex:1 1;padding:8px 10px;min-height:38px;font-size:var(--fs-xs)}.empty{text-align:center;padding:var(--s7) var(--s5);display:flex;flex-direction:column;align-items:center;gap:var(--s4)}.empty-mark{width:72px;height:72px;border-radius:var(--r-lg);display:grid;place-items:center;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);font-size:32px}.filmstrip{height:8px;border-radius:var(--r-full);background:repeating-linear-gradient(90deg,var(--accent) 0 14px,transparent 14px 22px);opacity:.5}@media (max-width:900px){.grid.three,.grid.two,.recorder-shell{grid-template-columns:1fr}}@media (max-width:640px){.nav{height:auto;padding:var(--s3) 0;gap:var(--s3);flex-direction:column;align-items:stretch;position:static}.navlinks{flex-wrap:wrap}.lib-grid{grid-template-columns:1fr}.rec-actions{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}