:root{--color-primary: #1a5f4a;--color-primary-light: #2d8a6e;--color-accent: #ff9b3f;--color-bg: #fefaf3;--color-card: #ffffff;--color-text: #2c3e50;--color-text-muted: #5a6c7d;--color-error: #d32f2f;--color-success: #2e7d32;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--radius-sm: 12px;--radius-md: 20px;--radius-lg: 32px;--font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:var(--font-base);color:var(--color-text);background:var(--color-bg);-webkit-tap-highlight-color:transparent;user-select:none;overscroll-behavior:none}.screen{display:flex;flex-direction:column;height:100%;width:100%;max-width:600px;margin:0 auto;background:var(--color-bg)}.hidden{display:none!important}.pairing{justify-content:center;align-items:center;padding:2rem 1.5rem;text-align:center}.logo{margin-bottom:2.5rem}.logo-bubble{font-size:5rem;width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffd9a8,#ffb066);border-radius:50%;margin:0 auto 1rem;box-shadow:var(--shadow-md);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.logo h1{font-size:3rem;margin:.5rem 0 .25rem;color:var(--color-primary)}.subtitle{margin:0;color:var(--color-text-muted);font-size:1.1rem}.pairing-form{width:100%;max-width:320px}.pairing-form label{display:block;font-size:.95rem;color:var(--color-text-muted);margin-bottom:.5rem}#pairing-code{width:100%;padding:1.2rem 1rem;font-size:1.8rem;letter-spacing:.4rem;text-align:center;border:2px solid #e0e0e0;border-radius:var(--radius-md);background:var(--color-card);margin-bottom:1rem;font-family:SF Mono,Monaco,monospace;font-weight:700}#pairing-code:focus{outline:none;border-color:var(--color-primary)}.btn{display:inline-block;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:transform .1s,box-shadow .2s}.btn-primary{background:var(--color-primary);color:#fff;width:100%;box-shadow:var(--shadow-sm)}.btn-primary:active{transform:scale(.97);background:var(--color-primary-light)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.error{color:var(--color-error);font-size:.9rem;margin-top:.75rem;min-height:1.2rem}.main{background:linear-gradient(180deg,#fff8e7,#fefaf3)}.topbar{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.kid-avatar{font-size:2.5rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:50%;flex-shrink:0}.kid-info{flex:1;min-width:0}.kid-info h2{margin:0;font-size:1.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lang-select{background:#ffffff26;color:#fff;border:none;padding:.3rem .5rem;border-radius:8px;font-size:.85rem;margin-top:.25rem;cursor:pointer}.lang-select option{color:var(--color-text);background:#fff}.btn-icon{background:#ffffff26;border:none;color:#fff;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;flex-shrink:0}.chat-area{flex:1;overflow-y:auto;padding:1rem;-webkit-overflow-scrolling:touch}.messages{display:flex;flex-direction:column;gap:.75rem}.bubble{max-width:80%;padding:.85rem 1.1rem;border-radius:var(--radius-md);font-size:1.05rem;line-height:1.4;word-wrap:break-word;animation:pop .2s ease-out}@keyframes pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.bubble.kid{align-self:flex-end;background:var(--color-accent);color:#fff;border-bottom-right-radius:4px}.bubble.kiki{align-self:flex-start;background:var(--color-card);color:var(--color-text);box-shadow:var(--shadow-sm);border-bottom-left-radius:4px}.bubble .label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;opacity:.6;display:block;margin-bottom:.2rem}.bubble.kiki .repetition{display:block;font-style:italic;color:var(--color-text-muted);margin-bottom:.3rem}.controls{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-card);border-top:1px solid #e8e0d0}.mic-button{width:60px;height:60px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm);transition:transform .1s,background .2s}.mic-button:active{transform:scale(.95)}.mic-button.recording{background:var(--color-error);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #d32f2f99}50%{box-shadow:0 0 0 12px #d32f2f00}}.text-input-wrap{flex:1;display:flex;align-items:center;background:#f3eee2;border-radius:var(--radius-md);padding:.25rem .5rem}#text-input{flex:1;border:none;background:transparent;padding:.6rem .5rem;font-size:1rem;font-family:inherit;color:var(--color-text);outline:none;user-select:text}.btn-send{background:var(--color-primary);color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:1.2rem;cursor:pointer;flex-shrink:0}.btn-send:disabled{opacity:.4;cursor:not-allowed}.toast{position:fixed;bottom:5rem;left:50%;transform:translate(-50%);background:var(--color-text);color:#fff;padding:.75rem 1.25rem;border-radius:var(--radius-md);font-size:.9rem;box-shadow:var(--shadow-md);z-index:1000;max-width:90%;text-align:center}.toast.error{background:var(--color-error)}.toast.success{background:var(--color-success)}@media (max-width: 480px){.logo h1{font-size:2.5rem}.logo-bubble{font-size:4rem;width:100px;height:100px}.controls{padding:.5rem .75rem}.mic-button{width:52px;height:52px}}