:root{--ink:#183b33;--ink-2:#28594d;--paper:#f7f3e9;--card:#fffdf8;--orange:#e57a35;--orange-soft:#f9e0cb;--sage:#d9e6dc;--line:#ded8c8;--red:#b54c43;--shadow:0 18px 45px rgba(38,59,50,.12);font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:#eee9de;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#fff8e8 0,transparent 40%),#eee9de}.app-shell{width:min(100%,760px);min-height:100vh;margin:0 auto;background:var(--paper);position:relative;padding-bottom:92px;box-shadow:0 0 60px rgba(35,52,45,.14)}button,input,select{font:inherit}.hidden{display:none!important}.topbar{height:76px;padding:14px 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(24,59,51,.09);position:sticky;top:0;background:rgba(247,243,233,.94);backdrop-filter:blur(12px);z-index:20}.topbar h1{font-family:Georgia,"Noto Serif SC",serif;font-size:19px;margin:2px 0}.brand-mark{width:42px;height:42px;border-radius:14px;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:Georgia,serif;font-size:23px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.15)}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800;color:var(--orange);margin:0}.icon-button{margin-left:auto;border:0;background:var(--sage);width:38px;height:38px;border-radius:50%;font-size:22px;color:var(--ink)}main{padding:18px}.view{display:none}.view.active{display:block;animation:fade .24s ease}@keyframes fade{from{opacity:0;transform:translateY(5px)}}.hero-card{background:var(--ink);color:#fff;border-radius:28px;padding:25px 22px;box-shadow:var(--shadow);overflow:hidden;position:relative}.hero-card:after{content:"W";position:absolute;right:-16px;top:-46px;font:170px Georgia,serif;color:rgba(255,255,255,.035);pointer-events:none}.hero-card h2{font:700 31px/1.2 Georgia,"Noto Serif SC",serif;margin:9px 0}.muted{color:#6d7b75;font-size:13px;line-height:1.65}.hero-card .muted{color:#c8d6cf}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 18px}.hero-stats div{border-left:1px solid rgba(255,255,255,.18);padding-left:12px}.hero-stats strong{display:block;font:700 24px Georgia,serif}.hero-stats span{display:block;font-size:11px;color:#b9ccc4;margin-top:3px}.progress-track{height:8px;background:rgba(255,255,255,.15);border-radius:99px;overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:var(--orange);border-radius:inherit;transition:width .35s}.progress-track.large{height:12px;background:#e2ded2}.progress-copy{display:flex;justify-content:space-between;font-size:11px;color:#b9ccc4;margin:8px 0 18px}.primary-button{width:100%;border:0;border-radius:16px;padding:15px;background:var(--orange);color:#fff;font-weight:800;box-shadow:0 8px 20px rgba(229,122,53,.3)}.tip-card{margin-top:16px;border:1px solid var(--line);background:#fbf7ee;border-radius:20px;padding:17px}.tip-card span{font-weight:800;font-size:12px;color:var(--orange)}.tip-card p{margin:7px 0 0;font-size:13px;line-height:1.65;color:#52665f}.study-panel{position:fixed;inset:0;z-index:50;background:var(--paper);max-width:760px;margin:auto;padding:18px;overflow:auto}.session-head{display:flex;align-items:center;justify-content:space-between;height:48px}.text-button{border:0;background:transparent;color:var(--ink-2);font-weight:700}.status-pill{font-size:11px;background:var(--sage);border-radius:99px;padding:6px 10px}.word-card{min-height:480px;background:var(--card);border:1px solid var(--line);border-radius:30px;padding:36px 25px;margin-top:12px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow);outline:none}.word-card h3{font:700 clamp(42px,12vw,70px)/1.1 Georgia,serif;margin:24px 0;text-align:center;overflow-wrap:anywhere}.word-actions{display:flex;gap:10px;justify-content:center}.round-button,.reveal-button{border:0;height:50px;border-radius:16px}.round-button{width:50px;background:var(--sage)}.reveal-button{padding:0 26px;background:var(--ink);color:#fff;font-weight:800}.card-answer{border-top:1px dashed var(--line);padding-top:22px;margin-top:24px}.word-meta{display:flex;gap:10px;color:var(--orange);font:700 14px Georgia,serif}.meaning{white-space:pre-line;font-size:20px;font-weight:750;line-height:1.55;margin:12px 0}.note-box{background:#f3eee2;border-radius:15px;padding:12px 14px}.note-box span{font-size:10px;color:#947c63;font-weight:800}.note-box p{margin:4px 0;white-space:pre-line;font-size:14px}.example{font:italic 15px/1.6 Georgia,serif;color:#52665f}.source{font-size:11px;color:#84918c}.rating-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;position:sticky;bottom:8px;margin-top:14px}.rate{border:0;border-radius:16px;padding:13px 5px;color:#fff}.rate span{display:block;font-weight:900}.rate small{font-size:10px;opacity:.8}.rate.unknown{background:var(--red)}.rate.fuzzy{background:#c98635}.rate.known{background:var(--ink-2)}.quiz-panel{position:fixed;inset:0;z-index:60;max-width:760px;margin:auto;background:var(--paper);padding:88px 24px}.quiz-panel h3{font:700 43px Georgia,serif;margin:14px 0}.quiz-options{display:grid;gap:11px;margin-top:24px}.quiz-options button{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:15px;text-align:left;color:var(--ink)}.quiz-options button.correct{border-color:var(--ink-2);background:var(--sage)}.quiz-options button.wrong{border-color:var(--red);background:#f5d9d5}.quiz-feedback{min-height:28px;font-weight:800}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:8px 0 18px}.section-heading h2{font:700 30px Georgia,"Noto Serif SC",serif;margin:5px 0}.section-heading.compact{align-items:center;margin:0 0 18px}.section-heading.compact h3{margin:0}.count-badge{background:var(--orange-soft);color:#9b4e1c;border-radius:99px;padding:7px 11px;font-size:12px}.filters{display:grid;grid-template-columns:1.4fr 1fr .7fr;gap:8px}.filters input,.filters select{width:100%;border:1px solid var(--line);background:#fffdf8;border-radius:13px;padding:12px;min-width:0;color:var(--ink)}.word-list{display:grid;gap:9px;margin-top:15px}.word-row{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:8px}.word-row h3{font:700 21px Georgia,serif;margin:0}.word-row p{grid-column:1/-1;margin:0;color:#5c6d67;font-size:13px;white-space:pre-line}.word-row .tag{font-size:10px;padding:5px 8px;border-radius:99px;background:var(--sage);align-self:start}.empty{padding:50px 10px;text-align:center;color:#7d8984}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats-grid article,.chart-card,.cycle-card,.settings-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:17px}.stats-grid span{font-size:12px;color:#66756f}.stats-grid strong{display:block;font:700 32px Georgia,serif;margin-top:5px}.chart-card,.cycle-card{margin-top:12px}.history-chart{height:150px;display:flex;align-items:flex-end;gap:9px}.bar-column{flex:1;text-align:center;font-size:9px;color:#79857f}.bar-column i{display:block;min-height:4px;background:var(--orange);border-radius:8px 8px 2px 2px;margin-bottom:6px}.cycle-card h3{font:700 28px Georgia,serif;margin:8px 0 15px}.settings-card{margin-bottom:12px}.settings-card label{display:flex;justify-content:space-between;font-weight:800}.settings-card input[type=range]{width:100%;accent-color:var(--orange);margin:18px 0 2px}.settings-card.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.settings-card.actions button,.file-button{display:grid;place-items:center;border:1px solid var(--ink);background:transparent;border-radius:14px;padding:13px;color:var(--ink);font-weight:800;text-align:center}.file-button input{display:none}.data-note strong{font-size:14px}.data-note p{font-size:12px;color:#687670;line-height:1.6;margin:6px 0 0}.danger-button{width:100%;border:1px solid #dfb2ad;color:var(--red);background:transparent;border-radius:14px;padding:13px}.app-message{text-align:center;font-size:12px;min-height:20px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,760px);height:76px;padding:8px 14px max(8px,env(safe-area-inset-bottom));background:rgba(255,253,248,.95);backdrop-filter:blur(14px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);z-index:30}.nav-item{border:0;background:transparent;color:#81908a;font-size:11px;font-weight:700}.nav-item span{display:block;font-size:20px;margin-bottom:3px}.nav-item.active{color:var(--ink)}@media(min-width:620px){main{padding:28px 38px}.hero-card{padding:34px}.study-panel,.quiz-panel{border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media(max-width:390px){.filters{grid-template-columns:1fr 1fr}.filters input:first-child{grid-column:1/-1}.hero-card h2{font-size:27px}.word-card{min-height:430px}}
.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,420px);background:var(--card);border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.auth-card h1{font:700 30px Georgia,"Noto Serif SC",serif;margin:18px 0 6px}.auth-card form{display:grid;gap:9px;margin-top:22px}.auth-card label{font-size:12px;font-weight:800}.auth-card input{width:100%;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}.auth-card .primary-button{margin-top:8px}.sync-status{margin-left:auto;font-size:10px;background:var(--sage);padding:6px 9px;border-radius:99px;white-space:nowrap}.sync-status[data-state="error"],.sync-status[data-state="offline"]{background:#f5d9d5;color:var(--red)}
.modal-sheet{position:fixed;inset:0;z-index:90;background:rgba(12,32,27,.55);display:grid;align-items:end;padding:18px}.modal-sheet>div{width:min(100%,520px);margin:0 auto;background:var(--card);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.modal-sheet h2{font:700 26px Georgia,"Noto Serif SC",serif}.modal-sheet button{margin-top:10px}.secondary-button{width:100%;border:1px solid var(--ink);border-radius:16px;padding:14px;background:transparent;color:var(--ink);font-weight:800}
.small-primary{border:0;background:var(--orange);color:#fff;border-radius:12px;padding:10px 13px;font-weight:800}.filters{margin-top:12px}.row-actions{grid-column:1/-1;display:flex;gap:12px}.editor-panel{position:fixed;inset:0;z-index:80;background:var(--paper);max-width:760px;margin:auto;overflow:auto;padding:18px}.editor-panel form{display:grid;gap:14px}.editor-head{display:grid;grid-template-columns:70px 1fr 70px;align-items:center;position:sticky;top:-18px;background:var(--paper);padding:14px 0;z-index:2}.editor-head h2{text-align:center;font:700 22px Georgia,"Noto Serif SC",serif;margin:0}.editor-panel label{display:grid;gap:7px;font-size:12px;font-weight:800}.editor-panel input,.editor-panel textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px;background:var(--card);color:var(--ink);font-weight:400}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:390px){.form-pair{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.filters select:last-child{grid-column:1/-1}}button{min-height:44px}