:root{--bg: #1b2a4a;--surface: #ffffff;--ink: #11203b;--accent: #ffcf33;--red-word: #c62828;--green-word: #1b7a3d;--tap-min: 44px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%}.app{max-width:480px;margin:0 auto;min-height:100%;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:stretch;padding:24px 0}.title{color:#fff;text-align:center;font-size:2rem;margin:8px 0}.subtitle{color:#cdd8f0;text-align:center;margin:0 0 8px}.btn{min-height:var(--tap-min);padding:16px 20px;border:none;border-radius:14px;font-size:1.2rem;font-weight:700;cursor:pointer;background:var(--accent);color:var(--ink)}.btn:active{transform:translateY(1px)}.btn-secondary{background:#e8eefc}.btn-big{font-size:1.6rem;min-height:72px}.card-list{display:flex;flex-direction:column;gap:12px}.category-btn{display:flex;justify-content:space-between;align-items:center;text-align:left}.tag{font-size:.8rem;font-weight:700;padding:4px 10px;border-radius:999px;border:2px solid currentColor}.tag-red{color:var(--red-word)}.tag-green{color:var(--green-word)}.word{font-size:4rem;font-weight:800;text-align:center;padding:32px 8px}.word-red{color:var(--red-word)}.word-green{color:var(--green-word)}.flashcard{background:var(--surface);border-radius:20px;padding:16px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.controls .full{grid-column:1 / -1}.state-msg{color:#fff;text-align:center;padding:24px}.error-msg{color:#ffd1d1}.sentence{background:var(--surface);color:var(--ink);border-radius:14px;padding:16px 18px;margin:0;text-align:center;font-size:1.3rem;font-weight:600;line-height:1.4}.sentence-error{display:flex;flex-direction:column;gap:12px;align-items:stretch;text-align:center}