:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;background:#f3f4f6;color:#0f172a;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;height:100%;overflow:hidden}a{color:inherit}html,#root{height:100%;overflow:hidden}:root{--kid-bg-1: #fdf2f8;--kid-bg-2: #eff6ff;--kid-card: rgba(255, 255, 255, .9);--kid-text: #111827;--kid-muted: #374151;--kid-border: rgba(17, 24, 39, .12);--kid-shadow: 0 20px 60px rgba(17, 24, 39, .12);--kid-primary: #7c3aed;--kid-primary-2: #ec4899;--kid-secondary: #10b981;--kid-danger: #ef4444}.kid-wrap{height:100dvh;min-height:100dvh;display:grid;place-items:center;padding:1.25rem;overflow:hidden;background:radial-gradient(1200px 500px at 20% 10%,rgba(236,72,153,.18),transparent 60%),radial-gradient(900px 500px at 80% 20%,rgba(124,58,237,.16),transparent 60%),radial-gradient(900px 500px at 50% 90%,rgba(16,185,129,.12),transparent 60%),linear-gradient(135deg,var(--kid-bg-1),var(--kid-bg-2))}.kid-card{width:min(720px,100%);max-height:100%;background:var(--kid-card);border:2px solid var(--kid-border);border-radius:24px;padding:1.5rem;box-shadow:var(--kid-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;display:flex;flex-direction:column}@media(min-width:768px)and (max-width:1024px){.kid-wrap{padding:.85rem}.kid-card{width:min(860px,100%);padding:1.25rem}.kid-title{font-size:2.05rem}.kid-subtitle{margin-bottom:.9rem}.kid-key{padding:.6rem .15rem}}.kid-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.kid-badge{font-weight:800;font-size:.95rem;color:var(--kid-text);background:#7c3aed14;border:1px solid rgba(124,58,237,.2);padding:.4rem .65rem;border-radius:999px;white-space:nowrap}.kid-progress{flex:1;height:12px;border-radius:999px;background:#11182714;overflow:hidden}.kid-progress-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--kid-primary),var(--kid-primary-2));transition:width .22s ease}.kid-title{margin:.25rem 0 0;font-size:2.25rem;letter-spacing:-.02em;color:var(--kid-text)}.kid-subtitle{margin:.25rem 0 1.25rem;color:var(--kid-muted);font-size:1.05rem;line-height:1.35}.kid-label{display:flex;flex-direction:column;gap:.5rem;font-weight:800;color:var(--kid-text);margin-top:.25rem}.kid-answer{font:inherit;font-size:1.25rem;padding:.85rem .95rem;border-radius:16px;border:2px solid rgba(124,58,237,.25);background:#fffffff2;min-height:3.2rem;outline:none}.kid-answer::placeholder{color:#374151a6;font-weight:800}.kid-answer:focus{border-color:#7c3aeda6;box-shadow:0 0 0 5px #7c3aed1f}.kid-kbd{margin-top:.75rem;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:.45rem;user-select:none;-webkit-user-select:none}.kid-key{border:2px solid rgba(17,24,39,.1);border-radius:14px;padding:.7rem .2rem;background:#ffffffe6;font-weight:900;font-size:1.05rem;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;box-shadow:0 10px 18px #11182714}.kid-key:disabled{opacity:.6;cursor:wait}.kid-key:not(:disabled):active{transform:translateY(1px) scale(.99)}.kid-key.wide{grid-column:span 10}.kid-key.back{grid-column:span 3}.kid-key.back:not(:disabled){background:#ec48991f;border-color:#ec489940}.kid-key.wide:not(:disabled){background:#7c3aed1a;border-color:#7c3aed38}.kid-sentence{margin-top:.75rem;padding:.85rem .95rem;border-radius:18px;border:2px dashed rgba(124,58,237,.25);background:#7c3aed0f;color:var(--kid-text);font-weight:800;line-height:1.35}@media(max-width:520px){.kid-kbd{grid-template-columns:repeat(9,minmax(0,1fr))}.kid-key.wide{grid-column:span 9}}.kid-actions{display:flex;justify-content:center;gap:.75rem;margin-top:1rem}.kid-button{border:0;border-radius:999px;padding:.9rem 1.35rem;font-weight:900;font-size:1.1rem;cursor:pointer;color:#fff;background:linear-gradient(90deg,var(--kid-primary),var(--kid-primary-2));box-shadow:0 14px 28px #7c3aed33;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.kid-button.secondary{background:linear-gradient(90deg,#059669,#22c55e);box-shadow:0 14px 28px #10b98133}.kid-button:disabled{opacity:.7;cursor:wait;filter:grayscale(20%)}.kid-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 18px 36px #11182729}.kid-status{margin:1rem 0 0;text-align:center;font-weight:800;color:var(--kid-muted)}.kid-error{margin:.5rem 0 0;text-align:center;font-weight:800;color:var(--kid-danger)}.kid-results{display:grid;gap:.75rem;margin-top:1rem;flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding-right:.25rem}.kid-mini{border:1px solid rgba(17,24,39,.14);border-radius:999px;padding:.5rem .75rem;background:#ffffffb3;font-weight:900;cursor:pointer}.kid-select,.kid-textarea{font:inherit;padding:.75rem .85rem;border-radius:16px;border:2px solid rgba(124,58,237,.25);background:#fffffff2;outline:none}.kid-textarea{resize:vertical}.kid-select:focus,.kid-textarea:focus{border-color:#7c3aeda6;box-shadow:0 0 0 5px #7c3aed1f}.kid-admin{position:fixed;left:12px;bottom:12px;width:34px;height:34px;border:0;padding:0;border-radius:12px;background:#ffffffb3;border:2px solid rgba(17,24,39,.14);box-shadow:0 10px 18px #1118271a;opacity:.55;cursor:pointer;z-index:50;display:grid;place-items:center}.kid-admin:after{content:"⚙";font-size:18px;line-height:1;color:#111827a6}.kid-admin:hover,.kid-admin:focus-visible{opacity:.9;outline:2px dashed rgba(124,58,237,.5);outline-offset:3px;background:#7c3aed33}.kid-result{border-radius:18px;padding:.9rem 1rem;border:2px solid rgba(17,24,39,.1);background:#ffffffd9}.kid-result.ok{border-color:#10b98159;background:#10b98114}.kid-result.nope{border-color:#ef444459;background:#ef44440f}.kid-result-word{font-weight:900;font-size:1.15rem;color:var(--kid-text)}.kid-result-answer{margin-top:.15rem;font-weight:800;color:var(--kid-muted)}