:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#203226;background:#f1f8e9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.app-shell{--bg-1: #bfeec1;--bg-2: #fff4c8;--bg-3: #90d7ff;--text: #26351e;--muted: #6b7659;--card: rgba(255, 250, 223, .9);--card-strong: #fffbea;--border: rgba(93, 132, 66, .56);--primary: #3f8b42;--primary-2: #7fca54;--secondary: #eaf3b3;--accent: #f3a53d;--danger-soft: #fff0c9;--shadow: rgba(61, 83, 39, .16);--pixel: rgba(42, 69, 35, .28);color:var(--text);background:radial-gradient(circle at 18% 9%,rgba(255,255,255,.72) 0 34px,transparent 36px),radial-gradient(circle at 80% 14%,rgba(255,255,255,.62) 0 48px,transparent 50px),linear-gradient(180deg,var(--bg-3) 0%,var(--bg-1) 42%,var(--bg-2) 100%),var(--bg-2)}.app-shell[data-theme=forest]{--bg-1: #a9dfaa;--bg-2: #fff0bd;--bg-3: #9bdbcf;--text: #21351f;--muted: #607055;--card: rgba(252, 247, 220, .91);--card-strong: #fff9df;--border: rgba(77, 117, 55, .56);--primary: #2f7942;--primary-2: #72b95b;--secondary: #dceca6;--accent: #e6a742;--danger-soft: #fff0c9;--shadow: rgba(44, 81, 45, .18)}.app-shell[data-theme=nightTown]{--bg-1: #574b89;--bg-2: #f5d08a;--bg-3: #25365c;--text: #fff8df;--muted: #eadbb7;--card: rgba(72, 58, 96, .9);--card-strong: #55446f;--border: rgba(255, 212, 128, .46);--primary: #6d65c3;--primary-2: #9e92ff;--secondary: #66517f;--accent: #f4b04e;--danger-soft: #66493d;--shadow: rgba(24, 19, 44, .34)}.app-shell[data-theme=cave]{--bg-1: #837b69;--bg-2: #f2ddaf;--bg-3: #4e5c65;--text: #fff7df;--muted: #e2d2ad;--card: rgba(72, 67, 58, .91);--card-strong: #5d5549;--border: rgba(240, 185, 95, .45);--primary: #8f653d;--primary-2: #d39a54;--secondary: #6b5b4b;--accent: #f1bb56;--danger-soft: #72513f;--shadow: rgba(36, 29, 23, .34)}.app-shell[data-theme=seaside]{--bg-1: #b8ebd4;--bg-2: #fff0bf;--bg-3: #86d8ff;--text: #1d3540;--muted: #587883;--card: rgba(255, 251, 230, .91);--card-strong: #fffbea;--border: rgba(55, 141, 154, .46);--primary: #2f91a7;--primary-2: #74c7cc;--secondary: #d6f0d8;--accent: #f0a443;--danger-soft: #fff0cf;--shadow: rgba(45, 107, 118, .16)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f1f8e9}button{border:0;font:inherit}.screen{width:min(100%,720px);min-height:100vh;margin:0 auto;padding:22px 18px 32px;color:var(--text)}.home-screen,.result-screen,.records-screen{display:flex;flex-direction:column;gap:22px}.brand-block{padding-top:32px}.eyebrow{margin:0 0 8px;color:var(--primary-2);font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0;font-size:clamp(2.1rem,12vw,4.2rem);line-height:1.05;letter-spacing:0}h2{margin:0;font-size:1.28rem;line-height:1.25}h3{margin:0;font-size:1.65rem}.support-message{margin:18px 0 0;max-width:28rem;color:var(--muted);font-size:1rem;line-height:1.7}.summary-strip,.score-card,.record-grid{display:grid;gap:10px}.summary-strip{grid-template-columns:repeat(2,1fr)}.hero-panel,.quest-card,.battle-card,.settings-panel{border:2px solid var(--pixel);border-radius:10px;background:var(--card);box-shadow:0 12px 28px var(--shadow),inset 0 0 0 2px color-mix(in srgb,var(--card-strong),transparent 22%)}.hero-panel{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:18px}.hero-panel .brand-block{padding-top:0}.companion-orb{position:relative;display:grid;place-items:center;width:76px;height:76px;border:3px solid color-mix(in srgb,var(--primary),black 8%);border-radius:26px 26px 20px 20px;color:#fff;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.82) 0 10px,transparent 11px),linear-gradient(150deg,var(--primary-2),var(--primary));box-shadow:0 10px 0 color-mix(in srgb,var(--primary),black 16%),0 18px 26px var(--shadow)}.companion-orb:before,.companion-orb:after{content:"";position:absolute;top:24px;width:9px;height:9px;border-radius:50%;background:#fff}.companion-orb:before{left:22px}.companion-orb:after{right:22px}.companion-orb span{margin-top:18px;font-weight:900}.companion-orb i{position:absolute;right:-8px;bottom:-8px;padding:4px 6px;border-radius:999px;color:var(--text);background:var(--accent);font-size:.65rem;font-style:normal;font-weight:900}.companion-orb.locked{filter:grayscale(1);opacity:.62}.quest-card{display:grid;gap:12px;padding:14px}.quest-card h2,.quest-card p{margin:0}.quest-card span{color:var(--muted);font-weight:900}.theme-panel,.rpg-hud,.adventure-message{border:1px solid var(--border);border-radius:8px;background:var(--card);box-shadow:0 12px 30px var(--shadow)}.theme-panel{display:grid;gap:10px;padding:12px}.theme-title{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.82rem;font-weight:900}.theme-options{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.theme-chip{min-height:38px;flex:0 0 auto;padding:8px 11px;border:1px solid var(--border);border-radius:999px;color:var(--text);background:color-mix(in srgb,var(--card-strong),transparent 8%);font-size:.78rem;font-weight:900}.theme-chip.active{color:#fff;border-color:transparent;background:linear-gradient(180deg,var(--primary-2),var(--primary))}.rpg-hud{display:grid;gap:10px;padding:12px}.hud-main{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.hud-main div{min-width:0;padding:10px 8px;border-radius:8px;background:color-mix(in srgb,var(--card-strong),transparent 10%)}.hud-main span,.gauge-row span{display:block;color:var(--muted);font-size:.68rem;font-weight:900}.hud-main strong{display:block;margin-top:4px;color:var(--text);font-size:1rem}.gauge-row{display:grid;grid-template-columns:92px 1fr 42px;align-items:center;gap:8px}.gauge-row span{display:inline-flex;align-items:center;gap:5px}.gauge-row em{color:var(--muted);font-size:.72rem;font-style:normal;font-weight:900;text-align:right}.gauge-track{height:10px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--border),transparent 48%)}.gauge-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary-2),var(--accent));transition:width .22s ease}.adventure-message{display:flex;align-items:center;gap:10px;padding:12px}.adventure-message p{margin:0;color:var(--text);font-size:.92rem;font-weight:800;line-height:1.45}.level-up-banner{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:8px;color:#fff;background:linear-gradient(90deg,var(--accent),var(--primary));font-weight:900;box-shadow:0 14px 30px var(--shadow)}.summary-strip div,.score-card div,.metric-card{min-height:82px;padding:16px 12px;border:1px solid var(--border);border-radius:8px;background:var(--card);box-shadow:0 10px 26px var(--shadow)}.summary-strip strong,.score-card strong,.metric-card strong{display:block;color:var(--text);font-size:1.7rem;line-height:1}.summary-strip span,.score-card span,.metric-card span{display:block;margin-top:8px;color:var(--muted);font-size:.82rem}.action-stack{display:grid;gap:12px;margin-top:auto}.test-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.focus-quest{display:grid;gap:10px;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--card);box-shadow:0 10px 26px var(--shadow)}.pronunciation-entry{display:grid;gap:12px;padding:16px;border:2px solid color-mix(in srgb,var(--accent),var(--primary) 20%);border-radius:10px;background:radial-gradient(circle at 88% 14%,color-mix(in srgb,var(--accent),transparent 62%) 0 34px,transparent 35px),var(--card);box-shadow:0 12px 28px var(--shadow)}.pronunciation-entry h2,.pronunciation-entry p{margin:0}.pronunciation-entry span{display:block;margin-top:6px;color:var(--muted);font-size:.9rem;font-weight:800;line-height:1.5}.focus-quest strong,.focus-quest span{display:block}.focus-quest strong{color:var(--text);font-size:1rem}.focus-quest span,.focus-quest p{margin:4px 0 0;color:var(--muted);font-size:.86rem;line-height:1.5}.primary-button,.secondary-button,.ghost-button,.audio-button,.choice-button,.word-row,.icon-button{min-height:48px;border-radius:8px;cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease}.primary-button,.secondary-button,.ghost-button,.audio-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 18px;font-weight:800}.menu-button{min-height:58px;border:2px solid color-mix(in srgb,var(--primary),black 8%);box-shadow:0 8px 0 color-mix(in srgb,var(--primary),black 14%),0 16px 24px var(--shadow)}.nav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.compact-button{width:auto;min-height:40px;padding:9px 12px}.primary-button{color:#fff;background:linear-gradient(180deg,var(--primary-2),var(--primary));box-shadow:0 12px 24px var(--shadow)}.secondary-button{color:var(--text);border:1px solid var(--border);background:var(--secondary)}.backup-actions{display:grid;grid-template-columns:1fr;gap:10px}.file-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 18px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--card);font-weight:800;cursor:pointer}.file-button input{display:none}.ghost-button{color:var(--text);border:1px solid var(--border);background:var(--card)}.primary-button:active,.secondary-button:active,.ghost-button:active,.audio-button:active,.choice-button:active,.word-row:active,.icon-button:active{transform:scale(.99)}.top-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--text);border:1px solid var(--border);background:var(--card)}.progress-label{color:var(--muted);font-weight:800}.progress-track{height:10px;margin:18px 0 22px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--border),transparent 45%)}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary-2),var(--accent));transition:width .24s ease}.audio-panel,.review-panel,.meaning-block{display:grid;gap:14px}.battle-card{display:grid;gap:14px;padding:16px}.battle-card-top{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.audio-panel{padding:18px;border:1px solid var(--border);border-radius:8px;background:var(--card);box-shadow:0 12px 30px var(--shadow)}.audio-button{color:var(--text);border:1px solid var(--border);background:var(--secondary)}.audio-button.attention{color:#fff;background:var(--accent)}.small-note,.empty-text{margin:0;color:var(--muted);font-size:.9rem;line-height:1.6}.choice-list{display:grid;gap:10px;margin-top:16px}.choice-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px;color:var(--text);border:1px solid var(--border);background:var(--card);text-align:left;font-weight:800}.choice-button:disabled{cursor:default;opacity:.82}.secondary-button:disabled{cursor:default;opacity:.5}.choice-button.correct{color:#173d22;border-color:var(--primary-2);background:color-mix(in srgb,var(--primary-2),white 74%)}.choice-button.wrong{color:#704017;border-color:var(--accent);background:var(--danger-soft)}.meaning-block{margin-top:22px}.word-reveal{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;padding:12px;border-radius:8px;background:color-mix(in srgb,var(--card-strong),var(--secondary) 24%)}.word-reveal span{color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.word-reveal strong{color:var(--text);font-size:clamp(1.25rem,8vw,2rem);line-height:1.1}.word-reveal .audio-button{grid-row:1 / span 2;grid-column:2}.review-panel{margin-top:20px;padding:18px;border:1px solid var(--border);border-radius:8px;background:var(--card);box-shadow:0 12px 30px var(--shadow)}.result-chip{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:8px 10px;border-radius:999px;color:var(--text);background:var(--secondary);font-size:.88rem;font-weight:800}.meaning,.modal-meaning{margin:0;color:var(--text);font-size:1.08rem;font-weight:800}.examples{display:grid;gap:10px;margin:14px 0}.examples.compact .example-card+.example-card{display:none}.example-card{padding:12px;border-radius:8px;background:color-mix(in srgb,var(--card-strong),var(--secondary) 34%)}.example-card span{color:var(--primary);font-size:.76rem;font-weight:900}.example-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.listen-button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 10px;border:1px solid var(--border);border-radius:999px;color:var(--text);background:var(--card-strong);font-size:.76rem;font-weight:900}.example-card p{margin:6px 0;color:var(--text);font-weight:800}.example-card small{color:var(--muted);line-height:1.5}.example-task{margin-top:10px;padding:10px;border:1px dashed var(--border);border-radius:8px;background:color-mix(in srgb,var(--card-strong),transparent 10%)}.example-task strong{display:block;color:var(--primary);font-size:.78rem;font-weight:900}.example-task ol{margin:6px 0 0;padding-left:1.2rem;color:var(--muted);font-size:.82rem;line-height:1.45}.score-card{grid-template-columns:repeat(2,1fr)}.word-list-section{display:grid;gap:12px}.word-list-section h2{font-size:1.05rem}.word-list-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.word-list-heading h2,.word-list-heading p{margin:0}.word-list-heading p{margin-top:4px;color:var(--muted);font-size:.82rem;font-weight:800}.word-tools{display:grid;gap:10px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--card);box-shadow:0 10px 26px var(--shadow)}.search-box{display:flex;align-items:center;gap:8px;min-height:46px;padding:0 12px;border:1px solid var(--border);border-radius:8px;color:var(--muted);background:color-mix(in srgb,var(--card-strong),transparent 5%)}.search-box input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent;font:inherit;font-weight:800}.filter-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.filter-chip{min-height:36px;flex:0 0 auto;padding:7px 10px;border:1px solid var(--border);border-radius:999px;color:var(--text);background:color-mix(in srgb,var(--card-strong),transparent 8%);font-size:.78rem;font-weight:900}.filter-chip.active{color:#fff;border-color:transparent;background:linear-gradient(180deg,var(--primary-2),var(--primary))}.word-list{display:grid;gap:8px}.word-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px;color:var(--text);border:1px solid var(--border);background:var(--card);text-align:left}.word-row strong,.word-row small{display:block}.word-row small{margin-top:4px;color:var(--muted)}.record-grid{grid-template-columns:repeat(2,1fr)}.growth-board{display:grid;gap:12px}.section-heading,.growth-card,.memo-item{border:1px solid var(--border);border-radius:8px;background:var(--card);box-shadow:0 10px 26px var(--shadow)}.section-heading{display:flex;gap:10px;align-items:flex-start;padding:14px}.section-heading h2,.section-heading p,.growth-card h3,.growth-card p{margin:0}.section-heading h2{font-size:1.08rem}.section-heading p,.growth-card p{margin-top:5px;color:var(--muted);font-size:.86rem;line-height:1.55}.growth-card{display:grid;gap:12px;padding:14px}.growth-card-head{display:flex;align-items:flex-start;gap:10px}.growth-card h3{font-size:1rem}.percent-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.percent-inputs label{display:grid;gap:6px;color:var(--muted);font-size:.72rem;font-weight:900}.percent-inputs input,.growth-card textarea{width:100%;border:1px solid var(--border);border-radius:8px;color:var(--text);background:color-mix(in srgb,var(--card-strong),transparent 5%);font:inherit}.percent-inputs input{min-height:46px;padding:10px;text-align:center;font-weight:900}.growth-card textarea{min-height:76px;resize:vertical;padding:12px;line-height:1.5}.listening-chart,.memo-list{display:grid;gap:8px}.listening-row{display:grid;grid-template-columns:46px 1fr;gap:8px 10px;align-items:center;padding:10px;border-radius:8px;background:color-mix(in srgb,var(--card-strong),var(--secondary) 30%)}.listening-row>strong{grid-row:1 / span 3;color:var(--text);font-size:.86rem}.listening-row>div{display:grid;grid-template-columns:46px 1fr 42px;align-items:center;gap:7px}.listening-row span,.memo-item time{color:var(--muted);font-size:.72rem;font-weight:900}.listening-row em{color:var(--muted);font-size:.72rem;font-style:normal;font-weight:900;text-align:right}.mini-bar{height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--border),transparent 48%)}.mini-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary-2),var(--accent))}.memo-item{display:grid;gap:5px;padding:11px}.memo-item strong,.memo-item small{display:block}.memo-item strong{color:var(--text);line-height:1.45}.memo-item small{color:var(--muted);line-height:1.45}.dex-heading h1{font-size:clamp(2rem,10vw,3.2rem)}.dex-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.dex-card{display:grid;justify-items:center;gap:8px;min-height:176px;padding:14px 10px;border:2px solid var(--pixel);border-radius:10px;color:var(--text);background:var(--card);box-shadow:0 10px 22px var(--shadow);text-align:center}.dex-card .companion-orb{width:58px;height:58px;border-radius:20px 20px 16px 16px}.dex-card strong,.dex-card span,.dex-card em{display:block}.dex-card strong{font-size:.98rem}.dex-card span{color:var(--muted);font-size:.78rem;line-height:1.35}.dex-card em{color:var(--accent);font-style:normal;font-weight:900}.settings-panel{display:grid;gap:12px;padding:14px}.mindset-card{display:grid;gap:6px;padding:13px 14px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:color-mix(in srgb,var(--secondary),var(--card-strong) 42%);box-shadow:0 10px 22px var(--shadow)}.mindset-card strong{font-size:.9rem}.mindset-card span{color:var(--muted);font-size:.88rem;font-weight:800;line-height:1.55}.ipa-card{display:grid;gap:14px;padding:16px;border:2px solid var(--pixel);border-radius:10px;background:var(--card);box-shadow:0 12px 28px var(--shadow)}.ipa-progress{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:.82rem;font-weight:900}.ipa-symbol{display:grid;place-items:center;min-height:110px;border:2px dashed var(--border);border-radius:10px;color:var(--primary);background:color-mix(in srgb,var(--card-strong),var(--secondary) 24%);font-size:clamp(3.2rem,20vw,6.2rem);font-weight:900;line-height:1}.choice-button small{display:block;margin-top:4px;color:var(--muted);font-size:.82rem;font-weight:800}.toggle-row,.setting-field{display:grid;gap:8px;color:var(--text);font-weight:900}.toggle-row{grid-template-columns:1fr auto;align-items:center}.toggle-row input{width:24px;height:24px;accent-color:var(--primary)}.setting-field input,.setting-field select{min-height:48px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--card-strong);font:inherit}.pronunciation{margin:6px 0 0;color:var(--muted);font-size:.92rem;font-weight:800}.metric-card:last-child{grid-column:1 / -1}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:7px 9px;border-radius:999px;color:var(--muted);background:var(--secondary);font-size:.76rem;font-style:normal;font-weight:900;white-space:nowrap}.status-pill.attempted{color:#375174;background:#e2eff7}.status-pill.weak{color:#765017;background:var(--danger-soft)}.status-pill.mastered{color:#24563b;background:color-mix(in srgb,var(--primary-2),white 72%)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:rgba(20,28,24,.46)}.bottom-sheet{width:min(100%,680px);max-height:88vh;overflow-y:auto;padding:18px;border-radius:8px 8px 0 0;background:var(--card-strong);box-shadow:0 -18px 50px var(--shadow)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.modal-header h2{font-size:2rem}.modal-actions{position:sticky;bottom:-18px;display:grid;grid-template-columns:1fr;gap:10px;margin:16px -18px -18px;padding:12px 18px 18px;background:var(--card-strong)}@media (min-width: 680px){.screen{padding:34px 28px 44px}.record-grid{grid-template-columns:repeat(5,1fr)}.metric-card:last-child{grid-column:auto}.summary-strip,.test-grid{grid-template-columns:repeat(4,1fr)}.growth-board{grid-template-columns:repeat(2,1fr)}.section-heading,.listening-card{grid-column:1 / -1}.dex-grid{grid-template-columns:repeat(4,1fr)}.modal-actions{grid-template-columns:repeat(3,1fr)}}