:root{--paper:#f4f1e9;--surface:#fffdf8;--ink:#202824;--muted:#68736a;--line:#deded3;--nav:#202824;--accent:#b9513b;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 Manrope,"Noto Sans SC",sans-serif}body.dark{--paper:#202824;--surface:#29332d;--ink:#f0eee4;--muted:#b0b9af;--line:#465248;--accent:#efa68e;color-scheme:dark}a{color:inherit}button,input,select{font:inherit;color:inherit}button,select{cursor:pointer}button,input,select{border:1px solid var(--line);border-radius:8px;background:var(--surface);min-height:44px;padding:9px 14px}button:hover,a:hover{color:var(--accent)}button[aria-pressed=true]{background:var(--ink);color:var(--paper)}button:disabled{opacity:.38;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--nav);color:#f4f1e9;padding:36px 24px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;font-size:16px;line-height:1.4}.brand-mark{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;background:#da674f;border-radius:10px;transform:rotate(-5deg)}.side-label{font:10px "DM Mono",monospace;color:#a0afa1;margin:60px 0 20px;letter-spacing:.1em}#trackNav{display:grid;gap:8px}.nav-link{display:flex;gap:12px;align-items:center;text-decoration:none;padding:13px 12px;border-radius:8px;font-size:13px;color:#b6c2b6;min-height:48px}.nav-link:hover,.nav-link.active{background:#354239;color:#fff}.nav-number{font:11px "DM Mono",monospace;color:#bdc4b2}.side-bottom{margin-top:auto;color:#a0afa1;font-size:11px;line-height:2}.main{margin-left:250px;padding:0 48px;max-width:1800px}.topbar{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);margin-bottom:38px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;flex-wrap:wrap}.breadcrumb a{text-decoration:none}.top-actions{display:flex;gap:12px;align-items:center}#languageModes{display:flex;gap:3px}#languageModes button{font-size:11px;padding:8px 10px}#themeToggle{font-size:20px}#mobileTrack{display:none}.eyebrow{font:11px "DM Mono",monospace;letter-spacing:.13em;color:var(--muted)}h1,h2,h5,p{margin-top:0}h1{font-size:clamp(28px,3.1vw,44px);line-height:1.4;letter-spacing:-.035em;margin:16px 0}h2{line-height:1.5}.welcome{position:relative;margin:0 0 32px}.welcome p,.track-header>p{color:var(--muted);margin-bottom:16px}.continue-link{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);font-weight:700;text-underline-offset:5px}.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.role-card{display:block;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--accent);padding:28px;border-radius:4px 4px 14px 14px;transition:transform .2s,box-shadow .2s}.role-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #20282410;color:var(--ink)}.role-top{display:flex;justify-content:space-between;color:var(--accent);font:18px "DM Mono",monospace;margin-bottom:24px}.role-card h2{font-size:24px;margin-bottom:12px}.role-card p{color:var(--muted);font-size:14px;min-height:46px}.role-progress{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-top:28px}progress{width:100%;height:5px;display:block;margin-top:14px;border:0;background:var(--line);accent-color:var(--accent)}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--accent)}.track-header{margin-bottom:28px}.track-summary{font-size:13px;color:var(--muted);display:flex;gap:14px}.filters{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:28px 0 20px}.filters label{display:grid;gap:5px;font-size:11px;color:var(--muted)}.filters select{font-size:14px;color:var(--ink)}.filters input{flex:1;min-width:160px}.filters button{font-size:13px}.question-list{border-top:1px solid var(--line)}.question-row{display:grid;grid-template-columns:42px 1fr auto;gap:20px;padding:26px 18px;border-bottom:1px solid var(--line);text-decoration:none;align-items:start;transition:background .15s}.question-row:hover{background:var(--surface);color:var(--ink)}.question-number{font:15px "DM Mono",monospace;color:var(--muted);padding-top:5px}.question-meta{font-size:12px;color:var(--muted);margin-bottom:8px}.question-row h2{font-size:19px;margin:0 0 12px}.tags{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--muted)}.tags>span{background:var(--surface);border:1px solid var(--line);padding:3px 8px;border-radius:5px}.row-status{color:var(--accent);font-size:14px;display:flex;gap:12px;align-items:center}.row-status>span{font-size:22px}.reader{max-width:780px;margin:auto}.back-link{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:13px;color:var(--muted);margin-bottom:26px}.reader-header{border-bottom:1px solid var(--line);padding-bottom:26px}.reader-header .question-meta{margin-top:20px}.reader-header h1{font-size:30px}.reader-header button{font-size:13px}.answer-content{font-size:16px;line-height:1.95}.answer-content section{margin-top:36px}.answer-content h2{font-size:13px;letter-spacing:.04em;color:var(--accent);margin-bottom:18px}.answer-content p{margin-bottom:20px}.answer-content ul{padding-left:22px}.answer-content li{margin-bottom:12px}.references{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.reader-controls{display:flex;justify-content:space-between;gap:12px;background:var(--surface);padding:16px;border:1px solid var(--line);border-radius:12px;margin:36px 0 12px;position:sticky;bottom:16px;box-shadow:0 8px 30px #0000000d}.reader-controls button{font-size:12px;flex:1;padding:10px}.master-button{font-weight:700}.empty{text-align:center;padding:60px 20px}.empty h1,.empty h2{font-size:24px}.empty a{display:inline-block;min-height:44px}footer{padding:40px 0 28px;margin-top:30px;border-top:1px solid var(--line);color:var(--muted);font:10px "DM Mono",monospace;letter-spacing:.1em}.lang-en{display:none}body[data-language=en] .lang-en{display:inline}body[data-language=en] .lang-zh{display:none}.dual{display:flex;flex-direction:column;gap:5px}body[data-language=bi] .lang-en{display:inline}body[data-language=bi] .lang-zh{font-size:.86em;color:var(--muted);font-weight:400}.sidebar .lang-zh{color:inherit!important}.parallel{display:grid;grid-template-columns:1fr 1fr;gap:30px}.parallel>div{min-width:0}.parallel>div+div{border-left:1px solid var(--line);padding-left:24px;font-size:.92em;color:var(--muted)}.parallel small{display:block;font:10px "DM Mono",monospace;color:var(--muted);margin-bottom:16px}body[data-language=bi] .reader{max-width:1120px}.language-notes{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-top:32px}.language-notes section{margin:0}.language-notes h5{font-size:13px;color:var(--accent);margin-bottom:12px}.language-notes ul{padding:0;list-style:none;margin:0}.language-notes strong,.language-notes li>span{display:block}.language-notes li>span{color:var(--muted);font-size:14px}.language-notes strong{font-weight:600;font-size:15px}
@media(min-width:1600px){.main{padding-left:70px;padding-right:70px}.role-grid{max-width:1120px}.welcome{margin-top:50px}}
@media(max-width:1100px){.sidebar{width:210px;padding:30px 18px}.main{margin-left:210px;padding:0 28px}.breadcrumb{max-width:220px}.role-card{padding:22px}.topbar{gap:12px}.top-actions{gap:6px}#languageModes button{padding:8px}.reader-header h1{font-size:27px}}
@media(max-width:800px){.sidebar{display:none}.main{margin:0;padding:0 20px}.topbar{display:grid;grid-template-columns:1fr;gap:12px;padding:16px 0;margin-bottom:28px}.breadcrumb{max-width:none;font-size:11px}.top-actions{justify-content:space-between;grid-row:1}#languageModes{flex:1}#languageModes button{flex:1;font-size:11px}#mobileTrack{display:block;width:100%;font-size:14px}.welcome h1{font-size:29px}.welcome{margin-bottom:24px}.welcome p{font-size:13px}.role-grid{gap:16px}.role-card{padding:20px}.role-card h2{font-size:20px}.role-card p{font-size:12px;min-height:0}.role-top{margin-bottom:18px}.role-progress{font-size:11px;margin-top:20px}.filters{gap:10px}.filters label{width:100%}.filters input{width:calc(100% - 130px);min-width:0}.question-row{padding:22px 0;grid-template-columns:26px 1fr auto;gap:12px}.question-row h2{font-size:17px}.row-status{gap:4px;font-size:12px}.row-status>span{font-size:18px}.question-meta{font-size:11px}.track-header h1{font-size:28px}.reader-header h1{font-size:25px}.answer-content{font-size:16px;line-height:1.9}.parallel{grid-template-columns:1fr;gap:10px}.parallel>div+div{padding:18px 0 0;border-left:0;border-top:1px solid var(--line)}.language-notes{grid-template-columns:1fr;padding:20px;gap:24px}.reader-controls{position:fixed;bottom:0;left:0;right:0;z-index:5;margin:0;border-radius:0;padding:12px 12px calc(12px + env(safe-area-inset-bottom));gap:6px}.reader-controls button{font-size:11px;padding:10px 5px;min-height:46px}.reading .main{padding-bottom:100px}.back-link{margin-bottom:18px}footer{font-size:9px}.role-grid{grid-template-columns:1fr}.role-card p{margin-bottom:12px}.role-top{margin-bottom:12px}.role-card h2{margin-bottom:8px}.role-progress{margin-top:16px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.role-card[data-color="0"]{--accent:#da674f}.role-card[data-color="1"]{--accent:#6c8171}.role-card[data-color="2"]{--accent:#c69b50}.role-card[data-color="3"]{--accent:#667a8a}

.language-notes li > .vocabulary-ipa { font-family: "Noto Sans SC", sans-serif; font-size: 13px; font-weight: 400; overflow-wrap: anywhere; margin: 2px 0; }

.audio-panel{margin:28px 0;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.audio-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.audio-heading h2{font-size:14px;margin:0}.audio-heading select,.audio-toolbar select,.audio-toolbar button{font-size:12px}.audio-toolbar{display:flex;gap:10px;align-items:center;margin-top:16px}.audio-toolbar button:first-child{min-width:90px}.audio-progress{display:flex;align-items:center;gap:14px;margin-top:14px}.audio-progress input{flex:1;min-width:0;width:100%;padding:0;accent-color:var(--accent)}.audio-progress output{font:11px "DM Mono",monospace;white-space:nowrap}.audio-panel p{font-size:11px;color:var(--muted);margin:6px 0 0}.language-notes strong{display:inline}.pronounce-button{display:inline-grid;place-items:center;margin-left:8px;width:44px;min-height:44px;padding:4px;vertical-align:middle}.pronounce-button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.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}@media(max-width:800px){.audio-panel{padding:16px}.audio-heading{align-items:start}.audio-heading h2{font-size:13px;max-width:180px}.audio-progress{gap:8px}.audio-progress output{font-size:10px}}