:root{--text:#4b5563;--text-h:#111827;--text-muted:#6b7280;--bg:#f9fafb;--bg-card:#fff;--bg-subtle:#f3f4f6;--border:#e5e7eb;--border-strong:#d1d5db;--code-bg:#f3f4f6;--accent:#ec641c;--accent-hover:#d4570f;--accent-bg:#ec641c14;--accent-border:#ec641c59;--danger:#dc2626;--danger-hover:#b91c1c;--danger-bg:#dc262614;--danger-border:#dc262659;--success:#16a34a;--success-bg:#16a34a1a;--warning:#d97706;--warning-bg:#d977061a;--shadow-sm:0 1px 2px #0000000d;--shadow:0 4px 12px #00000014;--shadow-lg:0 10px 25px #0000001a;--radius:10px;--radius-sm:6px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--heading:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Consolas, monospace;font:16px/1.55 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--text-muted:#6b7280;--bg:#0f1117;--bg-card:#181a22;--bg-subtle:#1f2028;--border:#2e303a;--border-strong:#3f4150;--code-bg:#1f2028;--accent:#f47c33;--accent-hover:#f89456;--accent-bg:#f47c331f;--accent-border:#f47c3366;--danger:#f87171;--danger-hover:#fca5a5;--danger-bg:#f871711f;--danger-border:#f8717166;--success:#4ade80;--success-bg:#4ade801f;--warning:#fbbf24;--warning-bg:#fbbf241f;--shadow-sm:0 1px 2px #0000004d;--shadow:0 4px 12px #0006;--shadow-lg:0 10px 25px #00000080}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3{font-family:var(--heading);color:var(--text-h);margin:0;font-weight:600}h1{letter-spacing:-.02em;font-size:1.75rem}h2{letter-spacing:-.01em;font-size:1.25rem}p{margin:0}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}a.btn-primary,a.btn-danger,a.btn-sm{font:inherit;border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-weight:500;line-height:1.2;text-decoration:none;transition:background .15s,border-color .15s,color .15s,opacity .15s;display:inline-flex}a.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}a.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}@media (prefers-color-scheme:dark){a.btn-primary{color:#fff}}a.btn-danger{color:var(--danger);border-color:var(--danger-border);background:0 0}a.btn-danger:hover{background:var(--danger-bg);color:var(--danger)}a.btn-sm{padding:.3rem .7rem;font-size:.85rem}code{font-family:var(--mono);background:var(--code-bg);color:var(--text-h);border-radius:4px;padding:2px 6px;font-size:.875em}.app-header{background:var(--bg-card);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;display:flex;position:sticky;top:0}.app-brand{color:var(--text-h);letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.app-logo{width:auto;height:38px;display:block}.app-brand-dot{background:var(--accent);border-radius:50%;width:10px;height:10px;display:inline-block}.app-header-nav{align-items:center;gap:1rem;display:flex}.app-header-user{color:var(--text-muted);font-size:.875rem}.app-header-link{color:var(--text);border-radius:var(--radius-sm);padding:.4rem .75rem;font-size:.9rem;font-weight:500;transition:background .15s,color .15s}.app-header-link:hover{background:var(--bg-subtle);color:var(--text-h)}.app-main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:2rem 1.5rem}.app-main--center{justify-content:center;align-items:center;display:flex}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.5rem}.card+.card{margin-top:1.5rem}.card-title{color:var(--text-h);margin-bottom:1rem;font-size:1.1rem;font-weight:600}form{flex-direction:column;gap:.875rem;display:flex}label{color:var(--text);flex-direction:column;gap:.3rem;font-size:.875rem;font-weight:500;display:flex}input[type=text],input[type=email],input[type=password],input[type=url]{font:inherit;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-h);width:100%;padding:.55rem .75rem;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}input[readonly]{background:var(--bg-subtle);color:var(--text);cursor:default}button{font:inherit;border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--text);cursor:pointer;border:1px solid #0000;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-weight:500;line-height:1.2;transition:background .15s,border-color .15s,color .15s,opacity .15s;display:inline-flex}button:hover:not(:disabled){background:var(--border)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}@media (prefers-color-scheme:dark){.btn-primary{color:#fff}}.btn-danger{color:var(--danger);border-color:var(--danger-border);background:0 0}.btn-danger:hover:not(:disabled){background:var(--danger-bg)}.btn-sm{padding:.3rem .7rem;font-size:.85rem}.btn-row{flex-wrap:wrap;gap:.5rem;display:flex}.badge{border-radius:999px;align-items:center;padding:.15rem .6rem;font-size:.78rem;font-weight:500;line-height:1.5;display:inline-flex}.badge--pending{background:var(--warning-bg);color:var(--warning)}.badge--saved{background:var(--success-bg);color:var(--success)}.badge--deleted{background:var(--danger-bg);color:var(--danger)}.badge--admin{background:var(--accent-bg);color:var(--accent)}.badge--support{background:var(--bg-subtle);color:var(--text-muted)}.alert{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-subtle);padding:.7rem 1rem;font-size:.9rem}.alert--error{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.alert--success{background:var(--success-bg);color:var(--success);border-color:#0000}.alert--info{color:var(--text-muted);font-size:.85rem}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table thead th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:.6rem .75rem;font-size:.78rem;font-weight:600}.table tbody td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:.7rem .75rem}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--bg-subtle)}.table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.empty-state{text-align:center;color:var(--text-muted);padding:2.5rem 1rem}.muted{color:var(--text-muted);font-size:.85rem}.text-center{text-align:center}.stack{flex-direction:column;gap:.75rem;display:flex}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.record-stage{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem 1rem;display:flex}.record-timer{font-family:var(--mono);color:var(--text-h);letter-spacing:.05em;font-size:2rem;font-weight:600}.record-timer--live{color:var(--danger)}.record-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.record-video{border-radius:var(--radius);background:#000;width:100%;max-width:720px;height:auto}.saved-link{font-family:var(--mono);background:var(--code-bg);border-radius:var(--radius-sm);word-break:break-all;color:var(--text-h);padding:.6rem .9rem;font-size:.875rem}.watch-stage{flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 1rem;display:flex}.watch-video{border-radius:var(--radius);width:100%;max-width:860px;height:auto;box-shadow:var(--shadow);background:#000}