:root{color-scheme:light;--accent:#4f46e5;--ink:#1e293b;--muted:#475569;--line:#cbd5e1;--surface:#f8fafc;--hidden:#ede9fe;--hidden-hover:#ddd6fe;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;color:var(--ink);background:#eef2ff}
*{box-sizing:border-box}body{margin:0;min-width:0}a{color:#4338ca;text-underline-offset:.2em}button,input,textarea,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.55rem 1rem;border:1px solid transparent;border-radius:.55rem;background:var(--accent);color:white;font-weight:650;text-decoration:none;cursor:pointer}button:hover,.button:hover{background:#4338ca}button:disabled{opacity:.6;cursor:wait}.secondary{background:white;border-color:var(--line);color:var(--ink)}.secondary:hover{background:#e0e7ff}input,textarea,select{max-width:100%;min-width:0;border:1px solid #94a3b8;border-radius:.4rem;padding:.65rem;background:white;color:var(--ink)}textarea{width:100%;resize:vertical}input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:var(--accent)}:focus-visible{outline:3px solid #2563eb;outline-offset:3px}h1,h2,h3,p{margin:0 0 .85rem}h1{font-size:clamp(1.5rem,3vw,2rem);line-height:1.25}h2{font-size:1.3rem}h3{font-size:1.1rem}.site-header{background:#4f46e5;color:white;padding:.9rem max(1rem,calc((100vw - 1180px)/2));display:flex;gap:.65rem 1.5rem;justify-content:space-between;align-items:center;flex-wrap:wrap}.site-header a{color:white}.brand{font-size:1.3rem;font-weight:800;display:flex;align-items:center;gap:.6rem;text-decoration:none}.account-nav{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem .8rem;font-size:.95rem}.account-nav>a,.account-menu>summary{display:flex;align-items:center;min-height:44px}.account-menu{position:relative}.account-menu>summary{cursor:pointer;list-style:revert}.account-panel{position:absolute;right:0;top:100%;z-index:5;width:min(300px,85vw);padding:1rem;background:white;color:var(--ink);border:1px solid var(--line);border-radius:.6rem;box-shadow:0 12px 30px #1e293b30}.account-panel form+form{margin-top:.6rem}.account-panel button{width:100%}.email{overflow-wrap:anywhere}main{max-width:1180px;margin:auto;padding:1.5rem 1rem;min-height:70vh}.panel{background:white;border:1px solid #e2e8f0;border-radius:.8rem;padding:1.4rem;margin-bottom:1.2rem;box-shadow:0 4px 16px #33415508}.auth-panel{max-width:490px;margin:2rem auto}.stack{display:flex;flex-direction:column;gap:.55rem}.stack label{font-weight:650}.stack+p,.stack+form,.resend-form{margin-top:1rem}.hint{color:var(--muted);font-size:.9rem}.code-input{font-size:1.8rem;letter-spacing:.6rem;width:10rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:750;color:#4338ca}.notice{padding:.8rem 1rem;border:1px solid #a5b4fc;border-radius:.5rem;background:#eef2ff;overflow-wrap:anywhere}.notice.error{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.notice.warning{background:#fffbeb;border-color:#fbbf24;color:#78350f}#global-error{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);z-index:10;width:min(700px,calc(100% - 2rem));box-shadow:0 5px 25px #0002}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:1rem;z-index:20;background:white;padding:.5rem}.skip-link:focus{top:.5rem}footer{padding:1.5rem 1rem;text-align:center;color:var(--muted);font-size:.9rem}hr{border:0;border-top:1px solid var(--line);margin:1.4rem 0}[hidden]{display:none!important}
@media(max-width:600px){main{padding:1rem .65rem}.panel{padding:1rem}.site-header{padding:.65rem 1rem}.auth-panel{margin:1rem auto}.account-nav{gap:.1rem .7rem;width:100%;justify-content:space-between}.account-panel{position:fixed;right:.8rem;top:7.5rem}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
.heading-row,.control-row{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin-bottom:.85rem}.heading-row{justify-content:space-between}.heading-row h1{margin:0}.settings-panel{border-block:1px solid var(--line);padding:.75rem 0;margin:1rem 0}.settings-panel summary,details>summary{cursor:pointer;min-height:44px;padding:.5rem 0;font-weight:650}.settings-panel form{max-width:600px;padding:.6rem 0}.settings-panel button{align-self:flex-start}.sort-controls{margin-top:1.25rem}.sort-control[aria-pressed=true]{background:var(--accent);color:white;border-color:var(--accent)}.jump-links{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0 1.5rem}.jump-link{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:44px;padding:.3rem .8rem;border:1px solid var(--line);border-radius:2rem;text-decoration:none;background:#eef2ff;font-weight:650}.video-group{margin-bottom:2rem;scroll-margin-top:1rem}.group-header{background:var(--surface);border-left:4px solid var(--accent);border-radius:.35rem;padding:.7rem 1rem;font-size:1.1rem}.video-table{border-collapse:collapse;width:100%;table-layout:fixed;margin-bottom:1rem;font-size:.94rem}.video-table th,.video-table td{padding:.8rem .7rem;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:middle}.video-table th{background:#f1f5f9;color:var(--muted)}.video-table th:nth-child(1){width:145px}.video-table th:nth-child(2),.video-table th:nth-child(3){width:125px}.video-table tr:hover{background:#f8fafc}.column-sort{color:inherit;background:transparent;font-weight:650;border-radius:.25rem;padding:.2rem 0;text-align:left;white-space:normal;justify-content:flex-start}.column-sort:hover{background:#e0e7ff}.title-cell{overflow-wrap:anywhere}.video-link{font-weight:600}.difficulty-badge,.duration-badge{display:inline-block;padding:.2rem .55rem;border-radius:1rem;font-size:.85rem;color:#263346;background:#e2e8f0;white-space:nowrap}.duration-badge{background:#e0f2fe;color:#075985}.level-complete-beginner{background:#c8daf0}.level-beginner{background:#bce8e9}.level-intermediate{background:#dacce2}.level-advanced{background:#ecbdbd}.aged-out{border:1px solid #fcd34d;border-radius:.5rem;margin-bottom:1rem}.aged-out>summary{background:#fef3c7;color:#78350f;padding:.7rem 1rem}.aged-out>summary:hover{background:#fde68a}.aged-out .video-table{margin-bottom:0}.back-to-top{position:fixed;right:1rem;bottom:1rem;width:44px;height:44px;box-shadow:0 4px 15px #0003;z-index:2}.drop-area{padding:1.5rem;background:var(--surface);border:2px dashed #94a3b8;border-radius:.7rem;margin:1.25rem 0}.drop-area label{display:block;margin-bottom:.7rem}.drop-area input{display:block;width:100%;background:white}.drop-area.dragover{border-color:var(--accent);background:#e0e7ff}#import-status{margin-top:1rem}#import-examples{overflow-wrap:anywhere}#load-another{margin-top:1rem}
@media(max-width:767px){.video-table,.video-table tbody,.video-table tr,.video-table td{display:block;width:100%}.video-table thead{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.video-table tr{display:grid;grid-template-columns:1fr 1fr;gap:.45rem .6rem;padding:.85rem;border-bottom:1px solid var(--line)}.video-table td{padding:0;border:0;min-width:0}.video-table td::before{content:attr(data-label);display:block;font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.video-table .title-cell{grid-column:1/-1;grid-row:1}.video-table .title-cell::before{display:none}.group-header{font-size:1rem}.sort-controls{gap:.45rem}.sort-controls>span{width:100%}.sort-controls button{font-size:.87rem;padding:.5rem .7rem}.drop-area{padding:1rem}}
.show-hidden-control{display:flex;align-items:center;gap:.65rem;min-height:44px;width:fit-content;cursor:pointer;font-weight:650}.video-table .actions-column{width:100px}.visibility-button{min-width:70px;font-size:.9rem}.video-table tr.is-hidden{background:var(--hidden)}.video-table tr.is-hidden:hover{background:var(--hidden-hover)}.hidden-label{display:inline-block;margin:.35rem .5rem 0;padding:.1rem .5rem;border:1px solid #a78bfa;border-radius:1rem;color:#5b21b6;background:#faf5ff;font-size:.75rem;font-weight:750}.actions-cell{white-space:nowrap}.video-table{overflow-anchor:none}
.instructions{padding-left:1.4rem}.instructions li{padding:.35rem 0}.code-example{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface);border:1px solid var(--line);border-radius:.5rem;padding:1rem;font-size:.85rem}#connect-form{margin:1rem 0;max-width:800px}#connect-form button{align-self:flex-start}#connect-feedback{margin:1rem 0}
@media(max-width:767px){.video-table thead{display:none}}