@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+JP:wght@400;500;600;700&display=swap";:root{color:#29372e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--green:#234d3c;--green-2:#47745a;--muted:#7e887e;--border:#e7eae1;--paper:#fffefa;--serif:"Noto Serif JP", "Songti SC", "Yu Mincho", serif;background:#f7f8f4;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.45}button,a,select,input{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid #539273}a{color:inherit}h1,h2,h3,p{margin:0}svg{flex-shrink:0}button,select,a{touch-action:manipulation}button{transition:background .18s,box-shadow .18s,transform .18s}select{border:1px solid var(--border);color:#44564a;cursor:pointer;background:#fffefa;border-radius:9px;max-width:100%;padding:10px 32px 10px 12px;font-size:13px}input{color:inherit}input:focus,select:focus{outline-offset:1px;outline:2px solid #96b5a2}::selection{background:#d6e8d4}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{letter-spacing:2.1px;color:#80917d;font-size:10px;font-weight:600;line-height:1.8}.subtitle{color:var(--muted);margin-top:11px;font-size:13px;line-height:1.9}.button{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:12px 20px;font-size:13px;font-weight:500;display:inline-flex}.button.primary{background:var(--green);color:#fffefa}.button.primary:hover:not(:disabled){background:#31654c;box-shadow:0 4px 14px #234d3c18}.button.secondary{border:1px solid var(--border);color:#4e5e51;background:#fffefa}.button.secondary:hover:not(:disabled){background:#f0f4eb}.button.light{color:#284a35;background:#f2f3dc;box-shadow:0 3px 10px #11271910}.button.light:hover{background:#fffdeb;transform:translateY(-1px)}.text-button{color:#4f6e54;align-items:center;gap:7px;padding:6px 0;font-size:12px;display:inline-flex}.text-button:hover{color:#214831}.icon-button{border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.icon-button:hover{background:#edf1e8}.live-dot{background:#8dba93;border-radius:100%;flex-shrink:0;width:6px;height:6px;display:inline-block}.panel{background:var(--paper);border:1px solid var(--border);border-radius:13px}.notice{border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;margin:0 0 20px;padding:12px 16px;font-size:13px;line-height:1.8;display:flex}.notice.error{color:#a94d39;background:#fff1ec;border-color:#f2d8cf}.notice.success{color:#416a3b;background:#edf5e9;border-color:#d7e8ce}.global-error{margin:20px 40px 0}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.boot-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100dvh;padding:32px;display:flex}.boot-screen h1{font-size:24px}.boot-screen p{color:var(--muted);max-width:600px;font-size:14px}.boot-screen>.brand-mark{margin-bottom:20px}.app-shell{min-height:100dvh;display:flex}.sidebar{border-right:1px solid var(--border);z-index:20;background:#fcfdf8;flex-direction:column;flex-shrink:0;width:228px;padding:36px 24px 25px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding-left:8px;text-decoration:none;display:flex}.brand-mark{background:var(--green);color:#f9f8ec;width:43px;height:47px;font-family:var(--serif);border-radius:12px;place-items:center;font-size:27px;font-weight:500;display:inline-grid}.brand strong{font-family:var(--serif);letter-spacing:3px;font-size:23px;font-weight:600;line-height:1.3;display:block}.brand small{letter-spacing:2.1px;color:#758572;margin-top:5px;font-size:8px;font-weight:600;display:block}.sidebar-label{letter-spacing:1.3px;color:#97a08f;margin:49px 12px 16px;font-size:10px}.sidebar nav{flex-direction:column;gap:8px;display:flex}.sidebar nav button{color:#7b887a;text-align:left;border-radius:9px;align-items:center;gap:13px;min-height:46px;padding:14px 15px;font-size:13px;display:flex;position:relative}.sidebar nav button:hover{background:#f0f4ea}.sidebar nav button.active{color:#34543a;background:#eaf0e2;font-weight:600}.sidebar nav button i{background:#4e7650;border-radius:100%;width:5px;height:5px;position:absolute;right:12px}.sidebar-bottom{margin-top:auto;padding:20px 9px 0}.sidebar-quote{border-bottom:1px solid var(--border);margin-bottom:22px;padding-bottom:26px;position:relative}.sidebar-quote>span{font-family:var(--serif);letter-spacing:1px;color:#75856b;font-size:16px}.sidebar-quote p{color:#98a08f;margin-top:9px;font-size:10px}.sidebar-quote svg{color:#9aaa8f;position:absolute;bottom:27px;right:0}.storage-status{color:#78856f;align-items:center;gap:9px;font-size:11px;display:flex}.storage-status .live-dot{background:#7da779;width:5px;height:5px;margin-left:auto}.sidebar-bottom>small{color:#9aa192;margin-top:9px;font-size:9px;display:block}.main{width:calc(100% - 228px);min-width:0;margin-left:228px}.topbar{border-bottom:1px solid var(--border);background:#fafbf7;justify-content:space-between;align-items:center;height:74px;padding:0 40px;display:flex}.breadcrumb{color:#929b8d;align-items:center;gap:16px;font-size:11px;display:flex}.breadcrumb>span{color:#c3cbbd}.breadcrumb strong{color:#5a6b56;font-weight:400}.topbar-right{letter-spacing:.4px;color:#899782;align-items:center;gap:22px;font-size:10px;display:flex}.avatar{width:31px;height:31px;font-family:var(--serif);color:#5b7151;background:#ecf0e3;border:1px solid #e1e7d8;border-radius:50%;place-items:center;font-size:16px;display:grid}.page{max-width:1280px;margin:0 auto;padding:36px 40px 25px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.page-heading h1,.study-title h1{letter-spacing:.1px;margin-top:7px;font-size:25px;font-weight:500;line-height:1.6}.heading-dot{color:#91a784}.date-label{text-align:right;white-space:nowrap;flex-direction:column;gap:6px;padding-top:18px;display:flex}.date-label>span{color:#55684e;font-size:13px}.date-label small{color:#8e9b85;font-size:11px}.mobile-nav{display:none}.hero{color:#f6f6e9;background:#234d3c;border-radius:15px;min-height:292px;padding:31px 34px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";border:1px solid #63806544;border-radius:100%;width:380px;height:380px;position:absolute;top:-130px;right:-80px;box-shadow:0 0 0 45px #6380650a,0 0 0 92px #63806508}.hero-copy{z-index:2;flex:1;position:relative}.hero-tag{letter-spacing:1px;color:#c7d5b5;border:1px solid #b6cba238;border-radius:5px;align-items:center;gap:8px;padding:5px 9px;font-size:10px;font-weight:400;display:inline-flex}.hero h2{letter-spacing:.9px;margin:17px 0 13px;font-size:26px;font-weight:400}.hero-copy>p{color:#b2c6ae;font-size:12px;line-height:1.9}.hero-actions{align-items:center;gap:18px;margin-top:24px;display:flex}.hero-actions>span{color:#b1c4a7;font-size:10px}.hero-meta{color:#a1bc9d;align-items:center;gap:19px;margin-top:21px;font-size:10px;display:flex}.hero-meta>span{align-items:center;gap:6px;display:inline-flex}.hero-meta>span+span{border-left:1px solid #aec99d33;padding-left:18px}.hero-meta strong{color:#dfe9cb;font-weight:500}.hero-art{flex-shrink:0;align-self:stretch;width:270px;margin-left:10px;position:relative}.art-ring{border:1px solid #a4be8d23;border-radius:50%;width:210px;height:210px;position:absolute;top:15px;right:12px}.ring-two{width:265px;height:265px;top:-12px;right:-15px}.mini-card{border-radius:10px;position:absolute;box-shadow:0 10px 30px #0c201a33}.rear-card{color:#e0e9c9;background:#688465;border:1px solid #c8d6b365;flex-direction:column;align-items:center;gap:27px;width:120px;height:164px;padding:20px;display:flex;top:34px;left:20px;transform:rotate(-16deg)}.rear-card>span{letter-spacing:2px;font-size:9px}.front-card{color:#2f533b;background:#f8f5df;flex-direction:column;align-items:center;width:137px;height:184px;padding:24px 16px;display:flex;top:20px;right:15px;transform:rotate(9deg)}.front-card>span{font-family:var(--serif);letter-spacing:4px;color:#8e9a77;font-size:10px}.front-card>b{font-family:var(--serif);letter-spacing:6px;margin:8px 0 10px;font-size:44px;font-weight:500}.front-card>small{letter-spacing:.8px;color:#94a17a;font-size:7px}.mini-line{background:#d3dab2;border-radius:3px;width:25px;height:3px;margin-top:17px}.art-caption{font-family:var(--serif);letter-spacing:6px;color:#9fb794;font-size:11px;position:absolute;bottom:0;left:48px}.art-spark{color:#a5bc84;font-size:35px;font-weight:300;position:absolute;bottom:15px;right:-8px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:22px 0 34px;display:grid}.stat{background:var(--paper);border:1px solid var(--border);border-radius:11px;padding:19px 20px 17px}.stat-label{color:#85917a;justify-content:space-between;align-items:center;font-size:11px;display:flex}.stat-label svg{color:#9ca58f}.stat>strong{font-variant-numeric:tabular-nums;letter-spacing:-.6px;margin:5px 0 4px;font-size:29px;font-weight:500;line-height:1.6;display:block}.stat>strong>small{color:#a1aa95;letter-spacing:0;margin-left:8px;font-size:11px;font-weight:400}.stat>p{color:#99a18d;white-space:normal;font-size:9px;line-height:1.7}.progress-track{background:#eff1e8;border-radius:6px;width:100%;height:4px;overflow:hidden}.progress-track>span{background:#93ad79;border-radius:6px;height:100%;display:block}.stat .progress-track{margin:10px 0 3px}.section-heading{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:18px;display:flex}.section-heading h2{margin-top:5px;font-size:18px;font-weight:500}.section-heading>.small{margin-bottom:3px;font-size:10px}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.mode-card{border:1px solid var(--border);text-align:left;background:#fffefa;border-radius:12px;min-width:0;padding:23px 23px 0}.mode-card:hover{border-color:#c8d7c0;transform:translateY(-3px);box-shadow:0 9px 24px #32452f0a}.mode-top{align-items:center;gap:11px;display:flex}.mode-icon{color:#577a4d;background:#eef3e8;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.mode-number{letter-spacing:1.2px;color:#9bab8e;font-size:9px}.mode-top>svg{color:#a0ac95;margin-left:auto}.mode-card h3{margin-top:17px;margin-bottom:7px;font-size:20px;font-weight:500}.mode-card>p{color:#8b9781;font-size:11px}.mode-demo{color:#8c9c7d;background:#f8faf2;border-radius:7px;justify-content:center;align-items:center;gap:17px;height:78px;margin-top:15px;display:flex}.mode-demo>span[lang]{font-family:var(--serif);color:#46643b;letter-spacing:2px;font-size:24px}.mode-demo>small{font-size:11px}.mode-demo>svg{color:#b7c1a7}.mode-bottom{border-top:1px solid var(--border);color:#96a18a;justify-content:space-between;gap:10px;margin-top:20px;padding:16px 0;font-size:9px;line-height:1.7;display:flex}.mode-bottom>span:last-child{color:#668057;align-items:center;gap:6px;display:inline-flex}.mode-card.listening .mode-icon{color:#62819b;background:#eaf0f4}.mode-card.listening .mode-number{color:#9aabb9}.mode-card.listening .mode-demo{color:#8a9eaf;background:#f4f7f9}.mode-card.listening .mode-demo>svg{color:#b1c0ce}.mode-card.listening .mode-bottom>span:last-child{color:#6c8aa1}.mode-card.production .mode-icon{color:#b58b60;background:#f6ede2}.mode-card.production .mode-number{color:#b5a28b}.mode-card.production .mode-demo{color:#a8967f;background:#fbf7f1}.mode-card.production .mode-demo>span[lang]{color:#997653;font-size:21px}.mode-card.production .mode-demo>svg{color:#ccbba6}.mode-card.production .mode-bottom>span:last-child{color:#ab8d65}.waveform{align-items:center;gap:4px;height:38px;display:flex}.waveform>i{background:#8eaabd;border-radius:4px;width:3px}.dashboard-bottom{grid-template-columns:1.3fr 1fr;gap:20px;margin-top:27px;display:grid}.dashboard-bottom>.panel{padding:23px 25px}.section-heading.compact{align-items:center;margin-bottom:16px}.compact h2{margin:0;font-size:15px}.compact .text-button{font-size:10px}.course-list{flex-direction:column;display:flex}.course-row{text-align:left;border-top:1px solid #eff1e9;align-items:center;gap:15px;width:100%;padding:13px 0;display:flex}.course-row:hover{background:#f7f9f2}.course-index{color:#a4ad97;font-variant-numeric:tabular-nums;font-size:10px}.course-row>div:first-of-type{flex-direction:column;flex:1;gap:5px;display:flex}.course-row strong{color:#4b6244;font-size:12px;font-weight:500}.course-row small{color:#9aa38e;font-size:9px}.course-row>svg{color:#a0ac94;margin-left:2px}.course-progress{text-align:right;width:90px}.course-progress>span{color:#9aa88c;font-variant-numeric:tabular-nums;font-size:9px}.course-progress .progress-track{height:3px;margin-top:6px}.week-total{align-items:baseline;gap:12px;margin-top:26px;display:flex}.week-total>strong{font-size:31px;font-weight:500}.week-total>span{color:#919e84;font-size:10px}.week-chart{gap:12px;height:148px;margin-top:25px;display:flex}.day-column{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.day-column>span{color:#789269;height:15px;font-size:9px}.day-track{align-items:flex-end;width:100%;max-width:27px;height:105px;display:flex}.day-track>i{background:#d7e0c8;border-radius:4px 4px 0 0;width:100%;min-height:4px}.day-track>i.today-bar{background:#789565}.day-column>small{color:#a0aa95;font-size:9px}.day-column>small.today-label{color:#577443;font-weight:500}.gentle-note{border-top:1px solid var(--border);color:#91a481;align-items:center;gap:15px;margin-top:21px;padding-top:20px;display:flex}.gentle-note p{color:#98a38c;font-size:10px;line-height:1.9}.gentle-note strong{color:#7b8f6c;font-weight:400}.page-footnote{color:#a8af9c;letter-spacing:.3px;justify-content:space-between;gap:10px;margin-top:27px;font-size:9px;display:flex}.study-page{max-width:1060px}.study-top{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.study-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.study-title h1{font-size:24px}.status-badge{color:#7d9171;white-space:nowrap;background:#eef3e8;border-radius:6px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;display:inline-flex}.study-controls{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.segmented{background:#edefe7;border-radius:9px;gap:3px;padding:4px;display:flex}.segmented>button{color:#8c9981;white-space:nowrap;border-radius:6px;padding:9px 15px;font-size:12px}.segmented>button.selected{color:#47683d;background:#fffefa;box-shadow:0 1px 5px #1e342216}.flashcard{background:#fffefa;border:1px solid #e2e7d9;border-radius:17px;overflow:hidden;box-shadow:0 8px 25px #52663c06}.flashcard-meta{color:#a0aa92;border-bottom:1px solid #f2f3ed;justify-content:space-between;align-items:center;gap:10px;padding:21px 25px;font-size:10px;display:flex}.flashcard-meta i{color:#d0d7c4;margin:0 9px;font-style:normal}.type-tag{color:#6c875c;background:#edf2e6;border-radius:5px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;display:inline-flex}.type-tag.listening{color:#6c8ca3;background:#eaf1f5}.type-tag.production{color:#af8e62;background:#f7efe3}.question-face{flex-direction:column;align-items:center;min-height:380px;padding:32px;display:flex}.question-prompt{color:#99a38e;margin-bottom:29px;font-size:12px}.question-word{font-family:var(--serif);letter-spacing:8px;text-align:center;overflow-wrap:anywhere;color:#2a4935;max-width:100%;margin:17px 0 50px;font-size:76px;font-weight:500;line-height:1.6}.reveal-button{min-width:260px;margin-top:auto;padding:14px 24px}.keycap{color:#d6e4c9;background:#ffffff12;border:1px solid #b7cba52e;border-radius:4px;margin-left:22px;padding:2px 6px;font-size:9px}.answer-face{outline:none;padding:24px 37px 29px}.your-answer{color:#8a987b;background:#f7f7ef;border-radius:7px;margin-bottom:18px;padding:10px 13px;font-size:12px}.your-answer>span{color:#4b6640}.word-detail .answer-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.answer-heading .reading{font-family:var(--serif);color:#899b77;letter-spacing:1.5px;font-size:16px;line-height:1.8}.answer-heading h2{font-family:var(--serif);letter-spacing:3px;overflow-wrap:anywhere;font-size:46px;font-weight:500;line-height:1.6}.answer-heading>div{min-width:0}.meaning{color:#47653e;flex-wrap:wrap;align-items:baseline;gap:11px;margin-top:16px;font-size:18px;line-height:1.8;display:flex}.pos{color:#8d9a7e;white-space:nowrap;background:#f0f1e8;border-radius:4px;padding:3px 7px;font-size:10px;line-height:1.7}.example-heading{color:#97a387;justify-content:space-between;margin-top:27px;margin-bottom:13px;font-size:10px;display:flex}.example-heading>span:last-child{color:#b0b99f}.example{background:#f8f9f2;border-radius:9px;align-items:flex-start;gap:14px;margin-bottom:10px;padding:17px 18px;display:flex}.example-text{flex:1;min-width:0}.example-text>p:first-child{font-family:var(--serif);color:#4b6040;overflow-wrap:anywhere;font-size:17px;line-height:1.8}.example-reading{color:#a2ae93;margin-top:6px;font-size:10px;line-height:1.8}.example-meaning{color:#8a997c;margin-top:6px;font-size:12px;line-height:1.8}.source-line{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.source-line>a{color:#a7b29a;font-size:9px;text-decoration:none}.source-line>a:hover{color:#64864e}.audio-button{color:#6f8a5e;background:#eff4e9;border:1px solid #e2ebd7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;display:inline-flex}.audio-button:hover{background:#e6eedc}.audio-button.playing{color:#416a2c;background:#dfead3}.audio-button.audio-large{color:#6689a5;background:#edf3f7;border-color:#dae6ee;flex-direction:column;gap:17px;width:132px;height:132px;box-shadow:0 0 0 9px #f7f9fb,0 0 0 10px #edf3f7}.audio-large>span{font-size:11px}.audio-large:hover{background:#e1ebf3}.audio-large.playing{background:#dceaf4}.listening-question{flex-direction:column;align-items:center;gap:19px;margin:7px 0 25px;display:flex}.listening-question>p{color:#9dabba;font-size:11px}.device-voice{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.device-voice .text-button{font-size:10px}.device-voice>small{color:#b38c64;font-size:10px}.production-question{flex-direction:column;align-items:center;gap:15px;width:100%;margin:12px 0 28px;display:flex}.production-question>h2{color:#846444;text-align:center;overflow-wrap:anywhere;max-width:100%;font-family:Georgia,Noto Serif JP,serif;font-size:35px;font-weight:400;line-height:1.4}.production-question>input{text-align:center;background:#fcfaf5;border:1px solid #e8dfd0;border-radius:8px;width:100%;max-width:340px;padding:13px 15px;font-size:15px}.production-question>input::placeholder{color:#b8aa92;font-size:12px}.production-question>small{color:#af9d82;font-size:10px}.rating-area{text-align:center;margin-top:24px}.rating-area>p{color:#819171;margin-bottom:14px;font-size:12px}.rating-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:13px;display:grid}.rating{border:1px solid var(--border);background:#fffefa;border-radius:10px;min-height:77px;padding:16px 10px}.rating>span{justify-content:center;align-items:center;gap:12px;font-size:13px;font-weight:500;display:flex}.rating kbd{opacity:.45;border:1px solid;border-radius:3px;min-width:16px;padding:0 2px;font-family:inherit;font-size:9px}.rating small{opacity:.65;margin-top:7px;font-size:10px;display:block}.rating-1{color:#bc7662;border-color:#ead3c8}.rating-2{color:#b49a60;border-color:#e8dfc7}.rating-3{color:#557c43;background:#f0f6e9;border-color:#cbdcc0}.rating-4{color:#598ba0;border-color:#cddfe5}.rating:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 3px 12px #36462b10}.rating-area>small{font-size:10px}.study-footer{color:#a3ad96;justify-content:space-between;align-items:center;gap:10px;margin-top:23px;font-size:10px;display:flex}.study-footer>span{align-items:center;gap:7px;display:flex}.study-tip{border-top:1px solid var(--border);color:#99a88c;align-items:center;gap:11px;margin-top:35px;padding-top:20px;font-size:10px;line-height:1.8;display:flex}.study-tip>svg:last-child{margin-left:auto}.empty-study{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:60px 35px;display:flex}.completion-icon{color:#7e9e64;background:#edf4e6;border-radius:50%;place-items:center;width:83px;height:83px;margin-bottom:5px;display:grid}.empty-study h2{font-size:24px;font-weight:400}.empty-study p{color:#8d9a7f;font-size:13px;line-height:1.9}.empty-study p.small{font-size:11px}.empty-study .button{margin-top:12px}.count-pill{letter-spacing:1.7px;color:#7b906a;white-space:nowrap;background:#eaf0e2;border-radius:6px;padding:9px 13px;font-size:10px}.library-toolbar{gap:12px;margin:30px 0 18px;display:flex}.search-field{border:1px solid var(--border);color:#9aa68f;background:#fffefa;border-radius:9px;flex:1;align-items:center;gap:10px;min-width:0;padding:0 14px;display:flex}.search-field>input{background:0 0;border:none;outline:none;width:100%;min-width:0;padding:12px 0;font-size:12px}.search-field:focus-within{outline:2px solid #96b5a2}.search-field>input::placeholder{color:#a9b19e}.search-field>button{place-items:center;padding:5px;display:grid}.library-summary{color:#9da98f;justify-content:space-between;margin-bottom:14px;font-size:10px;display:flex}.word-table{overflow:hidden}.word-table-head,.word-row{grid-template-columns:52px minmax(120px,1fr) minmax(140px,1.2fr) 100px 38px;align-items:center;gap:17px;padding:17px 23px;display:grid}.word-table-head{color:#8d9d7c;background:#f2f5eb;font-size:10px}.word-row{border-top:1px solid #f0f2e9;min-height:77px;padding-top:15px;padding-bottom:15px}.word-row:hover{background:#fbfcf6}.word-sequence{font-variant-numeric:tabular-nums;color:#a9b29c;font-size:10px}.word-title,.word-gloss{text-align:left;min-width:0;padding:0}.word-title>strong{font-family:var(--serif);color:#4a653d;font-size:20px;font-weight:500;line-height:1.6;display:block}.word-title>small{color:#a4af97;margin-top:3px;font-size:10px;display:block}.word-gloss{color:#758867;overflow-wrap:anywhere;font-size:12px;line-height:1.6}.word-gloss>small{color:#adb7a1;margin-top:5px;font-size:9px;display:block}.word-modes{gap:6px;display:flex}.word-modes>span{color:#c1cbb4;background:#f1f3eb;border-radius:6px;place-items:center;width:26px;height:26px;display:grid}.word-modes>span.mode-started{color:#598743;background:#eaf3df}.word-modes>span.mode-started.listening{color:#638aa9;background:#e7f0f7}.word-modes>span.mode-started.production{color:#b28b54;background:#f6edde}.pagination{justify-content:space-between;align-items:center;gap:15px;margin-top:24px;display:flex}.pagination>span{color:#97a58a;font-size:11px}.pagination>div{gap:10px;display:flex}.pagination .button{min-height:37px;padding:9px 13px;font-size:11px}.library-empty{color:#a0b090;text-align:center;flex-direction:column;align-items:center;gap:17px;padding:60px 30px;display:flex}.library-empty h3{color:#6d865d;font-size:18px;font-weight:400}.library-empty p{font-size:12px;line-height:1.9}.detail-dialog{color:inherit;background:#fffefa;border:1px solid #e5ebdc;border-radius:16px;width:min(650px,100% - 32px);max-height:90dvh;padding:0}.detail-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#10251dcc}.dialog-inner{padding:34px;position:relative}.dialog-close{position:absolute;top:17px;right:17px}.dialog-inner>.eyebrow{margin-bottom:20px}.detail-progress{border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;padding-top:21px;display:grid}.detail-progress>div{flex-direction:column;gap:7px;display:flex}.detail-progress span{color:#9ca88f;font-size:10px}.detail-progress strong{color:#738b62;font-size:12px;font-weight:500}.detail-progress small{color:#a3ad97;font-size:9px}.settings-page{max-width:1050px}.settings-panel{margin:23px 0;padding:27px 30px}.settings-panel-heading{color:#7e9769;border-bottom:1px solid var(--border);align-items:flex-start;gap:15px;padding-bottom:22px;display:flex}.settings-panel-heading svg{margin-top:2px}.settings-panel-heading h2,.about-panel h2{color:#516a43;font-size:17px;font-weight:500}.settings-panel-heading p{color:#9ca88e;margin-top:8px;font-size:11px;line-height:1.8}.setting-row{border-bottom:1px solid #eff2e8;justify-content:space-between;align-items:center;gap:25px;padding:24px 0;display:flex}.setting-row label{color:#6c845c;cursor:pointer;font-size:13px}.setting-row p{color:#a1ad94;margin-top:7px;font-size:11px;line-height:1.9}.input-unit{flex-shrink:0;align-items:center;gap:10px;display:flex}.input-unit input{color:#5c764a;background:#fbfcf7;border:1px solid #e1e8d7;border-radius:7px;width:75px;padding:9px 11px;font-size:14px}.input-unit span{color:#a4af97;font-size:10px}.setting-row select{flex-shrink:0;font-size:12px}.toggle{appearance:none;cursor:pointer;background:#dde5d3;border-radius:20px;flex-shrink:0;width:40px;height:23px;position:relative}.toggle:before{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0001}.toggle:checked{background:#6c9658}.toggle:checked:before{transform:translate(17px)}.settings-save{justify-content:flex-end;margin-top:21px;display:flex}.settings-save .button{font-size:12px}.data-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:25px 0;display:grid}.data-summary>div{flex-direction:column;gap:7px;display:flex}.data-summary strong{color:#688355;font-size:24px;font-weight:500}.data-summary span{color:#a0ae91;font-size:10px}.backup-actions{flex-wrap:wrap;gap:12px;display:flex}.backup-actions .button{font-size:12px}.backup-note{color:#a2ae95;align-items:flex-start;gap:9px;margin-top:20px;font-size:10px;line-height:1.9;display:flex}.backup-note svg{margin-top:2px}.restore-confirm{background:#f9f4e8;border:1px solid #e9ddbd;border-radius:9px;margin-top:20px;padding:18px 20px}.restore-confirm strong{color:#9c7d46;font-size:13px;font-weight:500}.restore-confirm p{color:#ad9465;margin:11px 0 15px;font-size:11px;line-height:1.9}.restore-confirm>div{justify-content:flex-end;gap:10px;display:flex}.restore-confirm .button{font-size:11px}.about-panel{color:#8da177;align-items:flex-start;gap:17px;padding:25px 30px;display:flex}.about-panel svg{margin-top:2px}.about-panel p{color:#9aaa8c;margin-top:11px;font-size:11px;line-height:1.9}.about-panel a{color:#81996b;margin-top:13px;font-size:11px;text-decoration:none;display:inline-block}@media (width>=1550px){.page{padding-top:43px}.hero{min-height:310px}.hero-art{margin-right:30px}.hero h2{font-size:30px}.stat-grid{gap:20px}.mode-card{padding:27px 27px 0}.mode-demo{height:88px}.mode-bottom{padding:19px 0}}@media (width<=1200px){.sidebar{width:205px;padding-left:18px;padding-right:18px}.main{width:calc(100% - 205px);margin-left:205px}.topbar{padding:0 28px}.page{padding:29px 28px}.hero{padding:29px}.hero-art{width:205px}.rear-card{left:0}.front-card{right:0}.hero h2{font-size:23px}.hero-meta{gap:12px}.hero-meta>span+span{padding-left:12px}.mode-card{padding:20px 18px 0}.mode-top{gap:9px}.mode-number{letter-spacing:.5px;font-size:8px}.mode-bottom{font-size:8px}.mode-demo{gap:12px}.stat{padding:17px 16px}.page-heading h1{font-size:23px}.dashboard-bottom>.panel{padding:21px}.word-table-head,.word-row{grid-template-columns:38px minmax(100px,1fr) minmax(110px,1fr) 90px 35px;gap:12px;padding-left:18px;padding-right:18px}.word-modes{gap:4px}}@media (width<=1020px){.hero-art{transform-origin:100%;width:175px;margin-left:-5px;transform:scale(.85)}.hero-copy>p{font-size:11px}.hero h2{font-size:22px}.hero-actions{gap:12px}.hero-actions>span{font-size:9px}.hero-meta>span:last-child{display:none}.mode-grid{gap:12px}.mode-top .mode-number{display:none}.mode-top>svg{margin-left:auto}.mode-card{padding:18px 15px 0}.mode-bottom{flex-direction:column;gap:5px}.mode-demo{gap:9px}.mode-demo>small{font-size:10px}.mode-card.production .mode-demo>span[lang]{font-size:18px}.mode-demo>span[lang]{font-size:22px}.dashboard-bottom{grid-template-columns:1.15fr 1fr;gap:14px}.dashboard-bottom>.panel{padding:18px}.course-row{gap:9px}.course-progress{width:65px}.week-chart{gap:7px}.week-total{gap:8px}.week-total>span{font-size:9px}.stat-grid{gap:10px}.stat{padding:16px 13px}.stat>strong{font-size:26px}.stat>strong>small{margin-left:5px;font-size:9px}.stat-label{font-size:10px}.stat-label svg{width:14px}.date-label{display:none}.word-modes{gap:2px}.word-table-head,.word-row{grid-template-columns:32px minmax(90px,1fr) minmax(100px,1fr) 80px 32px;gap:9px}.word-modes>span{width:24px;height:24px}.word-row .audio-button{width:31px;height:31px}.study-title h1{font-size:21px}}@media (width<=850px){.sidebar{width:185px;padding-left:13px;padding-right:13px}.main{width:calc(100% - 185px);margin-left:185px}.sidebar nav button{gap:10px;padding-left:13px;font-size:12px}.sidebar-label{font-size:9px}.brand{padding-left:9px}.brand-mark{width:38px;height:42px}.brand strong{font-size:21px}.page{padding:26px 23px}.topbar{height:66px;padding:0 23px}.hero-art{display:none}.hero{min-height:280px}.hero h2{font-size:25px}.hero-actions>span{font-size:10px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{padding:17px 18px}.stat-label{font-size:11px}.stat>strong{font-size:29px}.stat>strong>small{font-size:11px}.mode-grid{grid-template-columns:1fr}.mode-card{grid-template-columns:1fr 1.15fr;column-gap:15px;padding:18px 20px 0;display:grid}.mode-top{grid-area:1/1}.mode-top>svg{display:none}.mode-top .mode-number{display:block}.mode-icon{width:33px;height:33px}.mode-icon>svg{width:19px}.mode-card h3{grid-area:2/1;margin:11px 0 6px;font-size:18px}.mode-card>p{grid-area:3/1;font-size:10px}.mode-demo{grid-area:1/2/4;height:100%;min-height:86px;margin:0}.mode-bottom{flex-direction:row;grid-column:1/-1;margin-top:17px;font-size:9px}.mode-card.production .mode-demo>span[lang]{font-size:23px}.mode-demo>small{font-size:11px}.mode-demo>span[lang]{font-size:27px}.dashboard-bottom{grid-template-columns:1fr}.week-chart{gap:22px;height:125px;margin-top:15px}.day-track{max-width:35px;height:82px}.week-total{margin-top:13px}.gentle-note{margin-top:18px;padding-top:15px}.course-progress{width:110px}.page-footnote{flex-direction:column;gap:7px}.section-heading h2{font-size:17px}.section-heading>.small{font-size:9px}.study-title{align-items:flex-start}.study-title .status-badge{display:none}.study-title h1{font-size:22px}.segmented>button{padding:8px 10px;font-size:11px}.study-controls>select{padding-left:8px;padding-right:19px;font-size:11px}.question-face{padding:29px 20px}.answer-face{padding:24px}.rating-buttons{gap:8px}.rating{padding:15px 7px}.rating>span{gap:7px}.rating kbd{display:none}.word-table-head,.word-row{grid-template-columns:28px minmax(100px,1fr) minmax(100px,1fr) 32px;gap:10px;padding-left:14px;padding-right:14px}.word-modes,.word-table-head>span:nth-child(4){display:none}.library-toolbar{flex-wrap:wrap;gap:10px}.search-field{flex-basis:100%}.library-toolbar select{flex:1}.library-summary>span:last-child{font-size:9px}.count-pill{display:none}.settings-panel{padding:24px}.setting-row{gap:15px}.setting-row p{max-width:280px}.input-unit{gap:7px}.input-unit input{width:65px}.about-panel{padding:23px}.setting-row select{max-width:125px;font-size:11px}.backup-note{line-height:1.9}}@media (width<=650px){.sidebar{display:none}.main{width:100%;margin-left:0;padding-bottom:78px}.topbar{height:61px;padding:0 21px}.breadcrumb{gap:10px;font-size:10px}.topbar-right{gap:13px;font-size:9px}.topbar-right .avatar{width:28px;height:28px;font-size:15px}.page{padding:25px 20px 26px}.page-heading{margin-bottom:22px}.page-heading h1{letter-spacing:-.3px;margin-top:9px;font-size:23px;line-height:1.6}.eyebrow{letter-spacing:1.7px;font-size:9px}.subtitle{margin-top:9px;font-size:11px}.hero{border-radius:13px;min-height:285px;padding:25px 24px}.hero h2{letter-spacing:0;max-width:290px;margin-top:15px;font-size:24px;line-height:1.65}.hero-copy>p{font-size:11px}.hero-actions{flex-wrap:wrap;gap:10px 16px;margin-top:21px}.hero-actions .button{min-height:43px;padding:12px 16px;font-size:12px}.hero-actions>span{font-size:9px}.hero-meta{gap:14px;margin-top:20px;font-size:9px}.hero-meta>span+span{padding-left:14px}.hero-tag{font-size:9px}.hero:before{top:-110px;right:-240px}.stat-grid{gap:11px;margin:18px 0 28px}.stat{border-radius:10px;padding:16px 17px}.stat>strong{font-size:29px}.stat>strong>small{margin-left:7px;font-size:10px}.stat-label{font-size:10px}.stat>p{font-size:9px}.section-heading{flex-wrap:wrap;gap:10px;margin-bottom:16px}.section-heading h2{font-size:17px}.section-heading>.small{font-size:9px}.mode-grid{gap:13px}.mode-card{border-radius:11px;grid-template-columns:1fr 1fr;gap:0 12px;padding:18px 19px 0}.mode-card>p{white-space:nowrap;font-size:10px}.mode-card h3{font-size:19px}.mode-demo{gap:10px;min-height:90px}.mode-demo>span[lang]{font-size:26px}.mode-card.production .mode-demo>span[lang]{font-size:20px}.mode-demo>small{font-size:10px}.mode-bottom{margin-top:18px;padding:13px 0;font-size:9px}.dashboard-bottom{gap:17px;margin-top:22px}.dashboard-bottom>.panel{padding:22px}.section-heading.compact{flex-wrap:nowrap}.compact h2{font-size:16px}.course-row{gap:13px;padding:14px 0}.course-row>div:first-of-type{gap:6px}.course-row strong{font-size:12px}.course-row small{font-size:9px}.course-progress{width:85px}.course-list .course-row:last-child{padding-bottom:4px}.week-chart{height:140px}.day-track{height:97px}.week-total>span{font-size:10px}.page-footnote{text-align:center;align-items:center;gap:9px;margin-top:25px;font-size:8px}.mobile-nav{padding:9px 7px max(10px, env(safe-area-inset-bottom));z-index:25;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fcfdf9f5;border-top:1px solid #dfe6d7;justify-content:space-around;display:flex;position:fixed;inset:auto 0 0}.mobile-nav button{color:#a0ae93;flex-direction:column;align-items:center;gap:5px;min-width:62px;padding:4px 8px;font-size:9px;display:flex}.mobile-nav button.active{color:#3a673d}.mobile-nav button.active>svg{stroke-width:2.3px}.study-page{padding-top:20px}.study-top{margin-bottom:23px}.study-top .text-button{font-size:11px}.study-top>.small{font-size:10px}.study-title{margin-bottom:21px}.study-title h1{font-size:22px}.study-controls{flex-wrap:wrap;gap:9px;margin-bottom:17px}.segmented{flex:1;justify-content:space-between;min-width:246px}.segmented>button{padding:9px 11px;font-size:11px}.study-controls select{flex-shrink:0;min-height:38px;padding-left:10px;font-size:10px}.flashcard{border-radius:13px}.flashcard-meta{padding:17px 18px;font-size:9px}.flashcard-meta i{margin:0 5px}.type-tag{padding:5px 7px;font-size:9px}.question-face{min-height:345px;padding:28px 20px}.question-prompt{margin-bottom:23px;font-size:11px}.question-word{letter-spacing:5px;margin:14px 0 39px;font-size:65px}.reveal-button{min-width:240px;max-width:100%;min-height:46px;font-size:12px}.reveal-button .keycap{display:none}.answer-face{padding:22px 20px}.answer-heading h2{font-size:40px}.answer-heading .reading{font-size:14px}.meaning{margin-top:14px;font-size:17px}.example{gap:9px;padding:14px}.example-text>p:first-child{font-size:16px}.example-reading{font-size:9px}.example-meaning{font-size:11px}.example .audio-button{width:31px;height:31px}.source-line{align-items:flex-start;gap:7px}.source-line>a{text-align:right;font-size:8px;line-height:1.8}.rating-area{margin-top:21px}.rating-buttons{gap:8px}.rating{border-radius:8px;min-height:73px;padding:13px 6px}.rating>span{font-size:12px}.rating small{font-size:9px}.rating-area>p{font-size:11px}.rating-area>small{font-size:9px}.study-footer>span:first-child{display:none}.study-footer{justify-content:flex-end;margin-top:18px;font-size:9px}.study-tip{gap:9px;margin-top:28px;padding-top:18px;font-size:9px}.study-tip>svg:last-child{display:none}.production-question>h2{font-size:30px}.production-question>input{font-size:14px}.empty-study{gap:17px;padding:43px 22px}.empty-study h2{font-size:22px}.empty-study p{font-size:12px}.empty-study p.small{font-size:10px}.empty-study .button{font-size:12px}.library-toolbar{margin-top:24px}.library-summary{align-items:baseline;gap:10px;font-size:9px}.library-summary>span:last-child{text-align:right;max-width:170px;font-size:8px}.word-table-head,.word-row{grid-template-columns:minmax(95px,1fr) minmax(90px,1fr) 31px;gap:11px;padding:15px 13px}.word-table-head>span:first-child,.word-sequence{display:none}.word-table-head{padding-top:12px;padding-bottom:12px;font-size:9px}.word-title>strong{font-size:19px}.word-title>small{font-size:9px}.word-gloss{font-size:11px}.word-gloss>small{font-size:8px}.pagination>span{font-size:10px}.pagination>div{gap:7px}.pagination .button{gap:5px;padding:8px 10px;font-size:10px}.dialog-inner{padding:26px 22px}.detail-progress{gap:8px}.detail-progress strong{font-size:11px}.detail-progress small{font-size:8px;line-height:1.8}.settings-panel{padding:22px 20px}.settings-panel-heading{gap:11px;padding-bottom:19px}.settings-panel-heading h2{font-size:16px}.settings-panel-heading p{font-size:10px}.setting-row{gap:17px;padding:21px 0}.setting-row label{font-size:12px}.setting-row p{max-width:235px;font-size:10px}.input-unit{flex-direction:column;gap:5px}.input-unit input{width:66px;padding:9px 10px;font-size:13px}.input-unit span{font-size:9px}.setting-row select{max-width:112px;padding-right:22px;font-size:10px}.settings-save .button{font-size:11px}.data-summary{gap:10px;padding:22px 0}.data-summary strong{font-size:23px}.data-summary span{font-size:9px}.backup-actions{gap:10px}.backup-actions .button{padding:11px 15px;font-size:11px}.backup-note{font-size:9px}.about-panel{gap:12px;padding:22px 20px}.about-panel h2{font-size:15px}.about-panel p,.about-panel a{font-size:10px}.restore-confirm{padding:16px}.restore-confirm p{font-size:10px}.restore-confirm .button{padding:10px 12px;font-size:10px}.global-error{margin:15px 20px 0}}@media (width<=380px){.page{padding-left:16px;padding-right:16px}.hero{padding:23px 20px}.hero h2{font-size:22px}.hero-actions{gap:12px}.hero-actions>span{font-size:8px}.page-heading h1{font-size:21px}.mode-card{grid-template-columns:1fr 1fr;padding-left:15px;padding-right:15px}.mode-demo{gap:7px}.mode-demo>small,.mode-card>p{font-size:9px}.stat{padding:15px}.stat>strong>small{font-size:9px}.topbar{padding:0 17px}.topbar-right>span:first-child{display:none}.study-title h1{font-size:21px}.segmented>button{padding:9px;font-size:10px}.mode-number{font-size:7px}.backup-actions .button{padding:11px 12px;font-size:10px}.source-line{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.account-trigger{color:#5b7151;align-items:center;gap:9px;padding:0;font-size:11px;display:flex}.account-trigger:hover{color:#234d3c}.account-profile{align-items:center;gap:15px;margin-top:24px;display:flex}.github-avatar{color:#547342;background:#edf3e6;border-radius:15px;flex-shrink:0;place-items:center;width:54px;height:54px;display:grid}.account-profile>div{flex-direction:column;gap:6px;display:flex}.account-profile strong{font-size:16px;font-weight:500}.account-profile>div>span{color:#91a080;font-size:12px}.sync-badge{color:#6a8758;background:#eff4e8;border-radius:6px;align-items:center;gap:8px;margin-left:auto;padding:8px 10px;font-size:10px;display:flex}.sync-badge.error{color:#b07e4d;background:#fff1e8}.sync-badge.error .live-dot{background:#c99764}.account-detail{color:#99a58d;margin:17px 0;font-size:11px}.account-actions{flex-wrap:wrap;gap:12px;display:flex}.account-actions .button{font-size:12px}.account-login{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:28px 15px 14px;display:flex}.account-login h3{color:#567047;font-size:18px;font-weight:500}.account-login p{color:#93a284;font-size:12px;line-height:1.9}.account-login a{text-decoration:none}.account-login>small{color:#9cab8e;font-size:10px;line-height:1.8}.account-login>.text-button{padding:0}.account-panel .notice{margin:20px 0 0}.guest-import{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin-top:23px;padding-top:22px;display:flex}.guest-import strong{color:#758d65;font-size:12px;font-weight:500}.guest-import p{color:#9dad8c;margin-top:8px;font-size:10px;line-height:1.9}.guest-import .button{font-size:11px}.global-error .text-button{white-space:nowrap;margin-left:auto}@media (width<=650px){.account-trigger{gap:6px;font-size:9px}.topbar-right>span:first-child{display:none}.account-profile{flex-wrap:wrap;gap:12px}.account-profile strong{font-size:14px}.account-profile>div>span{font-size:11px}.sync-badge{padding:7px 9px;font-size:9px}.github-avatar{border-radius:12px;width:43px;height:43px}.github-avatar svg{width:23px}.account-actions .button{font-size:11px}.account-login{padding:25px 0 10px}.account-login h3{font-size:16px}.account-login p{font-size:11px}.guest-import{flex-direction:column;align-items:flex-start;gap:14px}.guest-import strong{font-size:11px}.guest-import .button,.account-detail{font-size:10px}}