:root{color-scheme:dark;--bg: #0f172a;--panel: #1e293b;--panel2: #283548;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--accent-dark: #0284c7;--ok: #4ade80;--ng: #f87171}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;font-size:16px;line-height:1.6}.page{max-width:640px;margin:0 auto;padding:12px 16px calc(32px + env(safe-area-inset-bottom))}.page-head{display:flex;align-items:center;gap:12px;padding:8px 0 12px}.page-head h1{font-size:22px;margin:0}.page-head h2{font-size:18px;margin:0}.page-sub{color:var(--muted);font-size:13px}.home-head{justify-content:space-between}.btn-back{background:none;border:none;color:var(--accent);font-size:24px;padding:4px 8px}.loading,.error{color:var(--muted);text-align:center;margin-top:40px}.error{color:var(--ng)}.sync-panel{background:var(--panel);border-radius:12px;padding:12px 14px;margin-bottom:14px;font-size:14px}.sync-off{color:var(--muted)}.sync-title{color:var(--muted);margin-bottom:8px}.sync-login{display:flex;gap:8px}.sync-input{flex:1;background:var(--panel2);border:none;border-radius:10px;padding:10px 12px;color:var(--text);font-size:15px;min-width:0}.sync-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sync-user{color:var(--ok);flex:1}.btn-small{padding:6px 10px;font-size:13px}.sync-message{color:var(--muted);margin-top:8px;font-size:13px}.article-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.article-item{background:var(--panel);border-radius:14px;padding:14px 16px;cursor:pointer}.article-item:active{background:var(--panel2)}.article-title{font-weight:600}.article-sub{color:var(--muted);font-size:13px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tabs{display:flex;gap:6px;margin-bottom:14px}.tab{flex:1;padding:10px 0;border:none;border-radius:10px;background:var(--panel);color:var(--muted);font-size:15px}.tab-on{background:var(--accent-dark);color:#fff;font-weight:600}.btn,.btn-primary{border:none;border-radius:10px;padding:10px 14px;font-size:15px}.btn{background:var(--panel);color:var(--text)}.btn:disabled{opacity:.4}.btn-primary{background:var(--accent-dark);color:#fff;font-weight:600;width:100%;padding:14px;font-size:16px}.btn-primary:disabled{opacity:.4}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--panel);color:var(--text);border:none;border-radius:999px;padding:8px 14px;font-size:14px}.chip input{accent-color:var(--accent)}.chip-on{background:var(--accent-dark)}.tag{background:var(--panel2);color:var(--muted);border-radius:6px;padding:1px 6px;font-size:12px;margin-right:6px}.tag-cefr{color:var(--accent)}.sentence-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sentence-pos{color:var(--muted);font-size:14px}.sentence-card{background:var(--panel);border-radius:14px;padding:18px 16px;min-height:120px;display:flex;align-items:center}.sentence-words{margin:0;font-size:20px;line-height:2;overflow-wrap:break-word;min-width:0}.sentence-hidden{margin:0;color:var(--muted);font-size:15px}.word{cursor:pointer;padding:2px 3px;border-radius:6px}.word:active{background:var(--panel2)}.word-active{background:var(--accent-dark);color:#fff}.sentence-translation{background:var(--panel2);border-radius:10px;padding:10px 14px;margin-top:10px;font-size:15px;color:var(--muted)}.controls{margin-top:14px;display:flex;flex-direction:column;gap:12px}.controls-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.reading-text{background:var(--panel);border-radius:14px;padding:18px 16px;font-size:18px;line-height:2}.reading-sentence{margin-right:2px}.quiz h3{margin:20px 0 10px;font-size:16px}.quiz-item{background:var(--panel);border-radius:14px;padding:14px 16px;margin-bottom:12px}.quiz-q{font-weight:600;margin-bottom:10px}.quiz-choices{display:flex;flex-direction:column;gap:8px}.quiz-choice{text-align:left;background:var(--panel2);border:1px solid transparent;color:var(--text);border-radius:10px;padding:10px 12px;font-size:15px}.quiz-choice.correct{border-color:var(--ok);color:var(--ok)}.quiz-choice.wrong{border-color:var(--ng);color:var(--ng)}.quiz-result{margin-top:10px;font-size:14px}.quiz-result.ok{color:var(--ok)}.quiz-result.ng{color:var(--ng)}.quiz-exp{color:var(--muted);display:block;margin-top:4px}.popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;z-index:10}.popup{background:var(--panel);border-radius:18px 18px 0 0;padding:20px 20px calc(20px + env(safe-area-inset-bottom));width:100%;max-width:640px;margin:0 auto}.popup-head{display:flex;justify-content:space-between;align-items:center}.popup-phrase{background:var(--panel2);border-radius:12px;padding:12px 14px;margin-bottom:14px}.popup-phrase-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.popup-phrase-text{font-weight:700;font-size:17px}.popup-phrase-base{color:var(--muted);font-size:13px;margin-left:6px}.popup-phrase-ja{margin-top:6px;font-size:15px}.tag-phrase{color:#fbbf24}.btn-play-sm{width:40px;height:40px;font-size:16px;flex-shrink:0}.popup-dict{font-size:14px;line-height:1.8;max-height:40vh;overflow-y:auto;white-space:pre-wrap}.popup-lemma-note{color:var(--muted);font-size:13px;margin-bottom:4px}.popup-word{font-size:26px;font-weight:700}.popup-ipa{color:var(--accent);font-size:17px}.btn-play{background:var(--accent-dark);color:#fff;border:none;border-radius:50%;width:52px;height:52px;font-size:20px}.popup-body{margin-top:12px}.popup-ja{font-size:16px}.popup-example{color:var(--text);font-size:14px;margin-top:8px;font-style:italic}.popup-example-ja,.popup-note{color:var(--muted);font-size:13px;margin-top:4px}.btn-close{margin-top:16px;width:100%;background:var(--panel2);color:var(--muted);border:none;border-radius:10px;padding:12px;font-size:15px}.vocab-tab{display:flex;flex-direction:column;gap:14px}.vocab-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.vocab-item{background:var(--panel);border-radius:12px;padding:12px 14px}.vocab-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.vocab-lemma{font-weight:700;font-size:17px}.vocab-ipa{color:var(--accent);font-size:14px}.vocab-ja{font-size:14px;margin-top:2px}.vocab-example{color:var(--muted);font-size:13px;font-style:italic;margin-top:4px}.review{display:flex;flex-direction:column;gap:16px}.review-progress{color:var(--muted);font-size:14px;text-align:center}.review-card{background:var(--panel);border-radius:16px;padding:28px 20px;min-height:220px;display:flex;flex-direction:column;justify-content:center;gap:14px;cursor:pointer}.review-front{text-align:center}.review-lemma{font-size:32px;font-weight:700}.review-ipa{color:var(--accent);font-size:18px;margin-top:4px}.review-hint{color:var(--muted);text-align:center;font-size:14px}.review-back{border-top:1px solid var(--panel2);padding-top:14px}.review-ja{font-size:17px}.review-example{font-style:italic;font-size:14px;margin-top:8px}.review-example-ja{color:var(--muted);font-size:13px;margin-top:2px}.review-grades{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.grade{border:none;border-radius:12px;padding:12px 4px;font-size:14px;font-weight:600;color:#0f172a;display:flex;flex-direction:column;align-items:center;gap:2px}.grade small{font-weight:400;font-size:11px;opacity:.8}.grade-again{background:#f87171}.grade-hard{background:#fbbf24}.grade-good{background:#4ade80}.grade-easy{background:#38bdf8}.review-empty{text-align:center;margin-top:40px;display:flex;flex-direction:column;gap:16px}