:root{--bg:#1c1c1c;--paper:#282828;--ink:#e9e7e2;--muted:#999999;--blue:#c9c4b8;--line:#3a3a3a;--pale:#383838;--side:#202020}
.course-sense-label{font:8px/1.5 monospace;letter-spacing:1.4px;color:#92816a;margin:5px 0 6px}.flashcard .card-meaning{padding-top:0}.paper-word{overflow-wrap:anywhere}dialog .course-sense-label{color:#a99c87}@media(max-width:760px){.paper-word{font-size:39px;letter-spacing:-1.3px}}
body::before{background-image:url('graphite-grain.svg');background-size:180px;opacity:.085;mix-blend-mode:screen}body[data-texture="sand"]::before{background-image:url('graphite-grain.svg');background-size:100px;opacity:.15}body[data-texture="plain"]::before{opacity:0}.paper-study::after,.flashcard::after{background-image:url('paper-fibres.svg')!important;background-size:320px!important;opacity:.32!important;mix-blend-mode:multiply;z-index:-1}.flashcard{isolation:isolate}.flashcard::after{z-index:0;opacity:.24!important}.paper-study::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(108deg,#ffffff10,#00000005 45%,#ffffff0b 75%);z-index:-1}body[data-texture="sand"] .paper-study::after,body[data-texture="sand"] .flashcard::after{background-image:url('graphite-grain.svg')!important;background-size:130px!important;opacity:.28!important}body[data-texture="plain"] .paper-study::after,body[data-texture="plain"] .flashcard::after{opacity:0!important}.surface-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-8px 0 15px}.surface-bar>span{font:7px monospace;letter-spacing:1.3px;color:#858177}.surface-bar>div{display:flex;gap:4px}.surface-btn{font-size:9px;color:#89857d;padding:5px 9px;border:1px solid transparent;border-radius:2px}.surface-btn.selected{color:#d3c9b7;border-color:#5e574b;background:#33302a}.surface-btn:hover{background:#2e2c28}@media(max-width:760px){.surface-bar{margin:-7px 0 14px;gap:7px}.surface-bar>span{font-size:6px;letter-spacing:.7px}.surface-btn{font-size:8px;padding:5px 6px}}
.sidebar{width:220px;background:#202020;border-color:#353535;padding:33px 22px}.main-wrap{margin-left:220px}.brand-icon{background:#ded8cb;color:#2b2925;width:40px;height:43px;font-size:40px;border-radius:3px}.brand-icon span{color:#777166}.brand b{font:18px/1.3 var(--serif);color:#e3dfd5}.brand small{font-size:6px;letter-spacing:1.2px}.nav{padding:11px 12px;font-size:12px;gap:12px;margin-bottom:9px;color:#a8a8a8;border-radius:3px}.nav.active{background:#333333;color:#e8e3d8}.nav:hover,.side-course:hover{background:#2c2c2c}.nav i{font-size:18px}.side-course{color:#a5a5a5;font-size:11px;padding:8px 9px}.course-dot{background:#96938d}.side-title{margin-top:32px;color:#838383}.side-course small{color:#7a7a7a}.private-label{font-size:7px;letter-spacing:1px;color:#7d7d7d}.private-label span{background:#b4afa3}.sidebar-bottom b{color:#a7a7a7}.sidebar-bottom small{color:#747474}.avatar{background:#343434;border-color:#444444;color:#b8b3a9}.topbar{height:66px;padding:0 5.8%;font-size:8px;letter-spacing:2px;border-color:#333333;color:#7d7d7d}.topbar span:last-child{color:#8a8a8a;font-size:10px}main{padding:34px 5.8% 42px;max-width:1300px;min-height:calc(100vh - 124px)}.desk-intro{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 30px;gap:25px}.desk-intro .eyebrow{font-size:8px;letter-spacing:2.2px;color:#9c978b;margin-bottom:8px}.desk-intro h1{font:normal 47px/1.16 var(--serif);letter-spacing:-1.2px;color:#ebe5d9}.desk-intro p{font-size:11px;color:#9c9c9c;margin-top:12px;letter-spacing:.5px}.desk-edition{font:8px/1.9 monospace;letter-spacing:1.1px;color:#7d7d7d;text-align:right;padding-bottom:4px}.desk-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(220px,1fr);gap:22px;margin-bottom:33px}.paper-study{position:relative;isolation:isolate;padding:24px 29px 23px;background:#e5dfd2;color:#2c2a25;border:1px solid #c9c1b2;border-radius:3px;box-shadow:0 8px 35px #00000017;overflow:hidden;min-height:268px}.paper-study::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6 .85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.paper-top{display:flex;justify-content:space-between;gap:15px;color:#6f695e;font:8px/1.5 monospace;letter-spacing:1.5px}.paper-top span:last-child{font:9px/1.5 sans-serif;letter-spacing:1px}.paper-word{font:48px/1.2 var(--serif);letter-spacing:-1.4px;margin:24px 0 10px;color:#25231f}.paper-word>span{font:italic 16px var(--serif);letter-spacing:0;color:#8a8174;margin-left:15px}.paper-sentence{font:17px/1.6 var(--serif);color:#5d574d;max-width:90%;min-height:29px}.paper-bottom{border-top:1px solid #bdb4a5;margin-top:25px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:15px}.paper-bottom>span{font-size:9px;color:#80796d;white-space:nowrap}.paper-start{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#2c2b28;color:#eee8dc;padding:11px 16px;border-radius:2px;font-size:11px;min-width:154px}.paper-start:hover{background:#45413a}.paper-start span{font-size:16px}.desk-summary{padding:22px 3px 17px 13px;border-top:1px solid #4a4a4a;display:flex;flex-direction:column}.desk-summary .eyebrow{font:8px monospace;color:#97938a;letter-spacing:1.7px;margin:0}.desk-progress{margin:17px 0 0;line-height:1;display:flex;align-items:baseline;gap:12px}.desk-progress>span{font:53px/1 var(--serif);color:#d7d2c7}.desk-progress small{font:17px var(--serif);color:#777777}.desk-summary>p{color:#999999;font-size:10px;margin:10px 0 16px}.desk-summary .progress{height:2px;background:#414141}.desk-summary .progress span{background:#c9c0af}.summary-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;color:#919191;font-size:9px}.summary-bottom .quiet{font-size:9px;padding:0;color:#aaa69e}.desk-small-note{margin-top:auto;padding-top:20px;font-size:10px;line-height:1.9;color:#777777}.section-heading h2{font-size:15px;font-weight:500;color:#d6d2c9}.section-heading small{font:8px monospace;letter-spacing:1.4px;color:#717171}.section-heading .quiet{font-size:10px;color:#aaa59b}.course-list-head{margin:0 0 12px}.course-shelf{border-top:1px solid #484848}.shelf-course{display:grid;grid-template-columns:30px minmax(0,1fr) 80px 65px 20px;gap:15px;align-items:center;width:100%;text-align:left;border-bottom:1px solid #373737;padding:16px 13px 16px 5px;transition:background .15s}.shelf-course:hover{background:#272727}.shelf-number{font:10px var(--serif);color:#79766f}.shelf-title b{font-size:13px;font-weight:400;color:#cfcbc3;letter-spacing:.5px}.shelf-title small{font:italic 12px var(--serif);margin-left:16px;color:#84817b}.shelf-code{font:9px monospace;letter-spacing:.5px;color:#8f8d88}.shelf-count{font:19px var(--serif);text-align:right;color:#bcb7ac}.shelf-count small{font:9px sans-serif;margin-left:6px;color:#7d7a74}.shelf-arrow{font:17px var(--serif);color:#8e8a81;text-align:right}.desk-footnote{display:flex;justify-content:space-between;gap:15px;margin-top:17px;font-size:8px;letter-spacing:.4px;color:#727272}.primary{background:#d0c8b9;color:#2b2925;border-radius:3px}.primary:hover{background:#e7dfcf}.secondary{background:#3c3a35;color:#d7d0c2}.outline{border-color:#4c4a46;border-radius:3px;color:#c6c1b8}.quiet{color:#aaa69e}.eyebrow{color:#aaa397}.intro h1{font-size:31px;letter-spacing:.5px;color:#e1dbd0}.intro p{color:#9b9b9b}.math-banner{background:#282725;border-color:#46423b;border-radius:3px;padding:18px 21px}.math-banner b{font-size:10px;letter-spacing:1.6px;color:#c5bdae}.math-banner p{color:#979189}.unit-chip{background:#3a3732;color:#c6bcaa;border-radius:2px}.pill{border-color:#46423d;color:#a9a197;border-radius:2px}.pill.active{background:#c7bdaa;border-color:#c7bdaa;color:#2f2b25}.library-list{border-color:#41403c;border-radius:3px;background:#262625}.word-row{border-color:#383735}.word-row:hover{background:#30302d}.word-row b{color:#ded8cc}.word-row .meaning{color:#b9b3a9}.word-row small{color:#85817a}.star{color:#888276}.star.saved{color:#ddd0b8}.flashcard{background:#e3dccd;color:#2c2821;border-color:#c6bba8;border-radius:3px;box-shadow:0 20px 50px #00000020}.flashcard::before{border-color:#7f705323;border-radius:1px}.flashcard::after{opacity:.07}.term{color:#28241e}.card-label{color:#8d806d;letter-spacing:1.4px}.card-star.star{color:#8e8069}.card-star.star.saved{color:#4f4535}.card-meaning{color:#5a4e3c;font-size:19px}.pronounce{color:#70624d;background:#d1c7b6;border-radius:3px}.think{color:#8e826f}.flashcard .primary{background:#33302a;color:#ede6d8}.flashcard .primary:hover{background:#51483c}.example-box{background:#ffffff08;border-color:#bfb29d;padding:17px 19px}.example-label{color:#8e816c}.example-en{color:#3a3228;font-size:22px}.example-zh{color:#73634e}.example-action{color:#84715b;font-size:11px}.example-action b{color:#65543f}.sentence-help summary,.original summary{color:#8f7c60}.original .context{background:#d8cebb;color:#75634a;border-left-color:#b4a080}.memory-tip{color:#7b684f}.source{color:#95816a;border-color:#c2b49e}.flashcard .star{background:transparent}.study-head h2{color:#c5bfb3;font-size:17px}.study-top{color:#979187}.recall button{background:#2c2b29;border-color:#504a41;border-radius:3px}.recall b{color:#c7beaf}.recall small{color:#8a8174}.recall button:last-child{background:#c9bfad;color:#30291f;border-color:#c9bfad}.recall button:last-child b{color:#30291f}.recall button:last-child small{color:#756958}.study-help{color:#7d776f}.setting-panel{border-radius:3px;background:#272725}.setting-panel h3{color:#d1cabd}.setting-panel p{color:#a39c90}input,select,textarea{background:#222221;color:#d1cbc0;border-color:#48453f;border-radius:3px}.setting-panel label{color:#a29a8e}.detail-term{color:#ded6c8}.detail-meaning{color:#bfb29d}.dialog-head{color:#d1c7b7}dialog{background:#292825;border-color:#4c463c;border-radius:5px}.dialog-note{color:#a99f8f}dialog .example-box{background:#ded5c4;padding:20px}dialog .example-en{color:#382f24}dialog .original summary{color:#b7a98f}dialog .original .context{background:#34312b;color:#b0a28c}.detail-source{color:#8c8272}.dialog-head .icon{color:#b4a998}.success-circle{color:#c8bba5;background:#3b362d}.complete h1{color:#ded5c4}footer{border-color:#333333;color:#707070;font-size:8px;padding:17px 5.8%}footer button{color:#8c867c;font-size:8px}.error{color:#c0a69c}.success{color:#b3b59f}#toast{background:#d5cdbc;color:#332d23;border-radius:3px}
@media(max-width:1100px){.sidebar{width:200px;padding:28px 18px}.main-wrap{margin-left:200px}.brand b{font-size:17px}.brand-icon{width:35px;height:38px;font-size:36px}.desk-intro h1{font-size:42px}.desk-edition{display:none}.desk-grid{grid-template-columns:minmax(0,1.6fr) minmax(180px,1fr);gap:20px}.paper-study{padding:22px}.paper-word{font-size:43px}.paper-bottom>span{display:none}.shelf-title small{display:block;margin:3px 0 0}}
@media(max-width:760px){.sidebar{position:static;width:100%;padding:20px 23px 12px;background:#202020}.brand{gap:10px}.brand b{font-size:20px;white-space:nowrap}.brand small{font-size:6px}.brand-icon{width:35px;height:37px;font-size:35px}.sidebar nav{gap:5px;margin-top:18px}.nav{display:flex;flex-direction:column;gap:4px;margin:0;padding:8px 3px;flex:1;font-size:9px;line-height:1.5;white-space:nowrap;border-radius:2px}.nav i{font-size:15px}.main-wrap{margin-left:0}.topbar{height:42px;padding:0 6%;font-size:6px;letter-spacing:1.2px}.topbar span:last-child{font-size:8px}.desk-intro{margin-bottom:24px}.desk-intro h1{font-size:40px;letter-spacing:-1px}.desk-intro .eyebrow{font-size:7px}.desk-intro p{font-size:10px;line-height:1.9;margin-top:10px}.desk-grid{grid-template-columns:1fr;gap:21px;margin-bottom:28px}.paper-study{padding:21px;min-height:259px}.paper-top{font-size:7px;letter-spacing:1px}.paper-top span:last-child{font-size:8px}.paper-word{font-size:45px;margin:25px 0 14px}.paper-sentence{font-size:17px;max-width:100%}.paper-bottom{margin-top:23px;padding-top:15px}.paper-bottom>span{display:block;font-size:7px;white-space:normal;max-width:90px;text-align:right;line-height:1.8}.paper-start{font-size:10px;min-width:149px;padding:10px 14px}.desk-summary{display:grid;grid-template-columns:1fr auto;padding:16px 0 0;border-top:1px solid #494640;align-items:center}.desk-summary .eyebrow{grid-column:1;font-size:7px;letter-spacing:1.3px}.desk-progress{grid-column:2;grid-row:1/3;margin:0;gap:7px}.desk-progress>span{font-size:39px}.desk-progress small{font-size:16px}.desk-summary>p{grid-column:1;margin:5px 0 0;font-size:9px}.desk-summary>.progress{grid-column:1/3;margin-top:15px}.summary-bottom{grid-column:1/3;margin-top:10px}.desk-small-note{display:none}.course-list-head h2{font-size:14px}.course-list-head .quiet{font-size:9px}.course-list-head small{display:none}.shelf-course{grid-template-columns:18px minmax(0,1fr) 52px 37px 12px;gap:9px;padding:14px 2px}.shelf-title b{font-size:12px}.shelf-title small{font-size:10px;margin-top:2px}.shelf-code{font-size:7px;letter-spacing:0}.shelf-count{font-size:17px}.shelf-count small{font-size:8px;margin-left:3px}.shelf-arrow{font-size:14px}.shelf-number{font-size:9px}.desk-footnote{font-size:7px;line-height:1.8}.desk-footnote span:last-child{max-width:110px;text-align:right}.intro h1{font-size:27px}main{padding:26px 6% 34px}.flashcard{padding:28px 20px;min-height:340px}.example-box{padding:15px 8px}.example-en{font-size:20px;line-height:1.6}.card-meaning{font-size:17px}.example-zh{font-size:11px}.example-action{font-size:10px}.recall b{font-size:11px}.recall small{font-size:8px}.study-top{font-size:9px}.study-head .section-heading{display:block}.study-head h2{font-size:15px}.study-head .unit-chip{font-size:9px}.study-help{font-size:8px}.study-bottom{gap:5px;flex-wrap:wrap}.study-bottom .quiet{font-size:9px}.card-label{font-size:7px}.term{font-size:34px}.toolbar input{font-size:12px}.toolbar select{font-size:10px}.word-row b{font-size:19px}.word-row .meaning{font-size:11px}}

.brand #brand-name em{font-style:italic;font-weight:400;font-size:.88em}

.paper-word>span{display:inline-block;white-space:nowrap}@media(max-width:760px){.paper-word>span{display:block;margin:7px 0 0;font-size:12px;line-height:1.3}}

.brand #brand-name{font-style:italic}

.shelf-title .course-en{display:block;font:20px/1.35 var(--serif);letter-spacing:0;color:#d7d0c4}.shelf-title .course-zh{display:block;font:10px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;letter-spacing:1px;margin:5px 0 0;color:#8f8a80}.shelf-course{padding-top:17px;padding-bottom:17px}@media(max-width:760px){.shelf-title .course-en{font-size:17px;line-height:1.35}.shelf-title .course-zh{font-size:9px;margin-top:5px;letter-spacing:.7px}.shelf-course{padding-top:15px;padding-bottom:15px}}

.shelf-title .course-en{font-size:18px;font-style:italic}.shelf-title .course-zh{font-family:"Songti SC","STSong","Noto Serif CJK SC","SimSun",serif;letter-spacing:.8px}@media(max-width:760px){.shelf-title .course-en{font-size:15.5px}.shelf-title .course-zh{font-family:"Songti SC","STSong","Noto Serif CJK SC","SimSun",serif}}

/* Thick, lightly wrinkled paper. Keep the reading plane calm. */
body[data-texture="paper"] .paper-study::after,
body[data-texture="paper"] .flashcard::after{
 background-image:url('paper-soft-creases.jpg')!important;
 background-size:100% 100%!important;background-position:center!important;
 background-repeat:no-repeat!important;opacity:.9!important;
 mix-blend-mode:normal!important;
}
body[data-texture="paper"] .flashcard::after{opacity:.84!important}
body[data-texture="paper"] .paper-study,
body[data-texture="paper"] .flashcard{
 border:1px solid #c3b9a5;border-bottom-color:#a99c83;border-radius:3px;
 box-shadow:inset 0 1px 1px #ffffff99,0 1px 0 #e5dac6,0 2px 0 #bcaf95,0 3px 1px #8f8168,0 11px 27px #00000024;
}
body[data-texture="paper"] .paper-study::before{background:linear-gradient(110deg,#ffffff0c,#00000002 65%);opacity:.4}

/* Course scope controls follow the existing neutral palette. */
.range-controls{display:flex;flex-wrap:wrap;align-items:end;gap:14px;padding:18px 0;border-bottom:1px solid #41403c;margin-bottom:18px}.range-controls label{display:grid;gap:7px;min-width:160px;font-size:12px;color:var(--muted)}.range-controls select{max-width:100%;color:var(--text);background:#272725;border:1px solid #494843;padding:10px;border-radius:5px}.range-controls p{flex:1;min-width:200px;color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 5px} @media(max-width:600px){.range-controls label{flex:1;min-width:130px}.range-controls p{flex-basis:100%}}