/* A quieter, more useful study desk. Keep course content in the foreground. */
:root {
  --ink:#24332f;
  --muted:#5d6b65;
  --paper:#f7f6f2;
  --panel:#fffefa;
  --line:#dedfd7;
  --green-700:#245b49;
  --green-900:#183d33;
  --green-100:#e9efe8;
  --shadow:none;
}
body { background:var(--paper); color:var(--ink); }
main { width:min(1180px,calc(100% - 88px)); }
h1,h2,h3 { color:var(--ink); }
.breadcrumb,.eyebrow,.side-label,.workspace-caption > span:first-child {
  color:#68766f; font-size:12px; font-weight:650; letter-spacing:.015em; text-transform:none;
}
.breadcrumb,.eyebrow { line-height:1.5; }
.subtitle { color:#5d6b65; }
.workspace-caption { color:#68766f; margin-bottom:28px; }
.workspace-caption > span:first-child { font-size:12px; }
.topline { margin-bottom:25px; }
.topline h1 { margin:6px 0 9px; }
.panel,.continue-card { border-radius:8px; box-shadow:none; background:var(--panel); }
.panel-head h2 { color:var(--ink); }
.panel-head .muted,.muted { color:var(--muted); }
.primary,.secondary { border-radius:6px; font-weight:650; }
.primary { background:#245b49; }
.primary:hover { background:#183d33; }
.secondary { background:var(--panel); border-color:#cbd2c9; }
input,select,textarea { background:#fff; border-radius:6px; }
label { color:#42584d; font-size:13px; font-weight:650; letter-spacing:0; text-transform:none; }
summary { color:#245b49; font-weight:600; }
.app-sidebar { background:#edece5; color:#243a32; border-color:#d9d9d0; }
.app-sidebar .brand,.app-sidebar .sign-out,.app-sidebar .sidebar-button { color:#263d33; }
.app-sidebar .brand-mark { background:#245b49; color:#fff; border-radius:6px; }
.app-sidebar .view-link { color:#4d6155; }
.app-sidebar .view-link.active,.app-sidebar .view-link.active:hover { background:#fffefa; color:#173e30; box-shadow:inset 3px 0 #a16947; }
.app-sidebar .view-link:hover,.app-sidebar .sidebar-button:hover { background:#e3e6dc; color:#1d4937; }
.app-sidebar .view-link.active::after { display:none; }
.app-sidebar .side-label,.app-sidebar .signed-in,.app-sidebar .course small { color:#617369; }
.app-sidebar .course { color:#395144; }
.app-sidebar .course.active { background:#e0e5d8; color:#1c4432; }
.app-sidebar .course-dot { border-color:#66836e; }
.app-sidebar .course.active .course-dot { border-color:#285d46; background:#285d46; box-shadow:none; }
.app-sidebar .side-footer { border-color:#d0d5cb; }
.app-sidebar .course-add-button,.app-sidebar .account-button { border-color:#c7d1c2; color:#315443; }
.app-sidebar #manage-course { color:#4b6556; }
.app-sidebar #manage-course:hover { border-color:#c7d1c2; }
.plan-pill { background:#dce8d4; }
.course-summary { border-top:1px solid var(--line); padding-top:16px; }
.focus-panel { background:#fffefa; border-color:#d4dcd1; border-left:4px solid #a16947; padding:32px 34px; }
.focus-panel h2 { color:#26382f; margin:11px 0 12px; }
.focus-panel p { color:#4c5d52; }
.focus-panel .eyebrow { color:#865b42; }
.focus-side { border-color:#e1e3dc; }
.focus-progress .progress-track { background:#e2e7dc; }
.overview-stats { background:#f1f0ea; border-color:#e3e3da; }
.overview-stat { border-color:#d7dad1; }
.review-brief { background:#f2ece3; border-color:#e6dacc; border-radius:8px; }
.review-brief h2 { color:#2b352d; }
.review-brief p,.review-week { color:#5e6159; }
.review-brief .primary { background:#384d3f; }
.review-week { border-color:#ded5ca; }
.study-tool { border-radius:8px; background:#fffefa; }
.study-tool:hover { background:#f7f8f3; }
.updates-panel { background:transparent; }
.module-card { background:transparent; }
.module-card.complete { background:#f1f5ed; }
.module-number,.concept { background:#e9eee5; color:#3c604a; }
.panel.practice,.panel.exam-prep { background:#fffefa; }
.quiz-controls,.drawer,#review-form { background:#f5f4ee; border-radius:8px; }
.review-card,.quiz-card,.plan-session,.concept-map-branch { border-radius:8px; }
.concept-map,.concept-map-core,.concept-map-node,.concept-map-link { border-radius:8px; }
.workspace.tutor-view .panel.tutor { background:#fffefa; border-color:#d7ddd4; border-radius:8px; }
.conversation-sidebar { background:#f2f1eb; border-radius:0; }
.conversation-item.active { background:#e1e7dc; }
.tutor-main { background:#fffefa; }
.mode { border-radius:6px; }
.quick-prompt { background:#f5f5ef; }
.chat-bubble { background:#fff; }
.auth-screen { background:#f7f6f2; column-gap:clamp(48px,7vw,116px); justify-items:stretch; }
.landing-nav { padding-bottom:18px; border-bottom:1px solid #dcddd4; }
.landing-nav .brand { color:#204735; }
.landing-story { padding:18px 0; }
.landing-story h1 { max-width:740px; font-size:clamp(44px,5.7vw,78px); letter-spacing:-.055em; line-height:1.04; }
.landing-story h1 em { color:#8c6449; font-style:normal; }
.landing-story > p { max-width:570px; color:#4f6255; font-size:18px; line-height:1.65; }
.landing-actions > span { color:#637268; font-size:13px; }
.study-preview { max-width:610px; padding:28px 32px; background:#fffefa; border-color:#d8dcd2; border-radius:3px; box-shadow:7px 7px 0 #e6e2d9; }
.study-preview .eyebrow { color:#866047; }
.study-preview h2 { max-width:480px; font:500 27px/1.24 Georgia,serif; margin:16px 0 24px; }
.preview-badge { color:#61736a; font-size:12px; }
.preview-step { border-color:#e3e5dd; color:#334c3c; }
.preview-step b { color:#a17153; }
.preview-step small { color:#657167; font-size:12px; }
.auth-card { background:#fffefa; border-color:#dcded5; border-radius:8px; box-shadow:none; }
.auth-card h2 { color:#28382f; }
.auth-card label { margin-top:15px; }
.password-feedback { margin:2px 0 12px; }
.password-feedback-head { display:flex; justify-content:space-between; gap:12px; align-items:baseline; font-size:13px; }
.password-feedback-head strong { color:#435b4b; }
.password-feedback-head span,.password-feedback p,.password-match { color:#68766c; font-size:12px; line-height:1.45; }
.password-feedback progress { display:block; width:100%; height:8px; margin:8px 0 6px; border:0; border-radius:99px; overflow:hidden; accent-color:#ad704d; }
.password-feedback[data-level="3"] progress,.password-feedback[data-level="4"] progress { accent-color:#3b7861; }
.password-feedback progress::-webkit-progress-bar { background:#e7e9e2; border-radius:99px; }
.password-feedback progress::-webkit-progress-value { background:#ad704d; border-radius:99px; }
.password-feedback[data-level="3"] progress::-webkit-progress-value,.password-feedback[data-level="4"] progress::-webkit-progress-value { background:#3b7861; }
.password-feedback progress::-moz-progress-bar { background:#ad704d; border-radius:99px; }
.password-feedback[data-level="3"] progress::-moz-progress-bar,.password-feedback[data-level="4"] progress::-moz-progress-bar { background:#3b7861; }
.password-feedback p { margin:0; }
.password-match { min-height:18px; margin:0 0 5px; }
.password-match:not(.matched) { color:#a25343; }
.password-match.matched { color:#36765c; }
.landing-bottom { border-color:#daddd4; }
.landing-bottom article b { color:#3f5b46; }
.landing-bottom p { color:#5c6b61; }
dialog { background:#fffefa; color:var(--ink); border-color:#d8ddd4; border-radius:10px; }
dialog::backdrop { background:#1b2927a6; backdrop-filter:none; }
.dialog-toolbar,dialog .dialog-toolbar .dialog-close { background:#fffefa; }
.price-card { border-radius:8px; background:#fffefa; }
.price-card.pro { background:#f0f2e9; border-color:#a8bea3; }
.price-card p,.price-card li { color:#46584b; }
.profile-avatar { background:#e7ede0; }
#tour-art { background:#f2eee4; color:#856447; border-radius:6px; }
#tour-detail,.allowance-inline { background:#f3f2eb; }
.course-manager-list { background:#f4f3ed; border-color:#e0e2d9; border-radius:8px; }
.course-manager-item,.course-manager-detail,.course-manager-item-mark { border-radius:6px; }
.course-manager-item.selected { box-shadow:none; }
.course-manager-detail { background:#fffefa; }
.course-manager-icon { background:#eaece2; color:#426049; border-radius:6px; }
@media(max-width:800px) {
 .auth-screen { grid-template-columns:minmax(0,1fr); }
 .landing-product,.landing-section-head,.product-figure { min-width:0; }
 .landing-nav a[href='#product-preview'] { display:none; }
 main { width:min(100% - 40px,720px); }
 .app-sidebar { background:#e8ece5; }
 .app-sidebar .primary-nav { background:#fffefa; border-top:1px solid #dce3d8; }
 .app-sidebar .view-link { color:#506656; }
 .app-sidebar .view-link.active { background:#e7eee2; box-shadow:inset 0 3px #a16947; }
 .app-sidebar .view-link.active:hover { background:#e7eee2; }
 .study-preview { padding:23px; }
 .landing-story { padding:0; }
 .auth-screen { gap:28px; }
 .landing-bottom { padding-top:30px; }
}
@media(max-width:600px) {
 main { width:calc(100% - 36px); }
 .focus-panel { padding:23px 22px; }
 .focus-side { display:block; }
 .focus-side > div+div { margin-top:15px; }
 .auth-card { border-radius:6px; }
 .landing-story h1 { font-size:clamp(41px,12vw,58px); }
 .landing-story > p { font-size:16px; }
 .study-preview { box-shadow:5px 5px 0 #e6e2d9; }
 .preview-step { gap:12px; }
 .review-brief { padding:22px; }
 .conversation-sidebar { border-radius:0; }
 .workspace.tutor-view .panel.tutor { border-radius:6px; }
}

/* Public front page: real product imagery and distinct, useful information. */
.landing-preview-link { display:inline-flex; align-items:center; gap:8px; min-height:44px; color:#315849; font-size:14px; font-weight:650; text-decoration:underline; text-underline-offset:4px; }
.landing-product,.landing-method,.landing-practical,.landing-pricing,.landing-end { grid-column:1/-1; min-width:0; border-top:1px solid #daddd4; }
.landing-product,.landing-method,.landing-practical,.landing-pricing { padding:72px 0; }
.landing-product,.landing-method { scroll-margin-top:24px; }
.landing-section-head { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr); align-items:end; gap:28px 60px; margin-bottom:30px; }
.landing-section-head h2,.landing-method h2,.landing-practical h2,.landing-pricing h2,.landing-end h2 { max-width:740px; margin:9px 0 0; font:500 clamp(30px,3.5vw,48px)/1.13 Georgia,serif; letter-spacing:-.045em; }
.landing-section-head p,.landing-method>div:first-child p { max-width:50ch; margin:0; color:#53645a; font-size:16px; line-height:1.65; }
.walkthrough-head { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:4px 20px; margin:0 0 14px; }
.walkthrough-head h3,.showcase-heading { margin:0; color:#243b2f; font:500 27px/1.2 Georgia,serif; }
.walkthrough-head p { margin:0; color:#66756b; font-size:14px; }
.walkthrough-video { display:block; width:100%; height:auto; aspect-ratio:16/9; border:1px solid #c9d4c9; border-radius:8px; background:#183c31; }
.walkthrough-transcript { margin:12px 0 0; color:#506258; font-size:14px; line-height:1.6; }
.walkthrough-transcript summary { display:list-item; width:max-content; max-width:100%; min-height:36px; cursor:pointer; color:#315849; font-weight:650; text-decoration:underline; text-underline-offset:3px; }
.walkthrough-transcript p { max-width:75ch; }
.walkthrough-transcript ol { max-width:75ch; padding-left:21px; }
.walkthrough-transcript li+li { margin-top:8px; }
.showcase-heading { margin:42px 0 16px; }
.showcase-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0 0 16px; }
.showcase-tab { display:grid; grid-template-columns:auto 1fr; align-items:baseline; column-gap:10px; min-width:0; min-height:76px; padding:14px 18px; border:1px solid #d7dad0; border-radius:7px; background:#fffefa; color:#42584c; text-align:left; cursor:pointer; }
.showcase-tab:hover { border-color:#9fb3a2; }
.showcase-tab[aria-selected="true"] { border-color:#91ac96; background:#eaf0e6; box-shadow:inset 0 3px #245b49; }
.showcase-tab span { grid-row:1/3; color:#8b674d; font:500 15px Georgia,serif; }
.showcase-tab strong { font-size:16px; color:#263d31; }
.showcase-tab small { display:block; color:#5c6c60; font-size:13px; }
.showcase-panel { min-width:0; }
.product-figure { margin:0; padding:18px 18px 0; background:#e9eae3; border:1px solid #d7dad0; border-radius:7px; }
.product-figure>a { display:block; overflow:hidden; border:1px solid #cdd5ca; border-radius:5px 5px 0 0; background:#fff; }
.product-figure picture { display:block; }
.product-figure img { display:block; width:100%; height:auto; }
.product-figure figcaption { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 24px; min-height:68px; color:#4a5a50; font-size:14px; }
.showcase-hint { color:#65746a; font-size:13px; }
.landing-method { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:45px 90px; }
.landing-method>div:first-child p { margin-top:20px; }
.method-steps { border-top:1px solid #daddd4; }
.method-steps>div { display:grid; grid-template-columns:38px 1fr; column-gap:18px; padding:20px 0; border-bottom:1px solid #daddd4; }
.method-steps span { grid-row:1/3; color:#9b7154; font:500 20px Georgia,serif; }
.method-steps strong { color:#243b2f; font-size:17px; }
.method-steps p { margin:3px 0 0; color:#5b6a60; font-size:15px; line-height:1.55; }
.landing-practical { display:grid; grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr); gap:30px 80px; }
.practical-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }
.practical-grid article { min-width:0; border-top:2px solid #c5d0c2; padding-top:17px; }
.practical-grid h3 { margin:0 0 10px; font-size:17px; }
.practical-grid p { margin:0; color:#56675c; font-size:15px; line-height:1.65; }
.practical-grid .link { display:inline; font-size:inherit; text-decoration:underline; text-underline-offset:3px; }
.landing-pricing { display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); gap:20px 70px; align-items:start; }
.landing-plan-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.landing-plan-grid article { padding:25px; background:#fffefa; border:1px solid #d7dcd1; border-radius:7px; }
.landing-plan-grid article:last-child { background:#f0f2e9; border-color:#b9cbb5; }
.landing-plan-grid h3 { margin:0 0 8px; font:500 25px Georgia,serif; }
.landing-plan-price { font:500 37px Georgia,serif; letter-spacing:-.04em; }
.landing-plan-price small { color:#65736a; font:400 14px ui-sans-serif,sans-serif; letter-spacing:0; }
.landing-plan-grid p { margin:14px 0 0; color:#4c5c51; font-size:15px; line-height:1.55; }
.landing-plan-grid p:first-of-type { color:#254d39; font-weight:700; }
.landing-pricing>.secondary { grid-column:2; justify-self:start; }
.landing-end { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:38px 0 55px; }
.landing-end h2 { margin:0; font-size:30px; }
.landing-end .primary { flex:none; padding:14px 20px; }
.exam-update-notice { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:0 0 24px; padding:22px 25px; border:1px solid #d3bfa3; border-left:4px solid #a77951; border-radius:9px; background:#f9f4ec; }
.exam-update-notice[hidden] { display:none; }
.exam-update-notice h2 { margin:5px 0; font:500 27px/1.2 Georgia,serif; color:#233b2e; }
.exam-update-notice p { margin:0; color:#526257; font-size:15px; line-height:1.5; }
.exam-update-actions { display:flex; align-items:center; gap:18px; flex:none; }
.exam-update-actions .primary { white-space:nowrap; }
.course-exam-legacy { margin:7px 0 0; color:#626f65; font-size:13px; line-height:1.45; }
.course-clear-exam { margin-top:7px; font-size:13px; text-decoration:underline; }
.answer-actions { gap:14px; flex-wrap:wrap; }
.answer-actions button { min-height:44px; font-size:13px; }
@media(max-width:850px) { .exam-update-notice { align-items:flex-start; flex-direction:column; } }
@media(max-width:600px) { .exam-update-notice { padding:19px; } .exam-update-notice h2 { font-size:24px; } .exam-update-actions { align-items:flex-start; flex-direction:column; gap:10px; width:100%; } .exam-update-actions .primary { width:100%; white-space:normal; } }
@media(max-width:1050px) {
 .landing-method,.landing-practical,.landing-pricing { grid-template-columns:1fr; gap:26px; }
 .landing-pricing>.secondary { grid-column:1; }
 .landing-practical .practical-grid { gap:18px; }
}
@media(max-width:800px) {
 .landing-product,.landing-method,.landing-practical,.landing-pricing { padding:50px 0; }
 .landing-section-head { grid-template-columns:1fr; gap:14px; }
 .product-figure { padding:12px 12px 0; }
 .practical-grid { grid-template-columns:1fr 1fr; }
 .landing-end { align-items:flex-start; flex-direction:column; }
}
@media(max-width:600px) {
 .landing-product,.landing-method,.landing-practical,.landing-pricing { padding:42px 0; }
 .landing-section-head h2,.landing-method h2,.landing-practical h2,.landing-pricing h2 { font-size:33px; }
 .walkthrough-head h3,.showcase-heading { font-size:24px; }
 .showcase-heading { margin-top:32px; }
 .showcase-tabs { gap:5px; }
 .showcase-tab { display:block; min-height:58px; padding:9px 7px; text-align:center; }
 .showcase-tab span { display:none; }
 .showcase-tab strong { font-size:13px; }
 .showcase-tab small { display:none; }
 .product-figure { padding:10px 10px 0; }
 .product-figure figcaption { padding:12px 2px; font-size:13px; }
 .practical-grid,.landing-plan-grid { grid-template-columns:1fr; }
 .landing-plan-grid article { padding:22px; }
 .landing-end h2 { font-size:28px; }
}

/* Account themes keep the same reading layout and adjust the desk's palette. */
.theme-picker { min-width:0; margin:0; padding:0; border:0; }
.theme-picker legend { margin-bottom:9px; color:#42584d; font-size:14px; font-weight:650; }
.theme-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.theme-option { display:flex; flex-direction:column; gap:10px; min-width:0; min-height:132px; padding:12px; border:1px solid #cbd2c9; border-radius:8px; background:#fff; cursor:pointer; text-transform:none; }
.theme-option:has(input:checked) { border:2px solid var(--green-700); padding:11px; }
.theme-option:has(input:focus-visible) { outline:3px solid #d6ae68; outline-offset:2px; }
.theme-option input { position:absolute; width:1px; height:1px; opacity:0; }
.theme-option strong { display:block; color:var(--ink); font-size:14px; }
.theme-option small { margin:2px 0 0; color:var(--muted); font-size:12px; line-height:1.35; }
.theme-swatch { display:block; height:43px; border-radius:5px; border:1px solid #d4d7d0; }
.theme-swatch.paper { background:linear-gradient(90deg,#edece5 0 28%,#fffefa 28% 78%,#245b49 78%); }
.theme-swatch.coastal { background:linear-gradient(90deg,#dfe9ed 0 28%,#f8fbfc 28% 78%,#28647b 78%); }
.theme-swatch.sandstone { background:linear-gradient(90deg,#e9dfd2 0 28%,#fffaf2 28% 78%,#915336 78%); }
@media(max-width:600px) { .theme-options { grid-template-columns:1fr; } .theme-option { flex-direction:row; align-items:center; min-height:70px; } .theme-swatch { flex:none; width:56px; height:44px; } }

html[data-theme="coastal"] { --ink:#203943; --muted:#536a74; --paper:#f2f7f9; --panel:#fbfdfe; --line:#cedde2; --green-700:#28647b; --green-900:#1d4b5f; --green-100:#e1edf1; --green-50:#eff7f9; }
html[data-theme="sandstone"] { --ink:#392d26; --muted:#6e5d50; --paper:#f8f3eb; --panel:#fffaf2; --line:#e3d5c4; --green-700:#915336; --green-900:#693b2b; --green-100:#f3e5d6; --green-50:#fcf5e9; }
html[data-theme="coastal"] .app-sidebar { background:#dfe9ed; border-color:#cbdce2; }
html[data-theme="sandstone"] .app-sidebar { background:#e9dfd2; border-color:#dfd0bf; }
html[data-theme="coastal"] .app-sidebar .brand,html[data-theme="coastal"] .app-sidebar .sign-out,html[data-theme="coastal"] .app-sidebar .sidebar-button,html[data-theme="sandstone"] .app-sidebar .brand,html[data-theme="sandstone"] .app-sidebar .sign-out,html[data-theme="sandstone"] .app-sidebar .sidebar-button { color:var(--ink); }
html[data-theme="coastal"] .app-sidebar .brand-mark,html[data-theme="sandstone"] .app-sidebar .brand-mark { background:var(--green-700); color:#fff; }
html[data-theme="coastal"] .app-sidebar .view-link,html[data-theme="coastal"] .app-sidebar .course,html[data-theme="sandstone"] .app-sidebar .view-link,html[data-theme="sandstone"] .app-sidebar .course { color:var(--ink); }
html[data-theme="coastal"] .app-sidebar .view-link.active,html[data-theme="coastal"] .app-sidebar .course.active,html[data-theme="sandstone"] .app-sidebar .view-link.active,html[data-theme="sandstone"] .app-sidebar .course.active { background:var(--panel); color:var(--green-900); box-shadow:inset 3px 0 var(--green-700); }
html[data-theme="coastal"] .app-sidebar .view-link:hover,html[data-theme="sandstone"] .app-sidebar .view-link:hover { background:var(--green-100); color:var(--green-900); }
html[data-theme="coastal"] .app-sidebar .side-label,html[data-theme="coastal"] .app-sidebar .signed-in,html[data-theme="coastal"] .app-sidebar .course small,html[data-theme="sandstone"] .app-sidebar .side-label,html[data-theme="sandstone"] .app-sidebar .signed-in,html[data-theme="sandstone"] .app-sidebar .course small { color:var(--muted); }
html[data-theme="coastal"] .app-sidebar .side-footer,html[data-theme="sandstone"] .app-sidebar .side-footer { border-color:var(--line); }
html[data-theme="coastal"] .primary,html[data-theme="sandstone"] .primary { background:var(--green-700); }
html[data-theme="coastal"] .primary:hover,html[data-theme="sandstone"] .primary:hover { background:var(--green-900); }
html[data-theme="coastal"] .panel,html[data-theme="coastal"] .continue-card,html[data-theme="coastal"] .tutor-main,html[data-theme="coastal"] dialog,html[data-theme="sandstone"] .panel,html[data-theme="sandstone"] .continue-card,html[data-theme="sandstone"] .tutor-main,html[data-theme="sandstone"] dialog { background:var(--panel); border-color:var(--line); color:var(--ink); }
html[data-theme="coastal"] .conversation-sidebar,html[data-theme="coastal"] .quiz-controls,html[data-theme="coastal"] .drawer,html[data-theme="coastal"] #review-form,html[data-theme="coastal"] .overview-stats,html[data-theme="sandstone"] .conversation-sidebar,html[data-theme="sandstone"] .quiz-controls,html[data-theme="sandstone"] .drawer,html[data-theme="sandstone"] #review-form,html[data-theme="sandstone"] .overview-stats { background:var(--green-50); border-color:var(--line); }
html[data-theme="coastal"] .focus-panel,html[data-theme="sandstone"] .focus-panel { border-left-color:var(--green-700); }
html[data-theme="coastal"] .focus-panel h2,html[data-theme="sandstone"] .focus-panel h2,html[data-theme="coastal"] .review-brief h2,html[data-theme="sandstone"] .review-brief h2 { color:var(--ink); }
html[data-theme="coastal"] .review-brief,html[data-theme="sandstone"] .review-brief { background:var(--green-100); border-color:var(--line); }
html[data-theme="coastal"] .review-brief .primary,html[data-theme="sandstone"] .review-brief .primary { background:var(--green-700); }
html[data-theme="coastal"] .conversation-item.active,html[data-theme="sandstone"] .conversation-item.active { background:var(--green-100); color:var(--green-900); }
html[data-theme="coastal"] .composer,html[data-theme="sandstone"] .composer,html[data-theme="coastal"] .quick-prompt,html[data-theme="sandstone"] .quick-prompt { background:var(--green-50); border-color:var(--line); }
html[data-theme="coastal"] dialog .dialog-toolbar,html[data-theme="coastal"] dialog .dialog-close,html[data-theme="sandstone"] dialog .dialog-toolbar,html[data-theme="sandstone"] dialog .dialog-close { background:var(--panel); }
html[data-theme="coastal"] .price-card,html[data-theme="sandstone"] .price-card,html[data-theme="coastal"] .course-manager-detail,html[data-theme="sandstone"] .course-manager-detail { background:var(--panel); border-color:var(--line); }
html[data-theme="coastal"] .price-card.pro,html[data-theme="sandstone"] .price-card.pro { background:var(--green-100); }
@media(max-width:800px) { html[data-theme="coastal"] .app-sidebar .primary-nav,html[data-theme="sandstone"] .app-sidebar .primary-nav { background:var(--panel); border-color:var(--line); } html[data-theme="coastal"] .app-sidebar .view-link.active,html[data-theme="sandstone"] .app-sidebar .view-link.active { box-shadow:inset 0 3px var(--green-700); } }

/* Three quiet progress motifs rotate between long-running actions. */
.loading-moment { display:flex; align-items:center; gap:14px; min-width:0; min-height:64px; padding:15px 17px; border:1px solid var(--line); border-radius:8px; background:var(--green-50); color:var(--green-900); font-size:14px; line-height:1.45; }
.loading-moment .loading-art { position:relative; display:flex; align-items:center; justify-content:center; flex:none; width:42px; height:36px; color:var(--green-700); }
.loading-art i { display:block; flex:none; background:currentColor; }
[data-loading-variant="orbit"] .loading-art i { position:absolute; width:7px; height:7px; border-radius:50%; animation:loading-orbit 1.5s ease-in-out infinite; }
[data-loading-variant="orbit"] .loading-art i:nth-child(1) { transform:translate(-13px,0); }
[data-loading-variant="orbit"] .loading-art i:nth-child(2) { animation-delay:.18s; }
[data-loading-variant="orbit"] .loading-art i:nth-child(3) { transform:translate(13px,0); animation-delay:.36s; }
@keyframes loading-orbit { 0%,70%,100% { opacity:.35; scale:.75; } 35% { opacity:1; scale:1.3; } }
[data-loading-variant="pages"] .loading-art { gap:3px; align-items:end; }
[data-loading-variant="pages"] .loading-art i { width:9px; height:21px; border-radius:2px 2px 1px 1px; transform-origin:bottom; animation:loading-pages 1.35s ease-in-out infinite; }
[data-loading-variant="pages"] .loading-art i:nth-child(2) { height:26px; animation-delay:.15s; }
[data-loading-variant="pages"] .loading-art i:nth-child(3) { height:17px; animation-delay:.3s; }
@keyframes loading-pages { 0%,100% { transform:rotate(0); opacity:.6; } 50% { transform:rotate(-12deg); opacity:1; } }
[data-loading-variant="bars"] .loading-art { gap:4px; align-items:end; }
[data-loading-variant="bars"] .loading-art i { width:6px; height:12px; border-radius:3px; animation:loading-bars 1.1s ease-in-out infinite; }
[data-loading-variant="bars"] .loading-art i:nth-child(2) { animation-delay:.14s; }
[data-loading-variant="bars"] .loading-art i:nth-child(3) { animation-delay:.28s; }
@keyframes loading-bars { 0%,100% { height:11px; opacity:.5; } 50% { height:29px; opacity:1; } }
@media(prefers-reduced-motion:reduce) { .loading-art i { animation:none !important; } }