/* v1.90 */
/* Transit live */
.tr9{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:12.5px;margin:6px 0}
.tr9-live{display:flex;gap:6px;align-items:center;margin:0;font-weight:600;color:var(--ink)}.tr9-live input{width:auto}
/* Chart Laboratory: time and depth */
.jy9{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.jy9-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center}.jy9-head h3{margin:0}
.jy9-tabs{display:flex;gap:4px;flex-wrap:wrap}.jy9-tabs button{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:6px 12px;font:600 13px system-ui,sans-serif;color:var(--muted);cursor:pointer}
.jy9-tabs button[aria-selected=true]{background:var(--wine);border-color:var(--wine);color:#fff}
.jy9-row{display:flex;flex-wrap:wrap;gap:10px}.jy9-row label{font-size:12px;margin:0}.jy9-row input,.jy9-row select{width:auto}
.jy9-note{font-size:13px;color:var(--muted);margin:0;line-height:1.55}
.jy9-now{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.jy9-now div{border:1px solid color-mix(in srgb,var(--wine) 25%,var(--line));background:color-mix(in srgb,var(--wine) 6%,var(--paper));border-radius:12px;padding:10px 12px}
.jy9-now small{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.jy9-now b{display:block;font-size:19px;color:var(--wine)}.jy9-now span{font-size:12px;color:var(--muted)}
.jy9-md{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.jy9-md>li{border-top:1px solid var(--line)}.jy9-md>li:first-child{border-top:0}
.jy9-md>li>button{display:grid;grid-template-columns:90px 1fr auto;gap:10px;width:100%;text-align:left;border:0;background:var(--paper);padding:8px 12px;font:14px Georgia,serif;color:var(--ink);cursor:pointer}
.jy9-md>li.on>button{background:color-mix(in srgb,var(--wine) 8%,var(--paper))}.jy9-md>li>button small{color:var(--muted)}
.jy9-md ul{display:none;list-style:none;margin:0;padding:4px 12px 8px 112px;font-size:13px}.jy9-md li.open ul{display:block}
.jy9-md ul li{display:flex;justify-content:space-between;gap:10px;padding:2px 0;color:var(--muted)}.jy9-md ul li.on{color:var(--wine);font-weight:600}
.jy9-varga{max-width:440px}.jy9-varga svg{width:100%;height:auto}
.jy9-av{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.jy9-av article{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--paper);font-size:13.5px}
.jy9-av header{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.jy9-av header span{color:var(--muted);font-size:12px}
.jy9-state b{color:var(--wine)}.jy9-state ul{margin:4px 0 8px;padding-left:18px}.jy9-state li small{color:var(--muted)}
@media (max-width:640px){.jy9-now{grid-template-columns:1fr}.jy9-md>li>button{grid-template-columns:70px 1fr}.jy9-md>li>button small{display:none}.jy9-md ul{padding-left:12px}}
/* Path of study */
.pa9{margin-top:22px;display:flex;flex-direction:column;gap:14px}
.pa9-head h2{margin:4px 0 6px}.pa9-head p{margin:0;color:var(--muted);max-width:820px;line-height:1.6}
.pa9-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.pa9-tier{border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:14px}
.pa9-tt{display:grid;grid-template-columns:auto 1fr;gap:0 10px;align-items:center;margin-bottom:10px}
.pa9-tt b{grid-row:span 2;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--wine);color:#fff;font:600 14px Georgia,serif}
.pa9-tt span{font-weight:600;font-size:16px}.pa9-tt small{color:var(--muted);font-size:12px}
.pa9-tier ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.pa9-c{display:grid;grid-template-columns:14px 1fr;gap:10px;position:relative;padding-bottom:12px}
.pa9-c:not(:last-child)::before{content:"";position:absolute;left:6px;top:16px;bottom:0;width:2px;background:var(--line)}
.pa9-dot{width:14px;height:14px;border-radius:50%;margin-top:3px;border:2px solid var(--line);background:var(--paper);position:relative;z-index:1}
.pa9-c.available .pa9-dot{background:var(--wine);border-color:var(--wine)}.pa9-c.preparing .pa9-dot{border-color:var(--wine);background:color-mix(in srgb,var(--wine) 25%,var(--paper))}
.pa9-ct{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}.pa9-ct b{font-size:14.5px}
.pa9-st{font:600 10.5px system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.pa9-c.available .pa9-st{color:#2f7a3b}.pa9-c.preparing .pa9-st{color:var(--wine)}
.pa9-c p{margin:3px 0 4px;font-size:13px;color:var(--muted);line-height:1.5}
.pa9-c details{font-size:12.5px}.pa9-c summary{cursor:pointer;color:var(--wine)}.pa9-c details ul{margin:4px 0;padding-left:18px}
.pa9-act{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12px}
/* Lesson questions */
.qz9-sum{font-size:13px;color:var(--muted)}
.qz9-q{border-top:1px solid var(--line);padding:10px 0}
.qz9-opts{display:flex;flex-direction:column;gap:5px}
.qz9-o{text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:8px 10px;font:14px Georgia,serif;color:var(--ink);cursor:pointer}
.qz9-o:hover:not(:disabled){border-color:var(--wine)}.qz9-o.right{border-color:#2f7a3b;background:color-mix(in srgb,#2f7a3b 10%,var(--paper))}.qz9-o.wrong{border-color:#a3362b;background:color-mix(in srgb,#a3362b 8%,var(--paper))}
.qz9-exp{font-size:13.5px;margin:8px 0 2px}.qz9-del{color:#a3362b}
.qz9-add{margin-top:12px;border:1px dashed var(--line);border-radius:12px;padding:10px}.qz9-add summary{cursor:pointer;color:var(--wine)}
/* Course progress */
.cp9{display:flex;flex-direction:column;gap:12px}.cp9-head{display:flex;justify-content:space-between;align-items:center}.cp9-head h3{margin:0}
.cp9-table{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:auto}
.cp9-tr{display:grid;grid-template-columns:minmax(180px,1.4fr) repeat(auto-fit,minmax(120px,1fr));gap:10px;align-items:center;padding:8px 12px;border-top:1px solid var(--line);font-size:13px;min-width:640px}
.cp9-tr:first-child{border-top:0}.cp9-tr.head{background:var(--paper2);font:600 11px system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.cp9-tr small{display:block;color:var(--muted);font-size:11.5px}
/* Recordings */
.rv9-feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;align-items:center;padding:16px;border-radius:18px;background:linear-gradient(135deg,#231c2c,#3b2536);color:#f2ead8;margin-bottom:12px}
.rv9-feature h2{color:#fff;margin:4px 0}.rv9-feature .muted{color:#d7c9b5!important}.rv9-feature .eyebrow{color:#e8b85c}
.rv9-desc{font-size:14px;line-height:1.55;opacity:.9}
.rv9-fimg{position:relative;border:0;padding:0;border-radius:12px;overflow:hidden;cursor:pointer;aspect-ratio:16/9;background:#000}
.rv9-fimg img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9}
.rv9-play{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center;font-size:24px}
.rv9-search{margin:0 0 12px}.rv9-search label{font-size:13px}
#rv9-hits{display:flex;flex-direction:column;gap:5px;margin-top:6px;max-height:420px;overflow:auto}
.rv9-hh{font:600 11px system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:8px 0 2px}
.rv9-hit{text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:8px 10px;cursor:pointer;font:inherit;color:var(--ink)}.rv9-hit:hover{border-color:var(--wine)}
.rv9-hit b{display:block;font-size:13.5px}.rv9-hit small{color:var(--muted);font-size:12.5px}.rv9-hit mark,.rv9-lines mark{background:color-mix(in srgb,var(--gold,#c9a14a) 45%,transparent);color:inherit}
.rv9-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:10px}
.rv9-card{display:flex;flex-direction:column;text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:14px;overflow:hidden;padding:0;cursor:pointer;font:inherit;color:var(--ink);transition:transform .15s,box-shadow .15s}
.rv9-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(40,25,20,.12);border-color:var(--wine)}
.rv9-thumb{position:relative;aspect-ratio:16/9;background:#2a2233;display:block}
.rv9-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.rv9-thumb em{position:absolute;right:6px;bottom:8px;background:rgba(0,0,0,.72);color:#fff;font:600 11px system-ui,sans-serif;font-style:normal;border-radius:5px;padding:1px 5px}
.rv9-thumb em.rv9-w{left:6px;right:auto;background:#2f7a3b}
.rv9-thumb .rv9-bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.3)}.rv9-thumb .rv9-bar i{display:block;height:100%;background:#e8b85c}
.rv9-ph{display:grid;place-items:center;width:100%;height:100%;color:#e8b85c;font:600 20px Georgia,serif;letter-spacing:.1em}.rv9-ph.big{font-size:40px}
.rv9-body{padding:10px 12px}.rv9-body b{display:block;font-size:14.5px;line-height:1.35}.rv9-body small{color:var(--muted);font-size:12px}
.rv9-card.watched .rv9-body b{color:var(--muted)}
.rv9-tr{border:1px solid var(--line);border-radius:12px;margin:12px 0;background:var(--paper)}
.rv9-trh{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line)}.rv9-trh input[type=search]{flex:1 1 180px;width:auto;margin:0}.rv9-trh label{display:flex;gap:5px;align-items:center;font-size:12.5px;margin:0}.rv9-trh label input{width:auto}
.rv9-lines{max-height:360px;overflow:auto;padding:6px 12px}
.rv9-lines p{margin:0;padding:5px 6px;border-radius:6px;cursor:pointer;font-size:14px;line-height:1.55}.rv9-lines p:hover{background:var(--paper2)}
.rv9-lines p.on{background:color-mix(in srgb,var(--wine) 10%,var(--paper))}.rv9-lines span{font:600 11.5px system-ui,sans-serif;color:var(--wine);margin-right:8px}
@media (max-width:760px){.rv9-feature{grid-template-columns:1fr}}
#recordings .rec-toolbar152 label:last-of-type{flex:0 1 150px}
/* Billing */
.bl9-gate{background:#fffdf8;border:1px solid var(--lp-line,#e4dccd);border-radius:16px;padding:18px 20px;color:#2a2420;text-align:left}
.bl9-gate b{font-size:18px}.bl9-gate p{color:#6f655a!important;font-size:15px!important;margin:6px 0 12px}
.bl9-plans{display:flex;flex-wrap:wrap;gap:8px}.bl9-small{font-size:12.5px!important;margin:10px 0 0!important}.bl9-note{font-size:13px;color:#a3362b!important;margin:0 0 8px}
.bl9-banner{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:12px;margin:0 0 12px;font-size:14px;border:1px solid var(--line);background:color-mix(in srgb,var(--gold,#c9a14a) 12%,var(--paper))}
.bl9-banner.grace{background:color-mix(in srgb,#a3362b 10%,var(--paper));border-color:color-mix(in srgb,#a3362b 35%,var(--line))}
.bl9-banner.canceling{background:color-mix(in srgb,var(--wine) 8%,var(--paper))}
.bl9-banner span{flex:1 1 280px}.bl9-x{border:0;background:none;font-size:18px;cursor:pointer;color:var(--muted)}
.bl9-settings dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:10px 0}.bl9-settings dl div{background:var(--paper2);border-radius:10px;padding:8px 10px}.bl9-settings dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.bl9-settings dd{margin:2px 0 0;font-weight:600}
.bl9-welcome ol{padding-left:20px;line-height:1.8}
.mb9{display:flex;flex-direction:column;gap:12px}.mb9-tools input{flex:1 1 260px;width:auto;margin:0}.mb9-filter{font-size:13px}
.mb9-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.mb9-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;padding:10px 12px;border-top:1px solid var(--line)}.mb9-row:first-child{border-top:0}
.mb9-row small{display:block;color:var(--muted);font-size:12px}.mb9-acts{display:flex;flex-wrap:wrap;gap:5px}
.mb9-st{font:600 10.5px system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em;border-radius:5px;padding:1px 6px;background:var(--paper2);color:var(--muted)}
.mb9-st.paying{background:#2f7a3b;color:#fff}.mb9-st.trialing{background:var(--gold,#c9a14a);color:#2a2420}.mb9-st.past_due{background:#a3362b;color:#fff}.mb9-st.canceling{background:var(--wine);color:#fff}.mb9-st.complimentary{background:#3b5b8a;color:#fff}
.mb9-setup{border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:13.5px}.mb9-setup ul{margin:6px 0;padding-left:18px;line-height:1.7}
.mb9-log summary{cursor:pointer;color:var(--wine)}.mb9-log p{margin:4px 0;font-size:13px}
.ep9-row{display:flex;gap:10px;align-items:flex-start;margin:8px 0}.ep9-row input{width:auto;margin-top:4px}.ep9-row small{display:block;color:var(--muted);font-size:12.5px;font-weight:normal}.ep9-note{font-size:12.5px}
.pw9-install{width:100%;margin-top:6px}
.pw9-offline{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:9999;background:#2a2420;color:#f4ecdc;border-radius:999px;padding:8px 16px;font:13px system-ui,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.3)}

/* v1.90 studio: webcam blur and transcript-based editing */
#cb9-note{display:block;margin-top:4px;font-size:.82rem}
.ct9{grid-column:1/-1}
.ct9-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin:8px 0}
.ct9-bar label{display:grid;gap:4px;min-width:200px;flex:1}
.ct9-lines{max-height:420px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--surface,#fff);padding:4px}
.ct9-line{display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:start;padding:5px 6px;border-radius:6px;cursor:pointer;line-height:1.45}
.ct9-line:hover{background:color-mix(in srgb,var(--accent,#6e2f33) 7%,transparent)}
.ct9-line.off span{text-decoration:line-through;opacity:.5}
.ct9-t{font:12px ui-monospace,monospace;border:0;background:none;color:var(--muted,#746c60);cursor:pointer;padding:2px 0}

/* v1.90 theme fixes: the dashboard greeting stays white on its night-sky panel in every mood, and the sidebar
   group titles are readable on Bubblegum's pale sidebar. */
html body .dh8-hero :is(h1,h2){color:#fff!important}
html[data-appearance=bubblegum] .sidebar .nav-group147>summary{color:var(--ink)!important;background:color-mix(in srgb,var(--wine) 9%,transparent)!important}

/* v1.90 earth panels: the night-sky panels (dashboard greeting, games, milestones, landing hero) take earthy
   pigments (umber, burnt sienna, ochre) instead of blue and purple. Celestial keeps its midnight blue. */
html{--earth-panel:radial-gradient(circle at 86% 8%,rgba(226,172,96,.34),transparent 44%),radial-gradient(circle at 12% 100%,#7a4326,#2a1b11 70%);
  --earth-glass:radial-gradient(circle at 86% 8%,rgba(226,172,96,.34),transparent 44%),linear-gradient(150deg,rgba(38,25,16,.93),rgba(92,52,30,.86) 62%,rgba(128,78,40,.84));
  --earth-night:#2a1b11;--earth-night2:#4a2e1c;--earth-gold:#e6b86a}
html[data-appearance=rainbow]{--earth-panel:radial-gradient(circle at 88% 6%,rgba(255,210,122,.5),transparent 40%),linear-gradient(125deg,#5a1f0f 0%,#a8401c 45%,#d9751f 78%,#e9a93c 100%);
  --earth-glass:radial-gradient(circle at 88% 6%,rgba(255,210,122,.5),transparent 40%),linear-gradient(125deg,rgba(90,31,15,.94),rgba(168,64,28,.9) 45%,rgba(217,117,31,.88) 78%,rgba(233,169,60,.86));
  --earth-night:#5a1f0f;--earth-night2:#a8401c;--earth-gold:#ffd27a}
html[data-appearance=celestial]{--earth-panel:radial-gradient(circle at 84% 4%,rgba(173,133,65,.35),transparent 42%),linear-gradient(165deg,#1e3160,#0b1227 70%);
  --earth-glass:radial-gradient(circle at 84% 4%,rgba(173,133,65,.35),transparent 42%),linear-gradient(165deg,rgba(30,49,96,.92),rgba(11,18,39,.9) 70%);
  --earth-night:#0b1227;--earth-night2:#1e3160;--earth-gold:#e4cea4}
html[data-appearance=bubblegum]{--earth-panel:radial-gradient(circle at 86% 8%,rgba(255,214,160,.42),transparent 42%),linear-gradient(140deg,#5b3a33,#8c5a48 58%,#b98a5e);
  --earth-glass:radial-gradient(circle at 86% 8%,rgba(255,214,160,.42),transparent 42%),linear-gradient(140deg,rgba(91,58,51,.93),rgba(140,90,72,.88) 58%,rgba(185,138,94,.86));
  --earth-night:#5b3a33;--earth-night2:#8c5a48;--earth-gold:#ffd9a0}
html[data-appearance=dark]{--earth-panel:radial-gradient(circle at 86% 8%,rgba(217,178,124,.2),transparent 45%),linear-gradient(165deg,#2a1d13,#0a0705 72%);
  --earth-glass:radial-gradient(circle at 86% 8%,rgba(217,178,124,.2),transparent 45%),linear-gradient(165deg,rgba(42,29,19,.92),rgba(10,7,5,.9) 72%);
  --earth-night:#120c08;--earth-night2:#2a1d13;--earth-gold:#d9b27c}
html body .dh8-hero,html body .fw8-hero,html body .ms7-hero,html body .ar7-hero{background:var(--earth-panel)!important;box-shadow:0 18px 44px rgba(40,24,12,.28)!important}
html body .ar7{--night:var(--earth-night);--night2:var(--earth-night2)}
html body .ar7-card .back{background:radial-gradient(circle at 30% 30%,var(--earth-night2),var(--earth-night))!important;border-color:color-mix(in srgb,var(--earth-gold) 30%,transparent)!important}
html body .ar7-hub{fill:var(--earth-night)!important}
html body .pg7-unlock{background:var(--earth-night)!important}

html body .dh8-hero .dh8-chip{background:rgba(255,242,224,.1)!important;border-color:rgba(255,232,200,.26)!important;color:#f5eddf!important}
html body .dh8-hero .dh8-chip:hover{border-color:var(--earth-gold)!important}
html body .dh8-hero :has(>.dh8-chip){background:transparent!important}