:root{--font-heading:"Optima","Avenir Next","Trebuchet MS",sans-serif;--font-body:"Avenir Next","Segoe UI","Helvetica Neue",sans-serif;--bg:#f6f1e8;--bg-deep:#efe7d8;--surface:rgba(255,252,247,0.86);--surface-strong:#fffdf8;--surface-muted:#f4ede1;--border:rgba(33,32,28,0.12);--text:#1f1b16;--text-soft:#63594d;--shadow:0 18px 50px rgba(47,40,29,0.08);--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body),sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(15,138,122,.12),transparent 28%),radial-gradient(circle at top right,rgba(212,103,56,.12),transparent 30%),linear-gradient(180deg,var(--bg) 0,#f9f4ed 42%,var(--bg-deep) 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 0);background-size:42px 42px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.42),transparent 82%);mask-image:linear-gradient(180deg,rgba(0,0,0,.42),transparent 82%)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.shell{position:relative;z-index:1;width:min(1200px,calc(100% - 32px));margin:0 auto;padding:32px 0 64px}.shell--auth{min-height:100vh;align-items:center;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.shell--auth,.shell--dashboard{display:grid;grid-gap:24px;gap:24px}.authCard,.focusPanel,.heroPanel,.playlistCard,.setupBanner,.signedInCard,.summaryCard,.trackTab,.userProgressCard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.authCard,.focusPanel,.heroPanel,.playlistCard{padding:32px}.eyebrow,.heroBadge,.noteState,.sectionTab,.summaryLabel,.videoDuration{letter-spacing:.04em}.heroBadge,.heroStatCard,.sectionTab,.signedInCard,.statusPill,.supportPill,.videoIndex{border-radius:999px}.heroBadge,.sectionTab{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;padding:.45rem .8rem;background:rgba(31,27,22,.06);color:var(--text-soft);font-size:.84rem;text-transform:uppercase}.eyebrow,.notesMeta,.signedInCard span,.summaryLabel,.videoDuration{color:var(--text-soft)}.authCard h2,.brandBlock h1,.focusPanel h2,.heroPanel h1,.playlistHeader h2{margin:0;font-family:var(--font-heading),sans-serif;font-weight:700;line-height:1.05}.heroPanel h1{max-width:13ch;font-size:clamp(2.8rem,5vw,4.8rem)}.heroCopy{max-width:58ch;margin:0;color:var(--text-soft);font-size:1rem;line-height:1.7}.heroStatRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:28px}.heroStatCard{padding:1rem 1.1rem;background:rgba(255,255,255,.76);border:1px solid rgba(33,32,28,.08)}.heroStatCard span,.heroStatCard strong{display:block}.heroStatCard span{color:var(--text-soft);font-size:.82rem}.heroStatCard strong{margin-top:.35rem;font-family:var(--font-heading),sans-serif;font-size:1.04rem}.authCard{display:grid;grid-gap:24px;gap:24px}.authCardHeader,.brandBlock,.dashboardTop,.focusPanel,.headerActions,.heroStatRow,.notesFooter,.playlistHeader,.playlistStats,.summaryGrid,.videoCardTop{align-items:start}.authCardHeader{display:grid;grid-gap:10px;gap:10px}.authCardHeader p{margin:0}.userPicker{display:grid;grid-gap:12px;gap:12px}.userOption{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border-radius:var(--radius-lg);border:1px solid rgba(33,32,28,.1);background:rgba(255,255,255,.72);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.primaryButton:hover,.secondaryButton:hover,.trackTab:hover,.userOption:hover,.watchToggle:hover{transform:translateY(-1px)}.userOption--active{background:rgba(255,255,255,.94)}.userOptionBadge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:white;font-family:var(--font-heading),sans-serif;font-weight:700;border-radius:14px}.userOptionText{display:grid;grid-gap:4px;gap:4px;text-align:left}.userOptionText small{color:var(--text-soft)}.authForm{display:grid;grid-gap:14px;gap:14px}.fieldLabel{font-weight:600}.notesField,.textField{width:100%;border:1px solid rgba(33,32,28,.12);background:rgba(255,255,255,.9);color:var(--text);border-radius:var(--radius-md);transition:border-color .18s ease,box-shadow .18s ease}.textField{min-height:52px;padding:0 16px}.notesField:focus,.textField:focus{outline:none;border-color:rgba(15,138,122,.55);box-shadow:0 0 0 4px rgba(15,138,122,.12)}.feedbackBanner,.formError{margin:0;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid rgba(180,72,33,.18);background:rgba(220,101,53,.08);color:#8c411f}.primaryButton,.secondaryButton,.watchToggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-md);min-height:48px;padding:0 18px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.primaryButton{background:linear-gradient(135deg,#0f8a7a,#0d5c6f);color:white;box-shadow:0 18px 32px rgba(13,92,111,.22)}.secondaryButton{background:rgba(255,255,255,.72);color:var(--text);border-color:rgba(33,32,28,.1)}.dashboardTop,.headerActions,.notesActions,.playlistHeader,.playlistStats,.sectionTabs,.statusPills,.summaryGrid,.trackPicker,.videoCardTop{display:flex;gap:14px}.dashboardTop{justify-content:space-between}.headerActions{flex-direction:column;min-width:220px}.signedInCard{padding:16px 18px;display:grid;grid-gap:4px;gap:4px}.signedInCard strong{font-family:var(--font-heading),sans-serif;font-size:1.2rem}.setupBanner{display:flex;justify-content:space-between;gap:12px;padding:16px 18px}.summaryGrid{flex-wrap:wrap}.summaryCard{flex:1 1 220px;padding:22px;display:grid;grid-gap:10px;gap:10px}.summaryCard--accent{background:linear-gradient(180deg,rgba(15,138,122,.08),transparent),var(--surface)}.summaryCard strong{font-family:var(--font-heading),sans-serif;font-size:2rem}.summaryCard p{margin:0;color:var(--text-soft)}.progressBlock{display:grid;grid-gap:10px;gap:10px}.progressMeta{display:flex;justify-content:space-between;gap:12px;color:var(--text-soft);font-size:.9rem}.progressTrack{position:relative;height:10px;background:rgba(33,32,28,.08);border-radius:999px;overflow:hidden}.progressFill{position:absolute;inset:0 auto 0 0;border-radius:inherit}.focusPanel{display:flex;align-items:center;justify-content:space-between;gap:16px}.focusPanel p{margin:10px 0 0;color:var(--text-soft);max-width:55ch}.sectionTabs{padding-top:4px}.sectionTab--active{background:rgba(15,138,122,.1);color:#0b5f57}.trackPicker{flex-wrap:wrap}.trackTab{flex:1 1 240px;justify-content:space-between;align-items:center;padding:16px 18px;border:1px solid rgba(33,32,28,.1);cursor:pointer}.trackTab span{font-weight:600}.trackTab strong{color:var(--text-soft);font-size:.95rem}.trackTab--active{background:linear-gradient(180deg,rgba(15,138,122,.08),transparent),rgba(255,255,255,.92);border-color:rgba(15,138,122,.22)}.playlistCard{display:grid;grid-gap:24px;gap:24px}.playlistHeader{justify-content:space-between}.playlistHeader p{margin:8px 0 0;color:var(--text-soft)}.playlistStats{flex-wrap:wrap}.userProgressCard{flex:1 1 260px;padding:18px 20px;display:grid;grid-gap:14px;gap:14px}.userProgressTop{display:flex;align-items:center;gap:10px}.userProgressTop strong{font-family:var(--font-heading),sans-serif;font-size:1.08rem}.userProgressTop small{margin-left:auto;color:var(--text-soft)}.userDot{width:12px;height:12px;border-radius:999px}.videoList{display:grid;grid-gap:16px;gap:16px}.videoCard{padding:18px;border:1px solid rgba(33,32,28,.1);border-radius:var(--radius-lg);background:rgba(255,255,255,.7)}.videoCard--watched{background:linear-gradient(180deg,rgba(15,138,122,.08),transparent),rgba(255,255,255,.84)}.videoCardTop{justify-content:space-between}.videoIndex{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;background:rgba(33,32,28,.07);font-family:var(--font-heading),sans-serif;font-weight:700}.videoContent{flex:1 1;display:grid;grid-gap:14px;gap:14px}.videoTitleRow{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.videoTitle{font-family:var(--font-heading),sans-serif;font-size:1.1rem;font-weight:700}.videoTitle:hover{color:#0b5f57}.videoDuration{display:inline-flex;align-items:center;padding:.35rem .7rem;background:rgba(33,32,28,.06);border-radius:999px;font-size:.82rem}.statusPills{flex-wrap:wrap;align-items:center}.noteState,.statusPill,.supportPill{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;font-size:.88rem}.statusPill{border:1px solid rgba(33,32,28,.08);background:rgba(255,255,255,.86);color:var(--text-soft)}.statusPill--watched{color:var(--text)}.statusPill--active{font-weight:600}.supportPill{background:rgba(15,138,122,.08);color:#0b5f57}.watchToggle{align-self:start;min-width:170px;background:rgba(31,27,22,.05);border-color:rgba(33,32,28,.1);color:var(--text)}.watchToggle--watched{background:rgba(15,138,122,.12);border-color:rgba(15,138,122,.22);color:#0b5f57}.notesPanel{margin-top:18px;border-top:1px solid rgba(33,32,28,.08);padding-top:16px}.notesPanel summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font-weight:600}.notesPanel summary::-webkit-details-marker{display:none}.notesPanel summary span{color:var(--text-soft);font-size:.9rem;font-weight:400}.notesBody{display:grid;grid-gap:14px;gap:14px;padding-top:14px}.notesField{min-height:136px;resize:vertical;padding:14px 16px;line-height:1.6}.notesFooter{display:flex;justify-content:space-between;gap:16px}.notesMeta{display:grid;grid-gap:4px;gap:4px;font-size:.9rem}.notesActions{display:flex;align-items:center;gap:12px}.noteState{border-radius:999px;background:rgba(33,32,28,.06);color:var(--text-soft)}.noteState--saved{background:rgba(15,138,122,.08);color:#0b5f57}.noteState--error{background:rgba(212,103,56,.12);color:#8c411f}.primaryButton:disabled,.secondaryButton:disabled,.watchToggle:disabled{cursor:not-allowed;opacity:.65;transform:none}@media (max-width:980px){.shell--auth{grid-template-columns:1fr;padding-top:28px}.dashboardTop,.focusPanel,.notesFooter,.playlistHeader,.videoCardTop{flex-direction:column}.headerActions{width:100%;min-width:0}.focusPanel .primaryButton,.playlistHeader .secondaryButton,.videoCardTop .watchToggle{width:100%}.watchToggle{align-self:stretch}}@media (max-width:640px){.shell{width:min(100% - 20px,1200px);padding-bottom:40px}.authCard,.focusPanel,.heroPanel,.playlistCard{padding:22px}.heroStatRow,.playlistStats,.summaryGrid,.trackPicker{display:grid;grid-template-columns:1fr}.notesActions,.statusPills{flex-direction:column;align-items:stretch}.notesActions .secondaryButton{width:100%}}