:root{--bg: #0b1020;--panel: #141a2e;--panel-2: #1b2340;--border: #27304d;--text: #e8ecf8;--muted: #93a0c0;--brand: #5b7cfa;--brand-2: #7c5bfa;--live: #ff3b5c;--ok: #2fbf71;--warn: #f2b23e;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 20% -10%,#1c2547 0%,var(--bg) 55%);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:1.6rem;margin:4px 0}h2{font-size:1.1rem;margin:0 0 12px}h3{font-size:1rem;margin:0 0 10px}.page{max-width:1240px;margin:0 auto;padding:24px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--border)}.topbar nav,.topbar-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:16px}.stack>*:last-child{margin-bottom:0}.grid-2{display:grid;grid-template-columns:380px 1fr;gap:16px;align-items:start}.grid-studio{display:grid;grid-template-columns:1fr 400px;gap:16px;align-items:start}.grid-watch{display:grid;grid-template-columns:1fr 360px;gap:16px;align-items:start}@media (max-width: 980px){.grid-2,.grid-studio,.grid-watch{grid-template-columns:1fr}}label{display:block;margin-bottom:12px;font-size:.9rem;color:var(--muted)}label.row,.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}input,textarea,select{width:100%;margin-top:6px;padding:10px 12px;border-radius:9px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-size:.95rem}label.row input[type=checkbox],.check-row input[type=checkbox]{width:auto;margin:0}.check-row{margin-bottom:12px}.check-row label{margin:0;color:var(--text);cursor:pointer}select{width:auto}button{padding:10px 16px;border-radius:9px;border:none;cursor:pointer;font-size:.95rem;font-weight:600;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{background:transparent;border:1px solid var(--border);color:var(--text);font-weight:500}button.danger{background:linear-gradient(135deg,#e04b5f,#b93248)}button.ghost.danger{background:transparent;color:#ff8595;border-color:#56304055}.muted{color:var(--muted);font-size:.88rem;margin:4px 0}.error{color:#ff8595;background:#40202b;padding:10px 12px;border-radius:9px;font-size:.9rem}.notice{color:#a7e8c6;background:#17372a;padding:10px 12px;border-radius:9px;font-size:.9rem}.status{padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap}.status-draft{background:#2b3350;color:var(--muted)}.status-scheduled{background:#3a3320;color:var(--warn)}.status-live{background:#4a1826;color:#ff8ca0}.status-ended{background:#1f3a2c;color:#7fdcae}.viewers{font-size:.9rem;color:var(--muted)}.player{position:relative}.player video{width:100%;border-radius:10px;background:#000;aspect-ratio:16 / 9;display:block}.player-bar{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:.85rem;flex-wrap:wrap}.player-bar .spacer{flex:1}.quality{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted)}.quality select{margin-top:0;padding:6px 10px}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--live);display:inline-block;animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.player-tap{position:absolute;inset:auto 0 50% 0;margin:auto;width:max-content}.player-tap.unmute{inset:auto 0 60% 0;background:#141a2eeb;border:1px solid var(--border)}.countdown.starting{color:var(--ok);font-size:1.6rem}.placeholder{aspect-ratio:16 / 9;border-radius:10px;border:1px dashed var(--border);background:#0d1225;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted);text-align:center;padding:20px}.placeholder h2{color:var(--text);margin:0}.countdown{font-size:2rem;font-weight:700;color:var(--warn);margin:6px 0}.share{margin-top:12px;font-size:.85rem;color:var(--muted);word-break:break-all}.chat-list{height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.chat-item{background:var(--panel-2);border-radius:9px;padding:8px 10px;font-size:.9rem}.chat-author{display:block;font-size:.78rem;color:var(--muted);font-weight:700}.chat-author.owner{color:var(--brand)}.chat-form{display:flex;gap:8px;margin-top:12px}.chat-form input{margin-top:0}.room-list{display:flex;flex-direction:column;gap:10px}.room-item{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:11px;padding:12px 14px;color:var(--text);text-decoration:none}.room-item:hover{border-color:var(--brand);text-decoration:none}.watch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-bottom:26px}.watch-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px;color:var(--text);text-decoration:none}.watch-card:hover{border-color:var(--brand);text-decoration:none}.watch-card .thumb{position:relative;aspect-ratio:16 / 9;border-radius:9px;overflow:hidden;background:#0d1225;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:10px}.watch-card .thumb img{width:100%;height:100%;object-fit:cover}.watch-card .thumb .status{position:absolute;top:8px;left:8px}progress{width:100%;height:8px;margin-top:6px}.upload input{padding:8px}.video-meta{font-size:.9rem}.video-meta p{margin:6px 0}.home{max-width:960px;margin:0 auto;padding:80px 24px}.home-hero{text-align:center;margin-bottom:40px}.home-hero h1{font-size:2.6rem;margin:12px 0}.badge{background:var(--brand);padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:700}.home-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 760px){.home-cards{grid-template-columns:1fr}}.home-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:28px;color:var(--text);text-decoration:none;transition:transform .15s,border-color .15s}.home-card:hover{transform:translateY(-3px);border-color:var(--brand);text-decoration:none}.home-card h2{font-size:1.35rem}.home-card .cta{color:var(--brand);font-weight:600}.auth-wrap{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:400px}.auth-card button{width:100%;margin-bottom:8px}.emoji{margin-right:8px}.auto-form-row{display:grid;grid-template-columns:120px 1fr;gap:10px}.auto-form button{width:100%}.auto-list{margin-top:14px;display:flex;flex-direction:column;gap:8px}.auto-item{display:grid;grid-template-columns:52px 1fr auto auto;gap:10px;align-items:center;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:8px 10px;font-size:.88rem}.auto-item.sent{opacity:.55}.auto-time{font-variant-numeric:tabular-nums;font-weight:700;color:var(--brand)}.auto-content{display:flex;flex-direction:column;gap:2px;min-width:0}.auto-content span:last-child{overflow-wrap:anywhere}.auto-state{font-size:.72rem;color:var(--muted);white-space:nowrap}.auto-state.soon{color:var(--warn);font-weight:700}.auto-item button{padding:4px 8px;font-size:.8rem}.library{margin-top:16px;border-top:1px solid var(--border);padding-top:12px}.library-list{display:flex;flex-direction:column;gap:8px;margin-top:8px;max-height:300px;overflow-y:auto}.library-item{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:10px}.library-item.current{border-color:var(--brand)}.library-info{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:.88rem}.library-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-item button{padding:6px 12px;font-size:.85rem}.upload span{display:block;margin-bottom:6px}.screen-stage{position:relative;aspect-ratio:16 / 9;background:#05070f;border-radius:10px;overflow:hidden;border:1px solid var(--border)}.screen-stage>video[data-testid=screen-video]{width:100%;height:100%;object-fit:contain;display:block}.camera-pip{position:absolute;right:12px;bottom:12px;width:22%;max-width:200px;aspect-ratio:4 / 3;object-fit:cover;border-radius:10px;border:2px solid var(--border);background:#000;box-shadow:0 6px 18px #00000073}.screen-stage:fullscreen{aspect-ratio:auto;width:100vw;height:100vh;border:none;border-radius:0}.screen-stage:fullscreen>video[data-testid=screen-video]{height:100vh}.audio-unblock{position:absolute;top:16px;left:16px;z-index:3;background:#5b7cfaf2;border:none;color:#fff;font-weight:600}.fullscreen-exit{position:absolute;top:16px;right:16px;z-index:2;background:#0b1020bf;border:1px solid var(--border);color:var(--text);font-weight:500;opacity:.35;transition:opacity .15s}.screen-stage:hover .audio-unblock{position:absolute;top:16px;left:16px;z-index:3;background:#5b7cfaf2;border:none;color:#fff;font-weight:600}.fullscreen-exit{opacity:1}.screen-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:20px}.screen-empty h3{margin:0}.screen-bar{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}.screen-bar .spacer{flex:1}.screen-bar button{padding:8px 14px;font-size:.9rem}.invite{display:flex;gap:24px;margin-bottom:12px}.invite span{display:block;font-size:.78rem}.invite strong{font-size:1.25rem;letter-spacing:.06em;font-variant-numeric:tabular-nums}.quick-login{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.quick-login .row{gap:8px}.quick-login button{flex:1;width:auto;margin-bottom:6px;font-size:.88rem;padding:9px 10px}.client-work{margin-top:10px;padding:10px;border-radius:9px;background:var(--panel-2);border:1px solid var(--border)}.client-work p{margin:0 0 6px}