:root{--bg:#f3f0e8;--paper:#fffdf8;--ink:#20251f;--muted:#7a7d72;--line:#dad7ce;--green:#315f4d;--green2:#244a3b;--orange:#d96b38;--soft:#e5ece6;--shadow:0 18px 50px rgba(34,40,32,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;min-height:100vh}button,input,select{font:inherit}.topbar{height:76px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(243,240,232,.94);backdrop-filter:blur(16px);z-index:20}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand-mark{width:38px;height:38px;border-radius:50% 50% 44% 56%;display:grid;place-items:center;background:var(--green);color:#fff;font-family:serif;font-size:19px;transform:rotate(-4deg)}.brand b{display:block;font-size:19px;letter-spacing:.08em}.brand small{display:block;font-size:8px;letter-spacing:.2em;color:var(--muted);margin-top:1px}nav{display:flex;gap:8px}.nav-item{border:0;background:transparent;padding:10px 15px;color:var(--muted);cursor:pointer;border-radius:22px}.nav-item.active{background:var(--ink);color:var(--paper)}.nav-item span{font-size:11px;background:var(--orange);color:#fff;border-radius:12px;padding:1px 6px;margin-left:4px}.icon-button{border:1px solid var(--line);background:transparent;width:38px;height:38px;border-radius:50%;cursor:pointer;color:var(--ink)}main{max-width:1280px;margin:auto;padding:0 4.5vw 60px}.view{display:none}.view.active{display:block}.hero{padding:74px 0 42px;max-width:760px}.eyebrow{font-size:11px;letter-spacing:.22em;color:var(--orange);font-weight:700}.hero h1,.section-head h1{font-family:Georgia,"Songti SC",serif;font-size:clamp(38px,5.6vw,72px);line-height:1.08;margin:12px 0 17px;font-weight:500}.hero h1 em{color:var(--green);font-style:italic}.hero>p:last-child,.section-head>div>p:last-child{color:var(--muted);font-size:17px}.reader-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.72fr);gap:25px;align-items:start}.paper,.lookup-card,.flashcard{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}.paper{border-radius:4px;min-height:470px}.paper-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line);font-size:14px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#8ca58e;margin-right:9px}.toolbar-actions{display:flex;gap:16px}.text-button{border:0;background:none;color:var(--muted);font-size:12px;cursor:pointer}.reader{min-height:360px;padding:34px 42px;font-family:Georgia,serif;font-size:20px;line-height:1.9;outline:none;white-space:pre-wrap}.reader:empty:before{content:"Paste or write an English article here…";color:#aaa79d}.reader::selection{background:#d6e1d8;color:var(--ink)}.reader-hint{margin:0 42px 26px;padding-top:17px;border-top:1px dashed var(--line);font-size:12px;color:var(--muted)}.lookup-card{border-radius:18px;padding:26px;min-height:360px;position:sticky;top:101px}.empty-lookup{text-align:center;padding:66px 12px}.big-icon,.empty-state>span{font-family:Georgia,serif;font-size:40px;color:var(--green);display:inline-grid;place-items:center;border:1px solid var(--line);width:84px;height:84px;border-radius:50%;background:var(--soft)}.empty-lookup h2{font:500 25px Georgia,serif;margin:22px 0 8px}.empty-lookup p{color:var(--muted);font-size:14px}.lookup-label,.translation-box small,.flashcard small{font-size:10px;letter-spacing:.15em;color:var(--muted);text-transform:uppercase}.word-heading{display:flex;justify-content:space-between;align-items:center;margin:13px 0 23px}.word-heading h2{font:500 38px Georgia,serif;margin:0 0 4px}.word-heading span{font-family:serif;color:var(--muted)}.sound-button{width:44px;height:44px;border:0;border-radius:50%;background:var(--soft);color:var(--green);cursor:pointer}.translation-box{border-left:3px solid var(--orange);background:#f7f2ea;padding:14px 16px}.translation-box p{font:500 19px Georgia,"Songti SC",serif;margin:8px 0 0}.source-sentence{font-family:Georgia,serif;color:var(--muted);font-size:13px;line-height:1.55;font-style:italic}.primary-button,.secondary-button{width:100%;border:0;padding:14px 20px;cursor:pointer;border-radius:4px;font-weight:700}.primary-button{background:var(--green);color:#fff}.primary-button:hover{background:var(--green2)}.secondary-button{width:auto;border:1px solid var(--green);color:var(--green);background:transparent}.lookup-message{height:16px;text-align:center;font-size:12px;color:var(--green);margin:8px 0 0}.section-head{padding:72px 0 32px;display:flex;justify-content:space-between;align-items:end}.section-head h1{font-size:52px;margin-bottom:10px}.stat-card{display:flex;flex-direction:column;text-align:right}.stat-card b{font:56px Georgia,serif;color:var(--green)}.stat-card span{font-size:12px;color:var(--muted)}.word-toolbar{display:flex;justify-content:space-between;margin-bottom:18px;gap:14px}.search-box{background:var(--paper);border:1px solid var(--line);padding:11px 15px;flex:1;max-width:440px}.search-box input{border:0;outline:0;background:none;width:90%;color:var(--ink)}select{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:10px 14px}.word-list{border-top:1px solid var(--line)}.word-row{display:grid;grid-template-columns:1.2fr 1.2fr 1.7fr auto;gap:20px;align-items:center;padding:22px 8px;border-bottom:1px solid var(--line)}.word-main b{font:500 26px Georgia,serif}.word-main small{display:block;color:var(--muted);margin-top:4px}.word-translation{font-size:15px}.word-sentence{font:italic 13px Georgia,serif;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.word-actions{display:flex;gap:7px;align-items:center}.mini-sound,.delete-word{border:1px solid var(--line);background:transparent;color:var(--ink);width:34px;height:34px;border-radius:50%;cursor:pointer}.mastery{border:0;border-radius:14px;padding:6px 10px;font-size:11px;cursor:pointer}.mastery.new{background:#efe1d8;color:#9b4d2d}.mastery.learning{background:#e8e5c8;color:#746c22}.mastery.mastered{background:#dbe8de;color:#315f4d}.empty-state{text-align:center;padding:70px 10px}.empty-state h2{font:500 28px Georgia,"Songti SC",serif;margin-bottom:8px}.empty-state p{color:var(--muted)}.review-shell{max-width:680px;margin:auto}.section-head.compact{align-items:center}.section-head.compact h1{font-size:48px}.section-head.compact>span{color:var(--muted)}.flashcard{min-height:370px;border-radius:18px;padding:50px;display:grid;place-items:center;text-align:center;position:relative}.flash-front h2{font:500 58px Georgia,serif;margin:38px 0 7px}.flash-front>.sound-button{display:block;margin:24px auto}.flash-answer{border-top:1px solid var(--line);padding-top:25px;width:100%}.flash-answer h3{font:500 25px Georgia,"Songti SC",serif;margin:10px}.flash-answer p{color:var(--muted);font:italic 14px Georgia,serif}.reveal{margin-top:18px}.review-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.review-actions button{padding:13px;border:1px solid var(--line);background:var(--paper);cursor:pointer}.selection-popover{position:fixed;z-index:50;border:0;border-radius:22px;padding:10px 16px;background:var(--ink);color:#fff;box-shadow:0 8px 25px rgba(0,0,0,.25);cursor:pointer}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:11px 18px;border-radius:24px;font-size:13px;opacity:0;pointer-events:none;transition:.25s;z-index:60}.toast.show{opacity:1;transform:translate(-50%,0)}body.dark{--bg:#1b201d;--paper:#242b27;--ink:#f2efe7;--muted:#aaa99f;--line:#3c443f;--soft:#35433b;--shadow:0 18px 50px rgba(0,0,0,.22)}body.dark .topbar{background:rgba(27,32,29,.94)}body.dark .translation-box{background:#302d26}.loading{opacity:.55;pointer-events:none}@media(max-width:850px){.topbar{padding:0 18px}.brand small{display:none}nav{gap:0}.nav-item{font-size:12px;padding:9px}.nav-item span{display:none}main{padding:0 18px 40px}.hero{padding-top:45px}.reader-layout{grid-template-columns:1fr}.lookup-card{position:static;min-height:0}.empty-lookup{padding:35px}.reader{padding:25px;font-size:18px}.reader-hint{margin:0 25px 22px}.word-row{grid-template-columns:1fr auto}.word-translation,.word-sentence{grid-column:1/-1}.section-head{padding-top:45px}.stat-card{display:none}.flashcard{padding:30px 20px}.flash-front h2{font-size:44px}}@media(max-width:520px){.brand span:last-child{display:none}.icon-button{display:none}.hero h1{font-size:42px}.toolbar-actions{gap:4px}.word-toolbar{flex-direction:column}.search-box{max-width:none}.review-actions{grid-template-columns:1fr}.section-head h1{font-size:42px}}