:root{color-scheme:dark;--bg:#0f1115;--panel:#171a20;--line:#2a3038;--text:#f4efe7;--muted:#a6adb7;--accent:#2f9e74}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit}.shell{width:min(1120px,calc(100vw - 32px));margin:0 auto;padding:32px 0}.panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:20px}.portal-stack{display:grid;grid-gap:20px;gap:20px}.portal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel h1,.panel h2,.portal-header h1{margin:4px 0 0}.eyebrow{margin:0;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.center-panel{max-width:560px;margin:10vh auto 0}.attention{border-color:rgba(248,113,113,.45);background:rgba(127,29,29,.25)}.gallery-layout{display:grid;grid-template-columns:minmax(320px,1.15fr) minmax(280px,.85fr);grid-gap:20px;gap:20px;align-items:start}.player-panel{position:-webkit-sticky;position:sticky;top:20px;display:grid;grid-gap:16px;gap:16px}.clip-player,.empty-player{width:100%;min-height:420px;border:1px solid var(--line);border-radius:8px;background:#050608}.clip-player{max-height:72vh}.empty-player{display:grid;place-content:center;padding:24px;text-align:center}.clip-card,.clip-grid{display:grid;grid-gap:14px;gap:14px}.selected-card{border-color:rgba(47,158,116,.8);box-shadow:0 0 0 1px rgba(47,158,116,.25)}.clip-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.card-variant-picker{grid-column:1/-1}.card-variant-picker,.variant-picker{display:grid;grid-gap:6px;gap:6px}.transcript-panel{border-top:1px solid var(--line);padding-top:12px}.transcript-panel summary{cursor:pointer;font-weight:700}.transcript-panel p{max-height:180px;overflow:auto;margin:10px 0 0;white-space:pre-wrap}.metadata-footer{border-top:1px solid var(--line);color:var(--muted);display:flex;flex-wrap:wrap;font-size:.84rem;gap:8px 12px;padding-top:12px}.login-form{display:grid;grid-gap:12px;gap:12px;margin-top:18px}.button-link,.secondary-button{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--line);padding:10px 12px;text-decoration:none;font-weight:700}.button-link{margin-top:12px;background:var(--accent);color:#07100c}.secondary-button{background:transparent;color:var(--text)}.status-message{margin:0;border:1px solid rgba(250,204,21,.35);border-radius:6px;background:rgba(250,204,21,.1);padding:10px 12px;color:#fde68a}.feedback-box{display:grid;grid-gap:12px;gap:12px;border-top:1px solid var(--line);padding-top:16px}.feedback-box h3{margin:4px 0 0}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag-check{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--muted)}.tag-check input{width:auto;margin:0}.grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.muted{color:var(--muted)}button,input,select,textarea{width:100%;border-radius:6px;border:1px solid var(--line);padding:10px 12px;font:inherit}input,select,textarea{background:#0b0d10;color:var(--text)}textarea{min-height:88px;resize:vertical}button{cursor:pointer;background:var(--accent);color:#07100c;font-weight:700}button:disabled{cursor:wait;opacity:.65}@media (max-width:820px){.gallery-layout,.portal-header{display:grid;grid-template-columns:1fr}.player-panel{position:static}.clip-player,.empty-player{min-height:320px}}