:root{color:#17201b;background:#f6f7f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button,.file-button{align-items:center;background:#fff;border:1px solid #d9dfd4;border-radius:8px;color:#17201b;cursor:pointer;display:inline-flex;gap:8px;justify-content:center;min-height:40px;padding:9px 14px;touch-action:manipulation;transition:.15s ease;-webkit-tap-highlight-color:transparent}.download-link{align-items:center;background:#fff;border:1px solid #d9dfd4;border-radius:8px;color:#17201b;cursor:pointer;display:inline-flex;gap:8px;justify-content:center;min-height:40px;padding:9px 14px;text-decoration:none;touch-action:manipulation;transition:.15s ease;-webkit-tap-highlight-color:transparent}button:hover,.file-button:hover,.download-link:hover{border-color:#7f9879;box-shadow:0 8px 20px #1f3a2e14}button:disabled{cursor:not-allowed;opacity:.55}.file-button.disabled{cursor:wait;opacity:.7;pointer-events:none}.primary{background:#246b4b;border-color:#246b4b;color:#fff}.danger{border-color:#e4b4aa;color:#9b2f20}.icon{padding:9px}input,select,textarea{background:#fff;border:1px solid #d9dfd4;border-radius:8px;color:#17201b;min-height:40px;padding:9px 11px;touch-action:manipulation;width:100%}textarea{min-height:82px;resize:vertical}label{display:grid;gap:8px;font-weight:650}label input,label textarea{font-weight:400}.app-shell{min-height:100vh}.sidebar{background:#1e3026;border-top:1px solid rgba(216,232,200,.22);bottom:0;color:#f7faf2;left:0;padding:8px max(12px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-right));position:fixed;right:0;z-index:10}.brand{align-items:center;display:none;gap:12px;margin-bottom:30px}.brand-mark{background:#d8e8c8;border-radius:8px;color:#1e3026;display:grid;font-weight:800;height:42px;place-items:center;width:42px}.brand small,.muted,.word-row small,.mini-grid small{color:#667568}.sidebar .brand small{color:#bdcbbb;display:block}.nav-item{background:transparent;border-color:transparent;color:#dce8d6;flex-direction:column;font-size:.82rem;gap:4px;justify-content:center;margin-bottom:0;min-height:56px;padding:7px 8px;width:100%}.sidebar nav{display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 auto;max-width:760px}.nav-item.active{background:#d8e8c8;color:#1e3026}.main{margin:0 auto;max-width:1180px;min-width:0;padding:28px 28px calc(96px + env(safe-area-inset-bottom))}.topbar{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;margin-bottom:24px}.eyebrow{color:#64715f;font-size:.88rem;margin:0 0 4px}h1,h2,h3,p{margin-top:0}h1{font-size:2rem;margin-bottom:0}h2{font-size:1.2rem}.notice{background:#fff7dc;border:1px solid #ead48a;border-radius:8px;max-width:520px;padding:10px 14px}.stack{display:grid;gap:18px}.action-band,.panel,.flashcard{background:#fff;border:1px solid #e2e5de;border-radius:8px;box-shadow:0 18px 45px #303b2d0f}.action-band{align-items:stretch;display:grid;gap:18px;padding:22px}.action-band.compact{align-items:flex-start;margin:0 auto;max-width:760px;width:100%}.button-row{display:flex;flex-wrap:wrap;gap:10px}.centered{justify-content:center}.flashcard .button-row.centered{gap:28px}.task-actions button{min-height:46px}.task-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,680px)}.memory-intro{margin-top:12px}.panel{padding:20px}.section-title{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.section-title h2,.section-title h3{margin-bottom:0}.section-title.count-only{justify-content:flex-end}.progress,.bar-track{background:#e7ecdf;border-radius:999px;height:10px;overflow:hidden}.progress span,.bar-track i{background:#4f8e62;display:block;height:100%}.progress{margin-top:12px}.progress-summary{align-items:center;display:grid;gap:8px;grid-template-columns:auto minmax(80px,1fr) auto;margin-top:12px;width:min(100%,680px)}.progress-summary .progress{margin-top:0;width:100%}.progress-summary span{color:#536057;font-weight:700}.progress-summary strong{color:#246b4b;text-align:right}.mini-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px;width:min(100%,680px)}.mini-grid div{background:#f6f8f2;border-radius:8px;padding:8px 10px}.mini-grid strong{font-size:1.05rem;line-height:1.1}.mini-grid small{font-size:.8rem}.english-example{color:#26342d;font-family:Georgia,Times New Roman,serif;font-size:1.08rem;font-style:italic;line-height:1.65}.vocabulary-print-panel{display:grid;gap:18px}.print-header{display:none}.vocabulary-print-list{display:grid;gap:22px}.print-word{border-bottom:1px solid #e5eadf;padding-bottom:18px}.print-word:last-child{border-bottom:0}.print-word h3{font-size:1.2rem;margin-bottom:8px}.print-word-heading{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.print-word-heading .icon{min-height:34px;padding:7px}.print-word p{margin-bottom:8px}.print-word .english-example span{font-family:inherit;font-style:normal;margin-left:4px}.print-forms,.print-phrases{display:grid;gap:5px;list-style:none;margin:8px 0 0;padding:0}.print-forms li{color:#246b4b;font-weight:700}.print-forms span,.print-phrases span{color:#536057;font-weight:500}.print-phrases li{color:#17201b;font-weight:650}.mini-grid strong,.mini-grid small{display:block}.bar-list{display:grid;gap:12px;width:min(100%,680px)}.bar-row{align-items:center;display:grid;gap:8px;grid-template-columns:54px minmax(80px,1fr) auto;width:100%}.bar-row small{text-align:right}.word-chips{display:flex;flex-wrap:wrap;gap:10px}.word-chips span{background:#edf4e8;border-radius:999px;padding:8px 12px}.word-chips .warning{background:#fff0ea;color:#9b2f20}.tabs,.toolbar,.bulkbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.tabs button.active,.option-grid .selected{background:#d8e8c8;border-color:#9fb48f}.tabs span{color:#64715f;margin-left:4px}.toolbar .search{align-items:center;background:#fff;border:1px solid #d9dfd4;border-radius:8px;display:flex;flex:1 1 260px;gap:8px;min-width:220px;padding-left:10px}.toolbar .search input{border:0}.toolbar>input{max-width:220px}.bulkbar{background:#eef5ea;border:1px solid #cfe1c4;border-radius:8px;padding:10px}.table-panel{padding:0}.word-table{display:grid}.word-row{align-items:center;border-bottom:1px solid #edf0e8;display:grid;gap:12px;grid-template-columns:24px minmax(180px,1fr) 70px 150px 42px;padding:12px 14px}.word-row.mistake-row{grid-template-columns:24px minmax(180px,1fr) 110px 70px 150px 42px}.word-row:last-child{border-bottom:0}.word-row input[type=checkbox]{min-height:auto;width:auto}.word-row strong,.word-row small{display:block}.score{color:#536057;font-size:.9rem}.flashcard-wrap{display:grid;margin:0 auto;width:100%}.flashcard{display:grid;height:calc(100vh - 218px);min-height:520px;overflow:hidden;padding:72px 42px 42px;place-items:start center;position:relative;text-align:center;touch-action:pan-y;-webkit-user-select:none;user-select:none}.flashcard-content{align-content:start;display:grid;height:100%;overflow-y:auto;justify-items:center;width:100%}.flashcard-content.is-front{animation:flipInFront .32s ease both;gap:18px}.flashcard-content.is-back{animation:flipInBack .32s ease both}@keyframes flipInFront{0%{opacity:0;transform:rotateY(-12deg) scale(.98)}to{opacity:1;transform:rotateY(0) scale(1)}}@keyframes flipInBack{0%{opacity:0;transform:rotateY(12deg) scale(.98)}to{opacity:1;transform:rotateY(0) scale(1)}}.known-corner{background:#eef6e9;border-color:#c8ddbd;color:#246b4b;font-size:.92rem;font-weight:750;min-height:36px;padding:7px 11px;position:absolute;right:16px;top:16px}.flashcard h2{font-size:2.4rem;margin-bottom:0}.front-word{color:#17201b;overflow-wrap:anywhere}.ipa{color:#246b4b;font-size:2.2rem;margin-bottom:0}.speak{font-size:1.05rem}.flashcard-speak{font-size:.92rem;margin-bottom:0;min-height:34px;padding:6px 10px}.pos{color:#667568;font-size:1.25rem;margin-bottom:10px}.meaning{font-size:1.25rem;font-weight:700;margin-top:4px}.detail-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0 20px;text-align:left;width:100%}.detail-grid div{background:#f6f8f2;border-radius:8px;padding:14px}.detail-grid strong,.detail-grid small{display:block}.clean-list{display:grid;gap:9px;list-style:none;margin:10px 0 0;padding:0}.clean-list li{background:#fff;border:1px solid #e3e9dc;border-radius:8px;padding:10px}.clean-list span{color:#246b4b;display:block;font-weight:750;margin-bottom:3px}.clean-list small{margin-top:5px}.question-list{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.question-card{background:#fff;border:1px solid #e2e5de;border-radius:8px;padding:18px}.single-question{display:grid;gap:16px;margin:0 auto;max-width:760px;width:100%}.question-prompt{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.question-prompt strong{color:#17201b;font-size:1.15rem;font-weight:850}.question-prompt span{color:#667568}.next-question-button{border-radius:12px;box-shadow:0 12px 28px #246b4b38;font-size:1.08rem;font-weight:800;min-height:60px;min-width:132px}.test-actions{justify-content:center}.option-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid button{font-weight:750;justify-content:flex-start;line-height:1.45;min-height:56px;text-align:left;white-space:normal}.answer-feedback{border-radius:8px;font-weight:750;padding:12px 14px}.answer-feedback.correct{background:#e9f6e8;color:#21623c}.answer-feedback.wrong{background:#fff0ea;color:#9b2f20}.settings-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"plan import" "plan library" "backup danger"}.settings-grid .panel{display:grid;gap:14px;align-content:start}.settings-grid .plan-panel{display:flex;flex-direction:column;grid-area:plan}.import-panel,.library-entry-panel{gap:10px}.import-panel{grid-area:import}.settings-grid .library-entry-panel{display:flex;flex-direction:column;grid-area:library;padding-bottom:20px;padding-top:16px}.library-entry-panel .muted{text-align:center}.settings-action-button,.settings-backup-actions>button,.settings-backup-actions>.file-button{justify-self:start}.plan-panel .settings-action-button,.library-entry-panel .settings-action-button,.danger-zone .settings-action-button{align-self:end;margin-top:auto;width:100%}.settings-backup-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:10px}.toggle-row{align-items:flex-start;background:#f6f8f2;border:1px solid #dfe8d8;border-radius:8px;display:grid;gap:10px;grid-template-columns:22px minmax(0,1fr);padding:12px}.toggle-row input{margin-top:3px;min-height:auto;width:18px}.toggle-row span,.toggle-row small{display:block}.toggle-row small{color:#667568;font-weight:400;margin-top:4px}.file-button{position:relative}.file-button input{inset:0;opacity:0;position:absolute}.danger-zone{border-color:#efc8c0;grid-area:danger}.backup-panel{grid-area:backup}.danger-zone p{color:#8c4b42;margin-bottom:0;text-align:center}.backup-export{background:#f6f8f2;border:1px solid #dfe8d8;border-radius:8px;display:grid;gap:12px;margin-top:14px;padding:14px}.backup-export p{color:#536057;margin-bottom:0}.backup-export textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;min-height:180px;white-space:pre}.empty{color:#657064;display:grid;min-height:140px;place-items:center;text-align:center}.modal-backdrop{background:#1c272073;inset:0;padding:20px;position:fixed;z-index:20}.modal{background:#fff;border-radius:8px;display:grid;gap:14px;margin:5vh auto;max-height:90vh;max-width:620px;overflow:auto;padding:24px}@media(max-width:1100px){.question-list,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.word-row{grid-template-columns:24px minmax(180px,1fr) 70px 120px 42px}.word-row.mistake-row{grid-template-columns:24px minmax(180px,1fr) 90px 70px 120px 42px}}@media(max-width:760px){.app-shell{min-height:100vh}.sidebar{padding:7px 10px calc(7px + env(safe-area-inset-bottom))}.brand{display:none}.sidebar nav{gap:6px;grid-template-columns:repeat(5,minmax(0,1fr))}.nav-item{border-radius:8px;font-size:.76rem;min-height:52px;margin:0;padding:6px 4px}.main{padding:14px 12px calc(88px + env(safe-area-inset-bottom))}h1{font-size:1.45rem}h2{font-size:1.08rem}.topbar{display:grid}.question-list,.settings-grid,.detail-grid,.option-grid{grid-template-columns:1fr}.settings-grid{grid-template-areas:"plan" "import" "library" "backup" "danger"}.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.word-row,.word-row.mistake-row{grid-template-columns:24px minmax(0,1fr) 42px}.word-row .score,.word-row button:not(.icon),.word-row select{grid-column:2 / -1}.flashcard{height:calc(100vh - 178px);min-height:460px;padding:62px 16px 20px}.known-corner{min-height:40px;right:12px;top:12px}.flashcard h2,.front-word{font-size:2rem}.ipa{font-size:1.45rem}.button-row button,.file-button,.download-link{flex:1 1 100%;min-height:48px}input,select,textarea{font-size:16px;min-height:48px}.option-grid button{min-height:58px}.next-question-button{min-height:58px;min-width:148px}.plan-panel{grid-row:auto}.bar-row{grid-template-columns:48px minmax(80px,1fr);width:100%}.bar-row small{grid-column:2}}@media print{body{background:#fff}.sidebar,.topbar,.no-print,.action-band,.notice{display:none!important}.main{max-width:none;padding:0}.panel,.vocabulary-print-panel{border:0;box-shadow:none;padding:0}.print-word{break-inside:avoid;page-break-inside:avoid}@page{size:A4;margin:2.54cm 3.18cm}.vocabulary-print-panel{color:#111;font-size:10.4pt;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.vocabulary-print-list{gap:0}.print-word{border-bottom:.4pt solid #d9dfd4;padding:0 0 6pt;margin-bottom:6pt}.print-word h3{font-size:12.8pt;margin-bottom:3.5pt}.print-word p{margin-bottom:3.5pt}.print-word .english-example{font-size:9.9pt;line-height:1.36;overflow-wrap:anywhere}.print-forms,.print-phrases{gap:1.5pt;grid-template-columns:1fr;margin-top:3.5pt}.print-forms li,.print-phrases li{font-size:9.4pt;line-height:1.28;overflow-wrap:anywhere}}