:root{--ink:#172b35;--muted:#647680;--paper:#f5f7f5;--line:#dce5df;--teal:#167b67;--mint:#e5f3eb;--gold:#ad712a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:12px;padding:10px 17px;background:white;color:var(--ink)}button:hover{border-color:var(--teal);background:#f0f8f4}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e7b354;outline-offset:3px}button.primary{background:var(--teal);color:white;border-color:var(--teal)}button.quiet{background:transparent}button:disabled{opacity:.5;cursor:not-allowed}.layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:240px 1fr;min-height:100vh}.layout>aside{padding:36px 25px;border-right:1px solid var(--line);background:#edf2ed;display:flex;flex-direction:column}.brand{font-size:23px;font-weight:750;text-decoration:none;color:var(--ink);white-space:nowrap}.brand span{display:inline-grid;place-items:center;width:42px;height:42px;background:var(--teal);color:white;border-radius:14px;margin-right:5px}.aside-note{color:var(--muted);font-size:14px;margin:32px 0}.layout>aside>nav{display:grid;gap:10px}.layout>aside>nav button{text-align:left;background:transparent;border:0}.layout>aside>nav button.active{background:#dceadf;color:#12614e;font-weight:700}.aside-foot{margin-top:auto;padding-top:70px;color:var(--muted);font-size:12px}.layout>main{padding:30px 48px;min-width:0}.layout>main>header{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted);margin-bottom:32px}.eyebrow{letter-spacing:2px}.tag{display:inline-block;border-radius:20px;padding:3px 11px;background:var(--mint);color:var(--teal);font-size:12px}.hero h1{font-size:clamp(27px,4vw,39px);line-height:1.3;margin:13px 0}.sub{color:var(--muted)}.hero{margin-bottom:28px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:white;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 4px 20px #102e1e04}.app-icon{width:44px;height:44px;display:grid;place-items:center;background:var(--mint);border-radius:14px;color:var(--teal);font-weight:bold}.card h2{font-size:20px;margin:14px 0 8px}.card p{font-size:14px;color:var(--muted)}.course-card>.course-cta{width:100%;margin-top:12px}.section-title{font-size:19px;margin:28px 0 12px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.between{justify-content:space-between}.steps{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.steps button{font-size:14px}.steps .selected{border-color:var(--teal);color:var(--teal);background:var(--mint)}.word{font-size:42px;line-height:1.3;margin:16px 0 8px;overflow-wrap:anywhere}.meaning{font-size:23px;margin:0 0 12px}.mnemonic{background:#fff4dc;color:#775218;padding:12px 16px;border-radius:12px;font-size:19px}.hint{font-size:13px;color:var(--muted)}.breakdown{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.breakdown h3{font-size:16px}.part{display:inline-block;margin:4px;padding:6px 10px;border:1px solid var(--line);border-radius:10px}.notice{background:#fff1d9;color:#755219;border-radius:12px;padding:10px 16px;margin-bottom:20px}.notice:empty{display:none}.sentence{font-size:27px;line-height:1.55}.chunk{margin:10px 0;padding:12px;border-left:3px solid var(--teal);background:#f5f9f6}.chunk strong{font-size:18px}.feedback{margin-top:14px;padding:12px;background:var(--mint);border-radius:12px}.feedback.warn{background:#fff1d9}.sim-window{border:1px solid #cbd5ce;border-radius:16px;overflow:hidden;margin:20px 0;background:#fff}.sim-top{padding:10px 16px;background:#e9eeeb;font-size:13px}.dots{color:#d9816e;letter-spacing:5px;margin-right:12px}.sim-body{padding:25px;min-height:220px}.sim-body pre{white-space:pre-wrap;font:inherit}.sim-actions{display:flex;gap:10px;flex-wrap:wrap;padding:16px;border-top:1px solid var(--line)}.search{width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:20px}.list{display:grid;gap:10px}.list button{text-align:left;display:flex;justify-content:space-between;gap:15px}.list small{color:var(--muted)}.meter{height:5px;background:#dfe8e1;border-radius:4px;margin:15px 0}.meter div{height:100%;background:var(--teal);border-radius:4px}.compact{font-size:14px}footer{margin:45px 0 5px;font-size:12px;color:var(--muted)}.reading{background:#fff3cd}#notice:empty{display:none}#notice:not(:empty){background:#fff1d9;border-radius:10px;padding:10px;margin-bottom:18px}@media(max-width:1000px){main{padding:26px}.layout{grid-template-columns:190px 1fr}.grid{grid-template-columns:1fr}.card{padding:20px}.card button{width:auto}.aside-note{font-size:12px}.layout>aside{padding:25px 16px}}@media(max-width:650px){.layout{display:block}.layout>aside{padding:15px 17px;position:static;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:19px}.brand span{width:32px;height:32px}.aside-note,.aside-foot{display:none}.layout>aside>nav{grid-template-columns:repeat(5,1fr);gap:3px;margin-top:12px}.layout>aside>nav button{font-size:12px;padding:8px 3px;text-align:center}.layout>main{padding:20px 17px}.layout>main>header{margin-bottom:22px;font-size:10px}.word{font-size:35px}.sentence{font-size:23px}.card{padding:19px}.sim-body{padding:18px}.sim-actions button{flex:1}.list button{flex-direction:column;gap:0}.hero h1{font-size:29px}}

.mt24{margin-top:24px}.mt18{margin-top:18px}.mt12{margin-top:12px}

.search{color:#172b35;-webkit-text-fill-color:#172b35;caret-color:#172b35;color-scheme:light;background:#fff}.search::placeholder{color:#647680;-webkit-text-fill-color:#647680;opacity:1}.search::selection{background:#cce6da;color:#172b35}
/* Safe, document-grounded system practice. Chinese coaching stays outside native surfaces. */
.system-entry{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#e1eee8;border:1px solid #bdd4c7;border-radius:20px;padding:22px;margin:25px 0}.system-entry h2{margin:8px 0;font-size:24px}.system-entry p{margin:0;color:#466657;font-size:14px}.system-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.practice-card{display:flex;flex-direction:column}.practice-card button{margin-top:auto}.row .selected{background:#e1eee8;border-color:#167b67;color:#12614e}.source-note{font-size:12px;color:#6a746e}.coach-panel{display:grid;grid-template-columns:1fr 1fr;gap:22px;background:#fef5df;border:1px solid #e9d7ad;border-radius:16px;padding:18px 22px;margin:18px 0}.coach-panel p{margin:6px 0;font-size:15px}.scene-glossary{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px}.scene-glossary strong,.scene-glossary span,.scene-glossary small{display:block}.scene-glossary strong{color:#664820;font-size:14px}.scene-glossary small{color:#77694c}.scene-tools{margin-bottom:16px}.source-details{font-size:12px;color:#647680;margin-top:24px}.source-details summary{cursor:pointer}.source-details a{color:#167b67}.completion-card{background:#e1eee8;border:1px solid #95c7ad;padding:20px;border-radius:16px;margin-top:20px}.completion-card strong{font-size:20px}.completion-card p{font-size:14px}.completion-card button{margin-right:8px}.system-screen{position:relative;overflow:hidden;border:1px solid #d0d3d4;border-radius:18px;min-height:450px;font:13px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#242627;background:#f8f8f9}.system-screen button{font:inherit;border-radius:7px;padding:5px 10px;background:transparent;color:inherit;border:1px solid transparent;margin:0;white-space:nowrap}.system-screen button:hover{background:#e4e8ef;border-color:#c4cad4}.system-screen p{font:inherit}.traffic{display:flex;gap:7px;align-items:center;height:24px}.traffic i{display:block;height:11px;width:11px;border-radius:50%;background:#ff6057;border:1px solid #e34a42}.traffic i:nth-child(2){background:#ffbd2e;border-color:#dfab26}.traffic i:nth-child(3){background:#28c840;border-color:#1caf33}.mac-screen{background:linear-gradient(135deg,#c7e4e8,#adc6e6 42%,#d0d4e9);padding-bottom:65px;min-height:460px}.mac-menubar{display:flex;align-items:center;gap:17px;height:32px;padding:0 16px;background:#e8f1f3dc;font-size:12px;white-space:nowrap}.mac-menubar .native-menu{padding:3px 6px}.mac-menubar small{margin-left:auto;font-size:9px;color:#616e79}.finder-window{display:grid;grid-template-columns:178px 1fr;background:#fafafbd9;border:1px solid #ffffffaa;border-radius:16px;box-shadow:0 16px 35px #24325425;margin:22px 22px 0;min-height:345px;overflow:hidden}.finder-sidebar{margin:5px;padding:8px;background:#e7e7ecb0;border-radius:12px;color:#555;min-width:0}.finder-sidebar .traffic{margin:2px 8px 14px}.finder-sidebar p{font-size:10px;color:#85858c;font-weight:600;margin:10px 8px 3px}.finder-sidebar>div{padding:4px 10px;font-size:12px}.finder-sidebar .current{background:#d8dbe366;border-radius:8px;color:#1671cb}.red-dot{color:#f16965}.blue-dot{color:#4695e4}.finder-main{min-width:0}.finder-toolbar{display:flex;align-items:center;gap:14px;padding:15px 12px;min-height:59px;border-bottom:1px solid #e5e5e9}.finder-toolbar strong{font-size:15px}.capsule{border-radius:22px;background:#fff;padding:5px 8px;color:#888;box-shadow:0 1px 4px #3331}.toolbar-tools{margin-left:auto;color:#6d6d72;font-size:15px;letter-spacing:3px;white-space:nowrap}.finder-toolbar .empty-button{border:1px solid #cacacf;background:#fafafa;padding:2px 9px}.finder-files{display:flex;gap:30px;align-items:flex-start;flex-wrap:wrap;padding:32px 20px;min-height:230px}.file-tile{display:flex;flex-direction:column;align-items:center;max-width:140px;min-width:95px;gap:7px}.file-tile .file-select{border:0;padding:0}.file-tile .file-select:hover{background:transparent;filter:brightness(.96)}.document-icon{display:grid;place-items:end center;padding:0 0 11px;width:49px;height:62px;background:linear-gradient(135deg,#fff 85%,#e4e6ec);border:1px solid #ccc;box-shadow:0 1px 2px #4442;border-radius:4px;font-size:10px;color:#86919e;font-weight:700}.file-name{max-width:138px;text-align:center;padding:1px 5px;border-radius:4px;overflow-wrap:anywhere;font-size:12px}.file-selected .file-name{background:#147ceb;color:#fff}.folder-icon{font-size:59px;line-height:62px;color:#7dbbe5;height:62px}.rename-input{font:12px/1.5 inherit;width:132px;padding:1px 5px;color:#111;background:#fff;border:2px solid #147ceb;border-radius:4px}.empty-folder{font-size:12px;color:#989da4;width:100%;text-align:center;padding-top:35px}.finder-dropdown{position:absolute;left:86px;top:30px;min-width:190px;background:#f7f7fbee;backdrop-filter:blur(12px);box-shadow:0 5px 18px #24325430;border-radius:8px;border:1px solid #c5cbd2;padding:5px;z-index:3}.finder-dropdown button{display:block;text-align:left;width:100%}.finder-dropdown .menu-option:hover{background:#1677df;color:white}.finder-dropdown .teaching-close{font-size:10px;color:#77818d;border-top:1px solid #ccc;border-radius:0}.mock-dock{display:flex;gap:18px;position:absolute;bottom:9px;left:50%;transform:translateX(-50%);padding:6px 15px;border:1px solid #ffffff77;background:#e5e8f2b0;backdrop-filter:blur(8px);border-radius:17px;align-items:center;height:49px}.mock-dock>span{font-size:24px;color:#2a79b4}.mock-dock .dock-separator{height:31px;border-left:1px solid #a6b3c2}.trash-dock{display:flex;flex-direction:column;align-items:center;padding:0 5px!important;line-height:1}.trash-dock span{font-size:25px;color:#768394}.trash-dock small{font-size:8px}.native-overlay{position:absolute;inset:0;background:#23304226;display:grid;place-items:center;z-index:4;padding:20px}.native-dialog{background:#f5f5f7;border:1px solid #d2d2d7;border-radius:15px;padding:22px;box-shadow:0 20px 50px #0003;max-width:370px;text-align:center}.native-dialog h3{font-size:15px;line-height:1.4}.native-dialog p{font-size:12px}.native-dialog small{display:block;margin-top:12px;font-size:9px;color:#73767c}.trash-symbol{font-size:37px;color:#8493a5}.native-dialog button{background:#fff;border:1px solid #ddd;margin:5px}.native-dialog .danger{background:#176fe5;color:white;border:1px solid #1161d1}.teaching-controls{padding:10px 12px;border:1px dashed #c7d5cc;border-radius:10px;margin-top:10px;background:#f7faf7}.teaching-controls>span{font-size:11px;color:#647680}.teaching-controls>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}.teaching-controls button{font-size:13px;padding:7px 12px}.understanding-check{display:grid;gap:7px;width:100%}.understanding-check strong{font-size:14px}.understanding-check button{text-align:left}.codex-screen{display:grid;grid-template-columns:166px 1fr;min-height:445px;background:#fcfcfc}.codex-sidebar{padding:16px 12px;background:#efefef;border-right:1px solid #e2e2e2}.codex-sidebar>strong{display:block;font-size:18px;margin:14px 4px}.codex-sidebar>p{font-size:10px;color:#888;margin:20px 4px 5px}.codex-sidebar>div{font-size:11px;padding:8px 5px}.codex-sidebar .current{background:#e2e2e2;border-radius:7px}.codex-work{min-width:0}.codex-bar{display:flex;gap:15px;align-items:center;padding:14px;border-bottom:1px solid #eee}.codex-bar>span{font-size:10px;color:#777;margin-left:auto}.codex-bar .review-tab{border:1px solid #d4d4d4;background:#fff}.codex-chat{padding:22px}.codex-chat h3{font-size:18px;font-weight:550;margin:8px 0}.codex-chat>p{font-size:12px;color:#777}.native-badge{font-size:10px;border:1px solid #ddd;border-radius:4px;padding:3px 5px;color:#777}.assistant-preview{padding:15px;background:#f1f1f1;border-radius:10px;font-size:12px}.assistant-preview small{display:block;color:#777;margin-top:8px}.review-panel{border:1px solid #ddd;border-radius:10px;margin:0 16px 18px;overflow:hidden}.review-heading{padding:10px 12px;display:flex;align-items:center;gap:8px}.review-heading strong{margin-right:auto}.review-heading button{font-size:10px;border:1px solid #ddd}.review-heading .subtle-danger{color:#a04439}.review-tabs{display:flex;gap:9px;align-items:center;padding:6px 12px;border-block:1px solid #e5e5e5;flex-wrap:wrap;font-size:10px}.review-tabs button{font-size:10px;padding:2px 5px}.review-tabs .scope-active{background:#ededed;border-radius:5px}.review-empty{padding:20px;color:#888;font-size:12px}.file-heading{display:block;width:100%;text-align:left;border-radius:0!important;background:#f7f7f7!important}.diff-count{float:right;font-size:11px;color:#458266}.diff-lines{margin:0;font:11px/1.8 monospace;overflow-x:auto}.diff-lines span{display:block;padding:3px 10px;white-space:pre}.diff-context{background:#fafafa;color:#73777b}.diff-removed{background:#ffebe8;color:#9b3e32}.diff-added{background:#def5df;color:#2e6538}.claude-screen{display:grid;grid-template-columns:175px 1fr;background:#faf9f5;min-height:455px}.claude-sidebar{padding:21px 14px;background:#f0eee8;border-right:1px solid #e7e5df;position:relative}.claude-sidebar>strong{font:22px Georgia,serif;display:flex;justify-content:space-between;margin-bottom:24px}.claude-sidebar>strong span{font:13px sans-serif;color:#999}.claude-sidebar>div,.claude-sidebar>button{font-size:12px;display:block;padding:7px 5px}.claude-sidebar>p{font-size:10px;margin:23px 5px 4px;color:#888}.claude-sidebar .mock-account{position:absolute;bottom:14px;font-size:15px}.mock-account span{font-size:10px;margin-left:9px}.claude-main{position:relative;padding:25px;min-width:0}.claude-welcome{padding-top:75px;text-align:center}.claude-welcome>span{font-size:35px;color:#cc7a57}.claude-welcome h2{font:25px Georgia,serif}.composer-mock{text-align:left;padding:17px;background:#fff;border:1px solid #ddd9d0;border-radius:14px;box-shadow:0 3px 6px #7771;color:#85817b;font-size:13px;min-height:90px}.composer-mock small{display:block;text-align:right;margin-top:25px;color:#6b6862}.project-list h2,.project-title h2{font:27px Georgia,serif}.project-list .project-tile{display:block;white-space:normal;text-align:left;width:100%;background:#fff;border:1px solid #dedbd3;padding:20px;border-radius:12px}.project-tile p{color:#888;font-size:12px}.project-title>p{font-size:12px;color:#888}.project-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-top:30px}.knowledge-panel{padding:15px;background:#f2f0ea;border-radius:12px}.knowledge-panel h3{font-size:13px}.knowledge-panel p{font-size:11px;color:#8b8477}.knowledge-panel .instruction-button{white-space:normal;text-align:left;font-size:12px;border:1px dashed #c9c3b8;background:#faf9f5}.saved-instruction{font-size:12px;overflow-wrap:anywhere}.knowledge-panel hr{border:0;border-top:1px solid #ddd6c9;margin:18px 0}.instructions-dialog{max-width:430px;width:100%;padding:24px;background:#faf9f5;border:1px solid #d9d5cc;border-radius:16px;box-shadow:0 16px 40px #0002}.instructions-dialog h3{font:21px Georgia,serif}.instructions-dialog textarea{font:14px/1.7 inherit;width:100%;resize:vertical;min-height:115px;max-height:200px;padding:12px;color:#242627;background:white;border:1px solid #c9c3ba;border-radius:8px}.instructions-dialog>div{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.instructions-dialog .native-primary{background:#292825;color:#fff}.instructions-dialog button{border:1px solid #d6d1c8}.system-screen button:focus-visible{outline:3px solid #b78330;outline-offset:2px}
@media(max-width:1100px){main{padding:24px}.layout{grid-template-columns:185px 1fr}.finder-window{grid-template-columns:145px 1fr;margin:18px 13px 0}.toolbar-tools{font-size:12px;letter-spacing:0}.mac-menubar{gap:10px}.codex-screen{grid-template-columns:140px 1fr}.claude-screen{grid-template-columns:135px 1fr}.claude-main{padding:18px}.project-layout{grid-template-columns:1fr}.coach-panel{grid-template-columns:1fr}.claude-welcome h2{font-size:22px}}
@media(max-width:650px){nav{grid-template-columns:repeat(5,1fr)}.layout>aside>nav button{font-size:10px}.system-entry{display:block;padding:18px}.system-entry button{margin-top:14px;width:100%}.system-hub-grid{grid-template-columns:1fr}.coach-panel{padding:14px;gap:12px}.scene-glossary{grid-template-columns:1fr 1fr}.system-screen{min-height:390px}.mac-menubar{gap:9px;font-size:10px;padding:0 10px}.mac-menubar small,.mac-menubar>span:nth-last-child(2){display:none}.finder-window{grid-template-columns:102px 1fr;min-height:290px;margin:12px 6px 0}.finder-sidebar{padding:5px}.finder-sidebar>div{font-size:9px;padding:4px}.finder-sidebar p{font-size:8px}.finder-sidebar .traffic{margin:1px 2px 13px;gap:5px}.traffic i{width:9px;height:9px}.finder-toolbar{padding:10px 7px;gap:6px}.finder-toolbar strong{font-size:12px}.toolbar-tools{display:none}.finder-files{gap:9px;padding:24px 5px}.file-tile{min-width:75px;max-width:110px}.file-name{font-size:10px;max-width:110px}.rename-input{max-width:106px;font-size:11px}.other-file{display:none}.capsule{font-size:10px;padding:3px}.finder-dropdown{left:56px;min-width:140px}.native-dialog{padding:18px;max-width:280px}.native-dialog h3{font-size:13px}.codex-screen{grid-template-columns:87px 1fr}.codex-sidebar{padding:12px 7px}.codex-sidebar>strong{font-size:15px}.codex-sidebar>div{font-size:9px;overflow-wrap:anywhere}.codex-bar{padding:10px;font-size:10px;gap:5px}.codex-chat{padding:12px}.codex-chat h3{font-size:15px}.review-panel{margin:0 8px 12px}.review-heading{padding:6px;gap:3px}.review-heading button{padding:3px;font-size:8px}.review-tabs{font-size:8px;gap:4px;padding:6px}.review-tabs button{font-size:8px}.diff-lines{font-size:9px}.claude-screen{grid-template-columns:84px 1fr;min-height:405px}.claude-sidebar{padding:15px 6px}.claude-sidebar>strong{font-size:18px}.claude-sidebar>strong span{display:none}.claude-sidebar>div,.claude-sidebar>button{font-size:9px;white-space:normal;padding:8px 2px}.claude-sidebar .mock-account{display:none}.claude-main{padding:14px 10px}.claude-welcome{padding-top:48px}.claude-welcome h2{font-size:21px}.project-title h2{font-size:20px}.project-layout{gap:10px;margin-top:15px}.knowledge-panel{padding:10px}.instructions-dialog{padding:12px}.instructions-dialog h3{font-size:17px}.instructions-dialog>div{flex-wrap:wrap}.instructions-dialog button{font-size:10px}.claude-main>.native-overlay{position:absolute;left:-70px;padding:10px}.completion-card button{margin:5px 0;width:100%}}
/* Full product entry and nested setting practice */
.desktop-space{min-height:330px;display:grid;place-items:center;color:#fff8;font-size:38px}.finder-dock{display:flex;flex-direction:column;align-items:center;gap:3px}.finder-dock small{font-size:11px}.settings-simulation{display:block;min-height:480px;position:relative;background:#eceaf0;color:#262626}.settings-entry-surface{min-height:390px;display:flex;gap:36px;padding:28px}.settings-entry-surface aside{width:185px;display:flex;flex-direction:column}.account-menu{margin-top:auto}.settings-entry-menu{position:absolute;top:34px;left:12px;z-index:3;min-width:185px;background:#fbfbfbee;border:1px solid #c8c8ce;box-shadow:0 10px 24px #0003;border-radius:9px;padding:6px;display:grid}.claude-screen .settings-entry-menu{top:auto;bottom:20px;left:28px}.settings-window{margin:20px;display:grid;grid-template-columns:190px 1fr;min-height:365px;border-radius:12px;overflow:hidden;background:#fafafa;border:1px solid #c8c8ce;box-shadow:0 8px 20px #0002}.settings-window aside{background:#e4e4e9;padding:14px;display:flex;flex-direction:column;gap:10px}.settings-window aside p{margin:4px 8px;color:#56565f;font-size:13px}.settings-window-title{display:flex;align-items:center;gap:8px;font-size:13px}.settings-close{font-size:20px;line-height:1;padding:0 5px;background:transparent}.settings-search{border:1px solid #c2c2c8;color:#656570;border-radius:6px;padding:6px;font-size:12px}.settings-details{padding:22px}.settings-details h2{font-size:22px;margin:8px 0 24px}.settings-back{padding:2px 12px}.setting-detail-row{background:#fff;border:1px solid #ddd;border-radius:10px;padding:16px}.setting-detail-row h3{font-size:16px}.theme-options{display:flex;gap:12px;flex-wrap:wrap}.theme-option{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;padding:8px;border-radius:8px;border:1px solid #ddd;min-width:74px}.theme-swatch{display:block;width:56px;height:40px;border:1px solid #aaa;background:linear-gradient(90deg,#ddd 30%,#fff 30%);border-radius:5px}.dark-swatch{background:linear-gradient(90deg,#282830 30%,#444450 30%)}.theme-dark .settings-window,.theme-dark .settings-details,.theme-dark .setting-detail-row{background:#24252b;color:#f5f5f5}.theme-dark .settings-window aside{background:#34353d;color:white}.theme-dark .theme-option[aria-pressed=true]{border:2px solid #7daaff}.theme-status{font-size:12px;color:#777}.theme-dark .theme-status{color:#bdd2fa}.settings-window .current{background:#2878d8;color:white}.native-menu{font:inherit;padding:5px 8px;background:transparent}.finder-sidebar .native-menu{text-align:left;width:100%}.settings-entry-menu .menu-option{text-align:left}.codex-sidebar .native-menu{text-align:left;color:inherit}
@media(max-width:650px){.settings-window{margin:8px;grid-template-columns:125px 1fr}.settings-window aside{padding:8px;gap:7px}.settings-details{padding:12px}.settings-window-title{font-size:11px}.settings-search{font-size:11px}.setting-detail-row{padding:8px}.theme-options{gap:5px}.theme-option{min-width:54px;font-size:11px;padding:5px}.theme-swatch{width:40px;height:30px}.settings-entry-surface{padding:18px;gap:16px}.settings-entry-surface aside{width:140px}}
.settings-window{max-height:580px}.settings-window aside,.settings-details{overflow:auto}.setting-nav-label{padding:8px;font-size:13px;color:inherit}.setting-static-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 4px;border-bottom:1px solid #ffffff12;font-size:13px}.setting-static-row span:last-child{font-size:12px}.demo-profile{font-size:14px;margin:12px 0 16px}.demo-profile small{display:block;font-size:11px;margin-left:24px;color:#b3b5b6}.settings-description{font-size:12px;line-height:1.5;color:#afb2b5}.theme-dark .settings-window aside p{color:#bcbec4}.settings-simulation.mac-screen .settings-window{background:#242d30;grid-template-columns:220px 1fr;max-width:760px;margin:28px auto}.settings-simulation.mac-screen .settings-window aside{background:#20282a}.settings-simulation.mac-screen .settings-details{background:#242d30}.settings-simulation.mac-screen .setting-detail-row{background:#2e3739}.settings-simulation.mac-screen .setting-nav-label{padding:9px 6px}.settings-simulation.claude-screen .settings-window{grid-template-columns:230px 1fr;background:#191918}.settings-simulation.claude-screen .settings-window aside{background:#141413}.settings-simulation.claude-screen .settings-details,.settings-simulation.claude-screen .setting-detail-row{background:#191918}.settings-simulation.claude-screen .settings-window aside p{font-size:16px;padding:7px}.settings-simulation.claude-screen .settings-window .current{background:#3d3d3b;color:#eee}.settings-simulation.claude-screen .theme-option{font-size:24px}.color-dots{color:#168aff;letter-spacing:3px}@media(max-width:650px){.settings-simulation.mac-screen .settings-window,.settings-simulation.claude-screen .settings-window{grid-template-columns:130px 1fr}.settings-simulation.claude-screen .settings-window aside p{font-size:12px;padding:5px}.setting-nav-label{font-size:11px}.setting-static-row{font-size:11px;gap:5px}.setting-static-row span:last-child{font-size:10px}}
.personal-desktop{position:relative;aspect-ratio:16/9;min-height:290px;margin:20px 0 12px;border:1px solid #74858a;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 76% 55%,#728989 0%,transparent 40%),linear-gradient(160deg,#226b9b,#2992a5 65%,#426a62);box-shadow:0 14px 32px #12283522}.personal-menubar{display:flex;align-items:center;gap:18px;height:27px;padding:0 14px;background:#166dabaa;color:white;font-size:12px}.personal-menubar small{margin-left:auto;font-size:9px}.desktop-visual-note{position:absolute;inset:36% 0 auto;text-align:center;color:#ffffffcf;font-size:21px}.desktop-visual-note small{display:block;font-size:12px;margin-top:10px}.personal-dock{position:absolute;left:7.08%;right:7.08%;bottom:.3%;aspect-ratio:1648/82}.personal-dock img{width:100%;display:block;border-radius:18px}.dock-hotspot{position:absolute;top:9%;height:86%;padding:0;border:0;border-radius:12px;background:transparent}.dock-hotspot:hover,.dock-hotspot:focus-visible{background:#ffffff18;outline:2px solid #a7d9ff;outline-offset:1px;transform:translateY(-3px)}.system-hub-grid{margin-top:28px}@media(max-width:650px){.personal-menubar{gap:8px;font-size:9px}.personal-dock{left:1%;right:1%;bottom:3%}.desktop-visual-note{font-size:16px}.desktop-visual-note small{font-size:10px}}
.claude-screen{background:#141413;color:#e6e5df;position:relative}.claude-sidebar{background:#141413;color:#bdbcb3;border-right:1px solid #33332f;position:relative;width:240px;min-height:500px;padding:20px}.claude-sidebar>div{padding:10px 5px;font-size:16px}.claude-sidebar p{color:#85847d;margin-top:26px}.claude-title-controls{display:flex;justify-content:space-between;margin-bottom:12px}.claude-search{border:1px solid #3b3b37;border-radius:10px;background:#222221;color:#88877f;margin-bottom:10px}.claude-new{border-radius:10px;background:#3d3d3b;color:#eee}.claude-sidebar .native-project-nav{color:#bdbcb3;text-align:left;font-size:16px;padding:10px 5px;background:none}.claude-main{background:#141413;color:#e6e5df}.claude-welcome h2{font-family:Georgia,serif;font-weight:400;font-size:31px}.claude-screen .composer-mock{background:#171716;border:1px solid #353532;color:#96958b}.claude-account-button{color:#bdbcb3;background:none;border:0;font-size:14px;padding:0}.claude-account-dropdown{position:absolute;z-index:4;left:12px;bottom:60px;width:280px;padding:14px;border:1px solid #3c3c38;border-radius:16px;background:#222221;box-shadow:0 10px 35px #0006}.claude-account-dropdown p{color:#88877e;font-size:12px}.claude-account-dropdown>div,.claude-account-dropdown>button{padding:10px 4px;font-size:15px}.claude-account-dropdown>button{width:100%;text-align:left;background:transparent;color:#ecebe4;border:0}.claude-account-dropdown small{float:right;color:#888}.claude-account-dropdown hr{border:0;border-top:1px solid #444}.claude-screen .project-tile,.claude-screen .knowledge-panel{background:#20201e;color:#e6e5df;border-color:#3d3d38}.claude-screen .instructions-dialog{background:#242421;color:#e6e5df}.claude-screen textarea{background:#171716;color:#e6e5df}.claude-screen .mock-account{position:absolute;bottom:12px;left:16px}@media(max-width:650px){.claude-sidebar{width:150px;padding:12px}.claude-sidebar>div,.claude-sidebar .native-project-nav{font-size:12px}.claude-account-dropdown{width:245px}.claude-welcome h2{font-size:23px}}
.personal-desktop:has(.personal-app-window){aspect-ratio:auto;min-height:690px}.personal-app-window{margin:18px 20px 95px;max-height:550px;overflow:auto;border-radius:12px;box-shadow:0 20px 45px #0006}.personal-app-window .system-screen{border-radius:12px;margin:0;min-height:450px}.personal-app-window .settings-simulation{min-height:480px}.personal-app-window .settings-window{margin:0!important;max-width:none!important;border:0}.personal-app-window .settings-simulation .mac-menubar,.personal-app-window .mock-dock{display:none}.personal-app-window .finder-window{margin-bottom:0}.personal-app-window .teaching-controls{background:#f5f3ed;margin:0;padding:10px;border-radius:0}.personal-app-window .system-screen{box-shadow:none}@media(max-width:650px){.personal-app-window{margin:8px 5px 65px}.personal-desktop:has(.personal-app-window){min-height:620px}}
.settings-simulation.theme-light .settings-window aside{background:#eeeef1;color:#25262a}.settings-simulation.theme-light .settings-details,.settings-simulation.theme-light .setting-detail-row{background:#fbfbfc;color:#25262a}.settings-simulation.theme-light .settings-window aside p,.settings-simulation.theme-light .settings-description{color:#60636a}.theme-option[data-selected=true],.theme-option[aria-pressed=true]{outline:2px solid #1689ff;outline-offset:1px}.theme-light .setting-static-row{border-bottom-color:#0002}
.integrated-codex{background:#292a2a;color:#efefef;min-height:510px;position:relative}.integrated-toolbar{height:42px;display:flex;align-items:center;gap:16px;padding:0 12px;color:#929393}.integrated-spacer{flex:1}.integrated-back{background:transparent;color:#aaa;border:0;padding:3px 6px}.integrated-layout{display:grid;grid-template-columns:44px 220px 1fr;min-height:468px;position:relative}.integrated-rail{display:flex;flex-direction:column;gap:23px;align-items:center;padding:14px 5px;color:#999}.integrated-rail hr{width:80%;border:0;border-top:1px solid #444}.integrated-avatar{margin-top:auto}.integrated-avatar button{background:#e2b900;border-radius:50%;color:white;width:30px;height:30px;padding:0;font-size:13px}.integrated-sidebar{background:#202121;padding:14px 12px;max-height:520px;overflow:auto;border-right:1px solid #3d3e3d;border-radius:16px 0 0 0}.integrated-sidebar h2{font-size:20px;margin:6px 8px 22px}.integrated-sidebar>div,.integrated-nav-label{font-size:14px;padding:12px 8px}.integrated-sidebar>p{font-size:12px;color:#888;margin:20px 8px 7px}.integrated-selected{background:#353636;border-radius:12px;color:#eee;padding:12px 8px;border:0;text-align:left;width:100%;font-size:14px}.integrated-search{background:#373838;border-radius:24px!important;color:#999}.integrated-main{background:#191a19;padding:30px 25px;max-height:520px;overflow:auto;border-radius:0 16px 0 0}.integrated-main h1{font-size:27px;color:#eee}.integrated-section-label{font-size:14px;margin:24px 0 15px}.integrated-group{background:#232423;border:1px solid #3b3c3b;border-radius:18px;padding:5px 18px}.integrated-group>div{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #3b3c3b;font-size:13px}.integrated-group>div:last-child{border-bottom:0}.integrated-group small{display:block;color:#aaa;font-size:11px;line-height:1.5;margin-top:4px}.sim-toggle{display:inline-block;width:32px;height:20px;background:#444;border-radius:14px;position:relative;flex-shrink:0}.sim-toggle:after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;background:white;border-radius:50%}.sim-toggle.on{background:#347cf2}.sim-toggle.on:after{left:14px}.sim-toggle-button{border:0;background:none;padding:2px;display:flex}.sim-select,.sim-segment{background:#323332;border:1px solid #414241;border-radius:12px;padding:8px;white-space:nowrap;font-size:11px}.integrated-account-menu{position:absolute;bottom:8px;left:48px;width:260px;z-index:5;background:#292a29;border:1px solid #494a49;border-radius:22px;padding:14px 18px;box-shadow:0 15px 30px #0006}.integrated-account-menu>div,.integrated-account-menu>button{display:block;padding:11px 0;font-size:14px;background:none;border:0;color:#eee}.integrated-account-menu small{display:block;color:#999;font-size:11px}.integrated-account-menu hr{border:0;border-top:1px solid #444}.integrated-account-menu .dismiss-menu{font-size:10px;color:#aaa}.integrated-welcome{min-height:350px;display:flex;flex-direction:column;justify-content:center;text-align:center}.integrated-welcome h2{font-size:22px}.integrated-composer{border:1px solid #444;border-radius:22px;background:#303131;color:#999;padding:20px 15px;font-size:13px;text-align:left}.integrated-composer span{float:right}@media(max-width:650px){.integrated-layout{grid-template-columns:32px 130px 1fr}.integrated-sidebar{padding:10px 5px}.integrated-sidebar h2{font-size:16px}.integrated-sidebar>div,.integrated-nav-label,.integrated-selected{font-size:11px;padding:9px 5px}.integrated-main{padding:18px 10px}.integrated-group{padding:4px 9px}.integrated-group>div{font-size:11px;flex-wrap:wrap}.integrated-group small{font-size:10px}.integrated-toolbar{gap:8px}.integrated-account-menu{left:36px;width:235px}}
/* Review fixes: external stylesheet positioning, real menu access, responsive tracks. */
.dock-finder{left:.8%;width:4%}.dock-chatgpt{left:34.9%;width:3.7%}.dock-claude{left:38.7%;width:3.7%}.dock-settings{left:69.3%;width:4%}.dock-trash{left:95.8%;width:4%}.personal-menubar button{background:transparent;color:inherit;font:inherit;padding:0;border:0;border-radius:0}.claude-screen{grid-template-columns:240px 1fr}.claude-screen .mock-account{display:block}.personal-app-window .finder-window{margin-top:0}@media(max-width:650px){.claude-screen{grid-template-columns:150px 1fr}.claude-screen .mock-account{display:block}}

/* Learning-card scope takes precedence over generic decorative cards. */
.word-card .word{font-size:40px;line-height:1.25;margin:16px 0;overflow-wrap:anywhere}.word-card .meaning{font-size:24px;color:var(--ink);margin:12px 0}.word-card .mnemonic{font-size:20px;color:#70491c;font-weight:600;line-height:1.5}.word-card .breakdown p{color:#344e55}.audio-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}.audio-bar button{width:auto;margin:0;padding:8px 12px;min-height:40px}.word-card .row button{width:auto;margin-top:0}.legacy-entry{border-top:1px solid var(--line);padding-top:16px}.legacy-entry>summary{cursor:pointer;font-weight:600}.start-card .primary{min-height:44px;padding:12px 22px}.brand{font-size:18px;display:flex;align-items:center;white-space:normal;line-height:1.35}.brand span{flex-shrink:0}.card .word{color:var(--ink)}
@media(max-width:650px){.word-card .word{font-size:32px}.word-card .mnemonic{font-size:20px}.word-card .meaning{font-size:22px}.layout>aside>nav{grid-template-columns:repeat(5,1fr)}.layout>aside>nav button{font-size:12px;min-height:44px}.brand{font-size:18px}.audio-bar{gap:6px}.audio-bar button{padding:8px 10px;min-height:44px}}
.sentence-card .sentence{font-size:28px;color:var(--ink);line-height:1.55}.sentence-card .chunk{font-size:17px}.sentence-card .row button{width:auto;margin:0}.sentence-card button{margin-top:6px}.sentence-card .chunk button{font-size:14px;padding:6px 10px}
@media(max-width:650px){.sentence-card .sentence{font-size:24px}.sentence-card .row{gap:6px}.sentence-card button{min-height:44px}}

#notice:empty + #notice-dismiss{display:none}#notice-dismiss{font-size:13px;padding:5px 12px;margin-bottom:12px}.personal-desktop:has(.personal-app-window .mac-menubar)>.personal-menubar{display:none}

.spoken-script:empty{display:none}.spoken-script{font-size:18px!important;color:#183f35!important;background:#edf7ec;padding:12px;border-radius:8px}

.word-card .pronunciation-line{display:block;border:0;background:transparent;padding:0;margin:7px 0;line-height:1.7;overflow-wrap:anywhere}

@media(max-width:650px){
  .word-card > .breakdown h3{font-size:24px}
  .word-card > .breakdown p,
  .word-card > [data-audio-section="example"] p{font-size:21px;overflow-wrap:anywhere}
}

.enrichment label,.account-panel label{display:block;margin:14px 0 6px;font-weight:600}.enrichment input,.account-panel input{width:100%;box-sizing:border-box;min-height:44px;padding:10px;border:1px solid #adb8c7;border-radius:8px;font-size:16px}.enrichment-segments>div{padding:10px 0;border-bottom:1px solid #d9dfe7;overflow-wrap:anywhere}.enrichment-draft p{line-height:1.8;overflow-wrap:anywhere}.enrichment .row,.account-panel .row{flex-wrap:wrap;margin-top:16px}.enrichment button,.account-panel button{min-height:44px}.enrichment [role=alert],.account-panel [role=alert]{color:#9b3124}

/* Sentence teaching has one visible paragraph per spoken position in both entries. */
.teaching-rows{min-width:0;margin-top:20px}
.teaching-group,.teaching-component{margin:18px 0;padding-top:14px;border-top:1px solid var(--line)}
.teaching-rows h3{font-size:20px;line-height:1.45;margin:12px 0 8px;overflow-wrap:anywhere}
.teaching-rows .teaching-component-title{font-size:24px}
.word-card .teaching-rows p,.ex-word-panel .teaching-rows p{font-size:18px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-line}
.word-card .teaching-row,.ex-word-panel .teaching-row{color:var(--ink);padding:10px 0;margin:6px 0;scroll-margin-block:80px}
.word-card .teaching-reference,.ex-word-panel .teaching-reference{color:var(--muted)}
/* A hidden 150% normal-weight measure reserves the largest wrapped height without duplicating accessible content. */
.teaching-row,.teaching-reference,.word-card .teaching-rows .pronunciation-line,.ex-word-panel .teaching-rows .pronunciation-line{display:grid;align-items:center}
.teaching-row::before,.teaching-reference::before,.pronunciation-line::before{content:attr(data-reserve-text);grid-area:1 / 1;visibility:hidden;font-size:1.5em;font-weight:400;overflow-wrap:anywhere;white-space:pre-line;pointer-events:none;user-select:none}
.teaching-row-text{display:inline-block;grid-area:1 / 1;max-width:calc(100% / 1.06);transform-origin:left center;transition:transform 180ms ease;overflow-wrap:anywhere}
[data-reserve-text] > .teaching-row-text{max-width:calc(100% / 1.5);min-width:0;transition:transform 180ms ease,color 180ms ease;}
.audio-current{scroll-margin-block:80px}
.audio-current .teaching-row-text{transform:scale(1.06)}
[data-reserve-text].audio-current > .teaching-row-text,.audio-current [data-reserve-text] > .teaching-row-text{transform:scale(1.5);font-weight:400;color:var(--speaking-ink,#177b67)}
.word-card .teaching-reference,.ex-word-panel .teaching-reference{padding:10px 0;scroll-margin-block:80px}
.teaching-listen{display:block;max-width:100%;min-height:44px;margin:0 0 12px;white-space:normal;overflow-wrap:anywhere}
.audio-bar [data-action="audio-follow"]{max-width:100%;white-space:normal;overflow-wrap:anywhere;flex:0 1 auto}
@media(prefers-reduced-motion:reduce){.teaching-row-text{transition:none}[data-reserve-text] > .teaching-row-text{transition:none}}

@media(max-width:650px){
  .word-card .teaching-rows h3,
  .ex-word-panel .teaching-rows h3{font-size:24px}
  .word-card .teaching-rows p,
  .ex-word-panel .teaching-rows p{font-size:21px;overflow-wrap:anywhere}
}

/* Stable tail space lets the final reading line reach the visible center. */
#content:has(.teaching-rows)::after{content:"";display:block;height:50vh;height:50dvh;pointer-events:none}