@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700&family=Nunito:wght@400;600&display=swap";:root{font-family:Heebo,Arial Hebrew,system-ui,sans-serif;color-scheme:light;--bs-yellow: #FFD700;--bs-orange: #FF8C00;--bs-purple: #7C3AED;--bs-dark: #1A1033;--bs-accent: #F43F5E;--bs-light: #F0E6FF}*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#1a2233}.app{max-width:760px;margin:0 auto;padding:24px 16px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.topbar-email{font-size:.85rem;color:#5a6b85}.logout-btn{font-family:Nunito,sans-serif;font-size:.9rem;font-weight:600;background:transparent;color:#5a6b85;border:1px solid #c5d2e6;border-radius:999px;padding:6px 16px;cursor:pointer;transition:background .15s ease}.logout-btn:hover{background:#eef2f9}.settings-btn{font-family:Nunito,sans-serif;font-size:.9rem;font-weight:600;background:transparent;color:var(--bs-purple);border:1px solid #c5d2e6;border-radius:999px;padding:6px 16px;cursor:pointer;transition:background .15s ease;margin-inline-start:auto}.settings-btn:hover{background:#eef2f9}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1033c7;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.settings-card{width:100%;max-width:420px;background:var(--bs-dark);border:2px solid var(--bs-purple);border-radius:20px;padding:28px 24px 20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 12px 40px #0006}.settings-title{font-family:Fredoka,sans-serif;font-size:1.3rem;font-weight:700;color:var(--bs-yellow);text-align:center;margin:0}.settings-hint{font-family:Nunito,sans-serif;font-size:.85rem;color:var(--bs-light);text-align:center;margin:0;line-height:1.5}.settings-hint a{color:var(--bs-yellow)}.settings-current{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:Nunito,sans-serif;font-size:.85rem;color:var(--bs-light);background:#f0e6ff14;border-radius:12px;padding:10px 14px}.settings-clear{font-family:Nunito,sans-serif;font-size:.85rem;font-weight:600;background:transparent;color:var(--bs-accent);border:1px solid var(--bs-accent);border-radius:999px;padding:4px 14px;cursor:pointer}.settings-clear:disabled{opacity:.5;cursor:default}.settings-form{display:flex;flex-direction:column;gap:14px}.settings-input-row{display:flex;gap:8px}.settings-input-row input{flex:1;min-width:0}.settings-toggle{font-family:Nunito,sans-serif;font-size:.85rem;font-weight:600;background:#f0e6ff14;color:var(--bs-light);border:1px solid rgba(240,230,255,.3);border-radius:12px;padding:0 14px;cursor:pointer;white-space:nowrap}.auth-loading{min-height:100dvh;display:flex;align-items:center;justify-content:center;font-family:Fredoka,sans-serif;font-size:1.2rem;color:var(--bs-purple)}.login-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(circle at 50% 0%,#2d1d5a 0%,var(--bs-dark) 60%)}.login-card{width:100%;max-width:380px;background:var(--bs-dark);border:2px solid var(--bs-purple);border-radius:20px;padding:32px 28px 28px;display:flex;flex-direction:column;align-items:stretch;gap:16px;box-shadow:0 12px 40px #0006}.login-title{font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:700;color:var(--bs-yellow);text-align:center;margin:0}.login-subtitle{font-family:Nunito,sans-serif;color:var(--bs-light);text-align:center;margin:-8px 0 0;font-size:.95rem}.google-btn{font-family:Nunito,sans-serif;font-size:1rem;font-weight:600;background:#fff;color:#1a2233;border:none;border-radius:999px;padding:12px 20px;min-height:44px;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.google-btn:hover:not(:disabled){transform:scale(1.02)}.google-btn:disabled{opacity:.6;cursor:default}.login-divider{display:flex;align-items:center;gap:10px;color:#f0e6ff80;font-family:Nunito,sans-serif;font-size:.85rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#f0e6ff33}.login-form{display:flex;flex-direction:column;gap:14px}.login-field{display:flex;flex-direction:column;gap:6px;font-family:Nunito,sans-serif;color:var(--bs-light);font-size:.9rem}.login-field input{font-family:Nunito,sans-serif;font-size:1rem;padding:10px 14px;min-height:44px;border-radius:12px;border:1px solid rgba(240,230,255,.3);background:#f0e6ff14;color:#fff}.login-field input:focus-visible{outline:2px solid var(--bs-yellow);outline-offset:1px}.login-field input:disabled{opacity:.6}.login-error{color:var(--bs-accent);font-family:Nunito,sans-serif;font-size:.9rem;text-align:center}.login-submit{font-family:Fredoka,sans-serif;font-size:1.05rem;font-weight:600;background:var(--bs-accent);color:#fff;border:none;border-radius:999px;padding:12px 20px;min-height:44px;cursor:pointer;transition:background .15s ease,transform .15s ease}.login-submit:hover:not(:disabled){background:#d6304a;transform:scale(1.02)}.login-submit:disabled{opacity:.6;cursor:default}.login-switch{font-family:Nunito,sans-serif;font-size:.85rem;font-weight:600;background:transparent;color:var(--bs-light);border:none;cursor:pointer;text-align:center;text-decoration:underline;padding:4px}.login-switch:disabled{opacity:.5;cursor:default}@media (prefers-reduced-motion: reduce){.google-btn:hover,.login-submit:hover{transform:none}}h1{text-align:center;font-size:1.8rem}.camera-preview{position:fixed;top:64px;left:16px;z-index:50;display:flex;flex-direction:column;align-items:center;gap:4px}.camera-preview-box{position:relative;width:140px;height:105px;border-radius:12px;background:#0b1220;border:2px dashed #8a9bb8;box-shadow:0 4px 16px #1428502e;overflow:hidden}.camera-preview video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-preview.live .camera-preview-box{border-style:solid;border-color:#1eaf6b}.cam-off-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2rem;opacity:.6;pointer-events:none}.camera-preview .cam-label{font-size:.7rem;color:#5a6b85;background:#ffffffd9;border-radius:999px;padding:2px 8px;max-width:140px;text-align:center}.camera-preview .cam-error{font-size:.7rem;color:#e2483b;background:#ffffffd9;border-radius:999px;padding:2px 8px}@media (max-width: 480px){.camera-preview{top:56px;left:8px}.camera-preview video{width:100px;height:75px}}.avatar{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}.avatar.empty{background:#fff;border:2px dashed #c5d2e6;border-radius:16px;padding:32px}.upload-btn,.avatar-tools .link{background:#2f6fed;color:#fff;padding:10px 20px;border-radius:999px;cursor:pointer;font-size:1rem}.avatar .hint{color:#5a6b85;margin:8px 0 0}.portrait{position:relative;width:180px;height:180px;border-radius:50%;overflow:hidden;box-shadow:0 6px 24px #1428502e;will-change:transform}.portrait.placing{cursor:crosshair;outline:3px solid #1eaf6b}.portrait img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.mouth{position:absolute;width:34px;height:18px;background:#5a1d1d;border-radius:50%;transform:translate(-50%,-50%) scaleY(.15);transform-origin:center;pointer-events:none;transition:opacity 80ms linear}.avatar-tools{display:flex;gap:10px;align-items:center}.avatar-tools button{border:1px solid #c5d2e6;background:#fff;border-radius:999px;padding:6px 14px;cursor:pointer}.passage-picker{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.passage-picker button{border:1px solid #c5d2e6;background:#fff;border-radius:999px;padding:6px 16px;font-size:1rem;cursor:pointer}.passage-picker button.active{background:#2f6fed;color:#fff;border-color:#2f6fed}.scan-btn{border:1px dashed var(--bs-purple);background:#fff;color:var(--bs-purple);border-radius:999px;padding:6px 16px;font-size:1rem;font-weight:600;cursor:pointer}.scan-btn:disabled{opacity:.6;cursor:default}.niqqud-toggle{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:10px;font-size:.9rem;color:#5a6b85;cursor:pointer}.niqqud-toggle input{width:16px;height:16px;cursor:pointer}.passage{background:#fff;border-radius:16px;padding:28px 32px;font-size:2rem;line-height:2.4;box-shadow:0 4px 20px #14285014}.controls{display:flex;justify-content:center;margin:24px 0}.controls button{font-size:1.2rem;padding:14px 36px;border-radius:999px;border:none;cursor:pointer;color:#fff}.start{background:#1eaf6b}.stop{background:#e2483b}.status{text-align:center;color:#5a6b85;min-height:1.4em}.transcripts{display:grid;gap:12px;margin-top:24px}.bubble{border-radius:12px;padding:12px 16px;font-size:1.1rem}.bubble.child{background:#e8f0ff}.bubble.tutor{background:#eafaf1}.bubble .label{font-size:.8rem;color:#5a6b85;margin-bottom:4px}.error{text-align:center;color:#e2483b}@keyframes brawler-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.brawl-avatar-container{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}.brawler-floating{animation:brawler-float 2.4s ease-in-out infinite}.brawl-portrait-wrap{width:200px;height:220px;display:flex;align-items:center;justify-content:center;will-change:filter,transform}.brawl-portrait{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.brawl-fallback{width:160px;height:160px;border-radius:50%;background:var(--bs-purple);color:var(--bs-light);font-family:Fredoka,sans-serif;font-size:3.5rem;font-weight:700;display:flex;align-items:center;justify-content:center}.brawl-char-name{font-family:Fredoka,sans-serif;font-size:1.4rem;font-weight:600;color:var(--bs-purple)}.brawl-pick-btn{font-family:Nunito,sans-serif;font-size:1rem;font-weight:600;background:var(--bs-accent);color:#fff;border:none;border-radius:999px;padding:9px 24px;cursor:pointer;transition:background .15s ease,transform .15s ease}.brawl-pick-btn:hover{background:#d6304a;transform:scale(1.04)}.brawl-pick-btn:focus-visible{outline:3px solid var(--bs-yellow);outline-offset:3px}.brawl-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1033c7;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.brawl-picker-panel{background:var(--bs-dark);border:2px solid var(--bs-purple);border-radius:20px;padding:28px 24px 20px;width:100%;max-width:540px;max-height:88vh;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.brawl-picker-title{font-family:Fredoka,sans-serif;font-size:1.6rem;font-weight:700;color:var(--bs-yellow);text-align:center;margin:0}.brawl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.brawl-card{display:flex;flex-direction:column;align-items:center;gap:6px;background:#2d1d5a;border:2px solid transparent;border-radius:14px;padding:10px 6px 8px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.brawl-card:hover{transform:scale(1.08);border-color:var(--bs-purple)}.brawl-card.selected{border-color:var(--bs-yellow);box-shadow:0 0 12px #ffd70073}.brawl-card:focus-visible{outline:3px solid var(--bs-yellow);outline-offset:2px}.brawl-card-img{width:72px;height:80px;object-fit:contain;-webkit-user-select:none;user-select:none}.brawl-card-name{font-family:Fredoka,sans-serif;font-size:.9rem;font-weight:600;color:var(--bs-light);text-align:center}.brawl-close-btn{font-family:Nunito,sans-serif;font-size:1rem;font-weight:600;align-self:center;background:transparent;color:var(--bs-light);border:1px solid rgba(240,230,255,.35);border-radius:999px;padding:8px 28px;cursor:pointer;transition:background .15s ease}.brawl-close-btn:hover{background:#f0e6ff1a}.brawl-close-btn:focus-visible{outline:3px solid var(--bs-yellow);outline-offset:3px}.app-footer{margin-top:32px;text-align:center;font-size:.8rem;color:#5a6b85}.app-footer a{color:#2f6fed}@media (prefers-reduced-motion: reduce){.brawler-floating{animation:none}.brawl-card:hover,.brawl-pick-btn:hover{transform:none}}