.sa-teaser{position:relative;border-radius:20px;padding:1.5rem;background:#fff9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--color-border-subtle);box-shadow:var(--color-shadow-glossy);overflow:hidden}.sa-teaser:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent)}.sa-eyebrow{font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);font-family:var(--font-mono);margin-bottom:.5rem}.sa-title{font-family:var(--font-display);font-size:1.375rem;font-weight:700;color:var(--color-text-primary);line-height:1.3;margin-bottom:.375rem}.sa-subtitle{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.sa-badge-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:1rem 0 1.25rem}.sa-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;border-radius:9999px;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em}.sa-badge-limit{background:#fff1f2;border-color:#fecaca;color:#dc2626}.sa-difficulty-btn{padding:1rem .75rem;border-radius:16px;border:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);text-align:center;font-family:var(--font-sans);color:var(--color-text-primary);display:flex;flex-direction:column;align-items:center;gap:.25rem;touch-action:pan-y;user-select:none;-webkit-user-select:none}.sa-difficulty-emoji{font-size:1.5rem;display:block;margin-bottom:.25rem}.sa-difficulty-icon{width:28px;height:28px;color:var(--color-accent-text);margin-bottom:.375rem}.sa-difficulty-label{font-weight:600;font-size:.875rem}.sa-scroll-lock,.sa-scroll-lock body{overflow:hidden;overscroll-behavior:none}.sa-overlay{position:fixed;inset:0;z-index:150;background:#0a0a0a73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;overscroll-behavior:none}.sa-modal{position:relative;width:100%;max-width:560px;height:100%;max-height:90vh;min-height:0;border-radius:28px;background:#ffffffeb;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--color-border-subtle);box-shadow:0 30px 80px #00000040;display:flex;flex-direction:column;overflow:hidden}.sa-modal--mini{max-width:420px}@media(max-width:640px){.sa-modal{max-width:100%;max-height:100dvh;height:100dvh;border-radius:0}.sa-overlay{padding:0}.sa-modal-header{padding:.75rem 1rem}.sa-modal-title{font-size:1rem}.sa-difficulty-scroll{padding:.75rem 1rem}.sa-difficulty-section{margin-bottom:.5rem}.sa-difficulty{gap:.375rem}.sa-difficulty-btn{padding:.375rem .25rem;border-radius:8px}.sa-difficulty-icon{width:16px;height:16px}.sa-difficulty-label{font-size:.625rem}}.sa-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);z-index:5}.sa-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.sa-modal-title{font-family:var(--font-display);font-style:italic;font-size:1.25rem;color:var(--color-text-primary)}.sa-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--color-border-default);background:var(--color-bg-elevated);color:var(--color-text-secondary)}.sa-close:hover{border-color:var(--color-accent);color:var(--color-accent-text)}.sa-conversation{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding:1.5rem}.sa-bubble-row{display:flex;gap:.625rem;align-items:flex-end;margin-bottom:.875rem}.sa-bubble-row:last-child{margin-bottom:0}.sa-bubble-row.user{flex-direction:row-reverse}.sa-avatar{flex-shrink:0;width:34px;height:34px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.sa-avatar.aunty{background:linear-gradient(135deg,var(--color-accent),#FFB366);color:#fff}.sa-avatar.user{background:var(--color-bg-muted);color:var(--color-text-secondary)}.sa-bubble{max-width:78%;padding:.75rem 1rem;border-radius:18px;font-size:.9375rem;line-height:1.5;animation:sa-bubble-in .4s cubic-bezier(.16,1,.3,1)}.sa-bubble.aunty{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);color:var(--color-text-primary);border-bottom-left-radius:4px}.sa-bubble.user{background:var(--color-accent);color:#fff;border-bottom-right-radius:4px}.sa-bubble-time{font-size:.625rem;opacity:.5;margin-top:.25rem;text-align:right}.sa-translate-toggle{display:inline-flex;align-items:center;gap:.375rem;margin-top:.5rem;font-size:.75rem;color:var(--color-accent-text);background:none;border:none;padding:.125rem .25rem;border-radius:6px}.sa-translate-toggle:hover{background:var(--color-accent-subtle)}.sa-translation{margin-top:.375rem;padding:.5rem .75rem;border-radius:10px;background:var(--color-accent-subtle);border:1px solid var(--color-accent-subtle);font-size:.8125rem;color:var(--color-accent-text);line-height:1.5}.sa-encouragement{margin-top:.5rem;display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:9999px;background:#f0fff4;border:1px solid #BBF7D0;color:#15803d;font-size:.6875rem;font-weight:500}@keyframes sa-bubble-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sa-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.sa-caret{display:inline-block;margin-left:1px;opacity:.7;animation:sa-blink 1s steps(1) infinite}.sa-input-area{position:relative;isolation:isolate;overflow:hidden;flex-shrink:0;border:1px solid rgba(255,165,97,.4);border-radius:1.5rem 1.5rem .9rem .9rem;margin:0 .7rem .7rem;padding:.95rem 1.1rem .8rem;background:radial-gradient(circle at 8% 15%,rgba(255,177,107,.28),transparent 35%),linear-gradient(125deg,#ffffffed,#fff6efd1 56%,#ffe6d4bd);backdrop-filter:blur(24px) saturate(1.15);-webkit-backdrop-filter:blur(24px) saturate(1.15);box-shadow:0 18px 48px #3f231026,0 4px 16px #ff8c421f,inset 0 1px #fffffffa;transition:border-color .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1);animation:sa-input-enter .38s cubic-bezier(.16,1,.3,1) both}.sa-input-area:before{content:"";position:absolute;z-index:0;pointer-events:none;top:-90%;right:18%;width:42%;height:190%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);filter:blur(12px);opacity:.8}.sa-input-area>*{position:relative;z-index:1}.sa-input-area:focus-within{border-color:#ff8c42d9;box-shadow:0 22px 55px #3f23102b,0 0 0 5px #ff8c421f,inset 0 1px #fff;transform:translateY(-3px)}.sa-input-area-listening{border-color:#dc262694;box-shadow:0 22px 55px #dc262629,0 0 0 5px #dc262614,inset 0 1px #fffffffa}.sa-input-area-processing{opacity:.92}@keyframes sa-input-enter{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.sa-input-row{position:relative;z-index:1;display:flex;align-items:center;gap:.625rem}.sa-text-input{flex:1;padding:.85rem 1.125rem;border-radius:9999px;border:1px solid rgba(255,140,66,.34);background:#ffffffa3;font-family:var(--font-sans);font-size:.9375rem;color:var(--color-text-primary);outline:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.sa-text-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px #ff8c4226,inset 0 1px #ffffffe6}.sa-text-input:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-accent) 28%,var(--color-border-subtle));background:#ffffffeb}.sa-mic-btn{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:17px;border:none;background:linear-gradient(135deg,var(--color-accent),#FFB366);color:#fff;box-shadow:0 10px 23px #ff8c425c,inset 0 1px #ffffff85;flex-shrink:0;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,filter .2s}.sa-mic-btn:disabled{opacity:.5}.sa-mic-btn.recording{background:#dc2626;box-shadow:0 0 0 4px #dc262633;animation:sa-pulse-rec 1.2s ease-in-out infinite}@keyframes sa-pulse-rec{0%,to{box-shadow:0 0 0 4px #dc262633}50%{box-shadow:0 0 0 8px #dc262614}}.sa-send-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;border:none;background:linear-gradient(135deg,var(--color-accent),#FFB366);color:#fff;flex-shrink:0;box-shadow:0 10px 22px #ff8c4252,inset 0 1px #ffffff75;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,filter .2s}.sa-send-btn:disabled{opacity:.3}.sa-waveform{display:flex;align-items:center;justify-content:center;gap:3px;height:40px;margin-bottom:.45rem;padding:.4rem .75rem;border-radius:999px;background:#ff8c4214}.sa-wave-bar{width:3px;border-radius:2px;background:var(--color-accent);opacity:.7;transition:height .15s ease}.sa-error-inline{font-size:.75rem;color:#dc2626;margin-bottom:.5rem;padding:.375rem .625rem;background:#fff1f2;border-radius:8px}.sa-timer-wrap{flex-shrink:0}.sa-timer-bar{width:100%;background:var(--color-bg-muted);overflow:hidden;transition:height .3s}.sa-timer-fill{height:100%;background:#22c55e;transition:width 1s linear,background .5s}.sa-timer-fill.warning{background:#f59e0b}.sa-timer-fill.danger{background:#ef4444;animation:sa-pulse-rec 1s ease-in-out infinite}.sa-timer-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.5rem;background:#fff9}.sa-timer-label{font-size:.6875rem;color:var(--color-text-tertiary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.sa-timer-time{font-family:var(--font-mono);font-weight:700;font-size:.8125rem;font-variant-numeric:tabular-nums}.sa-timer-warn{padding:.375rem 1.5rem;background:#fff1f2;color:#ef4444;font-size:.6875rem;text-align:center;font-weight:500;animation:sa-pulse-rec 1.2s ease-in-out infinite}.sa-meter{height:8px;border-radius:9999px;background:var(--color-bg-muted);overflow:hidden;position:relative}.sa-meter-fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,#16a34a,#d97706,#dc2626);transition:width .5s cubic-bezier(.16,1,.3,1)}.sa-meter-label{display:flex;justify-content:space-between;font-size:.6875rem;color:var(--color-text-tertiary);margin-bottom:.25rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.sa-verdict{padding:2rem 1.5rem;text-align:center;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;min-height:0}.sa-difficulty-scroll{padding:1.5rem 1.25rem 1rem;text-align:center;touch-action:pan-y;flex:1;min-height:0;scroll-behavior:smooth;overflow-y:visible}.sa-difficulty-section{margin-bottom:.75rem}.sa-difficulty-section:last-child{margin-bottom:0}.sa-difficulty-section .sa-meter-label{justify-content:center;align-items:center;gap:.375rem;margin-bottom:.5rem}.sa-difficulty{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;max-width:28rem;margin:0 auto}.sa-difficulty--2col{grid-template-columns:repeat(2,1fr);max-width:30rem}.sa-difficulty-btn{padding:.875rem .625rem;border-radius:12px;border:2px solid var(--color-border-subtle);background:var(--color-bg-elevated);text-align:center;font-family:var(--font-sans);color:var(--color-text-primary);display:flex;flex-direction:column;align-items:center;gap:.375rem;touch-action:pan-y}.sa-difficulty-btn.selected{border-color:var(--color-accent);background:var(--color-accent-subtle);box-shadow:0 0 0 2px var(--color-accent-subtle)}.sa-difficulty-icon{width:24px;height:24px;color:var(--color-accent-text);margin-bottom:.25rem}.sa-difficulty-btn:not(.selected) .sa-difficulty-icon{color:var(--color-text-tertiary)}.sa-difficulty-label{font-weight:600;font-size:.8125rem}.sa-difficulty-desc{font-size:.6875rem;color:var(--color-text-tertiary);margin-top:.125rem}.sa-actions{display:flex;justify-content:center}.sa-hint{font-size:.75rem;color:var(--color-text-tertiary);text-align:center;margin-top:.25rem}.sa-auto-level-note{font-size:.6875rem;color:var(--color-accent-text);margin-top:.5rem;text-align:center;font-style:italic}.sa-score-score{font-size:3.5rem;font-weight:800;line-height:1;margin-bottom:.25rem;color:var(--color-text-primary)}.sa-score-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);font-family:var(--font-mono)}.sa-breakdown{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.sa-breakdown-row{display:flex;align-items:center;gap:.75rem}.sa-breakdown-icon{flex-shrink:0}.sa-breakdown-info{flex:1;text-align:left}.sa-breakdown-label{font-size:.8125rem;font-weight:600;color:var(--color-text-primary)}.sa-breakdown-desc{font-size:.6875rem;color:var(--color-text-tertiary)}.sa-breakdown-bar-bg{width:80px;height:6px;border-radius:9999px;background:var(--color-bg-muted);flex-shrink:0;overflow:hidden}.sa-breakdown-bar-fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,var(--color-accent),#FFB366);transition:width .8s cubic-bezier(.16,1,.3,1)}.sa-breakdown-score{font-family:var(--font-mono);font-size:.8125rem;font-weight:700;color:var(--color-text-primary);width:2.5rem;text-align:right;flex-shrink:0}.sa-badge-reveal{display:flex;flex-direction:column;align-items:center;margin:1rem 0 1.5rem}.sa-badge-icon{width:64px;height:64px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.5rem}.sa-badge-name{font-size:.9375rem;font-weight:700;color:var(--color-text-primary)}.sa-badge-sub{font-size:.75rem;color:var(--color-text-tertiary)}.sa-stats{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:16px;padding:1.25rem}.sa-stats--limit{border-color:#fecaca;background:#fff1f2}.sa-stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.sa-stats-title{font-size:.8125rem;font-weight:600;color:var(--color-text-primary)}.sa-stats-badge{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-mono);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.125rem .5rem;border-radius:9999px;background:var(--color-bg);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary)}.sa-stats-badge--gold{background:#fffbeb;border-color:#fde68a;color:#b45309}.sa-stats-badge--silver{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.sa-stats-bar-bg{height:6px;border-radius:9999px;background:var(--color-bg-muted);overflow:hidden}.sa-stats-bar-fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,var(--color-accent),#FFB366);transition:width .5s cubic-bezier(.16,1,.3,1)}.sa-stats-bar-fill--limit{background:#dc2626}.sa-stats-row{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.sa-stats-time{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.sa-stats-goal{font-size:.6875rem;color:var(--color-text-tertiary)}.sa-stats-limit-msg{display:flex;align-items:center;gap:.375rem;margin-top:.5rem;font-size:.75rem;font-weight:600;color:#dc2626}.sa-stat-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--color-border-subtle)}.sa-stat-label{font-size:.8125rem;color:var(--color-text-secondary)}.sa-stat-value{font-family:var(--font-mono);font-size:.9375rem;font-weight:600;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.sa-close,.sa-difficulty-btn,.sa-translate-toggle,.sa-mic-btn,.sa-send-btn{cursor:pointer}.sa-difficulty-btn{transition:border-color .2s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.sa-difficulty-btn:not(.selected):hover{border-color:var(--color-accent)}.sa-difficulty-btn:active{transform:scale(.98)}.sa-send-btn:not(:disabled):hover,.sa-mic-btn:not(:disabled):not(.recording):hover{filter:brightness(1.06)}.sa-send-btn:not(:disabled):active,.sa-mic-btn:not(:disabled):active{transform:scale(.95)}.sa-mic-btn:disabled,.sa-send-btn:disabled{cursor:not-allowed}