@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;700&family=Nunito:wght@500;700;800&display=swap";:root{--bg-top:#fff8dd;--bg-bottom:#e9f7ff;--ink:#18324d;--ink-soft:#4b6b88;--card:#fff;--accent:#ff8a3d;--accent-strong:#ff6a00;--mint:#2fbf9c;--line:#d5e3ef;--shadow:0 16px 34px #18324d1f;--radius-xl:24px;--radius-md:14px;color:var(--ink);background:linear-gradient(160deg, var(--bg-top) 0%, var(--bg-bottom) 65%, #effaf0 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Nunito,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh;padding:28px 14px 40px}.app-shell{gap:18px;max-width:980px;margin:0 auto;display:grid}.top-header,.mode-panel,.stats-panel,.empty-state{background:var(--card);border:2px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.top-header{flex-wrap:wrap;justify-content:space-between;gap:16px;padding:22px;display:flex}.badge{color:#9a5a1f;letter-spacing:.03em;text-transform:uppercase;background:#fff1d8;border-radius:999px;padding:5px 12px;font-size:.8rem;font-weight:800;display:inline-block}h1,h2,h3,h4{color:var(--ink);margin:0;font-family:"Baloo 2",cursive}h1{margin-top:8px;font-size:clamp(2rem,4vw,3rem)}.subtitle{color:var(--ink-soft);margin-top:6px}.control-stack{gap:10px;display:grid}.mode-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mobile-top-menu{display:none}.mobile-section-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tab{border-radius:var(--radius-md);color:var(--ink);cursor:pointer;background:#f4fbff;border:2px solid #c8dcee;padding:10px;font-family:inherit;font-weight:800;transition:transform .18s,background .18s}.tab-icon-only{place-items:center;min-height:46px;padding:8px;display:grid}.menu-icon{font-size:1.2rem;line-height:1}.tab:hover{transform:translateY(-1px)}.tab-active{background:#d8f2ff;border-color:#8cb5d4}.mode-panel{padding:20px}.mode-body{justify-items:center;gap:14px;display:grid}.word-card{text-align:center;justify-items:center;gap:8px;display:grid}.word-image{background:#f5fbff;border:2px solid #bed5e5;border-radius:18px;width:min(100%,280px);height:auto;margin-inline:auto;display:block}.translation{color:var(--ink-soft);font-size:1rem}.word-labels{gap:4px;display:grid}.word-line{letter-spacing:.04em;margin:0;font-size:1.35rem;font-weight:800;line-height:1.2}.word-line-pl,.word-line-en{color:var(--ink)}.flag{vertical-align:-.05em;font-size:1.25em}.actions-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn{cursor:pointer;border:none;border-radius:999px;padding:10px 18px;font-family:inherit;font-weight:800}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(130deg, var(--accent) 0%, var(--accent-strong) 100%);color:#fff}.btn-success{background:var(--mint);color:#fff}.btn-muted{color:var(--ink);background:#edf5fb}.selected-area,.syllables-grid{background:#f8fcff;border:2px dashed #bbd1e3;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:8px;width:min(100%,620px);min-height:56px;padding:8px;display:flex}.chip{text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:#fff;border:2px solid #c8dcee;border-radius:10px;padding:6px 12px;font-family:inherit;font-size:1.05rem;font-weight:800}.chip-selected{background:#d9f7eb;border-color:#8ed4be}.placeholder,.subtle{color:var(--ink-soft)}.input-row{width:min(100%,420px)}.word-input{width:100%;font:inherit;border:2px solid #bfd4e5;border-radius:12px;padding:10px 12px}.feedback{color:#35648f;margin:0;font-weight:700}.stats-panel{gap:12px;padding:18px;display:grid}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.stats-grid div{text-align:center;background:#f5fbff;border:2px solid #d4e4f1;border-radius:12px;padding:10px}.stats-grid span{color:var(--ink-soft);font-size:.86rem;display:block}.stats-grid strong{font-size:1.45rem}.mode-stats,.difficult-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.mode-stats li,.difficult-list li{background:#fbfdff;border:2px solid #d4e4f1;border-radius:10px;justify-content:space-between;padding:10px 12px;display:flex}.empty-state{text-align:center;padding:20px}@media (width<=720px){#root{padding-inline:10px}.top-header{gap:10px;padding:14px}.subtitle{margin-top:0}.control-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.control-stack .btn{width:100%;min-height:40px;padding-inline:12px;font-size:.9rem}.mobile-top-menu{z-index:2;border:2px solid var(--line);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fffffff2;border-radius:16px;gap:6px;padding:8px;display:grid;position:sticky;top:8px;box-shadow:0 8px 20px #18324d1a}.mode-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.stats-grid{grid-template-columns:1fr}}