:root{font-family:Inter,Hiragino Sans,Yu Gothic,sans-serif;color:#172033;background:#f4f1e9;font-synthesis:none;--ink:#172033;--paper:#fffdfa;--muted:#747b87;--line:#dedbd3;--accent:#ff6534;--nav:rgba(255,253,250,.9)}:root[data-theme=dark]{color:#f5f1e8;background:#0d1628;--ink:#f5f1e8;--paper:#152136;--muted:#aab2c0;--line:#2a3850;--nav:rgba(13,22,40,.92)}@media(prefers-color-scheme:dark){:root[data-theme=system]{color:#f5f1e8;background:#0d1628;--ink:#f5f1e8;--paper:#152136;--muted:#aab2c0;--line:#2a3850;--nav:rgba(13,22,40,.92)}}*{box-sizing:border-box}body{margin:0;background:inherit;color:var(--ink);min-width:320px}button,input,select{font:inherit;color:inherit}.app-shell{max-width:760px;margin:auto;min-height:100dvh;padding:env(safe-area-inset-top) 20px calc(98px + env(safe-area-inset-bottom))}.topbar{display:flex;justify-content:space-between;align-items:end;padding:24px 2px 22px}.topbar h1{font-family:Georgia,serif;font-size:36px;line-height:.9;margin:4px 0}.topbar h1 span,.hero-card em{color:var(--accent);font-style:normal}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.18em;color:var(--muted)}.date-pill{font-size:12px;background:var(--paper);border:1px solid var(--line);padding:10px 13px;border-radius:99px}.stack{display:grid;gap:18px}.hero-card{background:#0d1628;color:#fff;border-radius:28px;padding:28px;min-height:310px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 20px 60px #0d162833;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:190px;height:190px;border:38px solid rgba(255,101,52,.12);border-radius:50%;right:-80px;top:-70px}.hero-card .eyebrow{color:#9aa7bc}.hero-card h2{font-family:Georgia,Yu Mincho,serif;font-size:40px;line-height:1.12;margin:28px 0 10px;letter-spacing:-.03em}.hero-card p{color:#b7c0cf;font-size:13px;margin:0 0 26px}.primary{border:0;background:var(--accent);color:#fff;font-weight:800;padding:15px 18px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:28px;cursor:pointer}.primary:disabled{opacity:.45}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.metric{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:16px 12px;display:grid;gap:4px}.metric strong{font-family:Georgia,serif;font-size:24px}.metric span{font-size:10px;color:var(--muted)}.metric.accent{background:var(--accent);color:#fff;border-color:transparent}.metric.accent span{color:#ffe1d6}.streak-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:17px;display:flex;align-items:center;gap:12px}.flame{width:42px;height:42px;border-radius:13px;background:#ffe5db;color:var(--accent);display:grid;place-items:center;font-weight:900}.streak-card p{font-size:11px;color:var(--muted);margin:3px 0}.week-dots{margin-left:auto;display:flex;gap:4px}.week-dots i{width:7px;height:7px;background:var(--line);border-radius:50%}.week-dots i.done{background:var(--accent)}.section-head h3,.page-title h2{font-family:Georgia,Yu Mincho,serif;font-size:30px;margin:4px 0}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mode-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:15px;text-align:left;display:flex;gap:12px;align-items:center;cursor:pointer}.mode-card>b{width:38px;height:38px;border-radius:11px;background:#eef0ed;color:#172033;display:grid;place-items:center}.mode-card span{display:grid;gap:3px}.mode-card strong{font-size:13px}.mode-card small{font-size:10px;color:var(--muted)}.mode-card i{margin-left:auto;font-style:normal}.bottom-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;margin:auto;max-width:760px;padding:10px 18px calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:var(--nav);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{border:0;background:none;color:var(--muted);display:grid;gap:3px;place-items:center;font-size:9px;cursor:pointer}.bottom-nav b{font-size:20px;height:26px}.bottom-nav .active{color:var(--accent)}.notice{position:sticky;top:10px;z-index:30;width:100%;border:0;background:#fff0b8;color:#5c4911;padding:12px;border-radius:12px;margin-bottom:12px;text-align:left}.notice span{float:right}.segmented{display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper);border:1px solid var(--line);padding:4px;border-radius:14px}.segmented button{border:0;background:transparent;padding:10px 4px;border-radius:10px;font-size:12px;color:var(--muted)}.segmented .active{background:var(--ink);color:var(--paper);font-weight:800}.study-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.flashcard{width:100%;min-height:420px;background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:30px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 14px 40px #19203017;cursor:pointer;position:relative}.flashcard>.eyebrow{position:absolute;top:26px}.flashcard h2{font-family:Georgia,serif;font-size:46px;margin:25px 0;overflow-wrap:anywhere}.tap-mark{position:absolute;bottom:28px;color:var(--muted)}.answer>strong{font-size:24px;color:var(--accent)}.answer p{color:var(--muted)}blockquote{margin:24px 0 0;padding:16px;border-left:3px solid var(--accent);text-align:left;background:color-mix(in srgb,var(--paper) 90%,var(--ink));border-radius:4px 12px 12px 4px}blockquote small{display:block;color:var(--muted);margin-top:8px}.rating-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.rating-grid button{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:13px 3px;display:grid;gap:4px;cursor:pointer}.rating-grid b{font-size:11px}.rating-grid small{font-size:9px;color:var(--muted)}.question-panel{background:var(--paper);border:1px solid var(--line);border-radius:26px;padding:26px;min-height:480px}.question-panel>h2{font-family:Georgia,serif;font-size:42px;margin:50px 0 35px}.question-panel .ja-prompt{font-family:inherit;font-size:28px}.choices{display:grid;gap:9px;margin-bottom:20px}.choices button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);background:transparent;padding:14px;border-radius:14px;cursor:pointer}.choices i{font-style:normal;width:28px;height:28px;border-radius:9px;background:var(--line);display:grid;place-items:center;font-size:11px;font-weight:700}.choices .correct{background:#e3f6e9;border-color:#50a568;color:#174624}.choices .wrong{background:#ffe7df;border-color:#e36e4e;color:#6c2817}.choices .muted{opacity:.48}.question-panel form{display:grid;gap:10px}.question-panel input,.search{width:100%;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px;font-size:16px}.result,.explanation{margin-top:18px;border-radius:16px;padding:18px;background:#e3f6e9;color:#174624}.result.ng{background:#ffe7df;color:#6c2817}.result button,.explanation button{border:0;background:none;font-weight:800;padding:0}.explanation .primary{color:#fff;background:var(--accent);padding:12px}.grammar h2{font-family:inherit;font-size:25px;line-height:1.5}.empty{min-height:440px;border:1px dashed var(--line);border-radius:26px;display:grid;place-content:center;text-align:center;padding:30px}.empty>div{margin:auto;width:56px;height:56px;border-radius:18px;background:var(--paper);display:grid;place-items:center;font-size:28px}.empty p,.page-title p{color:var(--muted);font-size:13px;line-height:1.7}.empty.mini{min-height:140px}.page-title{padding:20px 3px 8px}.word-list{display:grid;gap:8px}.word-list article{display:flex;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:14px}.bookmark{border:0;background:none;font-size:25px;margin-right:10px;color:var(--muted)}.bookmark.saved{color:var(--accent)}.word-list p{font-size:12px;margin:5px 0}.word-list small{color:var(--muted)}.data-card{background:var(--paper);border:1px solid var(--line);border-radius:19px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:14px}.data-card h3{font-size:15px;margin:2px 0}.data-card p,.privacy-note p{font-size:11px;color:var(--muted);line-height:1.6}.data-icon{width:42px;height:42px;background:#edf0f2;color:#172033;border-radius:13px;display:grid;place-items:center;font-size:20px}.outline{grid-column:1/-1;border:1px solid var(--line);background:transparent;padding:12px;border-radius:12px;text-align:center;font-weight:700;cursor:pointer}.outline input{display:none}.material-summary,.privacy-note,.settings-list{background:var(--paper);border:1px solid var(--line);border-radius:19px;padding:18px}.material-summary>div{display:flex;gap:12px;border-top:1px solid var(--line);padding:12px 0}.material-summary>div>span{width:35px;height:35px;border-radius:10px;background:#edf0f2;color:#172033;display:grid;place-items:center}.material-summary p{margin:0}.material-summary small{display:block;color:var(--muted);margin-top:4px}.muted-copy{color:var(--muted);font-size:12px}.settings-list{padding:0 18px}.settings-list label{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);gap:16px}.settings-list label:last-child{border:0}.settings-list span{display:grid;gap:4px}.settings-list small{color:var(--muted)}.settings-list input,.settings-list select{max-width:145px;background:transparent;border:1px solid var(--line);border-radius:9px;padding:8px}.danger{background:transparent;border:1px solid #d5654d;color:#d04b31;border-radius:14px;padding:14px}.loading{min-height:100dvh;display:grid;place-items:center}.privacy-note{border-color:#e6c662;background:#fff9dd;color:#554613}:root[data-theme=dark] .privacy-note{background:#292615;color:#fff4c4}.privacy-note p{color:inherit}@media(max-width:430px){.app-shell{padding-left:14px;padding-right:14px}.hero-card{min-height:290px;padding:24px}.hero-card h2{font-size:34px}.metric-grid{grid-template-columns:1fr 1fr}.metric{padding:13px}.flashcard{min-height:390px}.question-panel{padding:21px}.week-dots{display:none}}.flashcard-scroll{width:100%;flex:1;min-height:0;display:flex}.flashcard-surface{position:relative;width:100%;min-height:100%;border:0;background:transparent;color:inherit;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.flashcard-surface:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:4px}.flashcard-surface>.eyebrow{position:absolute;top:0}.flashcard-actions:not(.is-revealed){display:none}.reveal-action{grid-column:1/-1;width:100%;border:0;border-radius:14px;background:var(--accent);color:#fff;font-weight:800;padding:14px;display:flex;align-items:center;justify-content:center;gap:20px;cursor:pointer}@media(max-width:600px){.app-shell.study-active{height:100dvh;min-height:100dvh;padding-bottom:0;display:flex;flex-direction:column;overflow:hidden}.app-shell.study-active .topbar{flex-shrink:0;padding:12px 2px 10px}.app-shell.study-active .topbar h1{font-size:30px}.app-shell.study-active .date-pill{padding:7px 10px}.app-shell.study-active main{display:flex;flex:1;min-height:0;overflow:hidden}.app-shell.study-active .study{width:100%;min-height:0;overflow:hidden;gap:8px;padding-bottom:calc(78px + env(safe-area-inset-bottom));grid-template-rows:auto auto minmax(0,1fr)}.app-shell.study-active .segmented,.app-shell.study-active .study-meta{flex-shrink:0}.app-shell.study-active .segmented button{padding:8px 3px}.app-shell.study-active .flashcard{height:100%;min-height:0;padding:14px 12px;overflow:hidden}.app-shell.study-active .flashcard-scroll{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.app-shell.study-active .flashcard-surface{min-height:100%;touch-action:manipulation}.app-shell.study-active .flashcard-surface h2{font-size:clamp(30px,9vw,46px);margin:24px 0}.app-shell.study-active .flashcard-surface blockquote{width:100%;max-width:100%}.app-shell.study-active .bottom-nav{display:none}.app-shell.study-active .flashcard-actions,.app-shell.study-active .flashcard-actions:not(.is-revealed){display:grid;position:fixed;left:0;right:0;bottom:0;z-index:25;width:100%;max-width:760px;margin:0 auto;padding:8px 14px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--nav);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-shell.study-active .flashcard-actions button{min-height:52px}}@media(max-width:600px)and (max-height:700px){.app-shell.study-active .topbar{padding-top:8px;padding-bottom:6px}.app-shell.study-active .topbar h1{font-size:27px}.app-shell.study-active .flashcard{padding:8px}.app-shell.study-active .flashcard-surface h2{font-size:clamp(28px,8vw,38px);margin:14px 0}.app-shell.study-active .segmented button{padding:7px 2px}.app-shell.study-active .flashcard-actions,.app-shell.study-active .flashcard-actions:not(.is-revealed){padding-top:6px}.app-shell.study-active .flashcard-actions button{min-height:48px}}