:root{--color-green:#58cc02;--color-green-soft:#d7ffb8;--color-blue:#1cb0f6;--color-blue-soft:#ddf4ff;--color-orange:#ff9600;--color-orange-soft:#ffeedc;--color-red:#ff4b4b;--color-red-soft:#ffdfe0;--color-yellow:#ffc800;--color-yellow-soft:#fff4d4;--color-purple:#ce82ff;--color-purple-soft:#f3e9ff;--edge-green:#58a700;--edge-blue:#1899d6;--edge-orange:#e08600;--edge-red:#ea2b2b;--edge-yellow:#e5a100;--edge-purple:#a560e8;--edge-grey:#e0e0e0;--ink:#3c3c3c;--ink-2:#4b4b4b;--text-secondary:#777;--muted:#afafaf;--line:#e5e5e5;--surface:#fff;--paper:#fff;--paper-alt:#f7f7f7;--paper-deep:#e5e5e5;--pastel-mint:var(--color-green-soft);--pastel-mint-dark:var(--color-green);--pastel-peach:var(--color-orange-soft);--pastel-peach-dark:var(--color-orange);--pastel-sky:var(--color-blue-soft);--pastel-sky-dark:var(--color-blue);--color-mustard:var(--color-yellow);--color-mustard-soft:var(--color-yellow-soft);--color-sage:var(--color-green);--color-sage-soft:var(--color-green-soft);--color-coral:var(--color-orange);--color-coral-soft:var(--color-orange-soft);--color-sky:var(--color-blue);--color-sky-soft:var(--color-blue-soft);--wood-1:var(--line);--wood-2:var(--line);--color-bg:var(--paper);--color-surface:var(--surface);--color-surface-alt:var(--paper-alt);--color-primary:var(--color-green);--color-primary-soft:var(--color-green-soft);--color-accent:var(--color-blue);--color-accent-soft:var(--color-blue-soft);--color-success:var(--color-green);--color-gentle:var(--color-orange);--color-xp:var(--color-yellow);--color-streak:var(--color-orange);--rarity-common:var(--muted);--rarity-uncommon:var(--color-blue);--rarity-rare:var(--color-purple);--rarity-legend:var(--color-yellow);--font-display:"Nunito", "Noto Sans KR", system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-body:"Nunito", "Noto Sans KR", system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-brush:"Noto Sans KR", "Nunito", system-ui, "Apple SD Gothic Neo", sans-serif;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-8:3rem;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-pill:999px;--shadow-1:0 1px 2px #0000000a;--shadow-2:0 4px 10px #00000014;--shadow-pop:0 6px 18px #58cc024d;--shadow-gold:0 6px 18px #ffc80066;--dur-fast:.14s;--dur-med:.26s;--dur-slow:.6s;--dur-cele:1.2s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1)}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-med:0s;--dur-slow:0s;--dur-cele:0s}.mascot-bob,.shine-sweep:after,.sparkle-overlay:before{animation:none!important}}*{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,p,button{word-break:keep-all;overflow-wrap:break-word}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);background-attachment:initial;font-size:17px;font-weight:500;line-height:1.5}h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:1.75rem;font-weight:800}h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin-bottom:.6em;font-size:1.375rem;font-weight:800}button{min-width:48px;min-height:50px;font-family:var(--font-body);letter-spacing:.01em;text-transform:uppercase;cursor:pointer;border-radius:var(--r-lg);background:var(--color-primary);color:#fff;box-shadow:0 4px 0 var(--edge-green);transition:filter var(--dur-fast) var(--ease-out), transform 60ms var(--ease-out), box-shadow 60ms var(--ease-out), background var(--dur-fast) var(--ease-out);border:none;padding:.7em 1.4em;font-size:1rem;font-weight:800}button:hover:not(:disabled){filter:brightness(1.06)}button:active:not(:disabled){box-shadow:0 0 0 var(--edge-green);transform:translateY(4px)}button:disabled{background:var(--line);color:#fff;box-shadow:0 4px 0 var(--edge-grey);opacity:1;cursor:not-allowed}button.secondary{color:var(--color-blue);border:2px solid var(--line);box-shadow:0 4px 0 var(--line);background:#fff}button.secondary:hover:not(:disabled){background:var(--color-blue-soft);filter:none}button.secondary:active:not(:disabled){box-shadow:0 0 0 var(--line);transform:translateY(4px)}button.secondary:disabled{background:var(--paper-alt);color:var(--muted);border-color:var(--line);box-shadow:0 4px 0 var(--edge-grey)}button.exit{color:var(--muted);min-height:40px;box-shadow:none;text-transform:none;background:0 0;border:none;font-weight:700}button.exit:hover:not(:disabled){background:var(--paper-alt);color:var(--ink);filter:none;box-shadow:none;transform:none}button.exit:active:not(:disabled){box-shadow:none;transform:none}button.btn-cta{background:var(--color-primary);color:#fff;width:100%;box-shadow:0 4px 0 var(--edge-green);border:none;font-size:1.05rem}button.btn-cta:hover:not(:disabled){filter:brightness(1.06)}button.btn-cta:active:not(:disabled){box-shadow:0 0 0 var(--edge-green);transform:translateY(4px)}button.btn-cta:disabled{background:var(--line);color:var(--muted);box-shadow:none;cursor:not-allowed}input[type=text]{min-height:50px;font-family:var(--font-body);border:2px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--ink);width:100%;max-width:320px;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);padding:.5em .9em;font-size:1rem}input[type=text]:focus{border-color:var(--color-blue);box-shadow:0 0 0 3px var(--color-blue-soft);outline:none}.hanja-small{color:var(--text-secondary);font-size:.85em}.hanja-big{font-family:var(--font-brush);color:var(--color-blue);text-shadow:none;animation:pop-in var(--dur-med) var(--ease-bounce) both;font-size:2.4em;display:inline-block}.home{max-width:640px;margin:0 auto;padding:2rem 1.5rem}.home>.mascot{margin-bottom:var(--sp-3);justify-content:center;display:flex}.home>.mascot svg{width:80px;height:80px}.home>h1{text-align:center}.subtitle{color:var(--text-secondary);text-align:center;margin:.4em 0 1.5em}.v4-explore-progress{color:var(--text-secondary);text-align:center;margin:0 0 1rem;font-size:.9em}.v4-continue-btn{margin-bottom:1.5rem}.lesson-list{flex-direction:column;gap:1rem;margin-bottom:1.5rem;list-style:none;display:flex}.lesson-card{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:2px solid var(--line);border-radius:var(--r-lg);box-shadow:none;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border-left:2px solid var(--line);background:#fff;display:flex}.lesson-card:hover{box-shadow:none;background:var(--paper-alt);border-color:#d6d6d6;transform:none}.lesson-title{word-break:keep-all;overflow-wrap:break-word;flex:1;min-width:0;font-size:1.1em;font-weight:700}@media (width<=400px){.lesson-title{font-size:1em}}.badge-done{color:var(--color-green);font-weight:800}.home-actions{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.badge-due{border-radius:var(--r-pill);background:var(--color-orange);color:#fff;justify-content:center;align-items:center;min-width:1.4em;height:1.4em;margin-left:.5em;padding:0 .4em;font-size:.85em;font-weight:700;display:inline-flex}.v3-lesson-tile{border-radius:var(--r-md);width:52px;height:52px;font-family:var(--font-brush);color:#fff;background:var(--color-green);flex:none;justify-content:center;align-items:center;font-size:1.6rem;font-weight:800;display:inline-flex}.lesson-list>.lesson-card:nth-child(5n+2) .v3-lesson-tile{background:var(--color-blue)}.lesson-list>.lesson-card:nth-child(5n+3) .v3-lesson-tile{background:var(--color-orange)}.lesson-list>.lesson-card:nth-child(5n+4) .v3-lesson-tile{background:var(--color-purple)}.lesson-list>.lesson-card:nth-child(5n+5) .v3-lesson-tile{background:var(--color-yellow);color:var(--ink)}.review{max-width:640px;margin:0 auto;padding:1.5rem}.review-header{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:1em;display:flex}.review-header>h1{margin:0}.review-counter-pill{color:var(--text-secondary);background:var(--paper-alt);border:2px solid var(--line);border-radius:var(--r-pill);white-space:nowrap;flex:none;padding:.3em .9em;font-size:.95em;font-weight:800}.review .quiz>p:first-of-type{text-align:center;margin:1.25rem 0 1.5rem;font-size:1.1em;font-weight:700}.review-exit{margin:1.5rem auto 0;display:block}.v5-empty-state{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;margin-top:18vh;display:flex}.v5-empty-icon{color:var(--color-yellow)}.v5-empty-text{color:var(--ink);word-break:keep-all;margin:0;font-size:1.15rem;font-weight:700}.v5-empty-cta{width:100%;max-width:360px}.wizard{border:2px solid var(--line);border-radius:var(--r-xl);box-shadow:none;background:#fff;flex-direction:column;gap:1.25rem;max-width:640px;min-height:100%;margin:0 auto;padding:1.5rem;display:flex}.choices{grid-template-columns:repeat(2,1fr);gap:.75rem;list-style:none;display:grid}.quiz-choices{flex-direction:column;gap:.75rem;list-style:none;display:flex}.quiz-choices li{width:100%}.choices button,.quiz-choices button{width:100%;color:var(--ink);border:2px solid var(--line);border-radius:var(--r-md);box-shadow:0 2px 0 var(--line);text-transform:none;background:#fff;font-weight:700}.choices button:hover:not(:disabled),.quiz-choices button:hover:not(:disabled){background:var(--paper-alt);color:var(--ink);filter:none;border-color:#d0d0d0;transform:none}.choices button:active:not(:disabled),.quiz-choices button:active:not(:disabled){box-shadow:0 0 0 var(--line);transform:translateY(2px)}.choices button[aria-pressed=true],.choices button.selected,.quiz-choices button[aria-pressed=true],.quiz-choices button.selected{background:var(--color-blue-soft);border-color:var(--color-blue);color:var(--color-blue)}.quiz-feedback{align-items:center;gap:var(--sp-3);width:100%;margin-top:var(--sp-5);padding:var(--sp-4);border-radius:var(--r-lg);text-align:center;flex-direction:column;display:flex}.quiz-feedback[data-state=correct]{background:var(--color-green-soft)}.quiz-feedback[data-state=retry]{background:var(--color-orange-soft)}.quiz-feedback [role=status]{margin:0;font-size:1.15em;font-weight:800}.quiz-next-btn{width:100%;max-width:360px;margin:var(--sp-4) auto 0;display:block}.intro-words,.hints{flex-direction:column;gap:.5rem;margin:1rem 0;list-style:none;display:flex}.intro-words li,.hints li{background:var(--paper-alt);border:2px solid var(--line);border-radius:var(--r-md);padding:.5em .85em}.gloss-line{margin:.75rem 0}.chips{flex-wrap:wrap;gap:.5rem;margin:1rem 0;list-style:none;display:flex}.v3-input-row{align-items:stretch;gap:.5rem;display:flex}.v3-input-row input{flex:1;min-width:0;max-width:none}.v3-input-row button{flex:none}.chip{border:2px solid var(--line);border-radius:var(--r-pill);box-shadow:none;transition:background var(--dur-fast) var(--ease-out);background:#fff;align-items:center;gap:.45em;padding:.35em 1em .35em .8em;font-size:.95em;display:inline-flex}.chip:before{content:"";background:var(--color-green);border-radius:3px;flex:none;width:.55em;height:.55em}.chips>.chip:nth-child(4n+2):before{background:var(--color-blue)}.chips>.chip:nth-child(4n+3):before{background:var(--color-orange)}.chips>.chip:nth-child(4n):before{background:var(--color-purple)}.chip:hover{box-shadow:none;background:var(--paper-alt);transform:none}.sort-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.sort-card{border:2px solid var(--line);border-radius:var(--r-lg);box-shadow:none;transition:background var(--dur-fast) var(--ease-out);background:#fff;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem;display:flex}.sort-card:hover{box-shadow:none;background:var(--paper-alt);border-color:#d6d6d6;transform:none}.collect-summary{flex-direction:column;gap:.5rem;margin:1rem 0;list-style:none;display:flex}.collect-summary li{background:var(--paper-alt);border:2px solid var(--line);border-radius:var(--r-md);padding:.5em .85em}.example-sentence,.reverse-pattern{margin:1rem 0;font-size:1.15em}.v2-example-word{border-radius:var(--r-sm);background:var(--color-primary-soft);color:var(--edge-green);padding:.05em .3em;font-weight:800}.reverse-answer-row{gap:var(--sp-4);flex-direction:column;display:flex}.reverse-answer-row input{max-width:none}.dots{justify-content:center;gap:.5rem;margin-top:auto;padding-top:1rem;display:flex}.dot{background:var(--line);width:10px;height:10px;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:50%}.dot.on{background:var(--color-green);box-shadow:none;transform:scale(1.2)}.complete{text-align:center;padding:2rem 0}.complete-actions{flex-direction:column;gap:.75rem;max-width:360px;margin:1.5rem auto 0;display:flex}.collection{max-width:640px;margin:0 auto;padding:1.5rem}.rarity-caption{color:var(--text-secondary);margin:.35em 0 1.25rem;font-size:.9em}.collection-syllable{border-bottom:2px solid var(--line);border-image:;margin-bottom:1.75rem;padding-bottom:1rem}.collection-syllable>h2{border-radius:var(--r-md);background:var(--color-blue-soft);color:var(--color-blue);padding:.15em .7em;display:inline-block}.completion-bar-text{color:var(--text-secondary);margin:.35em 0 .75rem;font-size:.9em}.drawer{border:2px solid var(--line);border-radius:var(--r-lg);box-shadow:none;transition:background var(--dur-fast) var(--ease-out);background:#fff;margin:.75rem 0;padding:1rem}.drawer:hover{box-shadow:none;background:var(--paper-alt);border-color:#d6d6d6;transform:none}.drawer.silhouette{background:var(--paper-alt);border:2px dashed var(--line);box-shadow:none;color:var(--muted)}.silhouette-text{color:var(--muted);font-style:italic}.drawer-words{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;list-style:none;display:flex}.drawer-words li{background:var(--color-green-soft);border-radius:var(--r-pill);border:2px solid #bdee9a;padding:.25em .9em;font-size:.95em}.drawer-title-row{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-bottom:.5rem;display:flex}.drawer-title-row>h3{margin:0}.drawer-count-pill{color:var(--text-secondary);background:var(--paper-alt);border:2px solid var(--line);border-radius:var(--r-pill);white-space:nowrap;flex:none;padding:.15em .7em;font-size:.8em;font-weight:700}.collection>button.secondary{width:100%;margin-top:1rem}.v2-step-pill{width:fit-content;font-family:var(--font-display);margin-bottom:var(--sp-2);border-radius:var(--r-pill);background:var(--paper-alt);border:2px solid var(--line);box-shadow:none;color:var(--ink);text-transform:none;align-items:center;gap:.55em;padding:.3em .9em .3em .35em;font-size:.95em;font-weight:800;display:inline-flex}.v2-step-num{background:var(--color-green);color:#fff;width:1.7em;height:1.7em;box-shadow:none;border-radius:50%;justify-content:center;align-items:center;font-size:.9em;font-weight:800;display:inline-flex}.v2-step-pill[data-step="2"] .v2-step-num,.v2-step-pill[data-step="6"] .v2-step-num{background:var(--color-yellow);color:var(--ink)}.v2-step-pill[data-step="3"] .v2-step-num,.v2-step-pill[data-step="7"] .v2-step-num{background:var(--color-blue)}.v2-step-pill[data-step="4"] .v2-step-num,.v2-step-pill[data-step="8"] .v2-step-num{background:var(--color-orange)}.v2-step-pill[data-step="5"] .v2-step-num{background:var(--color-purple)}.v2-reveal-card{text-align:center;padding:var(--sp-6) var(--sp-5);border:2px solid var(--line);border-radius:var(--r-xl);box-shadow:none;background:#fff;position:relative;overflow:hidden}.v2-reveal-eyebrow{font-family:var(--font-display);color:var(--color-blue);background:var(--color-blue-soft);border-radius:var(--r-pill);margin-bottom:var(--sp-3);padding:.25em .9em;font-size:.85em;font-weight:800;display:inline-block}.v2-reveal-hanja{font-family:var(--font-brush);color:var(--color-blue);margin:var(--sp-3) auto var(--sp-4);text-shadow:none;animation:pop-in var(--dur-slow) var(--ease-bounce) both;font-size:5rem;line-height:1;display:block}.v2-reveal-tags{margin-top:var(--sp-3);flex-wrap:wrap;justify-content:center;gap:.5rem;list-style:none;display:flex}.v2-reveal-tags li{border:2px solid var(--line);border-radius:var(--r-pill);box-shadow:none;background:#fff;padding:.3em .9em;font-size:.95em}.v2-bubble{align-items:flex-start;gap:var(--sp-3);margin:var(--sp-3) 0;display:flex}.v2-bubble-avatar{background:var(--color-green-soft);border:2px solid var(--line);width:2.6em;height:2.6em;box-shadow:none;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1.4em;display:inline-flex}.v2-bubble-body{background:var(--color-blue-soft);border:2px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);box-shadow:none;position:relative}.v2-bubble-body:before{content:"";background:inherit;border-left:2px solid var(--line);border-bottom:2px solid var(--line);width:13px;height:13px;position:absolute;top:16px;left:-7px;transform:rotate(45deg)}.v2-choice{border:2px solid var(--line);border-radius:var(--r-md);box-shadow:0 2px 0 var(--line);text-transform:none;background:#fff;font-weight:700}.v2-paper{border:2px solid var(--line);border-radius:var(--r-xl);box-shadow:none;padding:var(--sp-5);background:#fff}.v2-shelf{padding-bottom:var(--sp-4);border-bottom:2px solid var(--line);border-image:}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes shake-x{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.35}}@keyframes shine{0%{transform:translate(-150%)rotate(20deg)}to{transform:translate(250%)rotate(20deg)}}@keyframes slide-glow{0%{opacity:0;box-shadow:none;transform:translateY(-20px)}60%{opacity:1}to{opacity:1;box-shadow:var(--shadow-gold);transform:translateY(0)}}@keyframes fill-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.correct-pop{animation:pop-in var(--dur-med) var(--ease-bounce) both;color:var(--color-success);font-weight:700}.retry-shake{animation:shake-x var(--dur-med) var(--ease-out) both;color:var(--color-gentle);font-weight:700}.card-flip{perspective:800px;transform-style:preserve-3d;transition:transform var(--dur-slow) var(--ease-out)}.card-flip.is-flipped,.card-flip[data-revealed=true]{transform:rotateY(180deg)}.dashboard{gap:var(--sp-5);margin-bottom:var(--sp-5);flex-direction:column;display:flex;position:relative}.icon{vertical-align:-.15em;flex:none}.mascot-fox{display:block}.mascot{line-height:1;display:inline-block}.mascot svg{width:72px;height:72px}.mascot-bob{animation:bob 2.4s var(--ease-out) infinite}.explorer-card{border:2px solid var(--line);border-radius:var(--r-xl);padding:var(--sp-5);box-shadow:none;gap:var(--sp-3);background:#fff;flex-direction:column;display:flex}.explorer-rank{align-items:center;gap:var(--sp-2);font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);font-size:1.2em;font-weight:800;display:flex}.explorer-rank svg{color:var(--color-green);width:1.2em;height:1.2em}.xp-bar,.completion-bar{border-radius:var(--r-pill);background:var(--line);border:none;height:16px;position:relative;overflow:hidden}.xp-bar-fill,.completion-bar-fill{width:var(--fill,0%);border-radius:inherit;transform-origin:0;background:var(--color-green);animation:fill-bar var(--dur-slow) var(--ease-out) both;transition:width var(--dur-slow) var(--ease-out);position:absolute;inset:0}.completion-bar-fill{background:var(--color-blue)}.xp-bar-fill:after,.completion-bar-fill:after{content:"";border-radius:var(--r-pill);background:#ffffff59;height:4px;position:absolute;top:3px;left:8px;right:8px}.streak-pill{border-radius:var(--r-pill);border:2px solid var(--line);width:fit-content;color:var(--color-orange);background:#fff;align-items:center;gap:.35em;padding:.35em .9em;font-weight:800;display:inline-flex}.streak-pill svg{color:var(--color-orange);width:1.15em;height:1.15em}.stat-chips{gap:var(--sp-2);grid-template-columns:repeat(3,1fr);display:grid}.stat-chip{border-radius:var(--r-pill);background:var(--paper-alt);border:2px solid var(--line);min-width:0;color:var(--ink);text-align:center;justify-content:center;align-items:center;gap:.4em;padding:.4em .6em;font-size:.95em;font-weight:700;display:inline-flex}@media (width<=360px){.stat-chip{padding:.4em;font-size:.82em}}.stat-chip svg{width:1.1em;height:1.1em;color:var(--text-secondary)}.badge-shelf,.badge-pop-row{gap:var(--sp-3);flex-wrap:wrap;display:flex}.badge-shelf{margin-bottom:var(--sp-5)}.badge-chip{width:78px;min-width:78px;height:auto;box-shadow:none;color:var(--text-secondary);text-align:center;white-space:normal;background:0 0;border:none;flex-direction:column;align-items:center;gap:.4em;padding:0;font-size:.72rem;font-weight:700;line-height:1.2;transition:none;display:flex}.badge-chip svg{box-sizing:border-box;border-radius:var(--r-lg);background:var(--color-green);color:#fff;stroke-width:2.5px;width:64px;height:64px;padding:15px}.badge-shelf>.badge-chip:nth-child(6n+2) svg{background:var(--color-blue)}.badge-shelf>.badge-chip:nth-child(6n+3) svg{background:var(--color-orange)}.badge-shelf>.badge-chip:nth-child(6n+4) svg{background:var(--color-purple)}.badge-shelf>.badge-chip:nth-child(6n+5) svg{background:var(--color-red)}.badge-shelf>.badge-chip:nth-child(6n+6) svg{background:var(--color-yellow)}.badge-chip.locked{filter:none;opacity:1;color:var(--muted)}.badge-chip.locked svg{background:var(--line);color:var(--muted)}.badge-chip:hover svg{transform:translateY(-2px)}.badge-pop-row .badge-chip svg{animation:pop-in var(--dur-med) var(--ease-bounce) both}.sound-toggle{top:var(--sp-3);right:var(--sp-3);border-radius:var(--r-pill);border:2px solid var(--line);width:44px;min-width:44px;height:44px;min-height:44px;box-shadow:none;color:var(--ink);text-transform:none;background:#fff;justify-content:center;align-self:flex-start;align-items:center;padding:0;font-size:1.2em;line-height:1;display:inline-flex;position:absolute}.sound-toggle svg{width:1.3em;height:1.3em;color:var(--ink)}.sound-toggle:hover:not(:disabled){background:var(--paper-alt);filter:none;box-shadow:none;transform:none}.sound-toggle:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.combo-chip{border-radius:var(--r-pill);background:var(--color-orange);color:#fff;box-shadow:none;animation:pop-in var(--dur-med) var(--ease-bounce) both;align-items:center;gap:.3em;padding:.25em .85em;font-weight:800;display:inline-flex}.xp-float{color:var(--color-xp);pointer-events:none;animation:float-up var(--dur-slow) var(--ease-out) forwards;font-size:1.1em;font-weight:800;position:absolute}.ceremony{align-items:center;gap:var(--sp-4);flex-direction:column;display:flex}.ceremony-xp{font-family:var(--font-display);color:var(--color-yellow);animation:pop-in var(--dur-med) var(--ease-bounce) both;font-size:1.8em;font-weight:800}.levelup-banner{padding:var(--sp-3) var(--sp-5);border-radius:var(--r-lg);background:var(--color-yellow);color:var(--ink);font-family:var(--font-display);box-shadow:var(--shadow-gold);animation:slide-glow var(--dur-slow) var(--ease-out) both;font-weight:800}.badge-pop-row .badge-chip{animation:none}.v3-stat-row{gap:var(--sp-3);width:100%;max-width:360px;display:flex}.v3-stat-card{padding:var(--sp-3);border-radius:var(--r-lg);border:2px solid var(--line);background:#fff;flex-direction:column;flex:1;align-items:center;gap:.15em;display:flex}.v3-stat-card.v3-stat-xp{border-color:var(--color-yellow);background:var(--color-yellow-soft)}.v3-stat-card.v3-stat-acc{border-color:var(--color-green);background:var(--color-green-soft)}.v3-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;font-size:.8rem;font-weight:700}.v3-stat-value{font-family:var(--font-display);color:var(--ink);font-size:1.4rem;font-weight:800}.v3-stat-xp .v3-stat-value{color:var(--edge-yellow)}.v3-stat-acc .v3-stat-value{color:var(--edge-green)}.rarity-common{border:2px solid var(--rarity-common)}.rarity-uncommon{border:2px solid var(--rarity-uncommon)}.rarity-rare{border:2px solid var(--rarity-rare);box-shadow:0 0 0 3px var(--color-purple-soft)}.rarity-legend{border:2px solid var(--rarity-legend);box-shadow:0 0 0 3px var(--color-yellow-soft)}.shine-sweep{position:relative;overflow:hidden}.shine-sweep:after{content:"";width:35%;height:200%;animation:shine var(--dur-cele) var(--ease-out) infinite;pointer-events:none;background:linear-gradient(120deg,#0000,#ffffff8c,#0000);position:absolute;top:-50%;left:-20%}.sparkle-overlay{position:relative}.sparkle-overlay:before{content:"";background:var(--color-yellow);clip-path:polygon(50% 0%,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0% 50%,40% 40%);width:13px;height:13px;animation:flicker var(--dur-cele) ease-in-out infinite;position:absolute;top:8px;right:8px}.tab-bar{z-index:20;background:var(--surface);border-top:2px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0);display:flex;position:fixed;bottom:0;left:0;right:0}.tab-item{min-height:58px;color:var(--muted);box-shadow:none;text-transform:none;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:.15rem;padding:.4em .2em;font-weight:700;display:flex;position:relative}.tab-item:hover:not(:disabled){background:var(--paper-alt);filter:none;box-shadow:none;color:var(--muted);transform:none}.tab-item:active:not(:disabled){box-shadow:none;transform:none}.tab-item.active,.tab-item[aria-current=page]{color:var(--color-green)}.tab-icon{justify-content:center;align-items:center;line-height:0;display:flex}.tab-label{letter-spacing:0;font-size:.7rem;font-weight:700}.tab-item .badge-due{min-width:1.2em;height:1.2em;margin-left:0;font-size:.7em;position:absolute;top:.15em;right:50%;transform:translate(1.1em)}.tab-panel{max-width:640px;margin:0 auto;padding-bottom:76px}.v4-introword-card{border:2px solid var(--line);border-radius:var(--r-md);text-align:center;color:var(--ink);background:#fff;margin:1rem 0;padding:.85em 1em;font-weight:800}.v4-minicard-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;margin:1rem 0;list-style:none;display:grid}.v4-word-minicard{background:var(--paper-alt);border:2px solid var(--line);border-radius:var(--r-md);flex-direction:column;align-items:flex-start;gap:.25em;min-width:0;padding:.6em .75em;display:flex}.v4-minicard-icon{color:var(--color-blue);display:inline-flex}.v4-minicard-gloss{text-overflow:ellipsis;white-space:nowrap;width:100%;color:var(--text-secondary);font-size:.85em;display:block;overflow:hidden}.v4-chip-removable{gap:.4em}.v4-chip-x{background:var(--paper-alt);width:1.4em;min-width:1.4em;height:1.4em;min-height:1.4em;color:var(--muted);text-transform:none;box-shadow:none;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;font-size:.9em;font-weight:800;line-height:1;display:inline-flex}.v4-chip-x:hover:not(:disabled){background:var(--line);color:var(--ink);filter:none;box-shadow:none;transform:none}.v4-chip-x:active:not(:disabled){box-shadow:none;transform:none}.v4-encourage{border-radius:var(--r-pill);background:var(--color-green-soft);width:fit-content;color:var(--edge-green);justify-content:center;align-items:center;gap:.4em;margin:1.25rem auto;padding:.4em .9em;font-size:.9em;font-weight:800;display:flex}.v5-hint-block{background:var(--paper-alt);border:2px dashed var(--line);border-radius:var(--r-md);margin:.9rem 0 .5rem;padding:.8rem .9rem}.v5-hint-label{color:var(--muted);margin:0 0 .5rem;font-size:.8em;font-weight:800}.v5-hint-chips{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.v5-hint-chip{background:var(--surface);border:2px solid var(--line);border-radius:var(--r-pill);color:var(--ink-2);word-break:keep-all;align-items:center;padding:.3em .8em;font-size:.9em;font-weight:700;display:inline-flex}.v5-result-card{border:2px solid var(--line);border-radius:var(--r-lg);background:var(--surface);margin:1rem 0;padding:1rem}.v5-result-target{background:var(--color-green-soft);border-color:var(--color-green)}.v5-result-other{background:var(--color-blue-soft);border-color:var(--color-blue-soft)}.v5-result-title{font-family:var(--font-display);color:var(--ink);word-break:keep-all;margin:0 0 .35rem;font-size:1em;font-weight:800}.v5-result-lead{color:var(--ink-2);word-break:keep-all;margin:0 0 .75rem;font-size:.85em;font-weight:700}.v5-result-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.v5-result-item{background:var(--surface);border:2px solid var(--line);border-radius:var(--r-md);word-break:keep-all;align-items:center;gap:.5em;padding:.5em .7em;display:flex}.v5-result-word{color:var(--ink);font-weight:800}.v5-result-why{color:var(--muted);text-align:right;word-break:keep-all;margin-left:auto;font-size:.85em;font-weight:600}.v5-check{color:var(--edge-green);margin-left:auto;font-weight:800}.v5-result-note{color:var(--ink-2);word-break:keep-all;margin:.75rem 0 0;font-size:.8em;font-weight:700}.v5-result-unsure{background:var(--color-yellow-soft);border-color:var(--color-yellow-soft)}.v5-ai-badge{color:var(--ink-2);margin-left:auto;font-size:.75em;font-weight:700}.v5-ai-badge+.v5-check,.v5-ai-badge+.v5-result-why{margin-left:.4em}.v4-sort-columns{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem;display:grid}.v4-sort-col h3{font-family:var(--font-display);color:var(--ink);margin-bottom:.5em;font-size:.95em;font-weight:800}.v4-sort-item{border-bottom:2px solid var(--line);justify-content:space-between;align-items:center;gap:.5em;padding:.4em 0;font-weight:700;display:flex}.v4-sort-item:last-child{border-bottom:none}.v4-check{color:var(--color-green);font-weight:800}.v4-sort-gloss{color:var(--muted);font-size:.85em;font-weight:500}.v4-star-row{gap:.25em;margin:.5em 0 1rem;display:flex}.v4-star{color:var(--line);font-size:1.1em;line-height:1}.v4-star.on{color:var(--color-yellow)}.v4-reverse-tiles{flex-wrap:wrap;gap:.6rem;margin:1rem 0;display:flex}.v4-reverse-tile{background:var(--paper-alt);border:2px solid var(--line);border-radius:var(--r-md);min-width:3.2em;font-family:var(--font-brush);color:var(--ink);justify-content:center;align-items:center;padding:.5em .75em;font-size:1.1em;font-weight:800;display:inline-flex}.quiz-choices{counter-reset:qc}.quiz-choices li:before{counter-increment:qc;content:counter(qc) ". ";color:var(--muted);margin-right:.3em;font-weight:800}@media (width<=400px){.v4-minicard-grid,.v4-sort-columns{gap:.5rem}}