:root{--bg:#e8edf2;--surface:#fff;--dark:#2c3e50;--mid:#5a7184;--light:#a8bbcc;--lighter:#d0dce6;--amber:#f4a225;--amber-dim:#d4880d;--danger:#c0392b;--green:#27ae60;--radius:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--dark);height:100dvh;font-family:Inter,sans-serif;overflow:hidden}#root{flex-direction:column;height:100dvh;display:flex}h1,h2{color:var(--dark);font-family:IM Fell English,serif;font-weight:400}h1{font-size:2rem;line-height:1.2}h2{font-size:1.3rem;line-height:1.2}p{color:var(--mid)}code{background:var(--lighter);border-radius:4px;padding:2px 6px;font-family:ui-monospace,Consolas,monospace}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:9px 18px;font-family:Inter,sans-serif;font-size:.86rem;font-weight:500;transition:background .15s,color .15s,border-color .15s}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--amber);color:#fff}.btn-primary:hover:not(:disabled){background:var(--amber-dim)}.btn-ghost{border:1.5px solid var(--lighter);color:var(--mid);background:0 0}.btn-ghost:hover{border-color:var(--amber);color:var(--dark)}.btn-ghost.active{border-color:var(--amber);color:var(--amber)}.btn-danger{border:1.5px solid var(--lighter);color:var(--light);background:0 0}.btn-danger:hover{border-color:var(--danger);color:var(--danger)}.app-header{background:var(--surface);border-bottom:1px solid var(--lighter);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.app-header h1{font-size:1.35rem;line-height:1.2}.app-header h1 em{color:var(--mid);font-size:.72em;font-style:italic;display:block}.header-actions{align-items:center;gap:8px;display:flex}.screen{flex-direction:column;flex:1;display:flex;overflow:hidden}footer{text-align:center;color:var(--light);background:var(--surface);border-top:1px solid var(--lighter);flex-shrink:0;padding:8px 16px;font-size:.68rem;line-height:1.6}.footer-sep{margin:0 4px}.footer-disclaimer{font-style:italic}.auth-screen{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.auth-card{background:var(--surface);border-radius:var(--radius);text-align:center;width:100%;max-width:380px;padding:32px 28px;box-shadow:0 2px 16px #2c3e5012}.auth-card h1{margin-bottom:8px}.auth-card>p{margin-bottom:20px;font-size:.9rem}.auth-card form{flex-direction:column;gap:12px;display:flex}.auth-card input[type=email]{border:1.5px solid var(--lighter);background:var(--bg);color:var(--dark);border-radius:8px;outline:none;padding:10px 14px;font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .15s}.auth-card input:focus{border-color:var(--amber)}.auth-error{color:var(--danger);margin-top:12px;font-size:.85rem}.settings-body{flex-direction:column;flex:1;align-items:center;gap:20px;padding:28px 24px;display:flex;overflow-y:auto}.settings-section{background:var(--surface);border-radius:var(--radius);width:100%;max-width:560px;padding:24px;box-shadow:0 2px 16px #2c3e5012}.settings-section h3{letter-spacing:.1em;text-transform:uppercase;color:var(--light);margin-bottom:14px;font-family:Inter,sans-serif;font-size:.72rem;font-weight:600}.settings-note{color:var(--light);margin-bottom:14px;font-size:.75rem;line-height:1.5}.field{margin-bottom:12px}.field:last-child{margin-bottom:0}.field label{color:var(--mid);margin-bottom:5px;font-size:.78rem;display:block}.field-row{gap:8px;display:flex}.field-checkbox{align-items:center;gap:8px;padding-top:20px;display:flex}.field-checkbox input{width:auto}.field-checkbox label{margin:0}.field input[type=text],.field input[type=password],.field input[type=number],.field select{border:1.5px solid var(--lighter);background:var(--bg);width:100%;color:var(--dark);border-radius:8px;outline:none;padding:9px 13px;font-family:Inter,sans-serif;font-size:.86rem;transition:border-color .15s}.field select{cursor:pointer}.field input:focus,.field select:focus{border-color:var(--amber)}.field input::placeholder{color:var(--light)}.field textarea{border:1.5px solid var(--lighter);background:var(--bg);width:100%;color:var(--dark);resize:vertical;border-radius:8px;outline:none;min-height:240px;padding:10px 13px;font-family:Inter,sans-serif;font-size:.83rem;line-height:1.6;transition:border-color .15s}.field textarea:focus{border-color:var(--amber)}.field-hint{color:var(--light);margin-top:5px;font-size:.72rem}.field-hint a{color:var(--mid)}.field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.save-status{min-height:1.2em;color:var(--green);margin-top:8px;font-size:.75rem}.settings-actions{align-items:center;gap:10px;display:flex}.settings-danger{border-top:1px solid var(--lighter);margin-top:16px;padding-top:16px}.record-bar-controls{flex-shrink:0;align-items:center;gap:8px;padding:10px 16px 0;display:flex}.record-bar-buttons{gap:8px;margin-left:auto;display:flex}.balance-pill{color:var(--mid);background:var(--lighter);border-radius:999px;padding:4px 12px;font-size:.75rem}.message-list{flex-direction:column;flex:1;gap:20px;padding:24px 16px;display:flex;overflow-y:auto}.msg{gap:12px;width:100%;max-width:680px;display:flex}.msg.user{flex-direction:row-reverse;align-self:flex-end}.msg.tutor{align-self:flex-start}.msg-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.72rem;font-weight:600;display:flex}.msg.user .msg-avatar{background:var(--amber);color:#fff}.msg.tutor .msg-avatar{background:var(--dark);color:#fff;font-family:IM Fell English,serif;font-size:.9rem}.msg-bubble{border-radius:var(--radius);max-width:calc(100% - 44px);padding:12px 16px;font-size:.9rem;line-height:1.65}.msg.user .msg-bubble{background:var(--amber);color:#fff;border-bottom-right-radius:4px}.msg.tutor .msg-bubble{background:var(--surface);color:var(--dark);border-bottom-left-radius:4px;box-shadow:0 1px 6px #2c3e5012}.user-heard-placeholder{opacity:.7;font-size:.88rem;font-style:italic}.user-whisper{opacity:.65;margin-bottom:5px;font-family:ui-monospace,Consolas,monospace;font-size:.74rem}.user-english{margin-bottom:3px;font-size:.95rem;font-weight:500}.user-gaelic{opacity:.75;font-family:IM Fell English,serif;font-size:.78rem;font-style:italic}.bubble-feedback-row{align-items:flex-start;gap:10px;display:flex}.bubble-feedback-row .bubble-feedback{flex:1}.bubble-feedback{color:var(--dark);font-size:.87rem;line-height:1.7}.bubble-error{color:var(--danger);font-size:.85rem}.bubble-correction{border-top:1px solid var(--lighter);color:var(--mid);margin-top:10px;padding-top:10px;font-size:.82rem;font-style:italic;line-height:1.5}.speak-btn{border:1.5px solid var(--lighter);cursor:pointer;color:var(--mid);background:0 0;border-radius:6px;flex-shrink:0;margin-top:3px;padding:3px 8px;font-size:.75rem;transition:border-color .15s,color .15s}.speak-btn:hover{border-color:var(--amber);color:var(--amber)}.speak-btn.speaking{border-color:var(--danger);color:var(--danger)}.typing-dots{align-items:center;gap:4px;padding:4px 0;display:flex}.typing-dots span{background:var(--light);border-radius:50%;width:7px;height:7px;animation:1.2s infinite bounce}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.record-bar{background:var(--surface);border-top:1px solid var(--lighter);flex-direction:column;flex-shrink:0;align-items:center;gap:8px;padding:16px 20px 14px;display:flex;position:relative}.font-controls{align-items:center;gap:6px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.font-btn{border:1.5px solid var(--lighter);cursor:pointer;width:28px;height:28px;color:var(--mid);background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:.9rem;line-height:1;transition:border-color .15s,color .15s;display:flex}.font-btn:hover{border-color:var(--amber);color:var(--dark)}.font-size-label{color:var(--light);text-align:center;min-width:28px;font-size:.72rem}.ripple-wrap{flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}@keyframes ripple{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.ripple{background:var(--amber);opacity:0;pointer-events:none;border-radius:50%;animation:1.5s ease-out infinite ripple;position:absolute;inset:0}.ripple:nth-child(2){animation-delay:.5s}.ripple:nth-child(3){animation-delay:1s}.ripple-wrap:not(.active) .ripple{opacity:0;animation:none}#recordBtn{z-index:1;background:var(--amber);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .2s,transform .1s;display:flex;position:relative;box-shadow:0 2px 12px #f4a22566}#recordBtn:hover{background:var(--amber-dim)}#recordBtn:active{transform:scale(.94)}#recordBtn.recording{background:var(--danger);box-shadow:0 2px 12px #c0392b66}.mic-icon{fill:#fff;width:22px;height:22px}.record-hint{color:var(--mid);font-size:.82rem;font-style:italic}.session-modal{z-index:100;background:#2c3e5080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.session-modal-card{background:var(--surface);border-radius:var(--radius);width:90%;max-width:520px;max-height:80vh;padding:28px 32px;overflow-y:auto;box-shadow:0 8px 40px #0003}.session-modal-title{letter-spacing:.1em;text-transform:uppercase;color:var(--light);margin-bottom:16px;font-size:.72rem;font-weight:600}.session-modal-empty{color:var(--mid);font-style:italic}.session-modal-count{color:var(--mid);margin-bottom:14px}.session-correction{border-bottom:1px solid var(--lighter);margin-bottom:14px;padding-bottom:14px}.session-correction-gaelic{margin-bottom:3px;font-family:IM Fell English,serif;font-size:1rem}.session-correction-note{color:var(--mid);font-size:.82rem;font-style:italic}.session-modal-actions{gap:10px;margin-top:20px;display:flex}@media (prefers-reduced-motion:reduce){.ripple,.typing-dots span{animation:none!important}}