:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e9eaf1;background:#111217;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;background:#252731;border:1px solid #363945;border-radius:8px;color:inherit;padding:9px 13px}button:hover{background:#353947}button:disabled{opacity:.45;cursor:default}button.primary{background:#afa0ff;color:#19122d;border-color:transparent;font-weight:650}input,textarea,select{background:#191b23;color:inherit;border:1px solid #363945;border-radius:8px;padding:11px;min-width:0}textarea{resize:vertical;line-height:1.7}input:focus,textarea:focus,button:focus-visible,select:focus{outline:2px solid #b7aaff;outline-offset:2px}aside{position:fixed;width:225px;inset:0 auto 0 0;background:#181a21;border-right:1px solid #292c35;padding:28px 18px;display:flex;flex-direction:column;gap:8px}.brand{font-size:19px;font-weight:750;margin-bottom:35px}.brand span{display:inline-block;background:#afa0ff;color:#17121f;padding:7px;border-radius:9px;margin-right:9px;font-size:13px}aside button{background:none;text-align:left;border-color:transparent}aside .active{background:#302b45;color:#d9cfff}aside small{margin:24px 12px 6px;text-transform:uppercase;letter-spacing:1.5px;font-size:10px;color:#969bac}.spacer{flex:1}main{margin-left:225px;padding:36px 40px;max-width:1600px}h1{font-size:30px;letter-spacing:-.7px;margin:5px 0 8px}h2{font-size:21px}h3{font-size:16px}.muted,p.hint{color:#9da3b5;line-height:1.7}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#b2a0fc;font-size:11px}header,.row,footer{display:flex;align-items:center;gap:12px}header{justify-content:space-between;margin-bottom:30px}.tools{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.tools input{flex:1}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}.card{border:1px solid #30333e;background:#1b1d26;border-radius:14px;padding:23px}.project{cursor:pointer;text-align:left;width:100%;min-height:175px}.project h3{font-size:19px;line-height:1.4;margin:18px 0}.badge{font-size:11px;border-radius:5px;background:#302b45;color:#d5caff;padding:5px 8px}.tabs{display:flex;gap:5px;overflow:auto;border-bottom:1px solid #30333d;margin:28px 0 0;padding-bottom:12px}.tabs button{white-space:nowrap;border-color:transparent;background:transparent;color:#a7adbc}.tabs button.active{color:#e2d8ff;background:#302b45}.document{border:1px solid #30333d;border-radius:12px;margin-top:22px;overflow:hidden}.docbar{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:#1c1e27}.docbar h3{margin:0}.editor{display:block;width:100%;min-height:440px;border:0;border-radius:0;background:#14161c;padding:30px 36px;font-size:16px;line-height:1.8}.reading{padding:30px 36px;min-height:440px;line-height:1.85;max-width:950px;overflow-wrap:anywhere}.reading h2{margin-top:28px}.reading p{white-space:pre-wrap}.meta{display:flex;justify-content:space-between;padding:13px 20px;font-size:12px;color:#939aab;border-top:1px solid #292c37}.empty{padding:70px 25px;text-align:center;border:1px dashed #3a3e4b;border-radius:14px;margin-top:22px}.title-card{margin:12px 0;padding:18px;border:1px solid #343845;border-radius:10px;background:#1c1e27}.title-card.pick{border-left:4px solid #77d5a3}.title-card.reject{border-left:4px solid #e78a95;opacity:.7}.title-card .row{justify-content:space-between;flex-wrap:wrap}.title-card h3{margin:0 0 14px}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.day{min-height:115px;padding:10px;text-align:left;background:#1b1d26}.day small{display:block;margin-top:8px;background:#3d345f;color:#eee5ff;border-radius:5px;padding:6px;overflow-wrap:anywhere}.week{text-align:center;color:#9da3b5;padding:8px}.settings{max-width:760px}.settings .card{margin:18px 0}label{display:block;margin:18px 0}label input,label textarea{display:block;width:100%;margin-top:8px}dialog{width:min(530px,90vw);background:#20222c;border:1px solid #444857;border-radius:18px;padding:28px;color:inherit}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}footer{justify-content:flex-end;margin-top:24px}#notice{position:fixed;bottom:24px;left:50%;background:#e5ddff;color:#241d35;padding:12px 20px;border-radius:9px;display:none;max-width:80vw}.saved{color:#8bcbb0}a{color:#c3b3ff}@media(max-width:850px){aside{width:170px;padding:20px 10px}main{margin-left:170px;padding:25px 18px}.editor,.reading{padding:22px}.calendar{gap:3px}.day{padding:6px;min-height:90px}}@media(max-width:560px){aside{position:static;width:auto;flex-direction:row;flex-wrap:wrap;padding:12px}.brand{margin:0;width:100%}aside small,.spacer{display:none}main{margin:0;padding:20px 12px}h1{font-size:24px}header{align-items:flex-start}.day small{font-size:10px}.docbar{gap:8px;flex-wrap:wrap}}
/* Desktop parity: system typography, blue accents and split project navigation. */
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#202022;color:#e4e4e6;font-size:13px}aside{background:#252527;border-color:#38383a;width:210px;padding:18px 12px;gap:3px;overflow:auto}.brand{font-size:15px;margin-bottom:16px}.brand span{background:#fafafa;color:#e22;border-radius:5px;padding:5px;font-size:11px}aside small{margin:17px 10px 5px;letter-spacing:0;text-transform:none;font-size:11px;color:#909093}aside .active,button.primary{background:#087ef5;color:white}button{background:#353537;border-color:transparent;border-radius:6px;padding:6px 11px}button:hover{background:#454547}input,textarea,select{background:#29292b;border-color:#3c3c3e;border-radius:6px;padding:8px}main{margin-left:210px;padding:22px;max-width:none}h1{font-size:26px;letter-spacing:-.3px}h2{font-size:19px}.eyebrow{display:none}.muted,p.hint{color:#99999d}.tabs button.active{background:#20334f;color:#168aff}.badge{background:#353537;color:#c9c9cc}.document{border-color:#363638;border-radius:0;margin-top:0}.docbar{background:#202022;padding:15px 20px}.editor,.reading{background:#121214}.tabs{margin-top:20px;margin-bottom:0;border-color:#38383b}.project-panel{position:fixed;left:210px;top:0;bottom:0;width:240px;background:#242426;border-right:1px solid #38383b;padding:15px 9px;overflow:auto}.project-panel input{width:100%;margin-bottom:15px}.project-panel button{display:block;width:100%;text-align:left;background:none;padding:12px 9px;border-bottom:1px solid #333335;border-radius:7px}.project-panel button.selected{background:#065cd0}.project-panel strong{display:block;line-height:1.4;margin-bottom:7px}.project-panel small{color:#b4b4ba}.has-project main{margin-left:450px;padding:20px 0 0}.has-project main>header{padding:0 20px;margin-bottom:0}.has-project main>.tabs{padding-left:12px}.has-project #stage>.tools{padding:0 20px}.has-project #stage>.title-card,.has-project #titleList,.has-project #stage>ol{margin-left:20px;margin-right:20px}.has-project .hint{padding:0 20px}.ai-dialog{width:min(780px,94vw);max-height:88vh;overflow:auto}.ai-dialog .reading{min-height:0;border:1px solid #3c3c3f;border-radius:8px;margin-top:18px;padding:22px}.ai-dialog .row{flex-wrap:wrap}.source{display:block;margin:8px 0}.trigger-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.trigger-grid label{margin:0;display:flex;align-items:center;gap:6px}.trigger-grid input{width:auto;margin:0}.inline-field{display:flex;align-items:center;gap:8px;margin:0}.inline-field input{margin:0}.card{background:#29292b;border-color:#3a3a3c;border-radius:9px}a{color:#4aa5ff}.reading p{margin:0 0 16px}.reading li{margin-bottom:10px}.reading ul,.reading ol{padding-left:25px}.reading table{border-collapse:collapse;width:100%;font-size:13px}.reading td,.reading th{border:1px solid #444;padding:8px;text-align:left}.reading th{background:#29292c}#notice{background:#303a4b;color:#eee}.docbar .row{flex-wrap:wrap}dialog{background:#242426;border-color:#49494c;border-radius:12px}.secondary-status{font-size:11px;color:#a4a4a8}.history-row{padding:12px;border-bottom:1px solid #3b3b3d}@media(max-width:1100px){.project-panel{width:195px}.has-project main{margin-left:405px}.has-project main>header .badge{display:none}}@media(max-width:800px){aside{width:160px}.project-panel{display:none}main,.has-project main{margin-left:160px}.brand{font-size:13px}.has-project main>header .row{flex-wrap:wrap}}@media(max-width:560px){aside{width:auto;position:static}main,.has-project main{margin-left:0}.has-project main{padding-top:20px}aside small{display:none}}
.login{margin:0 auto;max-width:500px;padding-top:12vh}.login .card{padding:30px}.login h1{font-size:23px}
.trigger-labels{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.trigger{font-size:11px;padding:3px 7px;border-radius:4px;background:#354252;color:#e3efff}.trigger-0{background:#57305c}.trigger-1{background:#225039}.trigger-2{background:#612e36}.trigger-3{background:#244775}.trigger-4{background:#624224}.trigger-5{background:#3e386d}.trigger-6{background:#185058}.trigger-7{background:#653249}.trigger-8{background:#514232}.trigger-9{background:#245365}.title-card details{margin:8px 0 12px;color:#bbb}.title-card summary{cursor:pointer;font-size:12px}
.takes-layout{display:grid;grid-template-columns:minmax(240px,1fr) minmax(320px,1fr);gap:24px;padding:20px}.takes-layout video{width:100%;max-height:420px;background:#111;border-radius:8px}.take-card{padding:16px;margin-bottom:12px;border:1px solid #414145;border-radius:8px;background:#29292c}.take-card p{line-height:1.5}.take-card select{width:100%}.take-timing{display:flex;gap:10px;align-items:end;margin-top:12px}.take-timing label{min-width:0;flex:1;font-size:12px;color:#aaa}.take-timing input{width:100%}.take-card input[type=checkbox]{width:auto}@media(max-width:1100px){.takes-layout{grid-template-columns:1fr}}
.analytics-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;margin-top:24px}.analytics-video{display:block;width:100%;text-align:left;margin:6px 0;padding:12px}.analytics-video small{display:block;color:#aaa;margin-top:8px}.analytics-video.analyzed{border-left:3px solid #a987ff}.analytics-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:16px 0}.analytics-metrics .card{padding:14px}.analytics-metrics strong{display:block;font-size:24px;margin-top:10px}.analytics-metrics small{color:#aaa}.analytics-insight{white-space:pre-wrap;line-height:1.65}#retentionCanvas{width:100%;height:250px}#retentionPosition{width:100%}@media(max-width:950px){.analytics-layout{grid-template-columns:1fr}}
#analyticsVideos{max-height:65vh;overflow-y:auto;overscroll-behavior:contain}.analytics-video.selected{background:#203b60;box-shadow:inset 3px 0 #419aff}#analyticsDetail{min-width:0;scroll-margin-top:20px}@media(max-width:950px){#analyticsVideos{max-height:260px}.analytics-layout{gap:20px}}
.chapter-list{padding:20px}.chapter-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:12px}.chapter-row strong{flex:1}.reference-window{padding:24px}.reference-window header{position:sticky;top:0;background:#202022;padding:12px}.reference-window .reading{min-height:70vh;max-width:1000px;margin:auto}.reference-window h1{font-size:20px}

.takes-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:12px}.takes-toolbar h3{margin:0;white-space:nowrap}.takes-toolbar .row{gap:8px}.takes-layout .tools{flex-wrap:wrap}

.transcript-cues{max-height:360px;overflow:auto;display:grid;gap:6px;margin-top:12px}.transcript-cues button{text-align:left;line-height:1.5}.transcript-cues strong{display:inline-block;min-width:48px;color:#72b5ff}

.tutorial{width:min(720px,94vw);max-height:90vh;padding:28px;overflow:auto}.tutorial>.row{justify-content:space-between}.tutorial-body{line-height:1.7;min-height:220px}.tutorial-body li{margin:10px 0}.tutorial footer{flex-wrap:wrap;margin-top:24px}.tutorial footer label{flex:1;min-width:220px}.tutorial input[type=checkbox]{width:auto}.tutorial code{overflow-wrap:anywhere}.tutorial::backdrop{background:#0009}
/* Project documents occupy the viewport; toolbars retain a shared alignment. */
.has-project main{height:100dvh;display:flex;flex-direction:column;min-width:0;padding-top:20px;overflow:hidden}
.has-project main>header,.has-project main>.tabs{flex-shrink:0}
.has-project #stage{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column}
.has-project #stage>.document{flex:1;min-height:0;display:flex;flex-direction:column;border-left:0;border-right:0}
.docbar{gap:16px;flex-wrap:wrap;flex-shrink:0;padding:16px 24px;border-bottom:1px solid #363638}
.docbar h3{display:flex;align-items:center;gap:6px;white-space:nowrap}
.docbar h3 span{color:#939398;font-size:13px;font-weight:400}
.document-actions{margin-left:auto;justify-content:flex-end;gap:8px}
.document-actions button{white-space:nowrap}
.has-project .document>.editor,.has-project .document>.reading{flex:1;min-height:0;width:100%;max-width:none;overflow:auto;margin:0;padding:28px 32px;font-size:16px;line-height:1.75;resize:none}
.has-project .document>.reading>:first-child{margin-top:0}
.document>.meta{flex-shrink:0;gap:16px;padding:12px 24px;align-items:center;flex-wrap:wrap}
#outlineRuntime.tools{flex-shrink:0;margin:0;padding:12px 24px;align-items:center;border-bottom:1px solid #363638;gap:12px}
.has-project main>header{padding-left:24px;padding-right:24px}
@media(max-width:800px){.docbar{padding:12px 20px}.document-actions{margin-left:0;justify-content:flex-start}.has-project .document>.editor,.has-project .document>.reading{padding:24px 20px}}
@media(max-width:560px){.has-project main{height:calc(100dvh - 80px);min-height:600px}}
.brand{display:flex;align-items:center;gap:9px;line-height:1.25}.brand img{flex-shrink:0}

.analytics-thumbnail{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;margin-bottom:10px;background:#111}.analytics-video strong{line-height:1.4}.login label{margin-top:14px}.login #hostingHint{font-size:12px;line-height:1.6}

.project-filter{display:flex;align-items:center;gap:8px;font-size:12px;color:#aaa}.project-filter select{color:#eee}.tools #search{flex:1;min-width:180px}

.calendar-day{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0}.calendar-day.is-today{border-color:#419aff;background:#203047}.calendar-date{align-self:flex-start;min-width:32px;padding:5px 8px;background:transparent}.calendar-date[aria-current=date]{background:#1677ed;color:white}.calendar-project{text-align:left;display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.4;padding:6px 8px;overflow-wrap:anywhere}.calendar-status{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#aaa}.status-started{background:#ffab29}.status-filmed{background:#20b6ee}.status-published{background:#38ce89}@media(max-width:700px){.calendar-day{padding:5px;min-height:110px}.calendar-project{font-size:10px;padding:4px;gap:3px}}

.reading .table-scroll{max-width:100%;overflow-x:auto;margin:20px 0}.reading blockquote{margin:18px 0;padding:12px 18px;border-left:3px solid #419aff;background:#1d242e;color:#c4cfdd}.reading pre{max-width:100%;overflow:auto;background:#202024;padding:16px;border-radius:8px;line-height:1.5}.reading code{font-family:ui-monospace,monospace;font-size:.9em}.reading li{white-space:pre-wrap}.reading hr{border:0;border-top:1px solid #38383d;margin:24px 0}

.history-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.history-row>button{text-align:left}.history-row>span{white-space:nowrap}

.project-category{display:inline-block;margin-left:10px;color:#afb8c6;font-size:12px}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.project-tags span{padding:3px 7px;border-radius:5px;background:#222a34;color:#b9c7d9;font-size:11px;overflow-wrap:anywhere}.tools{align-items:end}.project-filter{display:flex;flex-direction:column;gap:6px;margin:0}.project-filter select{margin:0}.has-project main>header .row{flex-wrap:wrap}

.login-switch{margin-top:16px;width:100%}.login [hidden]{display:none!important}.login form>.primary{width:100%;margin-top:8px}

.daily-views{margin:20px 0}.daily-views svg{display:block;width:100%;max-height:220px}.daily-views table{width:100%;border-collapse:collapse}.daily-views th,.daily-views td{padding:8px;text-align:left;border-bottom:1px solid #3b3b3d}.daily-views .table-scroll{max-height:280px;overflow:auto}

.tabs button[aria-pressed=true]{font-weight:650}.login-switch:focus-visible{outline-offset:3px}.project-filter{min-width:140px}.tools>input{min-width:180px}

/* Analytics dashboard: clear hierarchy and independent library scrolling. */
.analytics-dashboard{width:100%;padding:0 4px 28px}.analytics-heading{padding:0 0 20px;justify-content:space-between;border:0;margin:0}.analytics-heading h2{font-size:30px;letter-spacing:-.8px;margin:8px 0 0}.analytics-dashboard>.muted{margin:0 0 20px}.youtube-controls{padding:16px 20px;margin:0 0 24px;background:linear-gradient(120deg,#252b35,#22242c);border-color:#384150;border-radius:14px}.youtube-controls>.row{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.youtube-controls label{margin:0;display:flex;flex-direction:column;gap:6px;font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#a8b4c6}.youtube-controls input{margin:0;padding:9px 12px;font-size:13px;letter-spacing:0;text-transform:none}.youtube-controls .refresh{background:#1677ed;border-color:#1677ed;color:white;font-weight:650}.youtube-controls .disconnect{margin-left:auto;color:#aab3c1;background:transparent;border-color:transparent}.youtube-controls details{margin-top:14px;color:#9eaabd;font-size:12px}.youtube-controls .status{margin:12px 0 0;font-size:12px;color:#aab8ce}.youtube-controls.connected .status{color:#75d8ad}.youtube-controls.connected .status:before{content:'●';font-size:9px;margin-right:7px}.analytics-dashboard .analytics-layout{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:28px;margin-top:0}.analytics-library{position:sticky;top:20px;background:#24262d;border:1px solid #353943;border-radius:14px;padding:16px;min-width:0}.analytics-library>.eyebrow{margin-bottom:12px}.analytics-library>input{width:100%;margin-bottom:12px;background:#1c1f26}#analyticsVideos{max-height:calc(100dvh - 340px);min-height:280px;overflow:auto;padding-right:4px;scrollbar-width:thin}.analytics-dashboard .analytics-video{background:transparent;border-color:transparent;border-radius:10px;padding:10px;margin:4px 0}.analytics-dashboard .analytics-video:hover{background:#2c323d}.analytics-dashboard .analytics-video.selected{background:#243852;border-color:#3a5b84;box-shadow:none}.analytics-video strong{display:block;font-size:13px;font-weight:600}.analytics-dashboard .analytics-video small{font-size:11px;line-height:1.5;color:#919dae}.analytics-thumbnail{max-height:145px}.analytics-dashboard #analyticsDetail{min-width:0}.analytics-dashboard #analyticsDetail>h2{font-size:25px;margin:2px 0 8px;letter-spacing:-.5px}.analytics-dashboard .analytics-metrics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:20px 0}.analytics-dashboard .analytics-metrics .card{background:#262a33;border:1px solid #39414e;border-radius:12px;padding:20px;min-height:112px}.analytics-dashboard .analytics-metrics small{font-size:12px;color:#a8b5c7}.analytics-dashboard .analytics-metrics strong{font-size:29px;font-weight:700;letter-spacing:-.6px;color:#f1f5fc;margin-top:14px;font-variant-numeric:tabular-nums}.analytics-dashboard .analytics-reach{padding:22px;border-radius:14px;background:#242932}.analytics-reach .row{justify-content:space-between;flex-wrap:wrap}.analytics-reach h3{margin:0}.analytics-dashboard #analyticsDetail>details{padding:16px 20px;border:1px solid #353c48;border-radius:12px;margin:16px 0;background:#24272f}.analytics-dashboard summary{cursor:pointer;font-weight:600;color:#c6d2e3}.analytics-dashboard #analyzeReport{margin:8px 0 12px;padding:12px 20px}.daily-views{background:#242932;border-radius:14px;padding:22px}.daily-views svg{background:linear-gradient(180deg,#1d2b3d55,transparent);border-bottom:1px solid #384456;margin:18px 0}.analytics-dashboard .docbar{flex-wrap:wrap}
@media(min-width:1500px){.analytics-dashboard .analytics-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.analytics-dashboard .analytics-reach .analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.analytics-dashboard .analytics-layout{grid-template-columns:230px minmax(0,1fr);gap:18px}.analytics-dashboard .analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-dashboard .analytics-metrics strong{font-size:25px}}
@media(max-width:760px){.analytics-dashboard .analytics-layout{grid-template-columns:1fr}.analytics-library{position:static}#analyticsVideos{max-height:320px}.analytics-dashboard .analytics-video{display:grid;grid-template-columns:110px 1fr;column-gap:12px}.analytics-video img{grid-row:span 2;margin:0}.analytics-dashboard .analytics-video small{margin:4px 0}.youtube-controls .disconnect{margin-left:0}.analytics-heading h2{font-size:25px}}

@media(min-width:761px){.analytics-dashboard .analytics-video{display:grid;grid-template-columns:88px minmax(0,1fr);gap:5px 10px;align-items:start}.analytics-dashboard .analytics-video img{grid-row:span 2;width:88px;aspect-ratio:16/9;margin:0}.analytics-dashboard .analytics-video strong{font-size:12px;line-height:1.4}.analytics-dashboard .analytics-video small{margin:0;font-size:10px}.analytics-dashboard .metric-count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-dashboard .metric-count-5{grid-template-columns:repeat(5,minmax(0,1fr))}.analytics-dashboard .metric-count-5 .card{padding:15px 12px}.analytics-dashboard .metric-count-5 strong{font-size:22px}.analytics-dashboard .metric-count-5 small{font-size:11px}}
@media(max-width:1050px) and (min-width:761px){.analytics-dashboard .metric-count-5{grid-template-columns:repeat(3,minmax(0,1fr))}}

.chart-interactive{position:relative;min-width:0}.chart-interactive canvas,.chart-interactive svg{width:100%;display:block;cursor:crosshair}.chart-tooltip{position:absolute;top:10px;transform:translateX(-50%);padding:9px 12px;background:#101823;border:1px solid #507097;border-radius:8px;color:#fff;font-size:12px;white-space:nowrap;box-shadow:0 4px 18px #0006;pointer-events:none;z-index:2}.chart-crosshair{position:absolute;top:0;bottom:0;width:1px;background:#97bfff88;pointer-events:none}.chart-tooltip[hidden],.chart-crosshair[hidden]{display:none}

/* Equal project tiles with aligned status, title and release rows. */
#cards .project{--project-accent:#8fa9cc;display:grid;grid-template-rows:28px 108px 24px 38px;gap:12px;height:258px;min-height:258px;padding:22px;text-align:left;align-content:start;border-top:3px solid var(--project-accent);background:linear-gradient(145deg,var(--project-tint,#29292b),#25262b);transition:border-color .15s,background .15s,transform .15s}
#cards .project[data-status="Idea"]{--project-accent:#b89cff;--project-tint:#302a3c}
#cards .project[data-status="Started"]{--project-accent:#62b5ff;--project-tint:#263443}
#cards .project[data-status="Filmed"]{--project-accent:#efbd64;--project-tint:#3a3327}
#cards .project[data-status="Published"]{--project-accent:#6bd6aa;--project-tint:#263a33}
#cards .project:hover{border-color:var(--project-accent);transform:translateY(-2px)}
#cards .project-labels{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden}
#cards .project .badge{color:var(--project-accent);background:#17191d80;flex-shrink:0;line-height:18px;padding:4px 9px}
#cards .project-category{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#cards .project h3{margin:0;font-size:19px;line-height:27px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
#cards .project>.muted{font-size:12px;line-height:24px;white-space:nowrap}
#cards .project-tags{margin:0;align-content:start;overflow:hidden;max-height:38px}

#authChoices[hidden],#loginForm[hidden],#switchLogin[hidden]{display:none}

.analytics-timeframes{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid #3a4150}.analytics-timeframes[hidden]{display:none}.analytics-timeframes>span{font-size:12px;color:#aeb9cc;margin-right:6px}.analytics-timeframes small{flex-basis:100%;color:#939eb1;font-size:11px}.analytics-timeframes button[aria-pressed=true]{background:#284d83;color:#dceaff;box-shadow:inset 0 0 0 1px #5489d3}

/* Platform design system */
:root{--surface:#16191f;--surface-raised:#1b1f27;--line:#2a2f39;--text:#edf0f7;--muted:#949dab;--accent:#a4b5ff;background:#101217;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;color-scheme:dark}
body{background:radial-gradient(ellipse at 80% 0,#20263a55,transparent 45%),#101217}h1,h2,h3{font-weight:600;letter-spacing:-.035em}h1{font-size:30px}h2{font-size:24px}h3{font-size:17px}button{min-height:34px;padding:8px 13px;background:#222630;border:1px solid #333947;border-radius:8px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s}button:hover{background:#2d3441;border-color:#4a5466}button.primary,.youtube-controls .refresh{background:#a4b5ff;color:#10172e;border:1px solid #b4c2ff;font-weight:650;box-shadow:0 2px 9px #0003}button.primary:hover,.youtube-controls .refresh:hover{background:#bac7ff}input,textarea,select{background:#12151b;border:1px solid #303641;border-radius:8px;color:#e1e6ef;padding:10px 12px}input::placeholder,textarea::placeholder{color:#727d8f}input:focus,textarea:focus,button:focus-visible,select:focus{outline:2px solid #a4b5ff;outline-offset:3px}.muted,p.hint{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 3px 14px #00000012}.eyebrow{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.7px;color:#7e8ba2;margin-bottom:8px}
aside{width:210px;background:#13161c;border-color:#262b34;padding:28px 14px;gap:5px}.brand{font-size:16px;font-weight:650;letter-spacing:-.4px;margin:0 9px 34px;gap:10px}.brand img{border-radius:9px}aside small{color:#687587;font-size:10px;text-transform:uppercase;letter-spacing:1.4px;margin:22px 13px 7px}aside button{min-height:39px;padding:11px 13px;border:1px solid transparent;background:transparent;color:#9ba6b7;font-size:12px;text-align:left;border-radius:8px}aside button:hover{background:#20252f;border-color:transparent;color:#e8edf9}aside .active{background:#263047;color:#bdcbff;border-color:#35415b;box-shadow:inset 2px 0 #9aaeff}aside #accountButton{border-top:1px solid #2b313d;border-radius:0;padding-top:18px;margin-top:8px;color:#d0d8e7}aside #syncStatus{font-size:10px;text-transform:none;letter-spacing:0;line-height:1.5;color:#758397;margin-top:8px}main{padding:34px 36px;margin-left:210px}header{margin-bottom:30px}.settings{max-width:860px}.settings>.card{margin-bottom:20px}.login .card{padding:36px;border-radius:20px;background:#171c25;box-shadow:0 24px 100px #0005}.login h1{font-size:27px}.login .row{margin:24px 0}.login .primary{padding:11px 22px}.tabs{border-color:var(--line);gap:10px}.tabs button{color:#8491a7}.tabs button.active{background:#283249;color:#bbcaff;border-color:#39465e}.docbar{background:#1a1e26;border-bottom:1px solid var(--line)}.document{border-radius:12px;border-color:var(--line)}.reading,.editor{background:#14171d;line-height:1.9}.project-panel{background:#15191f;border-color:var(--line)}.project-panel button.selected{background:#28324a}.empty{border-color:#333b4b}.tools{gap:14px}dialog{background:#1a1f29;border-color:#384151;border-radius:16px;box-shadow:0 24px 100px #0007}
.analytics-heading{padding-bottom:12px;background:transparent}.analytics-heading h2{font-size:30px;font-weight:600;margin:0}.analytics-heading .eyebrow{display:block}.analytics-dashboard>.muted{font-size:12px;margin-bottom:24px}.analytics-dashboard .analytics-layout{grid-template-columns:264px minmax(0,1fr);gap:28px}.analytics-library{background:#14181f;border-color:var(--line);border-radius:12px;padding:14px}.analytics-library>input{font-size:12px;background:#10141a}.analytics-library>.eyebrow{display:block;margin:3px 4px 14px}.analytics-dashboard .analytics-video{padding:10px 8px;gap:4px 10px;border-radius:8px}.analytics-dashboard .analytics-video strong{font-size:11px;font-weight:500;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.analytics-dashboard .analytics-video small{font-size:10px;color:#737f94;line-height:1.5}.analytics-dashboard .analytics-video.selected{background:#252e42;border-color:#354360}.analytics-dashboard .analytics-video:hover{background:#202735}.analytics-thumbnail{border-radius:5px;opacity:.92}#analyticsVideos{max-height:calc(100dvh - 260px);scrollbar-color:#354052 transparent}.youtube-controls{background:#171c25;border-color:#2e3542;border-radius:12px;padding:16px 20px;position:relative}.youtube-controls>.row{gap:10px}.youtube-controls label{font-size:9px;letter-spacing:1px;color:#7b89a1}.youtube-controls .disconnect{font-size:11px;color:#707d92}.youtube-controls details{position:relative;font-size:11px;margin-top:12px}.youtube-controls details summary{color:#7c8aa1;font-size:11px;font-weight:400}.youtube-controls .status{font-size:11px;margin-top:10px}.youtube-controls.connected .status{color:#78c9ab}.analytics-timeframes{border-color:#2d3441;padding-top:12px;margin-top:14px;gap:5px}.analytics-timeframes>span{font-size:11px;margin-right:10px;color:#78859c}.analytics-timeframes button{background:transparent;border-color:transparent;color:#9ba8bc;min-height:30px;padding:6px 10px;font-size:11px}.analytics-timeframes button:hover{background:#242c3c}.analytics-timeframes button[aria-pressed=true]{background:#2d3957;color:#c1d0ff;box-shadow:none;border-color:#45567d}.analytics-timeframes small{font-size:10px;color:#69778e;margin-top:3px}.analytics-dashboard #analyticsDetail>h2{font-size:24px;font-weight:550;line-height:1.3}.analytics-dashboard #analyticsDetail>.muted{font-size:11px;color:#758398}.analytics-dashboard .analytics-metrics{gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:20px 0;background:#171b23}.analytics-dashboard .analytics-metrics .card{background:transparent;border:0;border-right:1px solid var(--line);border-radius:0;padding:20px 22px;min-height:105px;box-shadow:none}.analytics-dashboard .analytics-metrics .card:last-child{border-right:0}.analytics-dashboard .analytics-metrics small{font-size:11px;color:#8c99ae}.analytics-dashboard .analytics-metrics strong{font-size:28px;font-weight:550;letter-spacing:-1px;margin-top:13px;color:#e6edfc}.analytics-dashboard .metric-count-5 strong{font-size:23px}.analytics-dashboard .daily-views,.analytics-dashboard .analytics-reach{background:#171b23;border-color:var(--line);border-radius:12px;padding:24px}.chart-heading{display:flex;justify-content:space-between;align-items:start;gap:15px}.chart-heading h3{margin:0;font-size:18px}.chart-heading .eyebrow{font-size:9px;margin-bottom:7px}.chart-info{font-size:10px;color:#76859e;position:relative}.analytics-dashboard .chart-info summary{font-size:10px;font-weight:400;color:#77869e}.chart-info[open] p{position:absolute;right:0;width:240px;background:#222938;border:1px solid #3a4557;padding:14px;border-radius:8px;z-index:4}.chart-summary{display:flex;gap:38px;margin:24px 0 12px}.chart-summary small{display:block;font-size:10px;color:#8390a6;margin-bottom:7px}.chart-summary strong{font-size:24px;font-weight:500;letter-spacing:-.7px}.chart-summary span{font-size:10px;color:#6e7d94;margin-left:10px}.daily-views svg{background:none;border:0;margin:8px 0 0}.chart-axis{display:flex;justify-content:space-between;color:#64748b;font-size:10px;padding:0 12px 16px}.chart-values{border-top:1px solid var(--line);padding-top:14px}.analytics-dashboard .chart-values summary{font-size:10px;font-weight:400;color:#8796ac}.analytics-reach .analytics-metrics{border:none;margin-bottom:8px}.analytics-dashboard .analytics-reach .analytics-metrics .card{padding:12px 0;min-height:80px}.analytics-dashboard .analytics-reach .analytics-metrics .card+ .card{padding-left:24px}.analytics-dashboard .analytics-reach .report-coverage{font-size:10px;color:#6e7d94;margin:12px 0 0}.analytics-reach>span{display:none}.analytics-dashboard #analyticsDetail>details{background:#171b23;border-color:var(--line);padding:15px 20px}.analytics-dashboard #analyticsDetail>details>summary{font-size:12px;font-weight:450;color:#9ba9be}.analytics-dashboard #analyzeReport{font-size:12px;padding:10px 18px;margin:12px 0}.chart-tooltip{background:#20283b;border-color:#4a5a7c;color:#e7eeff;font-size:11px;box-shadow:0 6px 24px #0004}.badge{font-weight:500}
@media(max-width:1100px){main{padding:28px 24px}.analytics-dashboard .analytics-layout{grid-template-columns:225px minmax(0,1fr);gap:20px}.analytics-dashboard .analytics-metrics .card{padding:18px 14px}.analytics-dashboard .metric-count-5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){aside{width:160px;padding:22px 10px}main,.has-project main{margin-left:160px}.brand{font-size:13px;margin-left:3px;gap:6px}.analytics-dashboard .analytics-layout{grid-template-columns:1fr}.analytics-library{position:static}.analytics-dashboard .analytics-video{grid-template-columns:88px minmax(0,1fr)}#analyticsVideos{max-height:270px}.analytics-dashboard .analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-dashboard .analytics-metrics .card{border-bottom:1px solid var(--line)}.analytics-dashboard .daily-views,.analytics-dashboard .analytics-reach{padding:20px}.chart-summary{gap:22px}}
@media(max-width:560px){aside{position:static;width:auto;display:flex;flex-direction:row;flex-wrap:wrap;padding:14px;gap:5px;border-bottom:1px solid var(--line)}aside .brand{width:100%;margin:0 0 12px}aside small,aside .spacer,aside #syncStatus{display:none}aside button{min-height:32px;font-size:11px;padding:7px 10px}aside #accountButton{border:0;padding:7px 10px;margin:0}main,.has-project main{margin:0;padding:24px 16px}.analytics-heading h2{font-size:25px}.chart-summary strong{font-size:22px}.youtube-controls .disconnect{margin-left:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.compare-panel h2{margin:0}.compare-panel>.muted{font-size:12px}.compare-panel .tools{align-items:end}.compare-panel label{margin:0;font-size:12px}.compare-panel select{display:block;margin-top:8px}.compare-search{width:100%}.compare-picker{max-height:240px;overflow:auto;margin:14px 0;display:grid;gap:6px}.compare-picker label{display:flex;align-items:start;gap:10px;padding:9px 12px;background:#202530;border-radius:7px;line-height:1.5}.compare-picker input{width:auto;margin:4px 0}.compare-picker small,.compare-table small{display:block;color:#8593aa;font-size:10px;margin-top:5px}.compare-table{width:100%;border-collapse:collapse;font-size:12px}.compare-table th,.compare-table td{text-align:left;padding:14px 12px;border-bottom:1px solid #303847;min-width:95px}.compare-table th{color:#8593aa;font-weight:500}.compare-table td:first-child{min-width:200px;max-width:260px}.comparison-leader,.comparison-partial{display:block;color:#80d4b5;font-size:10px;margin-top:7px}.comparison-partial{color:#e5bc79}.compare-status{font-size:12px;color:#95a5be}
.compare-picker[hidden],.compare-search[hidden]{display:none}
/* Keep comparison tables inside their panel at every viewport width. */
.analytics-dashboard,.compare-panel,#comparisonRoot{min-width:0;max-width:100%;box-sizing:border-box}.compare-panel .table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.compare-table th:first-child,.compare-table td:first-child{min-width:32px;width:32px;max-width:40px}.compare-table th:nth-child(2),.compare-table td:nth-child(2){min-width:180px;max-width:260px;overflow-wrap:anywhere}.compare-panel .tools{display:flex;flex-wrap:wrap;gap:12px}.compare-panel .tools>label{min-width:110px}.compare-panel .row{flex-wrap:wrap}@media(max-width:1100px){.analytics-dashboard .analytics-layout{grid-template-columns:190px minmax(0,1fr);gap:16px}.compare-panel{padding:18px}.compare-table th,.compare-table td{padding:12px 8px}}@media(max-width:850px){.analytics-dashboard .analytics-layout{grid-template-columns:minmax(0,1fr)}.analytics-library{position:static}#analyticsVideos{max-height:250px}.analytics-heading{flex-wrap:wrap;gap:16px}}
.analytics-tabs{margin:0 0 20px}.analytics-tabs [aria-pressed=true]{background:#a5b4fc;color:#151a2b}.benchmark-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}.benchmark-window{margin:24px 0}.benchmark-tile{padding:18px;border:1px solid #394252;border-radius:12px;background:#202530;display:flex;flex-direction:column;gap:12px}.benchmark-tile strong{font-size:25px}.benchmark-tile small,.benchmark-tile span{font-size:11px;line-height:1.5}.benchmark-tile.better{background:#16382d;border-color:#397b60;color:#b5f3d6}.benchmark-tile.worse{background:#3b2229;border-color:#874553;color:#ffc2cb}
.benchmark-progress{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0}.benchmark-progress[hidden]{display:none}.benchmark-progress progress{width:min(420px,100%);height:10px;accent-color:#a5b4fc;border:0;border-radius:20px;overflow:hidden}.benchmark-progress progress::-webkit-progress-bar{background:#303849;border-radius:20px}.benchmark-progress progress::-webkit-progress-value{background:#a5b4fc;border-radius:20px}.benchmark-progress span{font-size:12px;color:#acb8cc}
.compare-table th button{padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:left;line-height:1.5;cursor:pointer}.compare-table th button:hover{color:#ced8ff}.compare-table th[aria-sort=ascending],.compare-table th[aria-sort=descending]{color:#a5b4fc}
.benchmark-tile.similar{background:#39321d;border-color:#88743b;color:#f8e5a4}
.home-project{text-align:left;width:100%;white-space:normal}.home-project h3{line-height:1.5}.home-project small{color:#a5b4ca}
.production-board{display:grid;grid-template-columns:repeat(7,minmax(215px,1fr));gap:16px;overflow-x:auto;max-width:100%;padding-bottom:20px}.production-column{background:#151922;border:1px solid #303849;border-radius:14px;padding:14px}.production-column>.card{margin:14px 0;padding:14px}.production-column h3 small{color:#98a5ba}.production-open{padding:0;background:none;border:0;text-align:left;font-weight:600;line-height:1.5}.production-column select{width:100%}
.workflow-list{display:grid;gap:12px;margin:20px 0}.workflow-list label{display:flex;align-items:center;gap:12px;padding:12px;background:#202530;border-radius:8px}.workflow-list input{width:auto;margin:0}