:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:#f8fafc;color:#0f172a}main{max-width:960px;margin:0 auto;padding:2rem 1rem 4rem}h1{margin:0;line-height:1.05}h2{margin-bottom:.5rem}.brand-lockup{gap:.9rem;margin-bottom:.75rem}.brand-lockup,.brand-mark{display:flex;align-items:center}.brand-mark{width:56px;height:40px;border-radius:14px;background:#ff0000;justify-content:center;flex:0 0 auto;box-shadow:0 12px 28px rgba(255,0,0,.18)}.brand-mark-play{width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:15px solid #ffffff;margin-left:3px}.brand-copy{margin-top:.35rem;margin-bottom:0}section{background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;margin-top:1rem}.tab-row{margin-top:1rem}.auth-mode-row,.tab-row{display:flex;gap:.5rem;flex-wrap:wrap}.auth-mode-row{margin-bottom:1rem}form{display:grid;grid-gap:.75rem;gap:.75rem}button,input,select{padding:.6rem .75rem;border-radius:8px;border:1px solid #cbd5e1;font:inherit}button{background:#0ea5e9;border:none;color:white;cursor:pointer;font-weight:600}button:disabled{cursor:not-allowed;opacity:.7}button.secondary{background:#475569}button.danger{background:#dc2626}.button-link{display:inline-flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;padding:.6rem .75rem;border-radius:8px;background:#0ea5e9;color:#ffffff;font-weight:600;text-decoration:none}.secondary-link{background:#475569}button.tab{background:#e2e8f0;color:#334155}button.tab.active{background:#0ea5e9;color:white}ul{list-style:none;padding:0;margin:0}li{display:grid;grid-template-columns:1fr auto;grid-gap:1rem;gap:1rem;align-items:center;border-top:1px solid #e2e8f0;padding:.75rem 0}li:first-child{border-top:none}.row{display:grid;grid-gap:.5rem;gap:.5rem}.item-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.left-actions{justify-content:flex-start}.video-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:.85rem;gap:.85rem;margin-top:1rem}.video-card{display:block;border:1px solid #e2e8f0;border-radius:8px;padding:0;overflow:hidden;background:#ffffff}.video-card:first-child{border-top:1px solid #e2e8f0}.video-card-link{display:grid;grid-gap:.65rem;gap:.65rem;color:inherit;text-decoration:none}.video-card-link strong{padding:0 .75rem .75rem;overflow-wrap:anywhere}.video-card-thumbnail{width:100%;aspect-ratio:16/9;object-fit:cover;background:#e2e8f0}.video-screen-header{display:grid;grid-template-columns:160px minmax(0,1fr);grid-gap:1rem;gap:1rem;align-items:center;margin-bottom:1rem}.video-screen-header h2{margin-top:0}.video-screen-thumbnail{width:160px;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:#e2e8f0}.video-player{aspect-ratio:16/9;background:#0f172a}.video-player,.video-player iframe{width:100%;border:0;border-radius:8px}.video-player iframe{height:100%}.chapter-form{grid-template-columns:minmax(0,1fr) minmax(120px,180px) auto;align-items:flex-end}.chapter-form-actions{display:flex;gap:.5rem;align-items:flex-end;flex-wrap:wrap}.chapter-list{display:grid;grid-gap:.5rem;gap:.5rem;margin-top:1rem}.chapter-item{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:.75rem;gap:.75rem;align-items:center;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem}.chapter-item:first-child{border-top:1px solid #e2e8f0}.chapter-button{display:grid;grid-template-columns:112px minmax(0,1fr);grid-gap:.75rem;gap:.75rem;align-items:center;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left}.chapter-button span{display:grid;grid-gap:.2rem;gap:.2rem;min-width:0}.chapter-button strong{overflow-wrap:anywhere}.chapter-thumbnail{width:112px;aspect-ratio:16/9;object-fit:cover;border-radius:6px;background:#e2e8f0}.error{color:#b91c1c}.success-banner{margin-top:.75rem;padding:.8rem .95rem;border-radius:10px;border:1px solid #86efac;background:#f0fdf4;color:#166534;font-weight:600}.muted{color:#64748b;font-size:.9rem}.settings-image-preview{width:min(100%,240px);aspect-ratio:1;object-fit:cover;border-radius:16px;border:1px solid #cbd5e1;background:#e2e8f0}@media (max-width:720px){.chapter-item,li{grid-template-columns:1fr}.item-actions{justify-content:flex-start}.chapter-form,.video-screen-header{grid-template-columns:1fr}.video-screen-thumbnail{width:100%}}