.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;width:100%;margin-bottom:.875rem}.sa-bubble-row:last-child{margin-bottom:0}.sa-bubble-row.user{flex-direction:row-reverse}.sa-bubble-col{display:flex;min-width:0;max-width:min(78%,46rem);flex-direction:column}.sa-bubble-row.aunty .sa-bubble-col{align-items:flex-start}.sa-bubble-row.user .sa-bubble-col{align-items:flex-end}.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;box-shadow:0 6px 16px #ff8c4238,inset 0 1px #ffffff6b}.sa-avatar.user{width:42px;background:#fff8f4f0;border:1px solid var(--color-border-subtle);color:var(--color-text-secondary)}.sa-bubble{width:fit-content;max-width:100%;padding:.75rem 1rem;border-radius:18px;font-size:.9375rem;line-height:1.5;animation:sa-bubble-in .4s cubic-bezier(.16,1,.3,1);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.sa-bubble.aunty{background:#ffffffe6;border:1px solid var(--color-border-default);color:var(--color-text-primary);border-bottom-left-radius:4px;box-shadow:0 10px 26px #3f23100e,inset 0 1px #ffffffeb}.sa-bubble.user{background:linear-gradient(135deg,#FF9F5A 0%,var(--color-accent) 52%,#FF7A2E 100%);color:#fff;border-bottom-right-radius:4px;box-shadow:0 12px 28px #ff7a2e33,inset 0 1px #ffffff47}.sa-message-link{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:.18em}.sa-message-code{max-width:100%;margin-block:.5rem;overflow-x:auto;border-radius:.75rem;background:#1111110f;padding:.75rem;font-family:var(--font-mono);font-size:.8125rem;white-space:pre}.sa-bubble-time{font-size:.625rem;opacity:.5;margin-top:.25rem;text-align:right}.sa-translation-section{display:grid;width:100%;justify-items:start}.sa-translation-toggle{display:inline-flex;align-items:center;gap:.375rem;margin-top:.5rem;font-size:.75rem;color:var(--color-accent-text);background:#fff8f4c2;border:1px solid var(--color-border-subtle);min-height:44px;padding:.25rem .75rem;border-radius:999px;font-weight:600;transition:background var(--motion-fast) ease,border-color var(--motion-fast) ease,transform var(--motion-fast) var(--motion-ease)}.sa-translation-toggle:hover{border-color:#ff8c424d;background:#fff3edf5}.sa-translation-toggle:active{transform:translateY(1px)}.sa-translation-bubble{width:min(100%,34rem);margin-top:.375rem;padding:.75rem .875rem;border-radius:14px;background:linear-gradient(135deg,#fff8f4f5,#ffffffeb);border:1px solid var(--color-border-subtle);font-size:.8125rem;color:var(--color-text-secondary);line-height:1.5;box-shadow:0 8px 22px #3f23100b}.sa-translation-label{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:.3rem;color:var(--color-accent-text);font-family:var(--font-mono);font-size:.625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sa-encouragement-chip{margin-top:.5rem;display:inline-flex;align-items:center;gap:.375rem;max-width:100%;padding:.5rem .75rem;border-radius:12px;background:linear-gradient(135deg,#f0fff4,#fffffff0);border:1px solid #BBF7D0;color:#15803d;font-size:.75rem;font-weight:600;line-height:1.4;box-shadow:0 7px 18px #15803d0f}@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);min-width:0;min-height:48px;max-height:8rem;resize:none}.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}.chat-page-shell{width:100%;height:100vh;height:100dvh;padding-top:env(safe-area-inset-top,0px);overflow:hidden}.chat-arena-header{position:relative;z-index:2;flex-shrink:0;border-bottom:1px solid var(--color-border-subtle);background:#ffffffe6;box-shadow:0 1px #11111105;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.chat-workspace{flex:1;min-height:0;display:grid;background:radial-gradient(circle at 12% 18%,rgba(255,140,66,.08),transparent 24rem),var(--color-bg-subtle)}.chat-stage{min-width:0;min-height:0;display:flex;flex-direction:column;background:#ffffffeb}.chat-context-rail{display:none}.chat-context-kicker,.chat-context-list dt{display:flex;align-items:center;gap:.5rem}.chat-context-kicker{color:var(--color-accent-text);font-family:var(--font-mono);font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.chat-context-kicker svg,.chat-context-list dt svg{width:1rem;height:1rem;flex:0 0 auto}.chat-context-intro h2{margin-top:.75rem;font-family:var(--font-display);font-size:1.75rem;font-style:italic;line-height:1.05}.chat-context-intro p{margin-top:.75rem;color:var(--color-text-secondary);font-size:.8125rem;line-height:1.55}.chat-context-list{display:grid;gap:.625rem;margin-top:1.5rem}.chat-context-list>div{padding:.875rem;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:#ffffffb8;box-shadow:inset 0 1px #fffc}.chat-context-list dt{color:var(--color-text-tertiary);font-size:.6875rem;letter-spacing:.04em;text-transform:uppercase}.chat-context-list dd{margin-top:.4rem;color:var(--color-text-primary);font-size:.875rem;font-weight:650}.chat-context-footer{display:grid;gap:.35rem;margin-top:auto;padding-top:1.5rem;color:var(--color-text-tertiary);font-size:.6875rem}.chat-transcript{width:100%;max-width:var(--content-chat, 56rem);margin-inline:auto;scroll-padding-block:1rem;scrollbar-gutter:stable}.chat-composer{width:100%;max-width:var(--content-chat, 56rem);margin-inline:auto;padding-bottom:env(safe-area-inset-bottom,0px)}.chat-notice{display:flex;flex-shrink:0;align-items:center;gap:.625rem;max-width:min(100% - 2rem,56rem);margin:.5rem auto 0;padding:.625rem .75rem;border-radius:14px;font-size:.8125rem;box-shadow:0 8px 22px #3f23100d}.chat-notice--error{border:1px solid rgba(239,68,68,.18);background:linear-gradient(135deg,#fef2f2fa,#fffffff0);color:#b91c1c}.chat-notice--centered{width:fit-content;max-width:min(100% - 2rem,29rem);margin-top:1rem}.chat-notice__message{min-width:0;flex:1}.chat-notice__actions{display:inline-flex;flex:none;align-items:center;gap:.25rem}.chat-notice__retry,.chat-notice__dismiss{min-height:40px;border:0;background:transparent;color:inherit}.chat-notice__retry{padding-inline:.625rem;border-radius:999px;font-weight:700}.chat-notice__retry:hover{background:#ef444414}.chat-notice__dismiss{display:inline-flex;width:40px;align-items:center;justify-content:center;border-radius:50%;opacity:.72}.chat-status-strip{display:flex;flex-shrink:0;justify-content:center;padding:.45rem 1rem 0}.chat-status-strip>span{display:inline-flex;min-height:32px;align-items:center;gap:.4rem;padding:.3rem .75rem;border:1px solid var(--color-border-default);border-radius:999px;background:#ffffffdb;color:var(--color-text-tertiary);font-size:.75rem;box-shadow:0 6px 16px #3f23100a}.chat-status-strip--warning>span{border-color:var(--color-border-subtle);background:var(--color-bg-subtle);color:var(--color-accent-text)}@media(min-width:1024px){.chat-workspace{grid-template-columns:17rem minmax(0,1fr);gap:1rem;padding:1rem}.chat-context-rail{min-height:0;display:flex;flex-direction:column;padding:1.25rem;border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:#ffffffad;box-shadow:var(--shadow-surface);overflow:hidden}.chat-stage{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-surface);overflow:hidden}}@media(max-width:640px){.chat-notice{max-width:calc(100% - 1rem);margin-top:.35rem}.chat-notice__actions{gap:0}.chat-notice__retry{max-width:7rem}.sa-input-area{margin-inline:.5rem;padding-inline:.65rem;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.sa-input-row{gap:.5rem}.sa-mic-btn,.sa-send-btn{width:46px;height:46px}.sa-bubble{padding:.7rem .875rem;font-size:.9375rem}.sa-bubble-col{max-width:calc(100% - 44px)}.sa-bubble-row{gap:.5rem}.sa-avatar{width:32px;height:32px;font-size:.75rem}.sa-avatar.user{width:40px}}@media(max-height:600px)and (orientation:landscape){.sa-input-area{padding-block:.55rem}.sa-hint{display:none}}.chat-page-shell,.sa-modal{--chat-violet: #8b7cf6;--chat-violet-dark: #6757d9;--chat-violet-soft: #f3f0ff;--chat-peach: #fffaf7;--chat-peach-border: #f5d9ca}.chat-page-shell{color:#262329}.chat-arena-header{padding:.5rem clamp(.5rem,2vw,1.25rem) 0;border:0;background:linear-gradient(180deg,#fbfafffa,#fbfaffe0);box-shadow:none}.chat-session-header{display:flex;width:min(100%,64rem);min-height:64px;margin-inline:auto;align-items:center;gap:.65rem;padding:.55rem .65rem;border:1px solid rgba(139,124,246,.2);border-radius:22px;background:#fffffff5;box-shadow:0 8px 24px #392e7412,0 1px 2px #392e740d}.chat-header-control,.chat-header-avatar{display:inline-flex;width:42px;height:42px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:50%}.chat-header-control{border:1px solid #ece8f7;background:#fff;color:#65606b}.chat-header-control:hover{border-color:#8b7cf673;color:var(--chat-violet-dark)}.chat-header-avatar{background:linear-gradient(145deg,#a694ff,#7b69e8);color:#fff;box-shadow:0 7px 16px #6757d933}.chat-header-copy{min-width:0;flex:1}.chat-header-copy h1{overflow:hidden;color:#2c2930;font-size:.98rem;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.chat-header-copy p{display:flex;min-width:0;align-items:center;gap:.35rem;margin-top:.2rem;overflow:hidden;color:#8a858f;font-size:.7rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.chat-active-dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#36c98f;box-shadow:0 0 0 3px #36c98f1f}.chat-header-progress{display:inline-flex;min-height:30px;flex:0 0 auto;align-items:center;padding-inline:.7rem;border-radius:999px;background:#faf8f6;color:#817b84;font-size:.7rem;font-weight:650}.chat-arena-header>.sa-timer-wrap{width:min(100%,64rem);margin:.45rem auto 0}.manush-arena-header>.mn-timer-bar{width:min(100%,64rem);margin:.45rem auto 0;padding:.5rem .8rem;border:1px solid rgba(139,124,246,.16);border-radius:16px;background:#ffffffeb}.manush-arena-header .mn-timer-label{color:#817b86;font-family:var(--font-sans);font-weight:650}.manush-session-meta{width:min(100%,64rem);margin-inline:auto}.sa-timer-wrap{overflow:hidden;border:1px solid rgba(139,124,246,.16);border-radius:16px;background:#ffffffeb}.sa-timer-bar{margin:0 .75rem .55rem;border-radius:999px;background:#efedf5}.sa-timer-fill{border-radius:inherit}.sa-timer-row{padding:.55rem .8rem .4rem;background:transparent}.sa-timer-label{color:#817b86;font-family:var(--font-sans);font-weight:650;letter-spacing:.025em}.sa-timer-warn{padding:.4rem .75rem}.chat-workspace{padding-top:.5rem;background:radial-gradient(circle at 18% 8%,rgba(139,124,246,.07),transparent 22rem),radial-gradient(circle at 88% 80%,rgba(255,194,160,.1),transparent 22rem),#fbfaff}.chat-stage{background:#ffffffb8}.chat-context-rail{border-color:#8b7cf626;background:#ffffffc7}.chat-context-kicker{color:var(--chat-violet-dark)}.chat-context-list>div{border-color:#ebe7f6;border-radius:18px}.chat-transcript{max-width:50rem}.sa-bubble-row{align-items:stretch;gap:0}.sa-bubble-row.aunty{padding-right:clamp(1rem,8vw,4rem)}.sa-bubble-row.user{padding-left:clamp(1rem,8vw,4rem)}.sa-bubble-col{width:100%;max-width:none}.sa-bubble-row.aunty .sa-bubble-col,.sa-bubble-row.user .sa-bubble-col{align-items:stretch}.sa-bubble{width:100%;padding:.72rem .85rem .85rem;border-radius:20px;font-size:.94rem;line-height:1.55}.sa-bubble.aunty{border:1px solid #ece8f6;border-radius:20px;background:#fffffff5;box-shadow:0 6px 18px #4135700b}.sa-bubble.user{border:1px solid var(--chat-peach-border);border-radius:20px;background:linear-gradient(145deg,#fffaf7,#fffdfc);color:#2d2930;box-shadow:0 5px 16px #6c473009}.sa-bubble-meta{display:flex;align-items:center;gap:.45rem;margin-bottom:.55rem;color:#89828e;font-size:.6rem;font-weight:750;letter-spacing:.055em;text-transform:uppercase}.sa-avatar,.sa-avatar.user{width:25px;height:25px;border:0;font-size:.61rem;font-weight:750}.sa-avatar.aunty{background:linear-gradient(145deg,#a694ff,#7b69e8);box-shadow:none}.sa-avatar.user{background:#fff;color:var(--chat-violet-dark);box-shadow:inset 0 0 0 1px #8b7cf62e}.sa-live-dot{width:6px;height:6px;margin-left:auto;border-radius:50%;background:#35c98f;animation:sa-pulse-rec 1.2s ease-in-out infinite}.sa-bubble-copy{overflow-wrap:anywhere}.sa-translation-section,.sa-encouragement-chip{align-self:flex-start}.sa-difficulty-scroll{width:min(100%,46rem);margin-inline:auto;padding:.35rem clamp(.75rem,3vw,1.5rem) 1.5rem;text-align:left}.sa-setup-intro{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.85rem;margin-bottom:.75rem;padding:clamp(1rem,3vw,1.35rem);border:1px solid rgba(139,124,246,.2);border-radius:24px;background:linear-gradient(145deg,#fffffffa,#f8f6fff2);box-shadow:0 9px 28px #483b800e}.sa-setup-avatar{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:15px;background:linear-gradient(145deg,#a694ff,#7b69e8);color:#fff}.sa-setup-avatar svg{width:21px;height:21px}.sa-setup-kicker{color:var(--chat-violet-dark);font-size:.65rem;font-weight:750;letter-spacing:.075em;text-transform:uppercase}.sa-setup-intro h2{margin-top:.2rem;font-size:clamp(1.25rem,4vw,1.65rem);font-weight:750;letter-spacing:-.025em;line-height:1.2}.sa-setup-intro p{margin-top:.35rem;color:#77717b;font-size:.78rem;line-height:1.5}.sa-difficulty-section{margin-bottom:.65rem;padding:.85rem;border:1px solid #ebe7f5;border-radius:20px;background:#ffffffed;box-shadow:0 5px 16px #44377609}.sa-difficulty-section .sa-meter-label{justify-content:flex-start;gap:.4rem;margin-bottom:.65rem;color:#6f6874;font-family:var(--font-sans);font-size:.66rem;font-weight:750;letter-spacing:.055em}.sa-difficulty{display:flex;max-width:none;flex-wrap:wrap;gap:.45rem}.sa-difficulty--2col{max-width:none}.sa-difficulty-btn{min-height:42px;min-width:0;flex:1 1 7rem;flex-direction:row;justify-content:center;gap:.45rem;padding:.55rem .75rem;border:1px solid #e8e4ee;border-radius:999px;background:#fff;color:#5d5761}.sa-difficulty-btn.selected{border-color:#8b7cf67a;background:var(--chat-violet-soft);color:var(--chat-violet-dark);box-shadow:0 0 0 2px #8b7cf612}.sa-difficulty-icon{width:17px;height:17px;margin:0;color:currentColor}.sa-difficulty-btn:not(.selected) .sa-difficulty-icon{color:#918a95}.sa-difficulty-label{overflow:hidden;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.sa-auto-level-note{margin-top:.55rem!important;color:#81798a;font-size:.67rem;font-style:normal;line-height:1.45;text-align:left}.sa-actions{margin-top:.75rem}.sa-start-btn{display:inline-flex;width:100%;min-height:50px;align-items:center;justify-content:center;gap:.55rem;border:0;border-radius:999px;background:linear-gradient(100deg,#ad9bff,#8a74f0 54%,#b79cff);color:#fff;font-size:.85rem;font-weight:750;box-shadow:0 11px 24px #6757d933}.sa-start-btn:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.sa-coming-soon{margin-top:.75rem;color:#97919b;font-size:.625rem;line-height:1.5;text-align:center}.sa-difficulty-scroll>.sa-hint{margin-top:.45rem;font-size:.625rem}.chat-composer{max-width:50rem;padding-inline:clamp(.45rem,2vw,1rem)}.sa-input-area{overflow:visible;margin:0 0 .45rem;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.sa-input-area:before{display:none}.sa-input-area:focus-within,.sa-input-area-listening{border:0;box-shadow:none;transform:none}.sa-voice-status{display:flex;min-height:40px;align-items:center;gap:.55rem;margin-bottom:.4rem;padding:.35rem .7rem;border:1px solid #ebe7f5;border-radius:18px;background:#ffffffeb}.sa-voice-status-icon{display:inline-flex;color:var(--chat-violet)}.sa-voice-status-icon svg{width:17px;height:17px}.sa-waveform{display:flex;height:26px;min-width:0;flex:1;align-items:center;justify-content:flex-start;gap:3px;margin:0;padding:0;background:transparent}.sa-wave-bar{display:block;width:3px;max-height:24px;border-radius:99px;background:linear-gradient(180deg,#b4a3ff,#7663eb);opacity:.88}.sa-input-area-listening .sa-wave-bar{animation:sa-wave-listen .8s ease-in-out infinite alternate}.sa-input-area-listening .sa-wave-bar:nth-child(3n){animation-delay:.16s}@keyframes sa-wave-listen{to{transform:scaleY(.55);opacity:.55}}.sa-voice-status-label{flex:0 0 auto;color:#8d8792;font-size:.64rem;font-weight:650;white-space:nowrap}.sa-input-row{gap:.45rem;padding:.38rem;border:1px solid #ebe7f5;border-radius:999px;background:#fffffff7;box-shadow:0 8px 22px #4235750e}.sa-text-input{min-height:42px;padding:.65rem .55rem;border:0;background:transparent;font-size:.85rem;box-shadow:none}.sa-text-input:focus,.sa-text-input:hover:not(:disabled){border:0;background:transparent;box-shadow:none}.sa-mic-btn,.sa-send-btn{width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#a795ff,#7b67e9);box-shadow:0 6px 14px #6757d93d}.sa-send-btn:disabled{background:#efedf4;color:#b6b1bb;opacity:1;box-shadow:none}.sa-input-area>.sa-hint{margin-top:.3rem;color:#96909a;font-size:.65rem}.sa-error-inline{margin-bottom:.4rem;border:1px solid rgba(220,38,38,.12);border-radius:14px}@media(min-width:1024px){.chat-workspace{grid-template-columns:17rem minmax(0,1fr);gap:.75rem;padding:.75rem}.chat-workspace--difficulty,.chat-workspace--verdict,.chat-workspace--level_locked{grid-template-columns:minmax(0,1fr)}.chat-stage{border-color:#8b7cf624;border-radius:24px}}@media(max-width:640px){.chat-arena-header{padding:.35rem .4rem 0}.chat-session-header{min-height:58px;gap:.5rem;padding:.45rem .5rem;border-radius:20px}.chat-header-control,.chat-header-avatar{width:38px;height:38px}.chat-header-copy h1{font-size:.88rem}.chat-header-copy p{font-size:.62rem}.chat-header-progress{min-height:28px;padding-inline:.55rem;font-size:.61rem}.chat-header-close{display:none}.chat-workspace{padding-top:.35rem}.chat-stage{background:transparent}.chat-transcript{padding:.7rem .55rem!important}.sa-bubble-row.aunty{padding-right:.8rem}.sa-bubble-row.user{padding-left:.8rem}.sa-bubble-col{max-width:none}.sa-bubble{padding:.65rem .72rem .75rem;font-size:.88rem}.sa-avatar,.sa-avatar.user{width:23px;height:23px}.sa-difficulty-scroll{padding:.15rem .5rem 1rem}.sa-setup-intro{gap:.65rem;padding:.85rem;border-radius:20px}.sa-setup-avatar{width:39px;height:39px;border-radius:13px}.sa-setup-intro h2{font-size:1.16rem}.sa-difficulty-section{padding:.75rem;border-radius:18px}.sa-difficulty{gap:.38rem}.sa-difficulty-btn{min-height:40px;flex-basis:calc(50% - .25rem);padding:.5rem .55rem;border-radius:999px}.sa-difficulty:not(.sa-difficulty--2col) .sa-difficulty-btn{flex-basis:5.2rem}.sa-difficulty-icon{width:15px;height:15px}.sa-difficulty-label{font-size:.69rem}.sa-input-area{margin-inline:0;padding-inline:0}.sa-voice-status{min-height:37px;border-radius:16px}.sa-voice-status-label{max-width:7.4rem;overflow:hidden;text-overflow:ellipsis}.sa-mic-btn,.sa-send-btn{width:40px;height:40px}}@media(max-width:360px){.chat-header-progress{display:none}.sa-setup-kicker{font-size:.58rem}.sa-setup-intro p{font-size:.71rem}.sa-difficulty-btn{flex-basis:100%}.sa-difficulty:not(.sa-difficulty--2col) .sa-difficulty-btn{flex-basis:calc(50% - .25rem)}.sa-voice-status-label{display:none}}.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;flex-wrap:wrap;gap:.75rem;align-items:center;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-translation-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}
