:root{--bg: #faf8f4;--fg: #1c1b1a;--fg-muted: #7a756d;--accent: #b3462e;--accent-soft: #f3d9d2;--surface: #ffffff;--border: #e4dfd7;--highlight: #a33b24;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,system-ui,-apple-system,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;color-scheme:light dark}:root[data-theme=dark]{--bg: #171615;--fg: #ece8e1;--fg-muted: #8f8a81;--accent: #d96a4d;--accent-soft: #3c241d;--surface: #211f1e;--border: #34312d;--highlight: #e57a5b;color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #171615;--fg: #ece8e1;--fg-muted: #8f8a81;--accent: #d96a4d;--accent-soft: #3c241d;--surface: #211f1e;--border: #34312d;--highlight: #e57a5b;color-scheme:dark}}:root[data-theme=light]{color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--fg);overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}.loop-screen{display:flex;flex-direction:column;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.icon-button{display:inline-flex;align-items:center;gap:6px;min-width:44px;min-height:44px;justify-content:center;border-radius:12px;color:var(--fg-muted);font-size:18px}.icon-button:active{background:var(--accent-soft)}.seen-count{font-size:14px;font-variant-numeric:tabular-nums}.sentence-area{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:24px 24px 140px;text-align:center}.sentence{margin:0;font-size:clamp(26px,7vw,40px);line-height:2.1;font-weight:500;text-wrap:balance}.sentence rt{font-size:.42em;color:var(--fg-muted);font-weight:400}.reveal-panel{display:flex;flex-direction:column;gap:18px;max-width:560px;animation:rise .16s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.translation{margin:0;font-size:18px;color:var(--fg)}.definitions{margin:0;display:flex;flex-direction:column;gap:10px}.definition-row{display:flex;align-items:baseline;justify-content:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:10px 18px}.definition-row dt{font-size:22px;font-weight:600;color:var(--highlight)}.definition-row dt rt{font-size:.45em;color:var(--fg-muted);font-weight:400}.definition-row dd{margin:0;font-size:16px;color:var(--fg);text-align:left}.continue-hint{margin:0;font-size:13px;color:var(--fg-muted)}.wakaran-button{position:fixed;bottom:calc(28px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-size:18px;font-weight:600;padding:14px 34px;border-radius:999px;box-shadow:0 4px 16px #0000002e}.wakaran-button:active{transform:translate(-50%) scale(.97)}.page{min-height:100dvh;padding:calc(8px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));max-width:640px;margin:0 auto}.page-header{display:flex;align-items:center;gap:10px;padding:8px 0 4px}.page-header h1{margin:0;font-size:20px}.stats-summary{color:var(--fg-muted);margin:8px 0 20px}.stats-summary strong{color:var(--fg);font-size:22px}.stats-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.stats-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 14px}.stats-word{font-size:20px}.stats-word rt{font-size:.45em;color:var(--fg-muted)}.stats-ratio{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--fg-muted);white-space:nowrap}.ratio-bar{width:72px;height:6px;border-radius:3px;background:var(--border);overflow:hidden}.ratio-fill{display:block;height:100%;background:var(--accent)}.empty-note{color:var(--fg-muted);text-align:center;margin-top:48px}.settings-group{display:flex;flex-direction:column;gap:10px;margin-top:16px}.settings-button{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;text-align:left;font-size:16px}.settings-button:active{background:var(--accent-soft)}.settings-button.danger{color:var(--accent)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 16px}.settings-label{font-size:16px}.segmented{display:flex;gap:4px;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:3px}.segment{padding:6px 12px;border-radius:7px;font-size:14px;color:var(--fg-muted)}.segment.selected{background:var(--accent);color:#fff}.settings-message{color:var(--fg-muted);font-size:14px}.app-version{margin-top:40px;text-align:center;color:var(--fg-muted);font-size:13px}