@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;600;700;900&display=swap";:root{color:#332d27;font-synthesis:none;text-rendering:optimizelegibility;--paper:#f8f4ed;--paper-deep:#eee7dc;--ink:#332d27;--muted:#877b6e;--line:#e3d9cb;--terracotta:#bd6d4d;--green:#5f8173;--blue:#5c758f;--purple:#89739a;--shadow:0 18px 50px #53413014;background:#f5f0e8;font-family:DM Sans,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% -10%, #fffaf1 0, transparent 32%), var(--paper);min-width:320px;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:3;background:#ede6da;border-right:1px solid #e1d7ca;flex-direction:column;width:244px;padding:27px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{cursor:pointer;align-items:center;gap:11px;padding:0 10px 32px;display:flex}.brand-mark{background:var(--ink);color:#faf3e9;border-radius:13px;place-items:center;width:38px;height:38px;font-family:Noto Serif SC,serif;font-size:19px;display:grid;box-shadow:4px 4px #c8b4a1}.brand strong{letter-spacing:.06em;font-family:Noto Serif SC,serif;font-size:19px;display:block}.brand span{color:#9b8979;letter-spacing:.12em;margin-top:3px;font:500 8px DM Mono,monospace;display:block}.side-label,.eyebrow{color:#a08d7c;letter-spacing:.12em;text-transform:uppercase;font:500 10px DM Mono,monospace}.side-label{padding:0 11px 10px}.nav-list{gap:4px;display:grid}.nav-item{color:#817264;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;padding:11px 12px;transition:all .2s;display:flex}.nav-item:hover{color:var(--ink);background:#ffffff73}.nav-item.active{color:var(--ink);background:#faf7f1;box-shadow:0 4px 15px #5341300f}.nav-item em{color:#b5a496;margin-left:auto;font:10px DM Mono,monospace}.nav-icon{text-align:center;width:21px;font:600 14px Noto Serif SC,serif}.sidebar-bottom{margin-top:auto}.mini-progress{background:#ffffff47;border:1px solid #ddcfbf;border-radius:14px;align-items:center;gap:11px;padding:15px 11px;display:flex}.mini-progress strong,.mini-progress small{display:block}.mini-progress strong{font-size:12px}.mini-progress small{color:#968878;margin-top:3px;font-size:10px}.progress-ring{background:conic-gradient(var(--terracotta) var(--progress), #dfd4c6 0);border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:relative}.progress-ring:after{content:"";background:#eee6da;border-radius:50%;position:absolute;inset:4px}.progress-ring span{z-index:1;font:9px DM Mono}.side-import{color:#9a7965;text-align:left;background:0 0;border:0;width:100%;padding:18px 5px 2px;font-size:11px}.side-import span{vertical-align:-2px;margin-right:4px;font-size:18px}.main-content{width:calc(100% - 244px);min-width:0;margin-left:244px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:2;background:#f8f4edc7;justify-content:space-between;align-items:center;height:78px;padding:0 5vw;display:flex;position:sticky;top:0}.breadcrumb{color:#9c8c7c;font-size:12px}.breadcrumb b{color:#c4b8aa;margin:0 10px;font-weight:400}.breadcrumb strong{color:var(--ink);font-weight:600}.top-actions{align-items:center;gap:15px;display:flex}.icon-button{border:1px solid var(--line);color:#88796c;background:#ffffff59;border-radius:10px;width:33px;height:33px}.icon-button:hover{color:var(--ink);background:#fff}.profile{color:#7c6d60;background:0 0;border:0;align-items:center;gap:8px;font-size:11px;display:flex}.avatar{color:#fff;background:#93806d;border-radius:50%;place-items:center;width:29px;height:29px;font:13px Noto Serif SC;display:grid}.profile-name{color:var(--ink)}.page{max-width:1360px;margin:0 auto;padding:50px 5vw 42px}.page-intro{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px;display:flex}.page-intro h1,.hero h1{letter-spacing:-.04em;margin:9px 0 10px;font:700 clamp(30px,3.2vw,44px)/1.18 Noto Serif SC,serif}.page-intro p,.hero p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.button{border:0;border-radius:10px;padding:11px 17px;font-size:12px;font-weight:600;transition:all .2s}.button.primary{color:#fffaf4;background:var(--ink);box-shadow:0 7px 16px #332d2726}.button.primary:hover{background:#5b4b3d;transform:translateY(-1px)}.button.soft{color:#a35f45;background:#f2dfd4}.button.soft:hover{background:#eacfc0}.button.ghost{border:1px solid var(--line);color:#88776a;background:0 0}.button.ghost:hover{background:#fff}.text-button,.link-button{color:#9b6853;background:0 0;padding:0;font-weight:600}.text-button{margin-left:11px}.link-button{border:0;font-size:11px}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffff6b;border-radius:15px}.hero{background:linear-gradient(120deg,#f8f2e8,#f3e9de);border:1px solid #e2d6c8;border-radius:20px;grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:30px;padding:42px 44px;display:grid;position:relative;overflow:hidden}.hero:after{content:"Aa";color:#b27b5a14;font:200px Noto Serif SC;position:absolute;bottom:-56px;right:250px}.hero h1{max-width:580px;margin-top:11px}.hero p{max-width:530px}.hero-actions{margin-top:25px}.hero-note{z-index:1;background:#ffffff8f;border:1px solid #bf9b7e47;border-radius:13px;align-self:center;padding:25px 23px;position:relative;transform:rotate(1.5deg)}.hero-note:before{content:"";opacity:.45;background:#cfaa85;width:45px;height:9px;position:absolute;top:-5px;left:36%;transform:rotate(-3deg)}.hero-note span,.hero-note small{color:#aa8f7b;letter-spacing:.1em;font:10px DM Mono;display:block}.hero-note strong{margin:16px 0 21px;font:600 18px/1.6 Noto Serif SC;display:block}.hero-note small{letter-spacing:0;font-family:inherit}.stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0 34px;display:grid}.stat-card{border:1px solid var(--line);background:#ffffff73;border-radius:13px;padding:17px 18px 15px;position:relative;overflow:hidden}.stat-card>span{color:#958677;font-size:11px}.stat-card div{align-items:baseline;gap:6px;margin-top:10px;display:flex}.stat-card strong{letter-spacing:-.08em;font:600 30px DM Mono}.stat-card em{color:#a39181;font-size:11px;font-style:normal}.stat-card small{color:#a39181;font-size:10px}.stat-card i{opacity:.15;border-radius:50%;width:55px;height:55px;position:absolute;bottom:-22px;right:-15px}.stat-card.terracotta i{background:var(--terracotta)}.stat-card.green i{background:var(--green)}.stat-card.blue i{background:var(--blue)}.stat-card.purple i{background:var(--purple)}.home-grid{grid-template-columns:minmax(0,1.5fr) minmax(250px,.8fr);gap:15px;display:grid}.focus-panel{padding:25px 27px 13px}.section-head,.section-row,.note-list-head,.notebook-head,.editor-head{justify-content:space-between;align-items:center;display:flex}.section-head h2,.section-row h2,.note-list-head h2{margin:8px 0 17px;font:600 19px Noto Serif SC}.focus-list{border-top:1px solid #e8dfd5}.focus-item{text-align:left;background:0 0;border:0;border-bottom:1px solid #e8dfd5;align-items:center;gap:15px;width:100%;padding:18px 0;display:flex}.focus-item:hover .focus-arrow{color:var(--terracotta);transform:translate(4px)}.focus-number{color:#b9a796;font:11px DM Mono}.focus-copy{flex:1}.focus-copy strong,.focus-copy small{display:block}.focus-copy strong{font-size:13px}.focus-copy small{color:#a28f7f;margin-top:5px;font-size:11px}.focus-tag{color:#a4765d;background:#f1e4d7;border-radius:15px;padding:5px 9px;font:10px DM Mono}.focus-arrow{color:#b9a899;transition:all .2s}.quote-panel{background:#e8efe7;border-color:#d7e3d9;padding:31px 28px;position:relative;overflow:hidden}.quote-mark{color:#9fb6a0;height:42px;font:90px/.5 Georgia}.quote-panel p{letter-spacing:-.02em;z-index:1;font:600 21px/1.45 Noto Serif SC;position:relative}.quote-panel>span{color:#76927c;font-size:11px}.listen-button{color:#66846e;background:0 0;border:0;padding:17px 0 0;font-size:11px;display:block}.section-row{margin:36px 0 15px}.section-row h2{margin:7px 0 0}.recent-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.recent-card{text-align:left;border:1px solid var(--line);background:#fff6;border-radius:13px;flex-direction:column;min-height:140px;padding:16px;transition:all .2s;display:flex}.recent-card:hover{box-shadow:var(--shadow);background:#fffdf9;transform:translateY(-2px)}.recent-kind{color:#b3917a;font:9px DM Mono}.recent-card strong{margin:16px 0 5px;font-size:20px}.recent-card>span:not(.recent-kind){color:#7d6f63;font-size:11px}.recent-card small{color:#ae9b89;margin-top:auto;font-size:10px}.word-layout{grid-template-columns:minmax(330px,.8fr) minmax(0,1.25fr);align-items:start;gap:17px;display:grid}.word-browser{min-height:700px;padding:19px}.search-box{color:#a58d7b;background:#faf8f4;border:1px solid #e3d9cf;border-radius:10px;align-items:center;padding:0 11px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%;padding:11px 9px;font-size:12px}.search-box kbd{color:#b7a79a;white-space:nowrap;border:1px solid #e1d8cf;border-radius:5px;padding:4px 6px;font:9px DM Mono}.filter-row{border-bottom:1px solid #e8dfd5;flex-wrap:wrap;gap:7px;padding:14px 0 11px;display:flex}.filter-row select,.filter-chip{color:#8d7b6b;background:#f8f4ed;border:1px solid #e4dacf;border-radius:7px;outline:0;padding:7px 8px;font-size:10px}.filter-chip{cursor:pointer}.filter-chip.selected{color:#a66046;background:#f0ddd2}.result-count{color:#aa9887;padding:13px 0 7px;font:10px DM Mono}.result-count span{color:#c2b4a7}.word-list{gap:2px;display:grid}.word-row{text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:1.1fr 1fr auto 16px;align-items:center;gap:8px;padding:11px 8px;display:grid}.word-row:hover{background:#f8f1e8}.word-row.selected{background:#f2e6da}.word-row-main strong,.word-row-main small{display:block}.word-row-main strong{font-size:13px}.word-row-main small{color:#ac9885;margin-top:4px;font:9px DM Mono}.word-row-meaning{color:#786b60;font-size:11px}.word-row-tags{gap:3px;display:flex}.word-row-tags em{color:#9a8b7d;white-space:nowrap;background:#ece5dc;border-radius:5px;padding:3px 5px;font-size:9px;font-style:normal}.row-star{color:#c3a483;font-size:15px}.word-detail{border:1px solid var(--line);background:#ffffff6e;border-radius:15px;min-height:700px;overflow:hidden}.detail-top{border-bottom:1px solid #e8dfd5;justify-content:space-between;padding:30px 31px 21px;display:flex}.kind-pill,.soft-label{color:#a06e56;background:#eadece;border-radius:4px;padding:4px 7px;font:9px DM Mono;display:inline-flex}.detail-title{align-items:center;gap:10px;display:flex}.detail-title h2{letter-spacing:-.03em;margin:13px 0 2px;font:600 32px Noto Serif SC}.speak-button{color:#a7785c;background:#faf6ef;border:1px solid #dfd2c3;border-radius:50%;width:30px;height:30px;margin-top:10px}.phonetic{color:#9e8d7e;font:11px DM Mono}.favorite-button{border:1px solid var(--line);color:#bea080;background:#faf7f1;border-radius:11px;width:37px;height:37px;font-size:20px}.favorite-button.is-favorite{color:#b56b4c;background:#f4e0d5;border-color:#edcfc0}.meaning-block{padding:22px 31px 13px}.meaning-block span{color:#ac9989;margin-bottom:8px;font:10px DM Mono;display:block}.meaning-block strong{font:600 19px Noto Serif SC}.meaning-block p{color:#9a897a;font-size:11px}.tag-line{flex-wrap:wrap;gap:6px;padding:0 31px 20px;display:flex}.context-tag,.plain-tag{border-radius:5px;padding:5px 7px;font-size:10px}.context-tag{color:#65806f;background:#e4efe5}.context-tag.social{color:#8e6b55;background:#f1e6db}.context-tag.natural,.context-tag.environment{color:#688272;background:#e4eee5}.context-tag.personal{color:#7b6f96;background:#ebe7f4}.context-tag.technology{color:#627b93;background:#e4ebf3}.plain-tag{color:#9c8c7d;background:#f0ece5}.detail-section{border-top:1px solid #e8dfd5;padding:20px 31px}.section-title{align-items:baseline;gap:9px;margin-bottom:13px;display:flex}.section-title h3{margin:0;font:600 15px Noto Serif SC}.section-title span{color:#b09f8f;font:9px DM Mono}.collocation-grid,.antonym-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.collocation-card{background:#fff6;border:1px solid #e8dfd6;border-radius:9px;padding:11px 12px;position:relative}.collocation-card strong,.collocation-card span,.collocation-card em{display:block}.collocation-card strong{font-size:12px}.collocation-card span{color:#88786b;margin-top:3px;font-size:10px}.collocation-card em{color:#b09176;margin-top:8px;font-size:9px;font-style:normal}.antonym-card{text-align:left;background:#edf4ee;border:1px solid #dce5dd;border-radius:9px;padding:12px}.antonym-card:hover{border-color:#a9c3aa}.antonym-card span,.antonym-card small{display:block}.antonym-context{color:#6e9077;font:9px DM Mono}.antonym-card strong{margin:8px 0 5px;font-size:12px}.antonym-card strong b{color:#8ead91;margin:0 5px;font-weight:400}.antonym-card>span:not(.antonym-context){color:#7a897c;font-size:10px}.antonym-card small{color:#9aab9d;margin-top:8px;font-size:9px}.muted-box{color:#a8998b;background:#f3eee8;border-radius:8px;padding:13px;font-size:11px}.example-line{gap:11px;padding:10px 0;display:flex}.example-line>span{color:#bf9172;font:27px/.7 Georgia}.example-line strong,.example-line small{display:block}.example-line strong{font-size:12px;line-height:1.5}.example-line small{color:#907f70;margin-top:4px;font-size:10px}.mnemonic{background:#f2ecdf;border-left:2px solid #c89b75;margin-top:5px;padding:10px 13px}.mnemonic span{color:#aa7658;font:9px DM Mono}.mnemonic p{color:#786a5e;margin:6px 0 0;font-size:11px;line-height:1.6}.practice-counter{color:#aa9583;font:11px DM Mono}.practice-layout{grid-template-columns:minmax(0,1.3fr) minmax(230px,.65fr);gap:17px;display:grid}.translation-card{min-height:500px;padding:28px 31px}.card-topline{justify-content:space-between;display:flex}.translation-prompt{text-align:center;padding:65px 20px 33px}.translation-prompt span{color:#ab8e78;font:10px DM Mono}.translation-prompt h2{margin:14px 0 9px;font:600 34px Noto Serif SC}.translation-prompt small{color:#a4978c;font-size:11px}.translation-card textarea,.editor-card textarea{resize:vertical;background:#fcfaf6;border:1px solid #e4dacf;border-radius:9px;outline:0;width:100%;padding:14px;line-height:1.6}.translation-card textarea:focus,.editor-card textarea:focus,.note-body-input:focus{border-color:#c9a58a;box-shadow:0 0 0 3px #c9a58a21}.practice-actions{justify-content:center;gap:9px;margin-top:18px;display:flex}.answer-feedback{border-radius:10px;gap:11px;margin-top:24px;padding:14px 17px;display:flex}.answer-feedback.correct{color:#638067;background:#e8f1e6}.answer-feedback.wrong{color:#9d6850;background:#f6e6dd}.feedback-icon{background:#ffffff8c;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:700;display:grid}.answer-feedback strong,.answer-feedback p,.answer-feedback small{display:block}.answer-feedback strong{font-size:12px}.answer-feedback p{margin:6px 0;font-size:11px}.answer-feedback small{opacity:.8;font-size:10px}.practice-aside{align-content:start;gap:15px;display:grid}.aside-note{background:#f0e9df;border:1px solid #e1d8cf;border-radius:15px;padding:23px 22px}.aside-note h3{margin:10px 0 18px;font:600 17px Noto Serif SC}.aside-note ul,.aside-note ol{color:#8d7d6e;padding-left:17px;font-size:11px;line-height:2.1}.mini-card{background:#eef5ef;border:1px solid #dce5dd;border-radius:15px;padding:22px}.mini-card>span,.mini-card>small{color:#75917b;font-size:10px;display:block}.mini-card strong{color:#52735e;margin:13px 0;font:600 35px DM Mono;display:block}.mini-card strong small{font:12px DM Mono;display:inline}.tiny-progress{background:#d4e2d5;border-radius:10px;height:5px;margin-bottom:8px;overflow:hidden}.tiny-progress i{border-radius:inherit;background:#719678;height:100%;display:block}.writing-layout{grid-template-columns:minmax(290px,.72fr) minmax(0,1.3fr);gap:17px;display:grid}.pattern-list{padding:24px 25px 10px}.count-badge{color:#a88670;background:#f0e0d3;border-radius:5px;padding:5px 8px;font:9px DM Mono}.pattern-card{border-top:1px solid #e7ded5;gap:13px;padding:17px 0;display:flex}.pattern-card:first-of-type{margin-top:5px}.pattern-card.selected{border-left:2px solid #bd8869;padding-left:10px}.pattern-index{color:#bfa995;font:11px DM Mono}.pattern-card div{flex:1}.pattern-card strong,.pattern-card p,.pattern-card small{display:block}.pattern-card strong{font-size:11px}.pattern-card p{color:#8d6d59;margin:6px 0;font-size:11px;line-height:1.5}.pattern-card button{color:#a66b51;background:#f2e6da;border:0;border-radius:50%;width:23px;height:23px}.editor-card{flex-direction:column;min-height:425px;padding:24px 26px;display:flex}.editor-head h2{margin:9px 0 20px;font:600 17px Noto Serif SC}.word-count,.saved-dot{color:#aa9888;font:10px DM Mono}.editor-card textarea{flex:1;min-height:260px}.editor-footer,.note-editor-footer{color:#ad9e91;justify-content:space-between;align-items:center;padding-top:14px;font:10px DM Mono;display:flex}.editor-footer div{gap:7px;display:flex}.writing-tip{background:#f1e7d9;border-radius:10px;align-items:center;gap:13px;margin-top:15px;padding:13px 17px;display:flex}.writing-tip span{color:#a36f52;font:10px DM Mono}.writing-tip p{color:#8c7766;margin:0;font-size:11px}.reading-layout{grid-template-columns:240px minmax(0,1fr) 220px;align-items:start;gap:17px;display:grid}.reading-sidebar{padding:9px}.reading-tab{text-align:left;background:0 0;border:0;border-radius:10px;width:100%;padding:14px 13px;display:block}.reading-tab:hover{background:#f5eee6}.reading-tab.active{background:#f0e3d7}.reading-tab span,.reading-tab strong,.reading-tab small{display:block}.reading-tab span{color:#b08d75;font:9px DM Mono}.reading-tab strong{margin:9px 0 5px;font-size:12px}.reading-tab small{color:#9b8b7e;font-size:10px}.reading-article{min-height:555px;padding:32px 37px}.article-meta{color:#ae9e8d;justify-content:space-between;align-items:center;font:10px DM Mono;display:flex}.reading-article h2{margin:19px 0 25px;font:600 28px Noto Serif SC}.article-body{border-left:2px solid #d2b191;padding-left:18px}.article-body p{color:#665a51;margin:0 0 14px;font:15px/2 Noto Serif SC}.questions{border-top:1px solid #e8dfd5;margin-top:35px;padding-top:21px}.question-row{border-bottom:1px solid #eee7df;grid-template-columns:25px 1fr auto;align-items:center;gap:10px;padding:13px 0;display:grid}.question-row>span{color:#bd8e6d;font:11px DM Mono}.question-row p{margin:0;font-size:11px}.question-row button{color:#ae7455;background:0 0;border:0;font-size:10px}.reading-answer{color:#66806c;background:#eaf1ea;border-radius:8px;margin-top:12px;padding:11px 13px;font-size:11px}.reading-answer p{margin:6px 0 0}.reading-tip .aside-note{background:#eef1f3;border-color:#dce4e8}.reading-tip .aside-note b{color:#647b89}.notes-layout{grid-template-columns:210px 270px minmax(0,1fr);align-items:stretch;gap:13px;min-height:595px;display:grid}.notebook-sidebar,.note-list{padding:16px 11px}.notebook-head{color:#8d7b6c;padding:4px 9px 14px;font-size:11px}.notebook-head button{color:#aa795c;background:0 0;border:0;font-size:19px}.notebook-item{text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;width:100%;padding:10px 9px;display:flex}.notebook-item.active,.notebook-item:hover{background:#f2e7dc}.notebook-item>span:not(.book-dot){flex:1}.notebook-item strong,.notebook-item small{display:block}.notebook-item strong{font-size:11px}.notebook-item small{color:#aa998a;margin-top:3px;font-size:9px}.notebook-item b{color:#baa898;font-weight:400}.book-dot{border-radius:50%;width:7px;height:7px}.notebook-backup{border-top:1px solid #e8dfd5;margin-top:17px;padding:17px 9px}.notebook-backup>span{color:#9a8878;font-size:10px}.notebook-backup p{color:#aa9a8b;font-size:9px;line-height:1.6}.notebook-backup button{color:#a06f55;background:0 0;border:0;padding:5px 0;font-size:10px;display:block}.note-list{border-radius:15px}.note-list-head{align-items:flex-start;padding:7px 8px 14px}.note-list-head h2{max-width:180px;margin-bottom:0;font-size:13px;line-height:1.5}.note-row{text-align:left;background:0 0;border:0;border-top:1px solid #e9e1d8;border-left:2px solid #0000;width:100%;padding:15px 8px}.note-row.active{background:#f5ebe1;border-left-color:#b97a5c}.note-row strong,.note-row p,.note-row small{display:block}.note-row strong{font-size:12px}.note-row p{color:#97887a;margin:6px 0;font-size:10px;line-height:1.5}.note-row small{color:#b6a79a;font:9px DM Mono}.note-editor{flex-direction:column;padding:24px 27px;display:flex}.note-editor-footer{margin-top:auto}.note-title-input{background:0 0;border:0;outline:0;margin:28px 0 18px;font:600 24px Noto Serif SC}.note-body-input{resize:none;background:#ffffff3b;border:1px solid #0000;border-radius:8px;outline:0;flex:1;min-height:350px;padding:15px;font-size:13px;line-height:1.9}.saved-dot{color:#759275}.empty-state{color:#ad9d8e;text-align:center;padding:34px 10px;font-size:11px;line-height:1.7}.footer{color:#b2a194;justify-content:space-between;max-width:1360px;margin:0 auto;padding:35px 5vw 22px;font:9px DM Mono;display:flex}.footer button{color:#a87358;font:inherit;background:0 0;border:0;padding:0}.modal-backdrop{z-index:10;background:#31281f59;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.review-modal{background:#fbf7f1;border:1px solid #e5d8ca;border-radius:17px;width:min(520px,100%);padding:25px;box-shadow:0 25px 90px #2a1e1438}.modal-head{justify-content:space-between;align-items:flex-start;display:flex}.modal-head h2{margin:8px 0 20px;font:600 22px Noto Serif SC}.source-preview{background:#f1e8dc;border-radius:9px;align-items:center;gap:11px;margin-bottom:17px;padding:12px;display:flex}.file-badge{color:#fff;background:#bc7757;border-radius:9px;place-items:center;width:38px;height:38px;font:10px DM Mono;display:grid}.source-preview strong,.source-preview small{display:block}.source-preview strong{font-size:11px}.source-preview small{color:#a18e7d;margin-top:4px;font-size:9px}.review-modal label{color:#958475;margin:13px 0;font-size:10px;display:block}.review-modal input,.review-modal textarea{resize:vertical;background:#fffdfa;border:1px solid #e1d6c9;border-radius:8px;outline:0;width:100%;margin-top:6px;padding:10px}.ocr-note{color:#aa9b8d;background:#f5efe7;border-radius:8px;padding:10px;font-size:10px;line-height:1.6}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.toast{z-index:20;color:#fff7ef;background:#3c322a;border-radius:9px;padding:12px 17px;font-size:11px;position:fixed;bottom:26px;right:28px;box-shadow:0 8px 25px #281e142e}@media (width<=1100px){.sidebar{width:210px}.main-content{width:calc(100% - 210px);margin-left:210px}.hero{grid-template-columns:1fr}.hero-note{max-width:350px}.reading-layout{grid-template-columns:190px minmax(0,1fr)}.reading-tip{display:none}.notes-layout{grid-template-columns:180px 230px minmax(0,1fr)}}@media (width<=820px){.sidebar{width:68px;padding:18px 9px}.brand{padding:0 5px 26px}.brand>div:last-child,.side-label,.nav-item>span:not(.nav-icon),.nav-item em,.mini-progress>div:not(.progress-ring),.side-import{display:none}.brand-mark{width:42px;height:42px}.nav-item{justify-content:center;padding:13px 7px}.main-content{width:calc(100% - 68px);margin-left:68px}.topbar{padding:0 23px}.profile-name{display:none}.page{padding:35px 23px}.stat-grid{grid-template-columns:repeat(2,1fr)}.home-grid,.word-layout,.practice-layout,.writing-layout{grid-template-columns:1fr}.word-detail{min-height:unset}.reading-layout{grid-template-columns:1fr}.reading-sidebar{gap:5px;display:flex;overflow:auto}.reading-tab{min-width:190px}.notes-layout{grid-template-columns:170px 1fr}.note-editor{grid-column:1/-1;min-height:500px}.note-list{min-width:0}.recent-grid{grid-template-columns:repeat(2,1fr)}.page-intro{flex-direction:column;align-items:flex-start;gap:16px}.intro-actions{gap:8px;display:flex}}@media (width<=520px){.topbar{height:65px}.breadcrumb span,.breadcrumb b{display:none}.page{padding:28px 15px}.hero{padding:28px 23px}.hero h1,.page-intro h1{font-size:30px}.hero-actions{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.text-button{margin-left:0}.stat-grid{gap:8px}.stat-card{padding:13px}.stat-card strong{font-size:24px}.recent-grid{grid-template-columns:1fr 1fr;gap:8px}.word-browser{min-height:unset}.word-row{grid-template-columns:1fr auto}.word-row-meaning,.word-row-tags{display:none}.detail-top,.meaning-block,.tag-line,.detail-section{padding-left:20px;padding-right:20px}.detail-title h2{font-size:27px}.collocation-grid,.antonym-grid{grid-template-columns:1fr}.translation-prompt{padding:45px 10px 28px}.translation-prompt h2{font-size:28px}.practice-actions{flex-direction:column}.practice-actions .button{width:100%}.writing-tip{flex-direction:column;align-items:flex-start;gap:4px}.reading-article{padding:25px 20px}.article-body p{font-size:13px}.notes-layout{grid-template-columns:1fr}.notebook-sidebar{flex-wrap:wrap;gap:5px;display:flex}.notebook-head,.notebook-backup{width:100%}.notebook-item{flex:135px;width:auto}.note-list{min-height:200px}.footer{flex-direction:column;gap:8px;padding:25px 15px}.toast{text-align:center;bottom:15px;left:15px;right:15px}}.book-switch{grid-template-columns:repeat(2,minmax(0,250px));gap:9px;margin:-9px 0 12px;display:grid}.book-switch button{text-align:left;border:1px solid var(--line);background:#ffffff59;border-radius:11px;padding:12px 15px}.book-switch button.active{background:#f0e1d5;border-color:#d4b19a;box-shadow:0 4px 13px #855f4314}.book-switch strong,.book-switch small{display:block}.book-switch strong{font:600 13px Noto Serif SC}.book-switch small{color:#aa9584;margin-top:4px;font-size:10px}.taxonomy-strip{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;display:flex}.taxonomy-title{color:#9d8977;margin-right:3px;font:10px DM Mono}.taxonomy-strip button{color:#958374;background:#faf7f1;border:1px solid #e5dacf;border-radius:5px;padding:5px 8px;font-size:10px}.taxonomy-strip button:hover,.taxonomy-strip button.selected{color:#a56248;background:#f2dfd4;border-color:#dcb59d}.taxonomy-paths{flex-wrap:wrap;gap:8px;display:flex}.taxonomy-paths span{color:#8f7c6b;background:#f3ece4;border-radius:7px;padding:7px 10px;font-size:10px}.taxonomy-paths b{color:#a6664c;font-weight:600}.book-switch{display:none!important}.study-folders{margin:-8px 0 22px}.folder-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:12px;display:flex}.folder-heading h2{margin:7px 0 0;font:600 20px Noto Serif SC}.folder-heading small{color:#a49384;font-size:10px}.folder-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.folder-card{border:1px solid var(--line);background:#ffffff6b;border-radius:12px;padding:11px}.folder-main{text-align:left;background:0 0;border:0;align-items:center;gap:9px;width:100%;padding:3px;display:flex}.folder-icon{color:#b27154;background:#f1dfd4;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.folder-main span:nth-child(2){flex:1}.folder-main strong,.folder-main small{display:block}.folder-main strong{font:600 12px Noto Serif SC}.folder-main small{color:#a18e7e;margin-top:3px;font-size:9px}.folder-main b{color:#ae8d79;font:11px DM Mono}.folder-children{flex-wrap:wrap;gap:4px;padding:10px 0 1px 37px;display:flex}.folder-children button{color:#927e6e;background:#f5eee7;border:0;border-radius:5px;padding:4px 6px;font-size:9px}.folder-children button:hover{color:#a56046;background:#f0ddd1}.folder-children button span{color:#baa596;margin-left:4px;font:9px DM Mono}.exam-source{color:#a78772;padding:0 4px 16px;font:10px DM Mono}.exam-source span{color:#b4a69a;margin-left:8px}.source-paragraph{color:#66584d;background:#fcfaf6;border:1px solid #dfd3c5;border-radius:11px;padding:21px 20px;font:16px/2.3 Noto Serif SC}.clickable-segment{cursor:pointer;border-bottom:1px dashed #c9a486;transition:all .15s}.clickable-segment:hover{color:#a55f45;background:#f7e9de}.clickable-segment.revealed{color:#9d654e;background:#f8e8dc}.inline-answer{color:#557a64;vertical-align:2px;background:#e4f0e5;border-radius:5px;margin:0 3px;padding:2px 6px;font:600 12px/1.4 DM Sans;display:inline-block}.free-answer-label{color:#8d7b6d;justify-content:space-between;padding:21px 3px 8px;font:11px DM Mono;display:flex}.free-answer-label small{color:#b09d8c}.standard-translation{background:#eef4ed;border:1px solid #d5e2d5;border-radius:10px;margin-top:22px;padding:17px}.standard-head{justify-content:space-between;align-items:center;display:flex}.standard-head strong{color:#56735d;font-size:12px}.standard-head span{color:#8aa08e;font:9px DM Mono}.standard-translation>p{color:#54705b;margin:12px 0 17px;font:13px/1.8 DM Sans}.error-review{border-top:1px solid #d8e5d8;padding-top:12px}.error-review strong,.error-review p,.error-review small{display:block}.error-review strong{color:#6a816d;font-size:11px}.error-review p{color:#718a75;font-size:10px;line-height:1.7}.error-review small{color:#809581;font-size:10px;line-height:1.7}.aside-description{color:#8d8277;font-size:11px;line-height:1.7}.review-queue{flex-wrap:wrap;gap:6px;margin-top:13px;display:flex}.review-queue span{color:#5f7e64;background:#e1eee2;border-radius:5px;padding:5px 7px;font:10px DM Mono}.review-queue small{color:#9d8c7c;font-size:10px}.taxonomy-strip{display:none!important}.folder-children{display:none}.folder-drilldown{border:1px solid var(--line);background:#fbf7f1;border-radius:11px;margin-top:12px;padding:13px 15px}.folder-drilldown-head{color:#8d7664;justify-content:space-between;align-items:center;font-size:11px;display:flex}.folder-drilldown-head button{color:#a6664c;cursor:pointer;background:0 0;border:0;font-size:10px}.folder-drilldown-list{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.folder-drilldown-list button{color:#846f5e;cursor:pointer;background:#fffaf5;border:1px solid #e4d6c8;border-radius:7px;padding:7px 10px;font-size:10px}.folder-drilldown-list button:hover{color:#9f5f45;background:#f2dfd4}.folder-drilldown-list button span{color:#b4927e;margin-left:5px;font:10px DM Mono}.word-layout{align-items:stretch}.word-browser,.word-detail{height:700px;min-height:0}.word-browser{flex-direction:column;display:flex;overflow:hidden}.word-list{flex:1;align-content:start;min-height:0;padding-right:4px;overflow-y:auto}.detail-actions{align-items:center;gap:8px;display:flex}.next-word-button{color:#a5654b;cursor:pointer;background:#fff9f3;border:1px solid #dec8b8;border-radius:8px;padding:9px 12px;font-size:10px}.next-word-button:hover{background:#f3e1d6}.sense-list{align-items:stretch;gap:8px;display:grid}.sense-list span{white-space:pre-line;border-bottom:1px dashed #e7ddd2;flex-direction:column;gap:3px;width:100%;padding-bottom:7px;font-size:17px;line-height:1.55;display:flex}.sense-list span:last-child{border-bottom:0}.sense-list .common-sense{color:#3c322b;font-weight:700}.sense-list .secondary-sense{color:#827365;font-weight:400}.sense-list small{color:#a79586;font-size:10px;font-weight:400}.translation-score{color:#52735e;background:#e9f1e8;border-radius:10px;align-items:baseline;gap:7px;margin:14px 0 10px;padding:14px 16px;display:flex}.translation-score strong{font:700 30px DM Mono}.translation-score span{font-size:12px}.translation-score small{color:#6f8975;margin-left:auto}.clickable-segment{vertical-align:bottom;flex-direction:column;align-items:flex-start;margin-right:4px;display:inline-flex}.inline-answer{margin:4px 0 0;display:block}.writing-tabs{flex-wrap:wrap;align-items:center;gap:7px;margin:-4px 0 12px;display:flex}.writing-tabs>button:not(.button){color:#8d7766;cursor:pointer;background:#fffaf5;border:1px solid #e2d5c8;border-radius:7px;padding:8px 13px;font-size:11px}.writing-tabs>button.active{color:#9e5f45;background:#ead5c7;border-color:#d7b198}.writing-category-label{color:#a08b7a;margin-left:10px;font-size:10px}.writing-tabs .category{padding:6px 9px}.random-writing{margin-left:auto}.writing-task-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:13px;display:grid}.writing-task-card{text-align:left;cursor:pointer;background:#fffaf6;border:1px solid #e5d9cd;border-radius:9px;padding:11px 13px}.writing-task-card.active{background:#f5e4d9;border-color:#cc9d83;box-shadow:0 3px 10px #875f4414}.writing-task-card span,.writing-task-card strong,.writing-task-card small{display:block}.writing-task-card span{color:#b17b61;font:9px DM Mono}.writing-task-card strong{color:#514137;margin-top:5px;font-size:12px}.writing-task-card small{color:#a18f80;margin-top:4px;font-size:9px}.writing-workspace{grid-template-columns:minmax(250px,.8fr) minmax(0,1.4fr);gap:14px;display:grid}.pattern-card small{color:#a18f80;margin-top:5px;font-size:9px;display:block}.writing-prompt{background:#fbf7f1;border:1px solid #e5d9cd;border-radius:9px;margin-bottom:12px;padding:14px 16px}.writing-prompt strong{color:#a4654b;margin-bottom:7px;font-size:11px;display:block}.writing-prompt p{color:#5f5147;margin:0;font:13px/1.75 Noto Serif SC}.template-box,.answer-box{border-radius:9px;margin-top:12px;padding:13px 15px}.template-box{background:#f5eee5;border:1px solid #e5d5c5}.answer-box{background:#edf4ed;border:1px solid #d3e2d4}.template-box strong,.answer-box strong{margin-bottom:7px;font-size:11px;display:block}.template-box p,.answer-box p{color:#6d5e50;white-space:pre-wrap;margin:0;font-size:11px;line-height:1.75}.writing-workspace .editor-card{min-height:520px}@media (width<=820px){.word-browser,.word-detail{height:auto;min-height:unset}.word-list{max-height:none;overflow:visible}.writing-task-list,.writing-workspace{grid-template-columns:1fr}}.reading-exam{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:16px;min-width:0;display:grid}.reading-exam .reading-article{min-width:0;max-height:760px;overflow:auto}.reading-exam .reading-article h2{margin:16px 0 18px}.reading-exam .article-body{color:#4f4339;font-size:16px;line-height:1.9}.reading-exam .article-body p{margin:0 0 19px}.reading-word-wrap{display:inline}.reading-word{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px dotted #c68a6e;padding:0 1px}.reading-word:hover,.reading-word.is-revealed{color:#a55f45;background:#f8e9df;border-radius:3px}.reading-word-meaning{color:#94634f;vertical-align:baseline;background:#fff3eb;border:1px solid #edd6c7;border-radius:5px;margin:0 3px 0 4px;padding:2px 6px;font-size:11px;line-height:1.4;display:inline-block}.reading-quiz{min-width:0;max-height:760px;overflow:auto}.reading-quiz .section-title{z-index:2;background:#fffdf9;padding:4px 0 14px;position:sticky;top:-24px}.reading-quiz .section-title>div{align-items:baseline;gap:10px;display:flex}.reading-question{border-top:1px solid #eadfd4;padding:17px 0}.reading-question-title{grid-template-columns:27px 1fr;align-items:start;gap:8px;display:grid}.reading-question-title>b{color:#b36c50;font-family:ui-monospace,monospace}.reading-question-title p{color:#44382f;margin:0;font-weight:600;line-height:1.5}.reading-options{gap:7px;margin:12px 0 0 35px;display:grid}.reading-options button{text-align:left;color:#64564b;cursor:pointer;background:#fffdfa;border:1px solid #eadfd4;border-radius:8px;grid-template-columns:24px 1fr;gap:7px;padding:9px 10px;line-height:1.4;display:grid}.reading-options button.correct{background:#edf7ef;border-color:#6a9878}.reading-options button.wrong{background:#fff0ee;border-color:#bd6c62}.reading-options button span{color:#a5654b;font-weight:700}.reading-explanation{color:#6e5b4c;background:#fbf1e9;border-left:3px solid #c98a70;margin:10px 0 0 35px;padding:10px 12px;font-size:12px;line-height:1.55}.reading-explanation.is-correct{background:#eef8f0;border-left-color:#6a9878}.reading-explanation strong{color:#8c533f}.reading-explanation p{margin:4px 0 0}@media (width<=1100px){.reading-exam{grid-template-columns:1fr}.reading-exam .reading-article,.reading-quiz{max-height:none}}.pattern-card strong{font-family:DM Sans,sans-serif;font-size:11px;line-height:1.55}.pattern-card small{color:#9a806f;font-size:10px;line-height:1.55}.template-box{max-height:320px;overflow:auto}.template-box p{font-family:DM Sans,sans-serif;font-size:12px;line-height:1.8}.resources-page .page-intro{align-items:center}.resource-guide{color:#806e60;align-items:center;gap:15px;margin-bottom:15px;padding:15px 18px;font-size:11px;display:flex}.resource-guide strong{color:#9d6349}.resource-guide small{color:#a8988a;margin-left:auto;font-size:10px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.resource-standalone-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.resource-group{min-height:180px;padding:18px}.resource-group .section-title{margin-bottom:8px}.resource-group .section-title span{margin-left:auto}.resource-card{border-top:1px solid #eadfd4;align-items:center;gap:10px;padding:12px 0;display:flex}.resource-card>div{flex:1;min-width:0}.resource-card strong,.resource-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.resource-card strong{font-size:12px}.resource-card small{color:#9b8879;margin-top:4px;font-size:10px}.resource-card em{color:#a2684f;white-space:nowrap;background:#f5e4d9;border-radius:5px;padding:4px 6px;font-size:9px;font-style:normal}.resource-card .file-badge{text-align:center;flex:0 0 38px}@media (width<=820px){.resource-grid,.resource-standalone-grid{grid-template-columns:1fr}.resource-guide{flex-wrap:wrap;align-items:flex-start}.resource-guide small{width:100%;margin-left:0}.reading-exam{grid-template-columns:1fr}}.reading-page{width:100%;max-width:none;overflow-x:hidden}.reading-layout{grid-template-columns:220px minmax(0,1fr);gap:14px;min-width:0}.reading-tip{display:none}.reading-exam{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px;width:100%;min-width:0}.reading-exam .reading-article,.reading-exam .reading-quiz{max-height:820px}.reading-exam .article-body{font-size:18px;line-height:2.05}.reading-question{padding-left:18px;padding-right:18px}.reading-question-title{padding-left:4px}.reading-question-title p,.reading-options button{white-space:normal;overflow-wrap:anywhere;word-break:break-word;overflow-x:visible}.reading-question-title{grid-template-columns:30px minmax(0,1fr)}.reading-options button{grid-template-columns:24px minmax(0,1fr);align-items:start;min-width:0;display:grid}.reading-options button span{min-width:0}.reading-options button>span:first-child{color:#a5654b;font-weight:700}.reading-options button>span.reading-option-text{color:inherit;min-width:0;font-weight:400}.reading-question{min-width:0;padding-left:24px;padding-right:24px}.reading-options{min-width:0;margin-left:24px;margin-right:6px}.reading-option-text{overflow-wrap:anywhere;word-break:break-word;white-space:normal}.reading-quiz{overflow-x:hidden}.reading-quiz>.section-title{margin:0;padding:14px 24px 16px}.reading-quiz>.section-title h3{padding-left:0}.reading-submit{border-top:1px solid #eadfd4;align-items:center;gap:12px;padding:18px 18px 4px;display:flex}.reading-submit>span{color:#8c796a;font-size:11px}.resource-split-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 4px;display:grid}.resource-split-card{background:#faf6f0;border:1px solid #eadfd4;border-radius:9px;min-width:0;padding:9px}.resource-split-card.is-ready{background:#f3f8f2;border-color:#c5d9c9}.resource-split-card strong,.resource-split-card span,.resource-split-card small{display:block}.resource-split-card strong{color:#5b493e;font-size:12px}.resource-split-card span{color:#8f7968;margin-top:3px;font-size:10px}.resource-split-card small{color:#6e6259;overflow-wrap:anywhere;margin-top:6px;font-size:10px}@media (width<=1400px){.reading-exam{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}}@media (width<=1100px){.reading-exam{grid-template-columns:1fr}}@media (width<=700px){.resource-split-grid{grid-template-columns:1fr}}.resource-pair-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.resource-pair{min-width:0;padding:18px}.resource-pair-head{border-bottom:1px solid #eadfd4;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:12px;display:flex}.resource-pair-head h3{color:#4f4036;margin:4px 0 0;font-size:18px}.resource-pair-head>strong{color:#6a9878;white-space:nowrap;font-size:11px}.resource-pair.is-waiting .resource-pair-head>strong{color:#a66b52}.resource-pair-file{border-bottom:1px solid #f0e7de;align-items:center;gap:10px;min-width:0;padding:12px 0;display:flex}.resource-pair-file>div{min-width:0}.resource-pair-file b,.resource-pair-file small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.resource-pair-file b{color:#514238;font-size:12px}.resource-pair-file small{color:#9a887b;margin-top:4px;font-size:10px}.resource-pair>p{color:#8d796a;margin:12px 0 0;font-size:11px;line-height:1.6}.answer-source{color:#8e7869;margin:-2px 0 8px;font-size:10px;display:block}@media (width<=820px){.resource-pair-grid{grid-template-columns:1fr}}.template-note{color:#8e7869;margin:0 0 10px;font-size:10px;line-height:1.5;display:block}.template-lines{gap:10px;display:grid}.template-line{border-top:1px solid #e8dacd;padding:8px 0 8px 64px;position:relative}.template-paragraph-label{color:#a36f52;white-space:nowrap;font:9px DM Mono;position:absolute;top:9px;left:0}.template-line p{color:#5f5147;margin:0;font-family:DM Sans,sans-serif;font-size:12px;line-height:1.65}.template-line small{color:#9b8777;margin-top:3px;font-size:11px;line-height:1.55;display:block}.showcase-banner{z-index:10000;color:#6d6259;letter-spacing:.02em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf6f0;border:1px solid #262f3529;border-radius:999px;align-items:center;gap:12px;padding:9px 13px;font-size:12px;display:flex;position:fixed;top:14px;right:18px;box-shadow:0 8px 28px #251f181f}.showcase-banner a{color:#a6573e;font-weight:700;text-decoration:none}.showcase-banner a:hover{text-decoration:underline}.archive-filter{flex-wrap:wrap;align-items:end;gap:16px;margin-bottom:18px;padding:20px;display:flex}.archive-filter label{min-width:145px;color:var(--muted,#8c8176);gap:7px;font-size:12px;display:grid}.archive-filter select,.archive-filter input{color:#433a32;background:#fffdfa;border:1px solid #e5d9cb;border-radius:8px;min-width:0;padding:10px 12px}.archive-filter .archive-search{flex:1;min-width:200px}.archive-count{color:#705c4b;justify-content:space-between;margin:18px 0 12px;font-size:13px;display:flex}.archive-count span{color:#978776}.archive-task-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.archive-task-list .writing-task-card{text-align:left;background:#fffaf5;border:1px solid #e9d9cc;border-radius:12px;gap:6px;width:100%;min-height:100px;padding:15px;display:grid}.archive-task-list .active{background:#f3e3d7;border-color:#c78d6d}.archive-task-list span,.archive-task-list small{color:#99826b;font-size:11px}.archive-pagination{justify-content:center;align-items:center;gap:20px;margin:18px 0 26px;font-size:13px;display:flex}.archive-pagination button,.archive-page-nav button{color:#735944;background:#fffaf6;border:1px solid #e4d8cc;border-radius:8px;padding:9px 14px}.archive-pagination button:disabled,.archive-page-nav button:disabled{opacity:.4;cursor:default}.archive-practice{padding:28px}.archive-practice-head{justify-content:space-between;align-items:center;gap:15px;display:flex}.archive-practice-head h2{margin:10px 0 16px}.archive-practice-head>span{color:#647b59;font-size:12px}.archive-tags{flex-wrap:wrap;gap:7px;margin-bottom:20px;display:flex}.archive-tags span{color:#80674e;background:#f1ebe2;border-radius:20px;padding:5px 10px;font-size:11px}.archive-extracted{background:#fcf8f3;border:1px solid #e9dfd5;border-radius:12px;padding:20px}.archive-extracted p{white-space:pre-wrap;overflow-wrap:anywhere;font-family:Georgia,Microsoft YaHei,serif;font-size:18px;line-height:1.85}.archive-extracted small,.archive-pdf>small,.archive-draft small{color:#938879;font-size:11px}.archive-reading-text p{max-height:650px;padding-right:16px;font-size:16px;overflow:auto}.reading-quiz{gap:16px;margin:18px 0;display:grid}.reading-passage,.reading-question{background:#fffdfa;border:1px solid #e9dfd5;border-radius:14px;padding:18px}.reading-passage article{white-space:pre-wrap;max-height:520px;margin-top:10px;line-height:1.75;overflow:auto}.reading-questions-head{justify-content:space-between;align-items:center;padding:4px 2px;display:flex}.reading-questions-head span{color:#9d8876;font-size:.9rem}.reading-question-list{gap:12px;display:grid}.reading-question p{margin:0 0 12px;line-height:1.6}.reading-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.reading-options button{text-align:left;color:inherit;cursor:pointer;background:#fff;border:1px solid #e6dbcf;border-radius:10px;padding:10px 12px;line-height:1.45}.reading-options button:hover,.reading-options button.selected{background:#f7e5d8;border-color:#cf8a63}@media (width<=700px){.reading-options{grid-template-columns:1fr}}.archive-actions{justify-content:flex-end;gap:12px;margin:20px 0;display:flex}.archive-local-note{color:#8d7866;align-self:center;margin-right:auto;font-size:12px}.archive-pdf{background:#fff;border:1px solid #e1d6c9;border-radius:12px;padding:16px;overflow:hidden}.archive-pdf canvas{width:100%;height:auto;min-height:100px;margin:12px auto}.archive-pdf-toolbar{justify-content:space-between;gap:12px;font-size:12px;display:flex}.archive-page-nav{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:12px;display:flex}.archive-source-link{overflow-wrap:anywhere;color:#9c6845;margin:12px 0 8px;font-size:12px;display:block}.archive-loading{text-align:center;color:#8e7a64;padding:12px}.archive-draft{gap:10px;margin:25px 0;display:grid}.archive-draft label{color:#6c5743;font-size:14px}.archive-draft textarea{box-sizing:border-box;resize:vertical;background:#fffdfa;border:1px solid #e2d6c9;border-radius:10px;width:100%;min-height:130px;padding:18px;font-size:17px;line-height:1.8}.archive-answer{background:#edf3eb;border:1px solid #d6e3d1;border-radius:14px;padding:20px}.archive-answer>p{color:#75866b;font-size:13px}.archive-answer-text{background:#f8fcf6;border:1px solid #d8e5d3;border-radius:10px;max-height:460px;margin:12px 0 16px;padding:14px 16px;overflow:auto}.archive-answer-text p{white-space:pre-wrap;color:#566650;margin:0;font-size:16px;line-height:1.8}.archive-return{padding:24px 42px 0}.archive-summary{background:#eef3eb;border:1px solid #e2d8ca;border-radius:12px;margin:18px 0;padding:20px}.archive-summary p{margin:10px 0 0;font-size:13px;line-height:1.8}@media (width<=900px){.archive-task-list{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-practice{padding:16px}}@media (width<=600px){.archive-task-list{grid-template-columns:1fr}.archive-filter label{flex:1;min-width:110px}.archive-practice-head,.archive-count{flex-direction:column;align-items:start}.archive-page-nav{flex-wrap:wrap}}