/*
 * 句好学白金主题第一阶段：主题令牌与普通功能页外壳。
 * 所有规则严格限定在 data-theme="platinum"，当前 classic 主题不受影响。
 * 学习页与九级地图暂不换肤，避免在视觉验收前影响已确认交互。
 */
html:has(body[data-theme="platinum"]){
  color-scheme:light;
  background:#fff;
  scrollbar-color:#c9bda9 #fff;
}

body[data-theme="platinum"]{
  --platinum-page:#fff;
  --platinum-card:rgba(255,255,255,.94);
  --platinum-text:#000;
  --platinum-muted:#666;
  --platinum-gold:#d4af78;
  --platinum-gold-light:#f5e6c8;
  --platinum-gold-dark:#b8956a;
  --platinum-rose:#e8b4b8;
  --platinum-border:rgba(212,175,120,.38);
  --platinum-shadow:0 8px 32px rgba(212,175,120,.18);
  overflow-x:clip;
  color:var(--platinum-text);
}

body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]){
  background:
    radial-gradient(circle at 90% 8%,rgba(232,180,184,.2),transparent 30%),
    radial-gradient(circle at 12% 88%,rgba(247,231,206,.42),transparent 34%),
    var(--platinum-page);
}

body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]):before{
  display:none;
}

body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) .map-sidebar{
  border-right:1px solid var(--platinum-border);
  background:rgba(255,255,255,.92);
  box-shadow:10px 0 32px rgba(184,149,106,.12);
  backdrop-filter:blur(18px);
}

body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) .sidebar-brand>span{
  border-color:rgba(212,175,120,.68);
  background:linear-gradient(145deg,#fff8e7,#d4af78);
  color:#4e351d;
  box-shadow:0 4px 18px rgba(212,175,120,.24);
}

body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) .sidebar-brand strong{
  color:#17120d;
}

body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) .sidebar-link,
body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) .sidebar-collapse{
  color:#4f4a43;
}

body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) .sidebar-link:hover,
body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) .sidebar-link.active{
  border-color:rgba(212,175,120,.64);
  background:linear-gradient(90deg,rgba(247,231,206,.9),rgba(255,255,255,.72));
  color:#2d2116;
  box-shadow:0 4px 16px rgba(212,175,120,.14);
}

body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) header{
  border-color:var(--platinum-border);
  background:rgba(255,255,255,.88);
  box-shadow:0 5px 24px rgba(184,149,106,.1);
  backdrop-filter:blur(18px);
}

body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) .brand,
body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) .progress{
  color:#17120d;
}

body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) .brand b{
  border-color:var(--platinum-border);
  background:linear-gradient(145deg,#fff8e7,#d4af78);
  color:#4e351d;
}

body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) #app.card{
  border-color:var(--platinum-border);
  background:var(--platinum-card);
  color:var(--platinum-text);
  box-shadow:var(--platinum-shadow);
  backdrop-filter:blur(16px);
}

body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) #app>.title,
body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) #app>h1{
  color:#17120d;
}

body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) em,
body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) .eyebrow{
  color:var(--platinum-gold-dark);
}

body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) #app>.support{
  color:var(--platinum-muted);
}

body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) .btn,
body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) button:not(.sidebar-link):not(.sidebar-collapse):not(.brand){
  border-color:rgba(212,175,120,.56);
  background:linear-gradient(145deg,#fff,#f8f6f0);
  color:#2b2118;
  box-shadow:0 3px 12px rgba(212,175,120,.15);
}

body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) .btn.primary{
  border-color:var(--platinum-gold-dark);
  background:linear-gradient(135deg,var(--platinum-gold-light),var(--platinum-gold),var(--platinum-gold-dark));
  color:#2b1b0d;
  box-shadow:0 6px 20px rgba(212,175,120,.3);
}

body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) input,
body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) select,
body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) textarea{
  border-color:var(--platinum-border);
  background:#fff;
  color:#111;
  box-shadow:inset 0 1px 4px rgba(184,149,106,.08);
}

body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) input:focus,
body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) select:focus,
body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) textarea:focus{
  border-color:var(--platinum-gold);
  outline:3px solid rgba(212,175,120,.17);
}

body[data-theme="platinum"][data-view="course-marketplace"] .course-pack-card,
body[data-theme="platinum"][data-view="course-marketplace"] .course-detail dl div,
body[data-theme="platinum"][data-view="course-marketplace"] .course-filter-list article{
  border-color:var(--platinum-border);
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,246,240,.94));
  box-shadow:var(--platinum-shadow);
}

body[data-theme="platinum"][data-view="course-marketplace"] .course-pack-card.expression{
  border-color:rgba(232,180,184,.64);
}

body[data-theme="platinum"][data-view="course-marketplace"] .course-pack-card h2,
body[data-theme="platinum"][data-view="course-marketplace"] .course-marketplace-head h1,
body[data-theme="platinum"][data-view="course-marketplace"] .course-detail h1,
body[data-theme="platinum"][data-view="course-marketplace"] .course-filter h1,
body[data-theme="platinum"][data-view="course-marketplace"] .course-samples strong,
body[data-theme="platinum"][data-view="course-marketplace"] .course-filter-list strong,
body[data-theme="platinum"][data-view="course-marketplace"] .course-detail dd{
  color:#17120d;
}

body[data-theme="platinum"][data-view="course-marketplace"] .course-marketplace-head h1 em{
  color:var(--platinum-gold-dark);
}

body[data-theme="platinum"][data-view="course-marketplace"] .course-pack-card>p,
body[data-theme="platinum"][data-view="course-marketplace"] .course-pack-counts small,
body[data-theme="platinum"][data-view="course-marketplace"] .course-filter-list small,
body[data-theme="platinum"][data-view="course-marketplace"] .course-filter-list span,
body[data-theme="platinum"][data-view="course-marketplace"] .course-samples small{
  color:#6b6258;
}

body[data-theme="platinum"][data-view="course-marketplace"] .course-pack-counts div,
body[data-theme="platinum"][data-view="course-marketplace"] .course-filter-list label{
  border-color:rgba(212,175,120,.32);
  background:#fff;
  color:#3c3025;
}

body[data-theme="platinum"][data-view="course-marketplace"] .course-pack-counts strong{
  color:#7b5734;
}

body[data-theme="platinum"][data-view="course-marketplace"] .course-pack-status,
body[data-theme="platinum"][data-view="course-marketplace"] .course-detail-note,
body[data-theme="platinum"][data-view="course-marketplace"] .course-samples p,
body[data-theme="platinum"][data-view="course-marketplace"] .course-filter-list p{
  color:#5f5144;
}

body[data-theme="platinum"][data-view="course-marketplace"] .course-detail-note,
body[data-theme="platinum"][data-view="course-marketplace"] .course-filter-actions{
  border-color:var(--platinum-border);
  background:rgba(255,248,231,.94);
  box-shadow:0 10px 28px rgba(184,149,106,.15);
}

/* 复习中心与收藏：保留原数据结构，只替换表面、文字和状态色。 */
body[data-theme="platinum"] .review-overview>div,
body[data-theme="platinum"] .review-quick-start,
body[data-theme="platinum"] .review-item,
body[data-theme="platinum"] .review-run-status,
body[data-theme="platinum"] .review-summary-grid div,
body[data-theme="platinum"] .review-task-details{
  border-color:var(--platinum-border);
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,246,240,.92));
  color:#241b14;
  box-shadow:0 5px 18px rgba(184,149,106,.1);
}

body[data-theme="platinum"] .review-overview h2,
body[data-theme="platinum"] .review-quick-start h2,
body[data-theme="platinum"] .review-item h3,
body[data-theme="platinum"] .review-run-status>div b,
body[data-theme="platinum"] .review-summary-grid b{
  color:#765331;
}

body[data-theme="platinum"] .review-overview p,
body[data-theme="platinum"] .review-quick-start p,
body[data-theme="platinum"] .review-item p,
body[data-theme="platinum"] .review-meta,
body[data-theme="platinum"] .review-run-status>div span,
body[data-theme="platinum"] .review-run-status dt,
body[data-theme="platinum"] .review-summary-grid span,
body[data-theme="platinum"] .review-empty{
  color:#70675e;
}

body[data-theme="platinum"] .review-tab{
  border-color:var(--platinum-border);
  background:linear-gradient(145deg,#fff,#f8f6f0);
  color:#4c4035;
}

body[data-theme="platinum"] .review-tab.active{
  border-color:var(--platinum-gold);
  background:linear-gradient(135deg,#fff8e7,#f5e6c8);
  color:#5b3e23;
  box-shadow:0 0 18px rgba(212,175,120,.2);
}

body[data-theme="platinum"] .review-chips span,
body[data-theme="platinum"] .review-run-status dl div{
  border-color:rgba(212,175,120,.32);
  background:#fff;
  color:#5c5147;
}

body[data-theme="platinum"] .review-run-status dd{
  color:#271e16;
}

body[data-theme="platinum"] .review-task-details summary{
  background:#fbf8f2;
  color:#6d6258;
}

body[data-theme="platinum"] .review-task-details[open] summary{
  border-color:var(--platinum-border);
  color:#765331;
}

/* 学习数据：白金数据卡和清晰的三维状态层级。 */
body[data-theme="platinum"][data-view="dashboard"] .card{
  background:var(--platinum-card);
}

body[data-theme="platinum"] .dashboard-header h1,
body[data-theme="platinum"] .dashboard-section h2,
body[data-theme="platinum"] .dimension-card h3{
  color:#17120d;
}

body[data-theme="platinum"] .dashboard-header h1 em{
  color:var(--platinum-gold-dark);
}

body[data-theme="platinum"] .dashboard-updated,
body[data-theme="platinum"] .dashboard-section-head small,
body[data-theme="platinum"] .dashboard-stat small,
body[data-theme="platinum"] .level-progress-card header span,
body[data-theme="platinum"] .level-progress-card footer,
body[data-theme="platinum"] .dimension-meta,
body[data-theme="platinum"] .dashboard-session small,
body[data-theme="platinum"] .weekly-goal-card p,
body[data-theme="platinum"] .weekly-goal-card label,
body[data-theme="platinum"] .dashboard-lanes article>small{
  color:#70675e;
}

body[data-theme="platinum"] .dashboard-stat,
body[data-theme="platinum"] .level-progress-card,
body[data-theme="platinum"] .dimension-card,
body[data-theme="platinum"] .dashboard-session,
body[data-theme="platinum"] .weekly-goal-card,
body[data-theme="platinum"] .dashboard-lanes article{
  border-color:var(--platinum-border);
  background:linear-gradient(145deg,#fff,#f8f6f0);
  box-shadow:0 6px 22px rgba(184,149,106,.12);
}

body[data-theme="platinum"] .dashboard-stat b,
body[data-theme="platinum"] .level-progress-card strong,
body[data-theme="platinum"] .dimension-score,
body[data-theme="platinum"] .dashboard-session strong,
body[data-theme="platinum"] .weekly-goal-card strong,
body[data-theme="platinum"] .dashboard-lanes article>b{
  color:#9b6d3f;
}

body[data-theme="platinum"] .dashboard-stat span,
body[data-theme="platinum"] .dashboard-session span,
body[data-theme="platinum"] .dashboard-lanes article>span{
  color:#2b2118;
}

body[data-theme="platinum"] .level-progress-track{
  background:#eee6d9;
}

body[data-theme="platinum"] .weekly-goal-card select{
  border-color:var(--platinum-border);
  background:#fff;
  color:#2b2118;
}

/* 个人设置：字段和开关保持原事件绑定。 */
body[data-theme="platinum"][data-view="settings"] .card{
  background:var(--platinum-card);
}

body[data-theme="platinum"] .settings-header h1,
body[data-theme="platinum"] .setting-row strong,
body[data-theme="platinum"] .setting-toggle strong{
  color:#17120d;
}

body[data-theme="platinum"] .settings-header h1 em,
body[data-theme="platinum"] .settings-group h2{
  color:var(--platinum-gold-dark);
}

body[data-theme="platinum"] .settings-header p,
body[data-theme="platinum"] .setting-row small,
body[data-theme="platinum"] .setting-toggle small,
body[data-theme="platinum"] .setting-row.locked>span{
  color:#70675e;
}

body[data-theme="platinum"] .settings-group{
  border-color:var(--platinum-border);
  background:linear-gradient(145deg,#fff,#faf7f1);
  box-shadow:0 6px 22px rgba(184,149,106,.1);
}

body[data-theme="platinum"] .settings-group h2,
body[data-theme="platinum"] .setting-row,
body[data-theme="platinum"] .setting-toggle{
  border-color:rgba(212,175,120,.24);
}

body[data-theme="platinum"] .setting-row select{
  border-color:var(--platinum-border);
  background:#fff;
  color:#2b2118;
}

body[data-theme="platinum"] .setting-toggle i{
  background:#ded7cc;
  box-shadow:inset 0 0 0 1px #c8bba8;
}

body[data-theme="platinum"] .setting-toggle i:after{
  background:#fff;
  box-shadow:0 2px 6px rgba(67,48,30,.2);
}

body[data-theme="platinum"] .setting-toggle input:checked+i{
  background:linear-gradient(90deg,var(--platinum-gold-dark),var(--platinum-gold));
  box-shadow:inset 0 0 0 1px var(--platinum-gold-dark);
}

/* 水平测试：外壳换白，正确/错误语义色保持不变。 */
body[data-theme="platinum"] .placement-intro,
body[data-theme="platinum"] .placement-question,
body[data-theme="platinum"] .placement-result{
  border-color:var(--platinum-border);
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,246,240,.94));
  color:#1f1710;
  box-shadow:var(--platinum-shadow);
}

body[data-theme="platinum"] .placement-intro h1,
body[data-theme="platinum"] .placement-result h1,
body[data-theme="platinum"] .placement-word,
body[data-theme="platinum"] .placement-word strong{
  color:#17120d;
}

body[data-theme="platinum"] .placement-intro h1 em,
body[data-theme="platinum"] .placement-result h1 em,
body[data-theme="platinum"] .placement-question-head span,
body[data-theme="platinum"] .placement-result-grid strong{
  color:#9b6d3f;
}

body[data-theme="platinum"] .placement-intro>p,
body[data-theme="platinum"] .placement-question-head,
body[data-theme="platinum"] .placement-question>p,
body[data-theme="platinum"] .placement-kicker,
body[data-theme="platinum"] .placement-cefr,
body[data-theme="platinum"] .placement-result-grid span,
body[data-theme="platinum"] .placement-result-grid small,
body[data-theme="platinum"] .placement-word span{
  color:#70675e;
}

body[data-theme="platinum"] .placement-rules article,
body[data-theme="platinum"] .placement-result-grid article,
body[data-theme="platinum"] .placement-explain,
body[data-theme="platinum"] .placement-options button{
  border-color:var(--platinum-border);
  background:#fff;
  color:#2b2118;
}

body[data-theme="platinum"] .placement-rules strong,
body[data-theme="platinum"] .placement-options b{
  color:#8c6037;
}

body[data-theme="platinum"] .placement-note{
  border-color:var(--platinum-gold);
  background:#fff8e7;
}

body[data-theme="platinum"] .placement-options button:hover{
  border-color:var(--platinum-gold);
  background:#fff8e7;
}

body[data-theme="platinum"] .placement-options button.correct{
  border-color:#54bf88;
  background:#d1fadf;
  color:#125c32;
}

body[data-theme="platinum"] .placement-options button.wrong{
  border-color:#de6666;
  background:#fee4e2;
  color:#8c1d18;
}

/* 合伙人页：沿用内容和结算入口，仅换成白金展示面。 */
body[data-theme="platinum"][data-view="partner"] .card{
  background:var(--platinum-card);
}

body[data-theme="platinum"] .partner-page{
  color:#211810;
}

body[data-theme="platinum"] .partner-page section{
  border-color:rgba(212,175,120,.26);
}

body[data-theme="platinum"] .partner-hero{
  background:
    linear-gradient(115deg,rgba(255,255,255,.9),rgba(255,248,231,.82)),
    url('/assets/jhx/map/night-map.jpg') center/cover;
}

body[data-theme="platinum"] .partner-hero h1,
body[data-theme="platinum"] .partner-page h2{
  color:#17120d;
}

body[data-theme="platinum"] .partner-hero h1 em,
body[data-theme="platinum"] .partner-page h3,
body[data-theme="platinum"] .partner-number,
body[data-theme="platinum"] .partner-paths article small,
body[data-theme="platinum"] .partner-price strong{
  color:#9b6d3f;
}

body[data-theme="platinum"] .partner-hero>p,
body[data-theme="platinum"] .partner-lead,
body[data-theme="platinum"] .partner-page p,
body[data-theme="platinum"] .partner-page li,
body[data-theme="platinum"] .partner-price small,
body[data-theme="platinum"] .partner-price span{
  color:#655a50;
}

body[data-theme="platinum"] .partner-benefit-strip strong,
body[data-theme="platinum"] .partner-two-column>div,
body[data-theme="platinum"] .partner-paths article,
body[data-theme="platinum"] .partner-team>div,
body[data-theme="platinum"] .partner-audience article,
body[data-theme="platinum"] .partner-promises article,
body[data-theme="platinum"] .partner-steps article,
body[data-theme="platinum"] .partner-faq details,
body[data-theme="platinum"] .partner-price{
  border-color:var(--platinum-border);
  background:linear-gradient(145deg,#fff,#f8f6f0);
  box-shadow:0 6px 22px rgba(184,149,106,.1);
}

body[data-theme="platinum"] .partner-benefit-strip strong,
body[data-theme="platinum"] .partner-audience b,
body[data-theme="platinum"] .partner-promises b,
body[data-theme="platinum"] .partner-faq summary,
body[data-theme="platinum"] .partner-page td:first-child{
  color:#765331;
}

body[data-theme="platinum"] .partner-callout{
  border-color:var(--platinum-gold);
  background:#fff8e7;
}

body[data-theme="platinum"] .partner-page table{
  background:#fff;
}

body[data-theme="platinum"] .partner-page th,
body[data-theme="platinum"] .partner-page td{
  border-color:var(--platinum-border);
  color:#4e443a;
}

body[data-theme="platinum"] .partner-page th{
  background:#f7eddd;
  color:#765331;
}

/* 第三阶段：学习页只换视觉，九级背景仍保留在页面环境层。 */
body[data-theme="platinum"][data-view="learning"]{
  color-scheme:light;
  color:#17120d;
}

body[data-theme="platinum"][data-view="learning"]:before{
  opacity:.5;
  filter:blur(25px) saturate(.55) brightness(1.45);
  background-image:linear-gradient(115deg,rgba(255,255,255,.72),rgba(255,248,231,.58),rgba(255,255,255,.78)),var(--learning-level-bg);
}

body[data-theme="platinum"][data-view="learning"] .map-sidebar{
  border-right:1px solid var(--platinum-border);
  background:rgba(255,255,255,.94);
  box-shadow:10px 0 32px rgba(184,149,106,.12);
}

body[data-theme="platinum"][data-view="learning"] .sidebar-brand>span{
  border-color:rgba(212,175,120,.68);
  background:linear-gradient(145deg,#fff8e7,#d4af78);
  color:#4e351d;
  box-shadow:0 4px 18px rgba(212,175,120,.24);
}

body[data-theme="platinum"][data-view="learning"] .sidebar-brand strong,
body[data-theme="platinum"][data-view="learning"] .sidebar-link,
body[data-theme="platinum"][data-view="learning"] .sidebar-collapse{
  color:#33291f;
}

body[data-theme="platinum"][data-view="learning"] .sidebar-link:hover,
body[data-theme="platinum"][data-view="learning"] .sidebar-link.active{
  border-color:rgba(212,175,120,.64);
  background:linear-gradient(90deg,rgba(247,231,206,.92),rgba(255,255,255,.76));
  color:#2d2116;
}

body[data-theme="platinum"][data-view="learning"] header{
  border-color:var(--platinum-border);
  background:rgba(255,255,255,.9);
  box-shadow:0 5px 24px rgba(184,149,106,.12);
  backdrop-filter:blur(18px);
}

body[data-theme="platinum"][data-view="learning"] .brand,
body[data-theme="platinum"][data-view="learning"] .progress{
  color:#17120d;
}

body[data-theme="platinum"][data-view="learning"] .bar{
  background:#ece4d8;
}

body[data-theme="platinum"][data-view="learning"] .batch-word{
  border-color:rgba(212,175,120,.32);
  background:rgba(255,255,255,.86);
  color:#70675e;
  box-shadow:0 4px 14px rgba(184,149,106,.08);
}

body[data-theme="platinum"][data-view="learning"] .batch-word span{
  background:#eee6d9;
  color:#5d5044;
}

body[data-theme="platinum"][data-view="learning"] .batch-word.active{
  border-color:var(--platinum-gold);
  background:linear-gradient(145deg,#fff,#fff5e5);
  color:#2e2319;
  box-shadow:0 0 0 2px rgba(212,175,120,.12),0 6px 18px rgba(184,149,106,.13);
}

body[data-theme="platinum"][data-view="learning"] .batch-word.active span{
  background:var(--platinum-gold);
  color:#2b1b0d;
}

body[data-theme="platinum"][data-view="learning"] .batch-word.done{
  border-color:#75b994;
  color:#168a45;
}

body[data-theme="platinum"][data-view="learning"] #app.card{
  border:10px solid transparent;
  border-radius:28px;
  background-image:
    linear-gradient(145deg,rgba(255,255,255,.97),rgba(250,247,241,.95)),
    linear-gradient(135deg,#fff,#f5e6c8 24%,#e8b4b8 52%,#d4af78 78%,#fff);
  background-origin:padding-box,border-box;
  background-clip:padding-box,border-box;
  outline:1px solid rgba(212,175,120,.62);
  outline-offset:-6px;
  color:#17120d;
  box-shadow:0 25px 75px rgba(91,64,38,.25),0 0 34px rgba(212,175,120,.18);
}

body[data-theme="platinum"][data-view="learning"] #app.card:before{
  color:#b8956a;
  text-shadow:0 2px 4px rgba(184,149,106,.2);
}

body[data-theme="platinum"][data-view="learning"] .eyebrow,
body[data-theme="platinum"][data-view="learning"] .reward-label{
  color:#8e6239;
}

body[data-theme="platinum"][data-view="learning"] .hidden-word{
  color:#81766b!important;
}

body[data-theme="platinum"][data-view="learning"] .step{
  border-image:linear-gradient(90deg,transparent,#e8d4a8 18%,#d4af78 50%,#e8b4b8 82%,transparent) 1;
}

body[data-theme="platinum"][data-view="learning"] .step h2,
body[data-theme="platinum"][data-view="learning"] .zh,
body[data-theme="platinum"][data-view="learning"] .course-word-meaning strong,
body[data-theme="platinum"][data-view="learning"] .course-word-skeleton{
  color:#17120d;
}

body[data-theme="platinum"][data-view="learning"] .course-word-meaning,
body[data-theme="platinum"][data-view="learning"] .course-chunk-prompt,
body[data-theme="platinum"][data-view="learning"] .sentence,
body[data-theme="platinum"][data-view="learning"] .definition,
body[data-theme="platinum"][data-view="learning"] .answer-card,
body[data-theme="platinum"][data-view="learning"] .clue-display{
  border-color:rgba(212,175,120,.42);
  background:linear-gradient(145deg,#fff,#faf6ef);
  color:#2b2118;
  box-shadow:0 5px 18px rgba(184,149,106,.1);
}

body[data-theme="platinum"][data-view="learning"] .course-word-meaning{
  border-left-color:var(--platinum-gold);
}

body[data-theme="platinum"][data-view="learning"] .course-word-meaning small,
body[data-theme="platinum"][data-view="learning"] .course-chunk-prompt small,
body[data-theme="platinum"][data-view="learning"] .input-instruction,
body[data-theme="platinum"][data-view="learning"] .playback-track,
body[data-theme="platinum"][data-view="learning"] .playback-settings{
  color:#70675e;
}

body[data-theme="platinum"][data-view="learning"] .playback-control{
  border-color:rgba(212,175,120,.42);
  background:rgba(255,255,255,.9);
  box-shadow:0 7px 24px rgba(184,149,106,.12);
}

body[data-theme="platinum"][data-view="learning"] .playback-main button,
body[data-theme="platinum"][data-view="learning"] .playback-settings select,
body[data-theme="platinum"][data-view="learning"] .playback-track select,
body[data-theme="platinum"][data-view="learning"] .btn,
body[data-theme="platinum"][data-view="learning"] .clue-button{
  border-color:rgba(212,175,120,.55);
  background:linear-gradient(145deg,#fff,#f8f6f0);
  color:#33271d;
  box-shadow:0 3px 12px rgba(184,149,106,.12);
}

body[data-theme="platinum"][data-view="learning"] .playback-main .playback-primary,
body[data-theme="platinum"][data-view="learning"] .btn.primary{
  border-color:var(--platinum-gold-dark);
  background:linear-gradient(135deg,var(--platinum-gold-light),var(--platinum-gold),var(--platinum-gold-dark));
  color:#2b1b0d;
  box-shadow:0 6px 20px rgba(212,175,120,.28);
}

body[data-theme="platinum"][data-view="learning"] .letter-cell,
body[data-theme="platinum"][data-view="learning"] .word-cell{
  border-color:#a99a87;
  color:#17120d;
  caret-color:#9b6d3f;
}

body[data-theme="platinum"][data-view="learning"] .letter-cell:focus,
body[data-theme="platinum"][data-view="learning"] .letter-cell.filled,
body[data-theme="platinum"][data-view="learning"] .word-cell:focus,
body[data-theme="platinum"][data-view="learning"] .word-cell.filled{
  border-color:var(--platinum-gold-dark);
  box-shadow:0 5px 0 -3px var(--platinum-gold-dark);
}

body[data-theme="platinum"][data-view="learning"] .letter-cell.entry-error,
body[data-theme="platinum"][data-view="learning"] .word-cell.entry-error{
  border-color:#d92d20!important;
  background:#fee4e2!important;
  color:#a71912!important;
  box-shadow:0 0 0 2px rgba(217,45,32,.14)!important;
}

body[data-theme="platinum"][data-view="learning"] .clue-button.active{
  border-color:var(--platinum-gold);
  background:linear-gradient(135deg,#fff8e7,#f5e6c8);
  color:#624322;
}

body[data-theme="platinum"][data-view="learning"] .four-course-clues{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

body[data-theme="platinum"][data-view="learning"] .clue-price,
body[data-theme="platinum"][data-view="learning"] .grammar-clue h3{
  color:#9b6d3f;
}

body[data-theme="platinum"][data-view="learning"] .token,
body[data-theme="platinum"][data-view="learning"] .reorder-bank,
body[data-theme="platinum"][data-view="learning"] .reorder-chip,
body[data-theme="platinum"][data-view="learning"] .reorder-actions button{
  border-color:rgba(212,175,120,.48);
  background:#fff;
  color:#33271d;
}

body[data-theme="platinum"][data-view="learning"] .sentence-actions{
  border-color:rgba(212,175,120,.42);
  background:rgba(255,255,255,.92);
  box-shadow:0 9px 28px rgba(184,149,106,.15);
}

body[data-theme="platinum"][data-view="learning"] .page-nav{
  border-color:rgba(212,175,120,.3);
}

body[data-theme="platinum"][data-view="learning"] .feedback{
  color:#70675e;
}

body[data-theme="platinum"][data-view="learning"] .feedback.ok{
  color:#168a45;
}

body[data-theme="platinum"][data-view="learning"] .feedback.bad{
  color:#d92d20;
}

body[data-theme="platinum"][data-view="learning"] .coin-hud{
  border-color:rgba(212,175,120,.65);
  background:linear-gradient(145deg,#fff,#fff5e5);
  color:#765331;
}

body[data-theme="platinum"][data-view="learning"] .coin-hud small{
  color:#70675e;
}

body[data-theme="platinum"] .coin-ledger-card{
  border-color:var(--platinum-gold);
  background:linear-gradient(145deg,#fff,#f8f6f0);
  color:#241b14;
  box-shadow:0 25px 75px rgba(67,48,30,.28);
}

body[data-theme="platinum"] .coin-ledger-row{
  border-color:rgba(212,175,120,.28);
}

body[data-theme="platinum"] .coin-ledger-card h2,
body[data-theme="platinum"] .coin-ledger-row strong{
  color:#8e6239;
}

@media(max-width:680px){
  body[data-theme="platinum"][data-view="learning"] #app.card{border-width:6px;border-radius:22px}
  body[data-theme="platinum"][data-view="learning"] .playback-control{padding:12px}
  body[data-theme="platinum"][data-view="learning"] .four-course-clues{grid-template-columns:1fr 1fr}
}

@media (prefers-reduced-motion:reduce){
  body[data-theme="platinum"] *,body[data-theme="platinum"] *:before,body[data-theme="platinum"] *:after{
    scroll-behavior:auto!important;
  }
}

/* 第四阶段：保留九级地图结构，只把地图控件与登录外壳接入白金视觉。 */
body[data-theme="platinum"][data-view="levels"] .map-sidebar{
  border-right-color:var(--platinum-border);
  background:rgba(255,255,255,.94);
  box-shadow:12px 0 38px rgba(65,45,27,.2);
}

body[data-theme="platinum"][data-view="levels"] .sidebar-brand>span{
  border-color:rgba(212,175,120,.72);
  background:linear-gradient(145deg,#fff,#f5e6c8 58%,#d4af78);
  color:#4e351d;
  box-shadow:0 5px 18px rgba(212,175,120,.25);
}

body[data-theme="platinum"][data-view="levels"] .sidebar-brand strong,
body[data-theme="platinum"][data-view="levels"] .sidebar-link,
body[data-theme="platinum"][data-view="levels"] .sidebar-collapse{
  color:#33291f;
}

body[data-theme="platinum"][data-view="levels"] .sidebar-link:hover,
body[data-theme="platinum"][data-view="levels"] .sidebar-link.active{
  border-color:rgba(212,175,120,.6);
  background:linear-gradient(90deg,rgba(247,231,206,.94),rgba(255,255,255,.7));
  color:#2d2116;
}

body[data-theme="platinum"][data-view="levels"] header{
  background:linear-gradient(to bottom,rgba(255,255,255,.96),rgba(255,255,255,.62),transparent);
}

body[data-theme="platinum"][data-view="levels"] .map-level .map-pin{
  border-color:rgba(212,175,120,.76);
  background:rgba(255,255,255,.9);
  color:#2b2118;
  box-shadow:0 7px 24px rgba(37,24,13,.28),0 0 18px rgba(212,175,120,.22);
}

body[data-theme="platinum"][data-view="levels"] .map-level .map-pin strong,
body[data-theme="platinum"][data-view="levels"] .map-level .map-pin span{
  color:#33271d;
}

body[data-theme="platinum"][data-view="levels"] .map-level.guided .map-pin{
  border-color:#b8956a;
  background:linear-gradient(145deg,#fff8e7,#d4af78);
  box-shadow:0 5px 20px rgba(212,175,120,.52),0 0 28px rgba(255,255,255,.42);
}

body[data-theme="platinum"][data-view="levels"] .map-level.guided .map-pin:before{
  border-color:rgba(245,230,200,.88);
}

body[data-theme="platinum"][data-view="levels"] .map-resume,
body[data-theme="platinum"][data-view="levels"] .map-level-status{
  border-color:rgba(212,175,120,.68);
  background:rgba(255,255,255,.9);
  color:#33271d;
  box-shadow:0 7px 22px rgba(37,24,13,.2);
}

body[data-theme="platinum"][data-view="levels"] .map-level-status small,
body[data-theme="platinum"][data-view="levels"] .map-level-status strong{
  color:#4f4032;
}

body[data-theme="platinum"][data-view="map-auth"] .auth-level-map:after{
  background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.22) 45%,rgba(255,255,255,.48));
}

body[data-theme="platinum"][data-view="map-auth"] .auth-map-pin{
  border-color:rgba(212,175,120,.64);
  background:rgba(255,255,255,.82);
  color:#4f4032;
  box-shadow:0 4px 16px rgba(37,24,13,.18);
}

body[data-theme="platinum"][data-view="map-auth"] .auth-map-pin strong{
  color:#8e6239;
}

body[data-theme="platinum"][data-view="map-auth"] .map-login-panel{
  border-color:rgba(212,175,120,.62);
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(250,247,241,.96));
  color:#17120d;
  box-shadow:0 28px 80px rgba(37,24,13,.32),0 0 34px rgba(212,175,120,.16);
}

body[data-theme="platinum"][data-view="map-auth"] .map-login-panel h1,
body[data-theme="platinum"][data-view="map-auth"] .map-login-panel h2{
  color:#17120d;
}

body[data-theme="platinum"][data-view="map-auth"] .map-login-panel h1 em,
body[data-theme="platinum"][data-view="map-auth"] .map-login-panel .eyebrow{
  color:#8e6239;
}

body[data-theme="platinum"][data-view="map-auth"] .map-login-panel .support,
body[data-theme="platinum"][data-view="map-auth"] .login-label,
body[data-theme="platinum"][data-view="map-auth"] .auth-consent,
body[data-theme="platinum"][data-view="map-auth"] .login-divider{
  color:#665b50;
}

body[data-theme="platinum"][data-view="map-auth"] .auth-tabs{
  border-color:rgba(212,175,120,.34);
  background:#f7f3ec;
}

body[data-theme="platinum"][data-view="map-auth"] .auth-tabs button,
body[data-theme="platinum"][data-view="map-auth"] .auth-text-button{
  color:#5b4a3a;
}

body[data-theme="platinum"][data-view="map-auth"] .auth-tabs button.active{
  border-color:rgba(212,175,120,.58);
  background:#fff;
  color:#17120d;
  box-shadow:0 3px 12px rgba(184,149,106,.14);
}

body[data-theme="platinum"][data-view="map-auth"] .login-input,
body[data-theme="platinum"][data-view="map-auth"] .verification-row input{
  border-color:rgba(184,149,106,.58);
  background:#fff;
  color:#17120d;
}

body[data-theme="platinum"][data-view="map-auth"] .login-input:focus,
body[data-theme="platinum"][data-view="map-auth"] .verification-row input:focus{
  border-color:var(--platinum-gold-dark);
  box-shadow:0 0 0 3px rgba(212,175,120,.2);
}

body[data-theme="platinum"][data-view="map-auth"] .map-login-panel .btn,
body[data-theme="platinum"][data-view="map-auth"] .login-plan{
  border-color:rgba(212,175,120,.58);
  background:linear-gradient(145deg,#fff,#f8f6f0);
  color:#2b2118;
  box-shadow:0 4px 15px rgba(184,149,106,.14);
}

body[data-theme="platinum"][data-view="map-auth"] .map-login-panel .btn.primary,
body[data-theme="platinum"][data-view="map-auth"] .login-plan.featured{
  border-color:var(--platinum-gold-dark);
  background:linear-gradient(135deg,#fff8e7,#d4af78);
  color:#2b1b0d;
}

/* 第五阶段：设计稿课程封面与侧栏信息架构。 */
.platinum-sidebar-logo{display:none}

body[data-theme="platinum"] .map-sidebar:not([hidden]){
  width:248px;
  padding:0 12px 14px;
  border-right-color:rgba(220,200,150,.22);
  background:rgba(255,255,255,.94);
  box-shadow:4px 0 30px rgba(0,0,0,.08);
  backdrop-filter:blur(20px);
}

body[data-theme="platinum"] .sidebar-brand{
  height:92px;
  margin:0 -12px 10px;
  border-bottom:1px solid rgba(220,200,150,.2);
  background:#fff;
  overflow:hidden;
}

body[data-theme="platinum"] .sidebar-brand>span,
body[data-theme="platinum"] .sidebar-brand>strong{display:none}

body[data-theme="platinum"] .platinum-sidebar-logo{
  display:block;
  flex:none;
  width:300px;
  max-width:none;
  height:150px;
  transform:none;
  object-fit:contain;
}

body[data-theme="platinum"] .header-actions{flex:1;min-width:0}
body[data-theme="platinum"] .header-actions .progress{order:-1;margin-right:auto;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

body[data-theme="platinum"] .map-sidebar nav{gap:6px;padding-top:4px;overflow-x:hidden;scrollbar-color:#c9bda9 transparent}
body[data-theme="platinum"] .map-sidebar nav::-webkit-scrollbar{width:7px;height:0}body[data-theme="platinum"] .map-sidebar nav::-webkit-scrollbar-thumb{border-radius:999px;background:#c9bda9}

body[data-theme="platinum"] .sidebar-link{
  height:52px;
  gap:14px;
  border-radius:12px;
  color:#111;
  font-size:14px;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}

body[data-theme="platinum"] .sidebar-link img{
  width:32px;
  height:32px;
  flex-basis:32px;
  filter:none;
}

body[data-theme="platinum"] .sidebar-link:hover{
  transform:translateX(4px);
  border-color:rgba(212,175,120,.3);
  background:rgba(212,175,120,.1);
  box-shadow:0 3px 13px rgba(212,175,120,.14);
}

body[data-theme="platinum"] .sidebar-link.active{
  border-color:#d4af78;
  background:rgba(212,175,120,.15);
  color:#000;
  box-shadow:0 4px 20px rgba(220,200,150,.22),inset 0 1px rgba(255,255,255,.7);
}

body[data-theme="platinum"] [data-nine-level-entry],
body[data-theme="platinum"] .platinum-placeholder{display:none!important}

body[data-theme="platinum"] .review-entry:before{background-image:url('/assets/platinum/icons/JHX_platinum_21_embedded.svg')}
body[data-theme="platinum"] .logout-button:before{background-image:url('/assets/platinum/icons/JHX_platinum_23_embedded.svg')}
body[data-theme="platinum"] .brand:before{background-image:url('/assets/platinum/icons/JHX_platinum_01_home_embedded.svg')}
body[data-theme="platinum"] .learning-tools button:before{background-image:url('/assets/platinum/icons/JHX_platinum_24_embedded.svg')}
body[data-theme="platinum"] .playback-primary:before{background-image:url('/assets/platinum/icons/JHX_platinum_17_embedded.svg')}
body[data-theme="platinum"] #playback-replay:before{background-image:url('/assets/platinum/icons/JHX_platinum_23_embedded.svg')}
body[data-theme="platinum"] #show-answer:before{background-image:url('/assets/platinum/icons/JHX_platinum_12_embedded.svg')}
body[data-theme="platinum"] #check-answer:before{background-image:url('/assets/platinum/icons/JHX_platinum_22_embedded.svg')}

body[data-theme="platinum"] .review-entry,
body[data-theme="platinum"] .logout-button{
  border-color:rgba(212,175,120,.52)!important;
  background:linear-gradient(145deg,#fff,#f8f6f0)!important;
  color:#2b2118!important;
  box-shadow:0 3px 12px rgba(212,175,120,.15)!important;
}
body[data-theme="platinum"] .review-entry:hover,
body[data-theme="platinum"] .logout-button:hover{border-color:#d4af78!important;background:#fff8e7!important}

body[data-theme="platinum"] .sidebar-theme-switch{
  display:block;
  margin:12px 4px 8px;
  padding:10px 8px;
  border:1px solid rgba(212,175,120,.5);
  border-radius:10px;
  background:linear-gradient(145deg,#fff,#f8f6f0);
  color:#5a452f;
  cursor:pointer;
}

body[data-theme="platinum"] .sidebar-theme-switch:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 18px rgba(212,175,120,.25);
}

body[data-theme="platinum"] .sidebar-collapse{
  margin-top:0;
  border-color:rgba(212,175,120,.25);
  background:rgba(255,255,255,.68);
  color:#33291f;
}

body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]) .map-sidebar:not(.collapsed):not([hidden])~.shell{
  width:min(1180px,calc(100vw - 248px));
  margin-left:calc(248px + max(0px,(100vw - 1428px)/2));
}

body[data-theme="platinum"][data-view="course-marketplace"] .course-pack-card{
  min-height:0;
  padding:0;
  overflow:hidden;
  justify-content:flex-start;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

body[data-theme="platinum"][data-view="course-marketplace"] .course-pack-card:before{
  content:"";
  position:relative;
  display:block;
  width:100%;
  height:190px;
  flex:0 0 190px;
  background-image:linear-gradient(to bottom,transparent 55%,rgba(255,255,255,.18)),var(--course-cover);
  background-position:center,center;
  background-repeat:no-repeat;
  background-size:cover;
  border-radius:15px;
  pointer-events:none;
}

body[data-theme="platinum"][data-view="course-marketplace"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) #app.card{padding:8px 0 36px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
body[data-theme="platinum"][data-view="course-marketplace"] .course-center-heading{margin:0 0 24px}
body[data-theme="platinum"][data-view="course-marketplace"] .course-center-heading h1{margin:0 0 7px;color:#211b16;font-size:30px}
body[data-theme="platinum"][data-view="course-marketplace"] .course-center-heading p{margin:0;color:#756a5e}
body[data-theme="platinum"][data-view="course-marketplace"] .course-center-catalog{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body[data-theme="platinum"][data-view="course-marketplace"] .course-center-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
body[data-theme="platinum"][data-view="course-marketplace"] .course-center-title h2{display:flex;align-items:center;gap:9px;margin:0;color:#211b16;font-size:20px}
body[data-theme="platinum"][data-view="course-marketplace"] .course-center-title h2:before{content:"";width:4px;height:20px;border-radius:4px;background:linear-gradient(#fff,#cdb178)}
body[data-theme="platinum"][data-view="course-marketplace"] .course-center-title span{color:#8c7b67;font-size:13px}
body[data-theme="platinum"][data-view="course-marketplace"] .course-category-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
body[data-theme="platinum"][data-view="course-marketplace"] .course-category-tabs button{min-width:104px;padding:9px 17px;border:1px solid rgba(212,175,120,.34);border-radius:999px;background:linear-gradient(#fff,#faf6ee);color:#624b34;cursor:pointer}
body[data-theme="platinum"][data-view="course-marketplace"] .course-category-tabs button.active{border-color:#c9a767;box-shadow:inset 0 0 0 1px rgba(201,167,103,.35),0 3px 10px rgba(143,105,51,.1);font-weight:750}
body[data-theme="platinum"][data-view="course-marketplace"] .course-marketplace-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px;margin-top:0}
body[data-theme="platinum"][data-view="course-marketplace"] .course-pack-card[hidden]{display:none}
body[data-theme="platinum"][data-view="course-marketplace"] .course-card-copy{position:relative;z-index:1;padding:16px 4px 0}
body[data-theme="platinum"][data-view="course-marketplace"] .course-card-copy h2{margin:0 0 7px;color:#211b16;font-size:17px;line-height:1.4}
body[data-theme="platinum"][data-view="course-marketplace"] .course-card-copy>p{min-height:42px;margin:0;color:#5f554c;font-size:13px;line-height:1.55}
body[data-theme="platinum"][data-view="course-marketplace"] .course-pack-badge{display:inline-block;margin-left:5px;padding:3px 7px;vertical-align:2px;font-size:10px}
body[data-theme="platinum"][data-view="course-marketplace"] .course-pack-meta{display:flex;justify-content:space-between;margin-top:8px;color:#766b5f;font-size:12px}
body[data-theme="platinum"][data-view="course-marketplace"] .course-card-copy .course-pack-status{margin:8px 0;color:#8b765d;font-size:12px}
body[data-theme="platinum"][data-view="course-marketplace"] .course-card-copy>.btn{width:100%;margin-top:2px}
body[data-theme="platinum"][data-view="course-marketplace"] .mainline-course-catalog{margin-bottom:46px;padding-bottom:42px;border-bottom:1px solid rgba(212,175,120,.28)}
body[data-theme="platinum"][data-view="course-marketplace"] .mainline-course-card:before{display:none}
body[data-theme="platinum"][data-view="course-marketplace"] .mainline-course-card{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body[data-theme="platinum"][data-view="course-marketplace"] .mainline-course-cover{display:block;width:100%;aspect-ratio:1.78/1;object-fit:cover;border-radius:15px}
body[data-theme="platinum"][data-view="course-marketplace"] .mainline-course-card .course-card-copy{padding:16px 4px 0}
body[data-theme="platinum"][data-view="course-marketplace"] .mainline-course-detail{color:#2b2118}
@media(max-width:1100px){body[data-theme="platinum"][data-view="course-marketplace"] .course-marketplace-grid{grid-template-columns:repeat(2,minmax(250px,1fr))}}
@media(max-width:800px){body[data-theme="platinum"][data-view="course-marketplace"] .course-marketplace-grid{grid-template-columns:1fr}}

/* 直接放大真实学习节点；输入、音频、线索和奖励仍由原处理器负责。 */
.immersive-toggle{display:none}

body[data-theme="platinum"][data-view="learning"] .immersive-toggle:not([hidden]){
  position:absolute;
  z-index:92;
  top:190px;
  right:30px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 18px;
  border:1px solid rgba(212,175,120,.68);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#69491f;
  font-weight:750;
  cursor:pointer;
  box-shadow:0 6px 22px rgba(184,149,106,.2);
}

body[data-theme="platinum"] .immersive-toggle img{width:25px;height:25px;object-fit:contain}

body[data-theme="platinum"][data-view="learning"] .sentence-actions{
  grid-template-columns:minmax(240px,320px) minmax(280px,400px);
  justify-content:center;
}

body[data-theme="platinum"] .learning-settings-entry{
  display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(212,175,120,.4);border-radius:11px;background:#fff;color:#3f3022;font-weight:700;cursor:pointer
}
body[data-theme="platinum"] .learning-settings-entry:before{content:"";width:24px;height:24px;background:url('/assets/platinum/icons/JHX_platinum_08_partner_embedded.svg') center/contain no-repeat}

/* 首页结构来自设计交付包 home.html，数值改接真实账号数据。 */
body[data-theme="platinum"][data-view="home"] #app.card{padding:26px;background:rgba(255,255,255,.9)}
.platinum-home{display:grid;gap:22px;color:#17120d}.home-welcome-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.home-welcome-card,.home-overview-card,.home-growth-card,.home-recent{padding:25px;border:1px solid var(--platinum-border);border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 7px 26px rgba(184,149,106,.13)}.home-welcome-card{background:linear-gradient(rgba(255,255,255,.68),rgba(255,255,255,.78)),url('/assets/platinum/backgrounds/bg_22.png') center/cover}.home-welcome-card>p{margin:0 0 8px;color:#9b6d3f;font-size:12px;font-weight:800;letter-spacing:.14em}.home-welcome-card h1{margin:0 0 7px;font-size:28px}.home-welcome-card>span{color:#655a50}.home-welcome-card>div{display:flex;gap:10px;margin-top:22px}.home-overview-card h2,.home-growth-card h2,.home-recent h2{margin:0;font-size:18px}.home-overview-card>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.home-overview-card strong{display:grid;text-align:center;font-size:24px;color:#8c6037}.home-overview-card small,.home-growth-card small{margin-top:4px;color:#70675e;font-size:11px;font-weight:500}.home-overview-card>button,.home-recent header button{border:0;background:none;color:#8c6037;cursor:pointer}.home-placement-banner{display:flex;align-items:center;gap:16px;width:100%;padding:17px 22px;border:1px solid var(--platinum-border);border-radius:16px;background:linear-gradient(135deg,#fff,#fdf8f0);color:#17120d;text-align:left;box-shadow:0 4px 20px rgba(220,200,150,.12);cursor:pointer}.home-placement-banner img{width:48px;height:48px}.home-placement-banner span{display:grid;gap:3px;flex:1}.home-placement-banner span strong{font-size:18px}.home-placement-banner small{color:#666}.home-placement-banner>b{padding:11px 20px;border-radius:10px;background:linear-gradient(135deg,#f5e6d0,#d4af78);font-size:13px}.home-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.home-action-grid>button{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid var(--platinum-border);border-radius:16px;background:#fff;color:#17120d;text-align:left;box-shadow:0 5px 20px rgba(184,149,106,.1);cursor:pointer}.home-action-grid img{width:48px;height:48px}.home-action-grid span{display:grid;gap:4px;flex:1}.home-action-grid small{color:#70675e}.home-growth-card header,.home-recent header{display:flex;align-items:center;justify-content:space-between;gap:16px}.home-growth-card header p{margin:5px 0 0;color:#70675e}.home-growth-card header>strong{display:grid;text-align:right;font-size:25px;color:#9b6d3f}.home-growth-track{height:12px;margin-top:24px;border-radius:999px;background:#eee6d9;overflow:hidden}.home-growth-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e8b4b8,#d4af78)}.home-growth-card>p{margin:8px 0 0;text-align:right;color:#70675e}.home-recent>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.home-recent article{display:grid;gap:5px;padding:15px;border:1px solid rgba(212,175,120,.25);border-radius:12px;background:#fcfaf6}.home-recent article span,.home-recent article small,.home-recent>div>p{color:#70675e}

/* 设计交付包 prototype/pages/home.html 的登录后首页结构。 */
.designer-home{gap:24px}.designer-home .home-welcome-card{padding:28px;background:linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.55)),url('/assets/platinum/backgrounds/bg_22.png') center/cover;box-shadow:0 8px 32px rgba(220,200,150,.3)}.designer-home .home-welcome-card h1{font-size:26px}.designer-home .home-welcome-card>span{font-size:14px;color:#332c25}.designer-card-title{display:flex;align-items:center;gap:9px}.designer-card-title:before{content:"";width:4px;height:18px;border-radius:2px;background:linear-gradient(#f5e6d0,#dcc896)}.designer-home .home-overview-card{padding:24px}.designer-home .home-overview-card>div{padding:16px;border:1px solid rgba(220,200,150,.2);border-radius:12px;background:linear-gradient(rgba(255,255,255,.75),rgba(255,255,255,.75)),url('/assets/platinum/backgrounds/bg_03.png') center/cover}.home-growth-chart{position:relative;padding:24px;border:1px solid rgba(232,212,168,.5);border-radius:16px;background:#fff;box-shadow:0 4px 20px rgba(220,200,150,.15);overflow:hidden}.home-growth-chart:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#f5e6d0,#e8d4a8,#dcc896,#c8b078,#b89860)}.home-growth-chart .chart-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.home-growth-chart h3{margin:0;font-size:18px}.home-growth-chart .chart-header p{margin:4px 0 0;color:#888;font-size:13px}.home-growth-chart .chart-header-right{display:flex;align-items:center;gap:20px}.home-growth-chart .chart-stat{display:grid;text-align:right}.home-growth-chart .chart-stat strong{font-size:22px;color:#9b6d3f}.home-growth-chart .chart-stat small{color:#888}.home-period-switcher{display:flex;gap:2px;padding:3px;border:1px solid rgba(232,212,168,.4);border-radius:8px;background:#fff}.home-period-switcher button{padding:6px 14px!important;border:0!important;border-radius:6px!important;background:transparent!important;box-shadow:none!important;font-size:12px}.home-period-switcher button.active{background:linear-gradient(135deg,#f5e6d0,#dcc896)!important;font-weight:700}.home-chart{height:280px;margin-top:12px}.home-chart svg{width:100%;height:100%;overflow:visible}.home-chart line{stroke:#f0f0f0;stroke-width:1}.home-chart text{fill:#999;font-size:11px}.home-chart .growth-area{fill:url(#home-fill)}.home-chart .growth-line{fill:none;stroke:url(#home-line);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.home-chart circle{fill:#fff;stroke:#dcc896;stroke-width:2}.home-chart .point-value{fill:#666}.home-content-section{display:grid;grid-template-columns:2fr 1fr;gap:20px}.home-courses-card,.home-side-stack>section{padding:24px;border:1px solid rgba(220,200,150,.18);border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 4px 24px rgba(0,0,0,.06)}.home-course-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-course-grid>button{display:grid!important;gap:7px;padding:16px!important;border:1px solid rgba(220,200,150,.18)!important;border-radius:12px!important;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(220,200,150,.05))!important;color:#17120d!important;text-align:left!important;box-shadow:none!important}.home-course-grid>button:hover{border-color:rgba(184,137,74,.45)!important;transform:translateY(-1px)}.home-course-grid strong{font-size:14px}.home-course-grid em{display:inline-block;margin-left:7px;padding:2px 8px;border-radius:4px;background:linear-gradient(135deg,#f5e6d0,#b89860);color:#fff;font-size:10px;font-style:normal}.home-course-grid span{color:#70675e;font-size:12px}.home-side-stack{display:flex;flex-direction:column;gap:20px}.home-side-stack ul{margin:0;padding:0;list-style:none}.home-side-stack li{padding:10px 0;border-bottom:1px solid #eee8df;font-size:13px}.home-side-stack li:last-child{border:0}.home-side-stack li b{display:inline-block;margin-right:6px;padding:2px 6px;border-radius:3px;background:#fff3cd;color:#856404;font-size:10px}.home-rank-list>div{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #eee8df}.home-rank-list>div:last-child{border:0}.home-rank-list>div>b{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#f4efe7;font-size:12px}.home-rank-list .rank-1{background:linear-gradient(135deg,#e8d4a8,#bba878);color:#fff}.home-rank-list .rank-2{background:linear-gradient(135deg,#d8d8d8,#aaa);color:#fff}.home-rank-list .rank-3{background:linear-gradient(135deg,#cd7f32,#a0522d);color:#fff}.home-rank-list span{flex:1;font-size:13px}.home-rank-list strong{font-size:13px}.designer-recent{padding:24px}.designer-recent>div article{padding:20px}.designer-recent .recent-progress{height:6px;margin:10px 0 8px;border-radius:999px;background:#eee8df;overflow:hidden}.designer-recent .recent-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f5e6d0,#dcc896)}.designer-recent article>button{width:100%;margin-top:12px;padding:10px!important;border:1px solid rgba(232,212,168,.6)!important;border-radius:10px!important;background:linear-gradient(135deg,#f5e6d0,#b89860)!important;color:#17120d!important;font-weight:700}.designer-recent>header>.designer-card-title{margin:0}

.learning-settings-backdrop{position:fixed;z-index:130;inset:0;display:grid;place-items:center;padding:20px;background:rgba(51,40,29,.28);backdrop-filter:blur(7px)}.learning-settings-modal{width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:24px;border:1px solid rgba(212,175,120,.6);border-radius:20px;background:#fff;color:#17120d;box-shadow:0 24px 80px rgba(79,54,28,.24)}.learning-settings-modal header{position:static!important;display:flex!important;justify-content:space-between;align-items:flex-start;padding:0 0 16px!important;border-bottom:1px solid rgba(212,175,120,.25)!important;background:none!important;box-shadow:none!important}.learning-settings-modal header small{color:#9b6d3f;letter-spacing:.12em}.learning-settings-modal h2{margin:4px 0 0}.learning-settings-modal header button{border:0;background:none;font-size:28px;cursor:pointer}.learning-settings-modal section{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 0;border-bottom:1px solid rgba(212,175,120,.2)}.learning-settings-modal h3{grid-column:1/-1;margin:0 0 3px;color:#8c6037}.learning-settings-modal label{display:grid;gap:7px;color:#51483f;font-weight:650}.learning-settings-modal select{padding:10px;border:1px solid var(--platinum-border);border-radius:9px;background:#fff}.learning-settings-modal .modal-check{display:flex;align-items:center}.learning-settings-modal footer{display:flex;justify-content:flex-end;gap:10px;padding-top:18px}

body[data-theme="platinum"].immersive-mode{
  overflow:auto;
  background:#fff;
}

body[data-theme="platinum"].immersive-mode:before{display:none}

body[data-theme="platinum"].immersive-mode:after{
  content:"";
  position:fixed;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 14% 22%,rgba(232,180,184,.22) 0 2px,transparent 3px),
    radial-gradient(circle at 76% 16%,rgba(212,175,120,.26) 0 2px,transparent 3px),
    radial-gradient(circle at 88% 74%,rgba(245,230,200,.7) 0 3px,transparent 4px),
    linear-gradient(145deg,#fff,#fdfbf7 56%,#fff7ec);
}

body[data-theme="platinum"].immersive-mode .map-sidebar,
body[data-theme="platinum"].immersive-mode .shell>header,
body[data-theme="platinum"].immersive-mode .shell>.bar,
body[data-theme="platinum"].immersive-mode .shell>.batch-nav,
body[data-theme="platinum"].immersive-mode .learning-tools{display:none!important}

body[data-theme="platinum"].immersive-mode .immersive-toggle:not([hidden]){position:fixed;top:18px;right:22px}

body[data-theme="platinum"].immersive-mode .shell{
  position:relative;
  z-index:1;
  width:min(1200px,100%)!important;
  max-width:1200px;
  margin:0 auto!important;
  padding:70px 24px 32px;
}

body[data-theme="platinum"].immersive-mode #app.card{
  width:100%;
  min-height:calc(100vh - 102px);
  margin:0;
  padding:42px;
  overflow:visible;
  border-width:1px;
  background:rgba(255,255,255,.94);
  box-shadow:0 18px 58px rgba(184,149,106,.18);
}

@media(max-width:760px){
  body[data-theme="platinum"] .map-sidebar:not([hidden]){width:72px;padding-inline:8px}
  body[data-theme="platinum"] .sidebar-brand{height:70px;margin-inline:-8px}
  body[data-theme="platinum"] .platinum-sidebar-logo{width:160px;height:80px;max-width:none;transform:translateX(-20px)}
  body[data-theme="platinum"] .map-sidebar:not([hidden]) .sidebar-brand strong,
  body[data-theme="platinum"] .map-sidebar:not([hidden]) .sidebar-link span,
  body[data-theme="platinum"] .map-sidebar:not([hidden]) .sidebar-collapse span,
  body[data-theme="platinum"] .map-sidebar:not([hidden]) .sidebar-link b{display:none}
  body[data-theme="platinum"] .map-sidebar:not([hidden]) .sidebar-link,
  body[data-theme="platinum"] .map-sidebar:not([hidden]) .sidebar-collapse{padding-inline:11px}
  body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]) .map-sidebar:not([hidden])~.shell{
    width:calc(100vw - 72px);
    margin-left:72px;
  }
  body[data-theme="platinum"] .sidebar-theme-switch{font-size:0;padding:9px 4px}
  body[data-theme="platinum"] .sidebar-theme-switch:after{content:"换肤";font-size:11px}
  body[data-theme="platinum"][data-view="learning"] .immersive-toggle:not([hidden]){top:150px;right:12px;padding:8px 12px}
  body[data-theme="platinum"].immersive-mode .shell{padding:58px 10px 18px}
  body[data-theme="platinum"].immersive-mode #app.card{min-height:calc(100vh - 76px);padding:24px 16px}
  .home-welcome-grid,.home-action-grid,.home-content-section{grid-template-columns:1fr}.home-recent>div,.home-course-grid{grid-template-columns:1fr}.home-overview-card>div{grid-template-columns:1fr 1fr}.home-growth-chart .chart-header,.home-growth-chart .chart-header-right{align-items:flex-start;flex-direction:column}.home-growth-chart .chart-stat{text-align:left}.home-chart{height:230px}.learning-settings-modal section{grid-template-columns:1fr}
  body[data-theme="platinum"][data-view="learning"] .sentence-actions{grid-template-columns:1fr}
  body[data-theme="platinum"][data-view="levels"] header{left:70px}
  body[data-theme="platinum"][data-view="map-auth"] .map-login-panel{
    left:14px;
    right:14px;
    width:auto;
    max-width:none;
    padding:22px 20px;
  }
  body[data-theme="platinum"][data-view="map-auth"] .auth-tabs button{min-width:0}
}

/* Learning shell aligned with the platinum level prototype. */
body[data-theme="platinum"][data-view="learning"] .shell{max-width:none;padding:24px 28px 44px}
body[data-theme="platinum"][data-view="learning"] .shell>header{min-height:72px;border:1px solid rgba(199,154,91,.35);border-radius:18px;background:rgba(255,255,255,.93);box-shadow:0 8px 24px rgba(95,71,39,.08);padding:10px 18px}
body[data-theme="platinum"][data-view="learning"] .shell>.bar{height:7px;margin:12px 0 14px;border-radius:999px;background:#eee7dc;overflow:hidden}
body[data-theme="platinum"][data-view="learning"] .shell>.bar i{background:linear-gradient(90deg,#d8ae68,#f0d8a8)}
body[data-theme="platinum"][data-view="learning"] .batch-nav{margin:0 0 16px;gap:10px}
body[data-theme="platinum"][data-view="learning"] .batch-word{min-height:84px;border-radius:15px;background:rgba(255,255,255,.88);border:1px solid #ded7cd;box-shadow:none}
body[data-theme="platinum"][data-view="learning"] .batch-word.active{border-color:#d0a45e;background:#fffaf1;box-shadow:0 6px 18px rgba(175,127,57,.13)}
body[data-theme="platinum"][data-view="learning"] #app.card.platinum-learning-surface{display:grid;grid-template-columns:minmax(210px,270px) minmax(0,1fr);gap:14px 18px;align-items:start;padding:18px;border:1px solid rgba(199,154,91,.38);border-radius:22px;background:rgba(255,253,249,.94);box-shadow:0 18px 48px rgba(81,62,41,.13);min-height:0}
body[data-theme="platinum"][data-view="learning"] #app.card.platinum-learning-surface:before{display:none}
body[data-theme="platinum"][data-view="learning"] .review-run-banner{grid-column:1/-1}
body[data-theme="platinum"][data-view="learning"] .platinum-target-module{grid-column:1;padding:18px;border:1px solid #ead9bf;border-radius:16px;background:linear-gradient(145deg,#fffdf8,#f8f1e7);min-height:116px}
body[data-theme="platinum"][data-view="learning"] .platinum-target-module .word{font-size:clamp(30px,3vw,46px);line-height:1.08;margin:9px 0 0;overflow-wrap:anywhere}
body[data-theme="platinum"][data-view="learning"] .platinum-target-module .hidden-word{font-size:18px;color:#756c61}
body[data-theme="platinum"][data-view="learning"] .platinum-target-module .mastery-strip{margin-top:14px}
body[data-theme="platinum"][data-view="learning"] .playback-control{grid-column:2;margin:0;min-height:116px;align-content:center;border-radius:16px;border:1px solid #ead9bf;background:#fff;padding:14px 18px}
body[data-theme="platinum"][data-view="learning"] .platinum-step-tracker{grid-column:1/-1;display:flex;justify-content:center;gap:0;list-style:none;margin:2px 0 0;padding:0 4px}
body[data-theme="platinum"][data-view="learning"] .platinum-step-tracker li{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:90px;color:#9a9187;font-size:12px}
body[data-theme="platinum"][data-view="learning"] .platinum-step-tracker li:not(:last-child):after{content:"";position:absolute;top:14px;left:calc(50% + 18px);width:calc(100% - 36px);height:2px;background:#e6ddd1}
body[data-theme="platinum"][data-view="learning"] .platinum-step-tracker span{position:relative;z-index:1;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#eee9e1;color:#81776b;font-weight:800}
body[data-theme="platinum"][data-view="learning"] .platinum-step-tracker li.is-complete span{background:#ead4aa;color:#74552a}
body[data-theme="platinum"][data-view="learning"] .platinum-step-tracker li.active span{background:#c99d57;color:#fff;box-shadow:0 0 0 5px rgba(201,157,87,.15)}
body[data-theme="platinum"][data-view="learning"] .platinum-step-tracker li.active small{color:#6e4c1e;font-weight:800}
body[data-theme="platinum"][data-view="learning"] .platinum-current-module{grid-column:1/-1;position:relative;border:1px solid #eadfd0;border-radius:19px;background:rgba(255,255,255,.9);padding:22px 28px 16px;min-height:390px}
body[data-theme="platinum"][data-view="learning"] .platinum-current-module>.step{border:0;background:transparent;box-shadow:none;padding:0;margin:0 auto;max-width:1120px}
body[data-theme="platinum"][data-view="learning"] .platinum-current-module>.keyboard-hints{margin-top:22px}
body[data-theme="platinum"][data-view="learning"] .platinum-current-module>.page-nav{margin-top:14px}
body[data-theme="platinum"][data-view="learning"] .immersive-toggle:not([hidden]){position:absolute;top:18px;right:18px;z-index:5;margin:0}

.platinum-immersive-header{display:none}
body[data-theme="platinum"].immersive-mode{background:#f7f2e9;overflow:hidden}
body[data-theme="platinum"].immersive-mode:after{background:linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.88)),url('/assets/platinum/backgrounds/bg_01.png') center/cover no-repeat;opacity:1}
body[data-theme="platinum"].immersive-mode .platinum-immersive-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:fixed;inset:0 0 auto 0;height:78px;padding:0 38px;z-index:10000;background:rgba(255,255,255,.91);border-bottom:1px solid rgba(199,154,91,.3);backdrop-filter:blur(14px)}
body[data-theme="platinum"].immersive-mode .platinum-immersive-header[hidden]{display:none}
.platinum-immersive-header button{display:flex;align-items:center;gap:8px;width:max-content;padding:10px 16px;border:1px solid #e1cda9;border-radius:12px;background:#fffaf2;color:#5f492c;font-weight:700}
.platinum-immersive-header button img{width:23px;height:23px;object-fit:contain}
.platinum-immersive-header .immersive-exit{justify-self:end}
.platinum-immersive-header .immersive-heading{display:flex;flex-direction:column;align-items:center;gap:3px;color:#56452f}
.platinum-immersive-header .immersive-heading strong{font-size:20px}
.platinum-immersive-header .immersive-heading small{color:#8c7d6b}
body[data-theme="platinum"].immersive-mode .shell{display:block;width:min(1250px,94vw);margin:0 auto;padding:106px 0 24px}
body[data-theme="platinum"].immersive-mode #app.card.platinum-learning-surface{display:block;width:100%;min-height:calc(100vh - 130px);padding:0;border:0;background:transparent;box-shadow:none}
body[data-theme="platinum"].immersive-mode #app.card>.platinum-target-module,
body[data-theme="platinum"].immersive-mode #app.card>.platinum-step-tracker,
body[data-theme="platinum"].immersive-mode #app.card>.review-run-banner{display:none!important}
body[data-theme="platinum"].immersive-mode #app.card>.playback-control{display:flex!important;position:fixed;top:92px;left:50%;transform:translateX(-50%);z-index:500;width:min(1050px,88vw);min-height:74px;padding:10px 16px;background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(91,69,38,.12)}
body[data-theme="platinum"].immersive-mode .platinum-current-module{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 232px);margin-top:86px;padding:32px 52px;border:1px solid rgba(199,154,91,.38);background:rgba(255,253,249,.94);box-shadow:0 22px 60px rgba(91,69,38,.16)}
body[data-theme="platinum"].immersive-mode .platinum-current-module>.step{width:100%}
body[data-theme="platinum"].immersive-mode .immersive-toggle{display:none!important}

/* Match the delivered level prototype: anchored control, platinum shortcuts,
   and a focused immersive canvas without the legacy outer card. */
body[data-theme="platinum"][data-view="learning"] .keyboard-hints{border-top-color:rgba(212,175,120,.3)!important;color:#786a58!important}
body[data-theme="platinum"][data-view="learning"] .keyboard-hints kbd{border-color:rgba(180,137,76,.48);background:rgba(212,175,120,.12);color:#8a622d;box-shadow:none}
body[data-theme="platinum"][data-view="learning"] .platinum-current-module>.immersive-toggle:not([hidden]){position:absolute;top:18px;right:18px;margin:0}
body[data-theme="platinum"].immersive-mode:after{background:linear-gradient(rgba(255,255,255,.72),rgba(255,255,255,.82)),url('/assets/platinum/backgrounds/bg_01.png') center/cover no-repeat;opacity:1}
body[data-theme="platinum"].immersive-mode .platinum-immersive-header{height:60px;padding:0 30px;background:rgba(255,255,255,.95);border-bottom:1px solid rgba(212,175,120,.2);backdrop-filter:blur(10px)}
body[data-theme="platinum"].immersive-mode .platinum-immersive-header button{padding:9px 18px;border-color:rgba(212,175,120,.35);border-radius:999px;background:rgba(212,175,120,.12);color:#8a622d}
body[data-theme="platinum"].immersive-mode .platinum-immersive-header .immersive-heading strong{color:#a87632;letter-spacing:.08em}
body[data-theme="platinum"].immersive-mode .shell{display:block;width:min(1250px,94vw);padding:80px 0 30px}
body[data-theme="platinum"].immersive-mode #app.card.platinum-learning-surface{display:flex;flex-direction:column;align-items:center;gap:14px;min-height:calc(100vh - 110px);padding:0;border:0;background:transparent;box-shadow:none}
body[data-theme="platinum"].immersive-mode #app.card>.playback-control{position:static;transform:none;width:min(900px,88vw);min-height:64px;margin:0 auto;padding:8px 14px;border-color:rgba(212,175,120,.3);background:rgba(255,255,255,.82);box-shadow:0 8px 24px rgba(91,69,38,.09)}
body[data-theme="platinum"].immersive-mode .platinum-current-module{display:flex;width:min(1200px,92vw);flex:1;flex-direction:column;justify-content:center;min-height:0;margin:0;padding:28px 42px;border:0;background:transparent;box-shadow:none}
body[data-theme="platinum"].immersive-mode .platinum-current-module>.keyboard-hints{margin-top:24px}

/* Payment preparation keeps the existing safe, non-charging behavior while
   using the platinum visual language from every entry point. */
body[data-theme="platinum"] .checkout-backdrop{background:rgba(55,45,33,.38);backdrop-filter:blur(14px)}
body[data-theme="platinum"] .checkout-dialog{border:1px solid rgba(190,143,75,.55);background:radial-gradient(circle at 50% 0,#fffdf9,#fbf5eb 58%,#f5ead8);color:#3d3225;box-shadow:0 30px 90px rgba(78,57,30,.28),0 0 0 1px rgba(255,255,255,.72) inset}
body[data-theme="platinum"] .checkout-close{color:#8b7458}
body[data-theme="platinum"] .checkout-close:hover{color:#5b4021}
body[data-theme="platinum"] .checkout-dialog>.eyebrow{color:#a87632}
body[data-theme="platinum"] .checkout-dialog h1{color:#352a1e;font-family:Georgia,"Noto Serif SC",serif}
body[data-theme="platinum"] .checkout-dialog h2{color:#4a3926}
body[data-theme="platinum"] .checkout-plan{border-color:rgba(190,143,75,.45);background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(239,218,182,.52));box-shadow:0 8px 24px rgba(126,88,38,.08)}
body[data-theme="platinum"] .checkout-plan strong{color:#9b6828}
body[data-theme="platinum"] .checkout-plan span{color:#786b5b}
body[data-theme="platinum"] .checkout-plan ul{color:#554a3d}
body[data-theme="platinum"] .checkout-channels button{border-color:#dbc9ad;background:rgba(255,255,255,.7);color:#766b5e}
body[data-theme="platinum"] .checkout-channels button b{color:#554637}
body[data-theme="platinum"] .checkout-channels button:disabled{opacity:.78;cursor:not-allowed}

/* P2 learning-data visualizations keep the platinum surface while preserving the brown intensity scale. */
body[data-theme="platinum"][data-view="dashboard"] .dashboard-heatmap-card{border-color:rgba(184,137,74,.35);background:linear-gradient(145deg,#fffdf8,#faf4e8);color:#2f251b;box-shadow:0 7px 24px rgba(143,105,51,.1)}
body[data-theme="platinum"][data-view="dashboard"] .dashboard-heatmap-card p,
body[data-theme="platinum"][data-view="dashboard"] .heatmap-tooltip,
body[data-theme="platinum"][data-view="dashboard"] .heatmap-legend{color:#766b5e}
body[data-theme="platinum"][data-view="dashboard"] .dashboard-heatmap button{min-width:0!important;padding:0!important;border:0!important;border-radius:5px!important;box-shadow:none!important}
body[data-theme="platinum"][data-view="dashboard"] .dashboard-heatmap .heat-0{background:#ede3cc!important}
body[data-theme="platinum"][data-view="dashboard"] .dashboard-heatmap .heat-1{background:#d9c69e!important}
body[data-theme="platinum"][data-view="dashboard"] .dashboard-heatmap .heat-2{background:#c5a66b!important}
body[data-theme="platinum"][data-view="dashboard"] .dashboard-heatmap .heat-3{background:#a87927!important;color:#fff5dc!important}
body[data-theme="platinum"][data-view="dashboard"] .dashboard-heatmap .heat-4{background:#76520a!important;color:#fff5dc!important}
body[data-theme="platinum"][data-view="dashboard"] .weekly-ring-track{stroke:#ede3cc}
body[data-theme="platinum"][data-view="dashboard"] .weekly-ring-progress{stroke:#b8860b}
body[data-theme="platinum"][data-view="dashboard"] .weekly-ring.complete .weekly-ring-progress{stroke:#76520a}
body[data-theme="platinum"][data-view="dashboard"] .dashboard-sparkline polyline{stroke:#b8860b}
body[data-theme="platinum"][data-view="dashboard"] .dashboard-growth{border-color:rgba(184,137,74,.3);background:linear-gradient(145deg,#fffdf8,#faf4e8);color:#2f251b;box-shadow:0 7px 24px rgba(143,105,51,.1)}
body[data-theme="platinum"][data-view="dashboard"] .dashboard-growth .chart-header h3{color:#2f251b}
body[data-theme="platinum"][data-view="dashboard"] .dashboard-growth .chart-header p,
body[data-theme="platinum"][data-view="dashboard"] .dashboard-growth .chart-stat small{color:#766b5e}
body[data-theme="platinum"][data-view="dashboard"] .dashboard-growth .chart-stat strong{color:#9b6d3f}
body[data-theme="platinum"][data-view="dashboard"] .dashboard-growth .home-period-switcher{border-color:rgba(184,137,74,.28);background:#fff}
body[data-theme="platinum"][data-view="dashboard"] .dashboard-growth .home-period-switcher button{color:#766b5e!important}
body[data-theme="platinum"][data-view="dashboard"] .dashboard-growth .home-period-switcher button.active{background:linear-gradient(135deg,#f5e6d0,#dcc896)!important;color:#3d3022!important}
body[data-theme="platinum"][data-view="dashboard"] .dashboard-growth .home-chart line{stroke:#e9e0d3}
body[data-theme="platinum"][data-view="dashboard"] .dashboard-growth .home-chart text{fill:#8b7d6d}
body[data-theme="platinum"][data-view="dashboard"] .dashboard-growth .home-chart circle{fill:#fffaf2;stroke:#b8860b;stroke-width:2}
body[data-theme="platinum"][data-view="dashboard"] .weekly-goal-ring-card{border-color:rgba(184,137,74,.32);background:linear-gradient(145deg,#fffdf8,#faf4e8);box-shadow:0 7px 24px rgba(143,105,51,.1)}
body[data-theme="platinum"][data-view="dashboard"] .weekly-goal-copy strong{color:#9b6d3f}
body[data-theme="platinum"][data-view="dashboard"] .weekly-goal-copy p,
body[data-theme="platinum"][data-view="dashboard"] .weekly-goal-copy label{color:#766b5e}
body[data-theme="platinum"][data-view="dashboard"] .weekly-goal-copy select{border-color:rgba(184,137,74,.35);background:#fff;color:#3d3022}
body[data-theme="platinum"] .checkout-notice{border-left-color:#c18b3e;background:rgba(218,183,123,.18)}
body[data-theme="platinum"] .checkout-notice b{color:#8f6026}
body[data-theme="platinum"] .checkout-notice p{color:#655a4c}
body[data-theme="platinum"] .checkout-dialog>#checkout-back{border-color:#d6bd96;background:#fffaf2;color:#654b2d;font-weight:750}
body[data-theme="platinum"] .checkout-dialog>#checkout-back:hover{border-color:#b58443;background:#f7ead5}

/* Ordinary sidebar pages do not show the learning-flow progress divider. */
body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) .shell>.bar{display:none}
body[data-theme="platinum"][data-view="course-marketplace"] .course-center-heading p{display:none}

/* Nine-level course flow: remove the remaining classic navy surfaces while
   keeping every learning state and interaction unchanged. */
body[data-theme="platinum"][data-view="daily-target"] .daily-target-card,
body[data-theme="platinum"][data-view="daily-plan"] .daily-word-card{
  border-color:rgba(199,154,91,.38);
  background:linear-gradient(145deg,#fff,#fbf5eb);
  color:#30251b;
  box-shadow:0 10px 28px rgba(126,88,38,.1);
}
body[data-theme="platinum"][data-view="daily-target"] .daily-target-card:hover,
body[data-theme="platinum"][data-view="daily-target"] .daily-target-card:focus-visible{
  border-color:#c99d57;
  box-shadow:0 14px 34px rgba(126,88,38,.16),0 0 0 3px rgba(212,175,120,.13);
}
body[data-theme="platinum"][data-view="daily-target"] .daily-target-card strong,
body[data-theme="platinum"][data-view="daily-plan"] .daily-word-card>b{
  color:#a87632;
}
body[data-theme="platinum"][data-view="daily-target"] .daily-target-card small,
body[data-theme="platinum"][data-view="daily-plan"] .daily-word-card>div,
body[data-theme="platinum"][data-view="daily-plan"] .daily-word-card>p{
  color:#74685c;
}
body[data-theme="platinum"][data-view="daily-plan"] .daily-word-card>strong{color:#2e241a}
body[data-theme="platinum"][data-view="daily-plan"] .daily-replace,
body[data-theme="platinum"] .batch-replace{
  border-color:#dec9a8;
  background:#fffaf2;
  color:#76542e;
  box-shadow:0 3px 10px rgba(126,88,38,.08);
}

body[data-theme="platinum"][data-view="mode-select"] .batch-word{
  border-color:rgba(199,154,91,.34);
  background:rgba(255,255,255,.9);
  color:#74685c;
  box-shadow:0 4px 14px rgba(126,88,38,.07);
}
body[data-theme="platinum"][data-view="mode-select"] .batch-word span{background:#eee6d9;color:#5d5044}
body[data-theme="platinum"][data-view="mode-select"] .batch-word.active{
  border-color:#c99d57;
  background:#fff8ec;
  color:#2e2319;
  box-shadow:0 6px 18px rgba(175,127,57,.13);
}
body[data-theme="platinum"][data-view="mode-select"] .batch-word.active span{background:#d4af78;color:#2b1b0d}
body[data-theme="platinum"][data-view="mode-select"] .recommended-words span{
  border-color:#ddc49e;
  background:linear-gradient(145deg,#fff,#f8efe1);
  color:#493721;
  box-shadow:0 4px 12px rgba(126,88,38,.08);
}
body[data-theme="platinum"][data-view="mode-select"] .recommended-words b{background:#d4af78;color:#2b1b0d}
body[data-theme="platinum"][data-view="mode-select"] .mode-card,
body[data-theme="platinum"][data-view="mode-select"] .mode-card.featured{
  border-color:rgba(199,154,91,.42);
  background:linear-gradient(145deg,#fff,#faf3e8);
  color:#33281e;
  box-shadow:0 12px 30px rgba(126,88,38,.1);
}
body[data-theme="platinum"][data-view="mode-select"] .mode-card:hover,
body[data-theme="platinum"][data-view="mode-select"] .mode-card:focus-visible{
  border-color:#c99d57;
  box-shadow:0 16px 34px rgba(126,88,38,.16),0 0 0 3px rgba(212,175,120,.12);
}
body[data-theme="platinum"][data-view="mode-select"] .mode-card strong{color:#bd8733}
body[data-theme="platinum"][data-view="mode-select"] .mode-card small{color:#8a7968}

body[data-theme="platinum"][data-view="learning"] .learning-tools button,
body[data-theme="platinum"][data-view="learning"] .option{
  border-color:rgba(199,154,91,.48);
  background:linear-gradient(145deg,#fff,#f8f1e7);
  color:#33271d;
  box-shadow:0 5px 16px rgba(126,88,38,.1);
}
body[data-theme="platinum"][data-view="learning"] .learning-tools button:hover,
body[data-theme="platinum"][data-view="learning"] .option:hover{
  border-color:#c99d57;
  background:#fff8ec;
}
body[data-theme="platinum"][data-view="learning"] .learning-tools button.active{
  border-color:#c99d57;
  background:linear-gradient(135deg,#f5e6c8,#ead1a7);
  color:#61431f;
}
body[data-theme="platinum"][data-view="learning"] .option.correct{
  border-color:#78a88b;
  background:#eef7f1;
  color:#215c3a;
}
body[data-theme="platinum"][data-view="learning"] .mastery-badge{
  border-color:#ddc8a8;
  background:#fffaf2;
  color:#735d43;
}
body[data-theme="platinum"][data-view="learning"] .mastery-badge b{color:#493721}
body[data-theme="platinum"][data-view="learning"] .mastery-badge.mastered{
  border-color:#9bc3aa;
  background:#f1f8f3;
  color:#267048;
}
body[data-theme="platinum"][data-view="learning"] .mastery-badge.needs_review{
  border-color:#dca8a2;
  background:#fff2f0;
  color:#98463d;
}
body[data-theme="platinum"][data-view="learning"] .mastery-badge.assisted,
body[data-theme="platinum"][data-view="learning"] .mastery-badge.practicing{
  border-color:#d9bd91;
  background:#fbf2e4;
  color:#8a6029;
}

/* Late-stage and dynamically inserted learning surfaces. */
body[data-theme="platinum"][data-view="learning"] .sentence-audio{
  border-color:#d7bc92;
  background:linear-gradient(145deg,#fff,#f7ead5);
  color:#5d4325;
  box-shadow:0 6px 18px rgba(126,88,38,.12);
}
body[data-theme="platinum"][data-view="learning"] .sentence-audio:hover,
body[data-theme="platinum"][data-view="learning"] .sentence-audio:focus-visible{
  border-color:#bd8733;
  background:#fff7e8;
  box-shadow:0 0 0 3px rgba(212,175,120,.14),0 8px 22px rgba(126,88,38,.13);
}
body[data-theme="platinum"][data-view="learning"] .pronunciation-recorder{
  border-color:rgba(199,154,91,.42);
  background:linear-gradient(145deg,#fff,#f8f0e4);
  color:#33271d;
  box-shadow:0 10px 28px rgba(126,88,38,.12);
}
body[data-theme="platinum"][data-view="learning"] .pronunciation-recorder-copy strong{color:#a87632}
body[data-theme="platinum"][data-view="learning"] .pronunciation-recorder-copy span,
body[data-theme="platinum"][data-view="learning"] .pronunciation-recorder>small{color:#74685c}
body[data-theme="platinum"] .completion-modal{
  background:rgba(68,54,38,.28);
  backdrop-filter:blur(10px);
}
body[data-theme="platinum"] .completion-dialog{
  border-color:rgba(199,154,91,.58);
  background:radial-gradient(circle at 50% 0,#fff,#fbf4e9 60%,#f6ead8);
  color:#33271d;
  box-shadow:0 28px 80px rgba(77,55,30,.25),0 0 0 1px rgba(255,255,255,.8) inset;
}
body[data-theme="platinum"] .completion-mark{
  background:linear-gradient(135deg,#f7e8c8,#d4af78);
  color:#5b3d1d;
  box-shadow:0 8px 24px rgba(184,137,74,.22);
}
body[data-theme="platinum"] .completion-dialog h1{color:#9b6828}
body[data-theme="platinum"] .completion-dialog>p{color:#30251b}
body[data-theme="platinum"] .completion-dialog .pronunciation-recorder{
  border-color:rgba(199,154,91,.42);
  background:linear-gradient(145deg,#fff,#f8f0e4);
  color:#33271d;
  box-shadow:0 9px 24px rgba(126,88,38,.1);
}
body[data-theme="platinum"] .completion-dialog .pronunciation-recorder-copy strong{color:#a87632}
body[data-theme="platinum"] .completion-dialog .pronunciation-recorder-copy span,
body[data-theme="platinum"] .completion-dialog .pronunciation-recorder>small{color:#74685c}
body[data-theme="platinum"] .token-card-backdrop{background:rgba(68,54,38,.25)}
body[data-theme="platinum"] .token-card{
  border-color:rgba(199,154,91,.52);
  background:linear-gradient(145deg,#fff,#f8f0e4);
  color:#33271d;
  box-shadow:0 26px 80px rgba(77,55,30,.24);
}
body[data-theme="platinum"] .token-card-head h2,
body[data-theme="platinum"] .token-card-en{color:#30251b}
body[data-theme="platinum"] .token-card-head p,
body[data-theme="platinum"] .token-card-pos,
body[data-theme="platinum"] .token-card-example small{color:#74685c}
body[data-theme="platinum"] .token-card-meaning,
body[data-theme="platinum"] .token-card-example span{color:#9b6828}
body[data-theme="platinum"] .token-card-note,
body[data-theme="platinum"] .token-card-example{background:#fffaf2;color:#4c4033}
body[data-theme="platinum"] .token-sound{border-color:#d7bc92;background:#fff7e8;color:#8a6029}
body[data-theme="platinum"] .sentence-token:after{
  border-color:#d0ae78;
  background:#fffaf2;
  color:#493721;
  box-shadow:0 8px 24px rgba(77,55,30,.18);
}

/* The seven-step tracker is the single progress explanation in platinum mode. */
body[data-theme="platinum"][data-view="learning"] .platinum-target-module .mastery-strip{display:none}
body[data-theme="platinum"][data-view="learning"] .platinum-target-module{
  min-height:104px;
  padding:16px 18px;
  align-self:stretch;
}
body[data-theme="platinum"][data-view="learning"] .playback-control{
  grid-template-columns:minmax(145px,.72fr) minmax(190px,.88fr) minmax(330px,1.55fr);
  align-self:stretch;
  min-height:104px;
  margin:0;
  padding:16px 20px;
}
body[data-theme="platinum"][data-view="learning"] .playback-track,
body[data-theme="platinum"][data-view="learning"] .playback-main{justify-content:center}
body[data-theme="platinum"][data-view="learning"] .playback-main button{
  min-width:112px;
  white-space:nowrap;
}
body[data-theme="platinum"]>.completion-modal{
  position:fixed;
  inset:0;
  width:100vw;
  height:100dvh;
  display:grid;
  place-items:center;
  margin:0;
  padding:24px;
  z-index:99990;
}
body[data-theme="platinum"]>.completion-modal .completion-dialog{
  position:relative;
  max-height:calc(100dvh - 48px);
  overflow:auto;
  margin:0;
}
body[data-theme="platinum"][data-view="learning"] .platinum-learning-actions{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  min-height:48px;
  margin:-2px 4px 0;
}
body[data-theme="platinum"][data-view="learning"] .platinum-learning-actions .learning-tools{
  position:static!important;
  inset:auto!important;
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
}
body[data-theme="platinum"][data-view="learning"] .platinum-learning-actions .immersive-toggle:not([hidden]){
  position:static!important;
  inset:auto!important;
  margin:0!important;
}

@media(max-width:900px){
  body[data-theme="platinum"][data-view="learning"] #app.card.platinum-learning-surface{display:block;padding:12px}
  body[data-theme="platinum"][data-view="learning"] .platinum-target-module,body[data-theme="platinum"][data-view="learning"] .playback-control{margin-bottom:12px}
  body[data-theme="platinum"][data-view="learning"] .platinum-step-tracker{overflow-x:auto;justify-content:flex-start;padding:8px 0 12px}
  body[data-theme="platinum"][data-view="learning"] .platinum-step-tracker li{min-width:78px}
  body[data-theme="platinum"][data-view="learning"] .platinum-current-module{padding:18px 14px}
  body[data-theme="platinum"].immersive-mode .platinum-immersive-header{height:64px;padding:0 12px}
  .platinum-immersive-header button{font-size:0;padding:8px}.platinum-immersive-header button img{width:22px;height:22px}
  .platinum-immersive-header .immersive-heading strong{font-size:16px}.platinum-immersive-header .immersive-heading small{font-size:11px}
  body[data-theme="platinum"].immersive-mode .shell{padding-top:78px;width:96vw}
  body[data-theme="platinum"].immersive-mode #app.card>.playback-control{top:74px;width:94vw;overflow-x:auto}
  body[data-theme="platinum"].immersive-mode .platinum-current-module{min-height:calc(100vh - 174px);margin-top:92px;padding:20px 14px;overflow:auto}
}
.course-popout-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px;background:rgba(51,45,38,.48);backdrop-filter:blur(5px)}
.course-learning-popout{display:grid;grid-template-columns:190px minmax(0,1fr);width:min(820px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;padding:28px;border:1px solid #dfc28f;border-radius:28px;background:#fffaf2;box-shadow:0 28px 80px rgba(64,45,20,.24);color:#34281d}.course-popout-mascot{align-self:start;position:sticky;top:0}.course-popout-mascot video{display:block;width:100%;aspect-ratio:1;border-radius:22px;object-fit:cover;background:#fff}.course-popout-content{min-width:0;padding:6px 6px 6px 26px}
.course-popout-content>span{display:inline-block;padding:6px 12px;border-radius:999px;background:#f3e3c3;color:#865d22;font-weight:700}.course-learning-popout h2{margin:18px 0 22px;font-size:30px}.course-popout-content>p{font-size:18px;line-height:1.75}
.course-popout-evidence,.course-learning-popout section{margin:16px 0;padding:16px 18px;border:1px solid #ead7b6;border-radius:16px;background:#fff}.course-popout-evidence small,.course-learning-popout section small{display:block;margin-bottom:7px;color:#8d7961}.course-popout-evidence strong,.course-popout-transfer strong{font-size:22px;color:#9b681f}.course-learning-popout section p{margin:6px 0;line-height:1.65}.course-popout-transfer .btn{margin-top:10px}.course-learning-popout>#course-popout-continue{width:100%;margin-top:10px}
@media(max-width:680px){.course-learning-popout{display:block;padding:22px}.course-popout-mascot{position:static;width:132px;margin:0 auto 12px}.course-popout-content{padding:0}.course-learning-popout h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.course-popout-mascot video{animation:none}}
/* Keep the three welcome actions together without overflowing on narrower screens. */
.home-welcome-card>div{flex-wrap:wrap}

/* Designer palette alignment: warm ivory center with pale rose corners. */
body[data-theme="platinum"]{
  --platinum-page:#f8f5ec;
  --platinum-card:rgba(255,252,251,.95);
  --platinum-text:#2f2525;
  --platinum-muted:#776a6a;
  --platinum-gold:#cf8c62;
  --platinum-gold-light:#f1ddd6;
  --platinum-gold-dark:#8e4c3e;
  --platinum-rose:#e4ccca;
  --platinum-border:rgba(174,112,105,.34);
  --platinum-shadow:0 8px 32px rgba(162,103,100,.15);
  color:var(--platinum-text);
}

body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]){
  background:
    radial-gradient(circle at 0 0,rgba(228,204,202,.78),transparent 34%),
    radial-gradient(circle at 100% 0,rgba(225,205,204,.72),transparent 34%),
    radial-gradient(circle at 0 100%,rgba(225,205,204,.68),transparent 36%),
    radial-gradient(circle at 100% 100%,rgba(228,204,202,.74),transparent 36%),
    #f8f5ec;
}

body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) .map-sidebar,
body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) header{
  border-color:var(--platinum-border);
  background:rgba(255,250,249,.9);
  box-shadow:0 7px 28px rgba(162,103,100,.12);
}

body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) #app.card,
body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) #app article,
body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) #app section{
  border-color:var(--platinum-border);
}

body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) .sidebar-link:hover,
body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) .sidebar-link.active{
  border-color:rgba(174,112,105,.48);
  background:linear-gradient(90deg,rgba(228,204,202,.78),rgba(255,250,249,.82));
  color:#5d3532;
  box-shadow:0 4px 16px rgba(162,103,100,.13);
}

body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) .btn:not(.primary),
body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) button:not(.primary):not(.sidebar-link):not(.sidebar-collapse):not(.brand){
  border-color:rgba(174,112,105,.38);
  background:linear-gradient(145deg,#fffdfc,#f3e4e1);
  color:#493332;
  box-shadow:0 3px 12px rgba(162,103,100,.11);
}

body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) .btn.primary{
  border-color:#8e4c3e;
  background:linear-gradient(135deg,#f1ddd6,#d19465,#cf8c62);
  color:#3e211d;
  box-shadow:0 6px 20px rgba(142,76,62,.22);
}

body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) input,
body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) select,
body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) textarea{
  border-color:rgba(174,112,105,.32);
  background:#fffdfc;
  color:#2f2525;
  box-shadow:inset 0 1px 4px rgba(162,103,100,.08);
}

body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) #app>.title,
body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) #app>h1,
body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) #app h2,
body[data-theme="platinum"]:not([data-view="levels"]):not([data-view="map-auth"]):not([data-view="learning"]) #app h3{
  color:#2f2525;
}

/* Final review fixes: keep the platinum experience light and aligned. */
body[data-theme="platinum"][data-view="learning"],body[data-theme="platinum"][data-view="review"]{background:radial-gradient(circle at 0 0,rgba(228,204,202,.72),transparent 34%),radial-gradient(circle at 100% 100%,rgba(225,205,204,.68),transparent 36%),#f8f5ec}
body[data-theme="platinum"][data-view="learning"]:before,body[data-theme="platinum"][data-view="review"]:before{display:none}
body[data-theme="platinum"][data-view="learning"] .review-run-status{grid-column:1/-1;display:grid;grid-template-columns:minmax(150px,.75fr) minmax(0,2.25fr);align-items:center;gap:18px;width:100%;margin:0;padding:14px 18px}
body[data-theme="platinum"][data-view="learning"] .review-run-status>div{display:grid;gap:3px}
body[data-theme="platinum"][data-view="learning"] .review-run-status dl{display:grid;grid-template-columns:repeat(5,minmax(76px,1fr));gap:8px;width:100%}
body[data-theme="platinum"][data-view="learning"] .review-run-status dl div{display:grid;place-items:center;min-width:0;padding:8px}
.sidebar-expand{position:fixed;z-index:90;left:0;top:50%;transform:translateY(-50%);padding:14px 8px;border:1px solid rgba(207,140,98,.55);border-left:0;border-radius:0 12px 12px 0;background:#fff;color:#6b4033;box-shadow:6px 8px 24px rgba(142,76,62,.16);writing-mode:vertical-rl;font-weight:800;cursor:pointer}
.sidebar-expand[hidden]{display:none}
@media(max-width:760px){body[data-theme="platinum"][data-view="learning"] .review-run-status{grid-template-columns:1fr}body[data-theme="platinum"][data-view="learning"] .review-run-status dl{grid-template-columns:repeat(3,1fr)}}

/* Tablet portrait: keep navigation reachable without taking a third of the page. */
@media (min-width:761px) and (max-width:900px) and (orientation:portrait){
  body[data-theme="platinum"] .map-sidebar:not([hidden]){width:72px;padding-inline:8px}
  body[data-theme="platinum"] .map-sidebar:not([hidden]) .sidebar-brand strong,
  body[data-theme="platinum"] .map-sidebar:not([hidden]) .sidebar-link span,
  body[data-theme="platinum"] .map-sidebar:not([hidden]) .sidebar-collapse span,
  body[data-theme="platinum"] .map-sidebar:not([hidden]) .sidebar-link b{display:none}
  body[data-theme="platinum"] .map-sidebar:not([hidden]) .sidebar-link,
  body[data-theme="platinum"] .map-sidebar:not([hidden]) .sidebar-collapse{min-height:44px;padding-inline:11px}
  body[data-theme="platinum"] .map-sidebar:not([hidden])~.shell{
    width:calc(100vw - 72px)!important;
    max-width:none;
    margin-left:72px!important;
    padding-inline:14px;
  }
  body[data-theme="platinum"][data-view="learning"] #app.card.platinum-learning-surface{width:100%;min-width:0}
  body[data-theme="platinum"][data-view="learning"] .playback-control{max-width:100%}
}

/* Fullscreen is a view mode, not a scroll lock: short tablet viewports must reach every action. */
html:fullscreen:has(body[data-theme="platinum"].immersive-mode){overflow-y:auto;overscroll-behavior-y:contain}
body[data-theme="platinum"].immersive-mode{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
@media (max-width:1200px){
  body[data-theme="platinum"].immersive-mode .shell{
    width:min(100%,calc(100vw - 24px))!important;
    max-width:none;
    margin:0 auto!important;
    padding:78px 0 24px;
  }
  body[data-theme="platinum"].immersive-mode #app.card.platinum-learning-surface{
    width:100%;height:auto;min-height:calc(100dvh - 102px);
  }
  body[data-theme="platinum"].immersive-mode .platinum-current-module{
    width:100%;min-height:0;margin:0;padding:20px 14px;
    justify-content:flex-start;overflow:visible;
  }
  body[data-theme="platinum"].immersive-mode #app.card>.playback-control{width:min(100%,900px);overflow-x:auto}
}

/* Immersive learning keeps only the active exercise visible by default. */
.immersive-header-actions{display:flex;align-items:center;justify-self:end;gap:8px}
.immersive-settings-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.immersive-settings-panel{
  position:fixed;z-index:10020;top:68px;right:24px;width:min(310px,calc(100vw - 24px));
  padding:18px;border:1px solid rgba(199,154,91,.34);border-radius:14px;
  background:#fffdfa;color:#3f3327;box-shadow:0 14px 36px rgba(74,53,28,.18)
}
.immersive-settings-panel[hidden]{display:none!important}
.immersive-settings-panel>strong,.immersive-shortcut-list>strong{display:block;margin-bottom:10px;font-size:14px;color:#704f24}
.immersive-settings-panel>label{display:flex;align-items:center;gap:9px;min-height:42px;border-bottom:1px solid rgba(199,154,91,.16);font-size:14px;cursor:pointer}
.immersive-settings-panel>label input{width:18px;height:18px;accent-color:#b98234}
.immersive-shortcut-list{display:grid;grid-template-columns:1fr;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(199,154,91,.24)}
.immersive-shortcut-list span{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#6f6254;font-size:13px}
.immersive-shortcut-list kbd{min-width:72px;padding:4px 7px;border:1px solid #dec79f;border-radius:6px;background:#f8f0e3;color:#765326;text-align:center;font:700 12px/1.2 inherit}

body[data-theme="platinum"].immersive-mode .immersive-heading,
body[data-theme="platinum"].immersive-mode #app.card>.playback-control,
body[data-theme="platinum"].immersive-mode .sentence-title-row,
body[data-theme="platinum"].immersive-mode .course-compact-entry>h2,
body[data-theme="platinum"].immersive-mode .sentence-actions,
body[data-theme="platinum"].immersive-mode .course-compact-entry>.row,
body[data-theme="platinum"].immersive-mode .platinum-current-module>.keyboard-hints,
body[data-theme="platinum"].immersive-mode .platinum-current-module>.page-nav{display:none!important}

body[data-theme="platinum"].immersive-mode.immersive-show-playback #app.card>.playback-control{display:flex!important}
body[data-theme="platinum"].immersive-mode.immersive-show-title .sentence-title-row,
body[data-theme="platinum"].immersive-mode.immersive-show-title .course-compact-entry>h2{display:flex!important}
body[data-theme="platinum"].immersive-mode.immersive-show-actions .sentence-actions{display:grid!important}
body[data-theme="platinum"].immersive-mode.immersive-show-actions .course-compact-entry>.row{display:flex!important}
body[data-theme="platinum"].immersive-mode.immersive-show-actions .platinum-current-module>.page-nav{display:flex!important}
body[data-theme="platinum"].immersive-mode.immersive-show-shortcuts .platinum-current-module>.keyboard-hints{display:flex!important}

body[data-theme="platinum"].immersive-mode #app.card.platinum-learning-surface{justify-content:center}
body[data-theme="platinum"].immersive-mode .platinum-current-module{flex:0 1 auto;justify-content:center;min-height:min(680px,calc(100dvh - 104px));margin:0}

@media(max-width:900px){
  .immersive-header-actions{gap:6px}
  body[data-theme="platinum"].immersive-mode .immersive-settings-toggle{font-size:0}
  .immersive-settings-panel{top:70px;right:10px}
  body[data-theme="platinum"].immersive-mode .platinum-current-module{min-height:calc(100dvh - 94px);margin:0;padding:18px 12px;overflow:visible}
}