/* Platform Mandarin: original dark learning identity. Loaded after all modules. */
:root{color-scheme:dark;--bg:#111d21;--surface:#1d2b30;--ink:#f3f6f8;--muted:#a7b5bc;--line:#35474e;--blue:#ff8587;--coral:#ff686b;--yellow:#ffd967;--green:#8dd8b8;--sidebar-width:238px;--shadow:0 5px 0 #080e1155}body{background:var(--bg);color:var(--ink);font-family:'DM Sans','Noto Sans SC',system-ui,sans-serif}button,input,select,textarea{font:inherit}input,select,textarea,.editorial-form textarea,.editorial-form input,.editorial-form select,.editorial-import input{color:var(--ink);background:#142227;border-color:var(--line);min-width:0}input[type=checkbox],input[type=radio]{accent-color:var(--yellow)}button:disabled{opacity:.45;cursor:not-allowed}a,button{transition:background-color .15s,border-color .15s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sidebar{background:var(--bg);border-right:1px solid #24353c;padding:26px 16px;width:var(--sidebar-width)}.brand{font-size:16px;letter-spacing:-.5px}.brand-icon{background:transparent;border:1px solid var(--coral);color:var(--coral);border-radius:11px;font-family:'Noto Sans SC';font-size:25px;padding:5px 10px;box-shadow:3px 3px 0 #ff686b20}.brand b{color:var(--muted);font-size:12px;font-weight:500;letter-spacing:1px}.nav-label{color:#85989f;font-size:9px}.collapse-toggle{border-color:var(--line);color:var(--muted)}nav a{color:var(--muted);font-size:12px;min-height:44px}nav a:hover{background:#203138;color:var(--ink)}nav a.active{color:var(--yellow);background:#ffd9670c;border:1px solid #ffd96724}nav a:not(.active){border:1px solid transparent}.side-note{padding:16px 5px;margin:22px 8px 12px}.side-note>span{color:#ff8587;font-size:24px}.profile,.side-note{border-color:var(--line)}.avatar,.header-avatar{background:#2c3b41;color:var(--yellow);border-color:var(--line);box-shadow:none}.shell{margin-left:var(--sidebar-width)}header{height:78px;background:var(--bg);border:0;padding:0 32px}#breadcrumb{color:var(--muted)}#breadcrumb span:last-child{color:var(--ink)}#global-search{background:var(--surface);border-color:var(--line)}#global-search input{color:var(--ink)}#global-search button,.header-actions button{color:var(--muted);background:transparent}.header-notification{border-color:var(--line);color:var(--coral);background:var(--surface)}.local-badge{color:#a7d7c5}main{max-width:1720px;padding:22px 32px 50px}h1{font-size:31px;letter-spacing:-.8px}h2,h3{color:var(--ink)}h2{font-size:18px}h3{font-size:16px}.eyebrow{color:var(--coral)}.subtitle{color:var(--muted);margin-bottom:28px}.card,.stat,.skill-card,.level-card,.word-row,.choice,.dataset-summary>div,.audit-table,.date-chip,.quick{background:var(--surface);border-color:var(--line);box-shadow:none}.card{border-radius:20px}.primary{background:var(--yellow);color:#172125;border:2px solid #080e11;box-shadow:0 4px 0 #080e11;font-weight:700;gap:12px}.primary:hover{background:#ffe397}.secondary{background:#25363d;border:1px solid #4b606a;color:var(--ink);box-shadow:none}.secondary:hover{background:#30454d}.text-link{color:#ff999b}.badge,.pill,.level-icon{background:#ff686b16;color:#ffa0a2;border-color:#ff686b45}.translation-label,.mini-label,.stat-detail,.stat small{color:var(--muted)}.level-status{background:#2c3f46;color:#c2cfd5}.level-status.complete{color:#9de8c5;background:#1f4036}.level-card.is-current{border-color:var(--coral)}.level-card-bottom{border-color:var(--line);color:var(--muted)}.level-card-bottom b{color:var(--yellow)}.level-card p,.skill-card p,.section-description{color:var(--muted)}.level-card:hover,.skill-card:hover,.stat:hover{border-color:#8a6870;box-shadow:0 4px 0 #080e11}.skill-icon,.stat-icon,.tint-0,.tint-1,.tint-2{background:#2d3d44;color:var(--yellow)}.skill-status{color:var(--muted)}.skill-status.ready{color:#9dd9c2}.progress-track{background:#35474e;height:7px}.progress-track span{background:var(--coral)}.notice{background:#24363e;color:#c1d2db;border:1px solid var(--line)}.tabs button{background:var(--surface);border-color:var(--line);color:var(--muted)}.tabs .active{background:var(--yellow);color:#152025;border-color:var(--yellow)}.choice.selected{background:#3e3d2c;border-color:var(--yellow)}.choice:hover{border-color:#a0b4bd}.feedback{background:#203e35;color:#acf0d0}.feedback.wrong,.editorial-editor [role=alert]{background:#4d292c;color:#ffc6c6}.word-row .pinyin,dialog .pinyin,.lesson-word p{color:#ff9fa0}.favorite{color:var(--yellow)}.audit-table th{background:#273a42;color:var(--ink)}.audit-table caption,.audit-table td{color:var(--ink)}.skeleton{background:linear-gradient(90deg,#273940,#35474e,#273940);background-size:200%}.ring{background:conic-gradient(var(--coral) var(--value),var(--line) 0)}.ring>div{background:var(--surface)}.review-card{background:#2c302b;border-color:#555444}.review-card p{color:#c5c3aa}.review-card .secondary{background:#393c2d;border-color:#767154;color:var(--yellow)}dialog{background:var(--surface);color:var(--ink);border:1px solid #52666f;border-radius:22px;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#02080bbd}dialog a{color:#ffa0a2}dialog .close{background:#30424a;border-radius:8px;padding:3px 10px}#toast{background:var(--yellow);color:#111d21;box-shadow:0 6px 24px #0005;z-index:100}.editorial-history pre{background:#122127}.status-verified{color:#9de8c5}.status-needs_review{color:var(--yellow)}footer{border-color:var(--line);color:#94a7af}.video-placeholder{background:#2b3f47;color:var(--yellow)}.video-transcript article.active{background:#333b30;border-color:var(--yellow)}.video-word:hover{background:#ff686b!important;color:#111d21!important}.video-captions{background:#091519}.video-fullscreen{color:var(--ink);background:#2a3e46}.video-segment-editor,#video-quiz fieldset{border-color:var(--line)}.video-stage:focus-visible{outline-color:var(--yellow)}.video-tools{background:var(--surface)}.path-video-link p{margin:4px 0;color:var(--muted);font-size:12px}.learning-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,310px);gap:30px;align-items:start;margin-top:24px}.path-main,.path-right{min-width:0}.path-right{display:flex;flex-direction:column;gap:18px;padding-top:48px}.path-right .card{padding:22px;border:2px solid var(--line);box-shadow:4px 5px 0 #6e40453b}.path-right h2{font-size:17px;margin-top:8px}.path-right p{font-size:12px}.path-level-header{border:2px solid #080e11;background:var(--coral);color:#111d21;border-radius:23px;padding:22px 24px;display:flex;justify-content:space-between;gap:16px;box-shadow:5px 6px 0 #593c43;align-items:center}.path-level-header>div:first-child{min-width:0}.path-kicker{font-size:9px;font-weight:800;letter-spacing:1.7px;color:#1a2427}.path-level-select{display:block}.path-level-select select{font-size:27px;font-weight:800;letter-spacing:-.8px;background:transparent;border:0;color:#111d21;padding:5px 28px 5px 0;max-width:100%;cursor:pointer}.path-level-select option{background:#1d2b30;color:#f3f6f8;font-size:16px}.path-level-header p{font-size:12px;margin:3px 0 0;color:#1c2b30;overflow-wrap:anywhere}.path-header-actions{display:flex;border-left:1px solid #963a3c80;padding-left:20px;gap:20px;flex-shrink:0}.path-header-actions a{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;font-weight:800}.path-header-actions .icon{width:23px;height:23px}.path-daily{margin-top:18px;padding:16px 19px;border-radius:15px}.path-daily>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px;font-size:12px}.path-daily span{font-size:11px;color:var(--muted)}.path-daily small{display:block;font-size:10px;color:var(--muted);margin-top:10px}.path-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:32px 0 20px}.path-section-heading h2{font-size:17px;margin:0}.path-section-heading>span{font-size:10px;color:var(--muted)}.learning-path{list-style:none;margin:0;padding:0;position:relative}.learning-path:before{content:'';position:absolute;left:26px;top:24px;bottom:45px;width:3px;background:#2e4148}.path-step{position:relative;padding:0 0 22px 78px;min-height:90px}.path-node{position:absolute;top:14px;left:0;width:55px;height:55px;border:3px solid #3f535c;background:#1b2c32;color:#a7b5bc;border-radius:50%;display:grid;place-items:center;font-size:16px;font-weight:800;z-index:1}.path-step.is-active .path-node{background:var(--yellow);color:#111d21;border-color:var(--yellow)}.path-step.is-complete .path-node{background:#244238;color:#a1edca;border-color:#527d69}.path-node .icon{width:28px;height:28px}.path-unit{padding:18px 17px;display:flex;gap:16px;align-items:center;justify-content:space-between;border:1px solid transparent;border-radius:21px;min-width:0}.path-unit-copy{min-width:0}.path-unit h3{font-size:15px;line-height:1.5;margin:5px 0}.path-unit h3 a:hover{color:var(--yellow)}.path-unit p{font-size:11px;color:var(--muted);margin:5px 0}.path-status{font-size:9px;color:var(--muted);font-weight:800;letter-spacing:1px}.path-unit .path-objective{font-size:12px;line-height:1.6;margin:14px 0}.path-step.is-active .path-unit{border:3px solid #52636a;background:var(--surface);box-shadow:5px 6px 0 #6d4249;padding:24px;min-height:210px}.path-unit-action{display:flex;flex-direction:column;align-items:flex-end;gap:16px;flex-shrink:0}.path-glyph{font:32px/1.3 'Noto Sans SC',sans-serif;color:#8c9ea4;max-width:96px;overflow-wrap:anywhere;text-align:right}.is-active .path-glyph{font-size:44px;color:var(--yellow)}.path-unit .secondary{font-size:11px;padding:8px 12px;background:transparent}.path-unit .primary{font-size:12px;padding:10px 16px;white-space:nowrap}.path-unit-progress{display:flex;align-items:center;gap:12px;margin-top:10px}.path-unit-progress .progress-track{width:85px;height:4px;flex-shrink:0}.path-unit-progress small{font-size:9px;color:var(--muted)}.path-milestone{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:22px 12px 10px;color:var(--muted);font-size:10px;letter-spacing:.6px}.path-milestone .icon{color:var(--yellow)}.path-milestone a{color:#ffaaaa}.path-milestone small{flex-basis:100%;font-size:9px;letter-spacing:0}.path-number{display:block;font-size:32px;margin:18px 0}.path-number small{font-size:13px;color:var(--muted);font-weight:500}.path-mini-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:17px;gap:12px}.path-mini-stats b{display:block;font-size:22px}.path-mini-stats span{font-size:10px;color:var(--muted)}.path-right .path-estimate{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.path-widget-icon{color:var(--yellow)}.path-right .secondary{display:flex;justify-content:center;width:100%;font-size:12px;gap:6px;white-space:normal}.path-video-link{display:flex;gap:16px;align-items:center}.path-video-link>span{color:var(--coral)}.path-video-link h2{font-size:14px}.path-guide,.path-catalog{margin-top:24px}.path-guide summary,.path-catalog>summary{font-size:13px;font-weight:700;color:var(--yellow);cursor:pointer}.path-guide p{font-size:12px;color:var(--muted)}.path-catalog>summary{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.path-levels{margin-top:35px}.unit-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px;align-items:start}.unit-intro{margin:20px 0 30px}.unit-intro h2{margin-top:20px}.unit-start-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.unit-activities{display:grid;gap:12px}.unit-activities>a,.unit-activities>button{display:flex;gap:10px;text-align:left;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding:12px 0;color:var(--ink);font-size:13px}.unit-activities small{color:var(--muted);font-size:10px}.mobile-menu,.drawer-close,.drawer-backdrop,#mobile-nav{display:none}.lesson-wrap{padding-top:8px}.lesson-word .hanzi{color:var(--ink)}.skill-card{border-radius:17px}.unavailable .skill-icon,.practice-intro .skill-icon{color:var(--yellow);background:#35423b}.unavailable .muted,.practice-intro .muted{color:var(--muted)}
@media(min-width:1700px){.learning-layout{grid-template-columns:minmax(0,1fr) 360px;gap:42px}.path-step.is-active .path-unit{min-height:230px}.path-right .card{padding:27px}}
@media(max-width:1150px) and (min-width:601px){:root{--sidebar-width:205px}.sidebar{padding:24px 12px}.brand{font-size:14px}.learning-layout{grid-template-columns:minmax(0,1fr)}.path-right{padding-top:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.path-right .path-video-link{grid-column:1/-1}.unit-detail-layout{grid-template-columns:1fr}.unit-activities{grid-template-columns:1fr 1fr}.unit-activities h2{grid-column:1/-1}main{padding:20px 24px 40px}header{padding:0 24px}.path-level-select select{font-size:24px}}
@media(max-width:800px) and (min-width:601px){:root{--sidebar-width:190px}header{gap:12px}.header-notification{display:none}#breadcrumb{max-width:170px}.path-header-actions{gap:14px;padding-left:12px}.path-level-header{padding:18px}.path-level-select select{font-size:21px}.path-unit{padding:14px 8px;gap:10px}.path-step{padding-left:64px}.path-node{width:46px;height:46px}.learning-path:before{left:22px}.path-unit-action{gap:12px}.path-step.is-active .path-unit{padding:18px}.path-glyph{font-size:24px}.is-active .path-glyph{font-size:33px}.path-unit h3{font-size:13px}.path-unit-progress{flex-wrap:wrap;gap:5px}.path-right{grid-template-columns:1fr}.path-unit-progress small{font-size:9px}.path-unit .primary{padding:9px 11px;font-size:11px}}
@media(max-width:600px){body{font-size:14px}.shell,.sidebar-collapsed .shell{margin-left:0;padding-bottom:90px}.sidebar,.sidebar-collapsed .sidebar{position:fixed;inset:0 auto 0 0;width:min(300px,86vw);height:100vh;height:100dvh;z-index:50;background:#142227;border-right:1px solid var(--line);padding:24px 18px;overflow-y:auto;transform:translateX(-105%);transition:transform .2s;display:flex}.drawer-open .sidebar{transform:translateX(0)}.drawer-open{overflow:hidden}.sidebar .brand,.sidebar-collapsed .brand{display:flex;justify-content:flex-start;padding:12px 5px 24px}.sidebar .brand>span:not(.brand-icon),.sidebar-collapsed .brand>span:not(.brand-icon){display:block}.sidebar .nav-label,.sidebar .profile,.sidebar .side-note,.sidebar .nav-text,.sidebar-collapsed .nav-text{display:block}.sidebar .profile{display:flex}.sidebar .collapse-toggle{display:none}.sidebar nav{display:flex;flex-direction:column;gap:5px;justify-content:flex-start}.sidebar nav a,.sidebar-collapsed nav a{display:flex!important;flex-direction:row;justify-content:flex-start;gap:13px;min-height:44px;padding:10px 12px;font-size:13px}.sidebar nav a .nav-text{display:block}.sidebar .drawer-close{display:block;align-self:flex-end;font-size:25px;background:#283b43;border:1px solid var(--line);border-radius:9px;padding:2px 12px}.drawer-backdrop{position:fixed;inset:0;z-index:49;background:#0009;display:none}.drawer-open .drawer-backdrop{display:block}.mobile-menu{display:block;border:1px solid var(--line);border-radius:9px;padding:7px 10px;font-size:19px;color:var(--ink);background:var(--surface)}header{height:68px;padding:0 16px;gap:10px;justify-content:space-between}#breadcrumb{display:none}.header-actions{gap:8px}#global-search{max-width:162px}#global-search input{width:119px}#mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;height:76px;padding:5px 8px calc(5px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#142227;flex-direction:row;justify-content:space-around;gap:0}#mobile-nav a{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 0;border:0;font-size:10px;min-height:54px;min-width:0;color:var(--muted);border-radius:12px}#mobile-nav a[aria-current=page]{background:#ffd9670d;color:var(--yellow)}main{padding:20px 16px 40px}h1{font-size:27px}.subtitle{font-size:12px;margin-bottom:23px}.learning-layout{grid-template-columns:1fr;gap:25px;margin-top:20px}.path-level-header{padding:18px 16px;border-radius:19px;gap:10px;box-shadow:4px 5px 0 #593c43}.path-level-select select{font-size:22px;max-width:100%;letter-spacing:-.7px}.path-kicker{font-size:8px;letter-spacing:1px}.path-level-header p{font-size:10px}.path-header-actions{gap:13px;padding-left:11px}.path-header-actions a{font-size:8px}.path-header-actions .icon{width:20px;height:20px}.path-daily{padding:14px}.path-daily>div:first-child{align-items:flex-start;flex-direction:column;gap:4px}.path-daily strong{font-size:12px}.path-daily small{font-size:9px}.path-section-heading{align-items:flex-start;flex-direction:column;gap:5px;margin:25px 0 18px}.path-section-heading h2{font-size:16px}.path-step{padding:0 0 18px 51px}.path-node{width:38px;height:38px;left:0;top:13px;border-width:2px;font-size:13px}.learning-path:before{left:18px;bottom:45px;width:2px}.path-step.is-active .path-unit{min-height:230px;padding:17px 15px;box-shadow:3px 4px 0 #6d4249;flex-wrap:wrap;border-width:2px}.path-unit{padding:13px 3px;gap:9px;flex-wrap:wrap}.path-unit-copy{width:100%}.path-unit h3{font-size:14px}.path-status{font-size:8px;letter-spacing:.5px}.path-unit p{font-size:10px}.path-unit-progress{gap:8px;flex-wrap:wrap}.path-unit-progress small{font-size:9px}.path-unit-action{flex-direction:row-reverse;align-items:center;width:100%;justify-content:space-between;gap:10px}.path-glyph{font-size:23px;max-width:95px;line-height:1.4}.is-active .path-glyph{font-size:33px}.path-unit .primary{font-size:11px;padding:9px 12px}.path-unit .secondary{font-size:10px;padding:7px 10px}.path-objective{font-size:11px!important}.path-milestone{padding:22px 4px 9px;gap:8px;font-size:9px}.path-milestone small{font-size:8px}.path-right{padding:0;display:flex;flex-direction:column;gap:16px}.path-right .card{padding:20px;box-shadow:3px 4px 0 #6e40453b}.path-number{font-size:29px}.unit-detail-layout{grid-template-columns:1fr}.unit-activities{grid-template-columns:1fr}.path-levels{margin-top:30px}.path-guide{padding:18px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}footer{margin:0 16px}.form-row input,.form-row select{max-width:100%}.video-tools select{max-width:100%}#toast{bottom:92px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.path-resume{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;border-color:#655d39;padding:16px 19px}.path-resume strong{font-size:12px}.path-resume p{font-size:10px;color:var(--muted);margin:4px 0}.path-resume .secondary{font-size:11px;flex-shrink:0}.path-unit .path-duration{font-size:10px;color:#c5cdb9}@media(max-width:600px){.path-resume{flex-wrap:wrap;padding:16px}.path-resume .secondary{width:100%;text-align:center}}