@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";.app{--sb-bg: hsl(var(--background));--sb-surface: hsl(var(--card));--sb-surface-soft: hsl(var(--secondary));--sb-border: hsl(var(--border));--sb-text: hsl(var(--foreground));--sb-muted: hsl(var(--muted-foreground));--sb-primary: hsl(var(--primary));--sb-primary-soft: hsl(174 72% 47%);--sb-success: hsl(var(--success));--sb-danger: hsl(var(--destructive));--sb-shadow: 0 16px 32px rgba(15, 33, 69, .08);display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;background:radial-gradient(circle at top left,hsl(var(--secondary)) 0%,hsl(var(--background)) 52%,hsl(var(--muted)) 100%);color:var(--sb-text);font-family:var(--font-sans)}.app-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1.5rem;background-color:hsl(var(--card) / .95);border-bottom:1px solid var(--sb-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:app-fade-in .32s ease both}.brand-block{display:flex;align-items:center;gap:.75rem}.brand-icon{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.8rem;background:linear-gradient(135deg,var(--sb-primary),var(--sb-primary-soft));color:hsl(var(--primary-foreground));box-shadow:0 8px 18px #0f7a8a59;animation:icon-rise .42s ease both}.brand-copy h1{margin:0;font-size:1.1rem;line-height:1.15;letter-spacing:.01em}.brand-copy p{margin:.15rem 0 0;color:var(--sb-muted);font-size:.76rem;font-weight:600;letter-spacing:.01em}.status{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:999px;border:1px solid transparent;font-weight:700;font-size:.75rem;letter-spacing:.02em}.status-dot{width:.52rem;height:.52rem;border-radius:999px;background:currentColor;box-shadow:0 0 0 3px hsl(var(--success) / .2)}.status.connected{border-color:hsl(var(--success) / .35);background-color:hsl(var(--success) / .12);color:var(--sb-success)}.status.disconnected{border-color:hsl(var(--destructive) / .35);background-color:hsl(var(--destructive) / .1);color:var(--sb-danger)}.app-main{flex:1;display:flex;overflow:hidden;padding:1rem 1.1rem 1.1rem}.loading{display:flex;flex-direction:column;gap:.6rem;align-items:center;justify-content:center;width:100%;height:100%;border-radius:1rem;border:1px solid var(--sb-border);background:var(--sb-surface);box-shadow:var(--sb-shadow);animation:app-fade-in .4s ease both}.loading p{font-size:1.1rem;color:var(--sb-muted)}@keyframes app-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes icon-rise{0%{opacity:0;transform:scale(.88) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media (prefers-reduced-motion: reduce){.app-header,.brand-icon,.loading{animation:none!important}}@media (max-width: 760px){.app-header{flex-wrap:wrap;align-items:flex-start;padding:.85rem .95rem}.brand-block{min-width:0}.brand-copy h1{font-size:1rem}.brand-copy p{display:none}.status{margin-left:auto}.app-main{overflow-x:hidden;overflow-y:auto;padding:.8rem}}@media (max-width: 520px){.app-header{gap:.6rem;padding:.75rem}.brand-icon{width:2.1rem;height:2.1rem}.status{width:100%;justify-content:center;margin-left:0}.app-main{padding:.65rem}}.signbridge-interface{--sb-surface: hsl(var(--card));--sb-surface-soft: hsl(var(--secondary));--sb-surface-strong: hsl(var(--muted));--sb-border: hsl(var(--border));--sb-text: hsl(var(--foreground));--sb-muted: hsl(var(--muted-foreground));--sb-primary: hsl(var(--primary));--sb-primary-soft: hsl(174 72% 47%);--sb-primary-dark: hsl(174 72% 34%);--sb-danger: hsl(var(--destructive));--sb-danger-dark: hsl(0 72% 46%);--sb-success: hsl(var(--success));--sb-success-dark: hsl(152 60% 36%);--sb-warning: hsl(var(--accent));--sb-shadow: 0 14px 34px rgba(19, 35, 72, .08);--sb-shadow-strong: 0 18px 36px rgba(15, 33, 69, .12);--sb-text-title: clamp(.92rem, .82rem + .25vw, 1.06rem);--sb-text-body: clamp(.84rem, .8rem + .18vw, .92rem);--sb-text-label: clamp(.72rem, .7rem + .12vw, .8rem);display:flex;flex-direction:column;gap:.85rem;height:100%;width:100%;min-height:0;color:var(--sb-text);letter-spacing:.002em}.copy-toast{position:fixed;top:18px;right:18px;padding:.55rem .85rem;border-radius:999px;background:linear-gradient(135deg,var(--sb-success),var(--sb-success-dark));color:hsl(var(--success-foreground));font-size:.8rem;font-weight:700;z-index:1000;box-shadow:0 8px 18px #178f6252}.sb-toolbar{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.sb-mode-toggle,.sb-session-actions,.session-info,.avatar-column>.transcript-box,.avatar-section,.controls-section>section,.processing-indicator,.error-box,.radio-hint-box{border:1px solid var(--sb-border);border-radius:1rem;background:var(--sb-surface);box-shadow:var(--sb-shadow);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.avatar-section:hover,.avatar-column>.transcript-box:hover,.controls-section>section:hover,.processing-indicator:hover,.error-box:hover,.radio-hint-box:hover{border-color:hsl(var(--ring) / .5);box-shadow:var(--sb-shadow-strong)}.sb-mode-toggle{display:flex;gap:.35rem;padding:.4rem}.sb-mode-btn{display:inline-flex;align-items:center;gap:.5rem;border:1px solid transparent;border-radius:.7rem;background:transparent;color:var(--sb-muted);padding:.58rem .85rem;font-size:var(--sb-text-label);font-weight:700;cursor:pointer;transition:all .18s ease}.sb-mode-btn:focus-visible,.session-btn:focus-visible,.control-btn:focus-visible,.session-input:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.sb-mode-btn:hover{color:var(--sb-text);background:var(--sb-surface-soft)}.sb-mode-btn.active{color:hsl(var(--primary-foreground));background:linear-gradient(135deg,var(--sb-primary),var(--sb-primary-soft));box-shadow:0 8px 16px #0f7a8a57}.sb-session-actions{display:flex;align-items:center;gap:.45rem;padding:.45rem;flex-wrap:wrap;background:transparent;box-shadow:none;border-color:transparent}.sb-join-group{display:flex;align-items:center;border:1px solid var(--sb-border);border-radius:.72rem;overflow:hidden;background:transparent}.session-input{width:150px;border:none;background:#fff;padding:.54rem .7rem;font-size:.82rem;color:var(--sb-text)}.session-input:focus{outline:none}.session-input::placeholder{color:hsl(var(--muted-foreground))}.session-btn{display:inline-flex;align-items:center;justify-content:center;gap:.38rem;border:none;border-radius:.68rem;padding:.54rem .72rem;font-size:.78rem;font-weight:700;color:hsl(var(--primary-foreground));background:linear-gradient(135deg,var(--sb-primary),var(--sb-primary-soft));cursor:pointer;transition:transform .16s ease,opacity .16s ease}.session-btn:hover{transform:translateY(-1px)}.session-btn.secondary{border-radius:0;background:linear-gradient(135deg,hsl(var(--secondary-foreground)),hsl(200 25% 24%))}.session-btn.join-btn{background:#fff;color:var(--sb-primary);border-left:1px solid var(--sb-border)}.session-btn.join-btn:hover{background:hsl(var(--secondary))}.session-btn.danger{background:linear-gradient(135deg,var(--sb-danger),var(--sb-danger-dark))}.session-btn:disabled{opacity:.62;transform:none;cursor:not-allowed}.session-info{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.68rem .95rem;background:var(--sb-surface-soft)}.session-info.radio-only{justify-content:flex-end}.session-info.radio-only .session-status-right{margin-left:auto}.session-status-left,.session-status-right{display:inline-flex;align-items:center;gap:.45rem;color:var(--sb-muted);font-size:var(--sb-text-label);font-weight:700}.interface-container{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:.85rem;flex:1;min-height:0}.avatar-column{display:flex;flex-direction:column;gap:.85rem;min-height:0}.avatar-section{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--sb-border)}.panel-header h3{margin:0;font-size:var(--sb-text-title);font-weight:800;letter-spacing:.013em}.panel-chip{border-radius:999px;padding:.2rem .55rem;font-size:.68rem;font-weight:700;color:var(--sb-primary-dark);background:hsl(var(--primary) / .13)}.avatar-stage{position:relative;flex:1;min-height:320px;overflow:hidden;background:linear-gradient(135deg,hsl(var(--secondary)) 0%,hsl(var(--muted)) 100%)}.avatar-container{width:100%;height:100%}.live-chip{position:absolute;left:1rem;bottom:1rem;display:inline-flex;align-items:center;gap:.38rem;border-radius:999px;padding:.32rem .6rem;font-size:.72rem;font-weight:700;color:hsl(var(--destructive-foreground));background:hsl(var(--destructive) / .9)}.dot{width:.48rem;height:.48rem;border-radius:999px;background:hsl(var(--destructive-foreground));animation:pulse-dot 1.1s infinite}.controls-section{display:flex;flex-direction:column;gap:.75rem;min-height:0;max-height:100%;overflow-y:auto;padding-right:.1rem}.control-card{padding-bottom:.9rem}.control-card-title{font-size:.875rem;font-weight:600;color:var(--sb-text)}.control-description{margin:0;padding:.75rem 1rem 0;color:var(--sb-muted);font-size:var(--sb-text-body);line-height:1.48}.camera-preview{width:calc(100% - 2rem);margin:.75rem 1rem 0;border-radius:.86rem;border:1px solid var(--sb-border);max-height:168px;background-color:hsl(var(--secondary-foreground));object-fit:cover}.control-btn{width:calc(100% - 2rem);margin:.75rem 1rem 0;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:none;border-radius:999px;padding:.95rem 1rem;font-size:.95rem;font-weight:800;color:hsl(var(--primary-foreground));background:linear-gradient(135deg,var(--sb-primary),var(--sb-primary-soft));cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.control-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f7a8a40}.control-btn.recording{background:linear-gradient(135deg,var(--sb-danger),var(--sb-danger-dark));animation:button-pulse 1.2s infinite}.control-status-text{margin:.78rem 1rem 0;color:var(--sb-muted);font-size:.875rem;font-weight:400;text-align:center}.control-btn-round{position:relative;display:flex;width:5rem;height:5rem;margin:.82rem auto 0;padding:0;border-radius:999px;box-shadow:0 14px 26px #00000029}.control-btn-round.recording{animation:none}.mic-btn-icon{position:relative;z-index:2}.mic-pulse-ring{position:absolute;top:-.32rem;right:-.32rem;bottom:-.32rem;left:-.32rem;border-radius:999px;z-index:1;background:hsl(var(--destructive) / .34);animation:pulse-ring 1.1s ease-out infinite}.control-caption{margin:.55rem 1rem 0;color:var(--sb-muted);font-size:var(--sb-text-label);font-weight:700;text-align:center}.control-caption.hearer-caption{font-size:.875rem;font-weight:400}.transcript-box{padding:.9rem 1rem}.avatar-transcript{background:var(--sb-surface)}.transcript-box.muted{background:var(--sb-surface-soft)}.transcript-box h4{margin:0;color:var(--sb-muted);font-size:.74rem;letter-spacing:.02em;text-transform:uppercase}.transcript-box p{margin:.5rem 0 0;color:var(--sb-text);font-size:var(--sb-text-body);line-height:1.62;white-space:pre-wrap;overflow-wrap:anywhere}.transcript-box.muted p{color:hsl(var(--muted-foreground));font-style:italic}.session-qr{padding:.8rem 1rem .95rem;text-align:left}.session-qr-mobile{display:none}.session-qr-header{display:inline-flex;align-items:center;gap:.42rem;color:var(--sb-muted)}.session-qr-header h4{margin:0;font-size:.74rem;letter-spacing:.02em;text-transform:uppercase}.session-qr img{width:128px;height:128px;margin-top:.58rem;border-radius:.86rem;border:1px solid var(--sb-border);background-color:hsl(var(--card))}.session-qr p{margin:.45rem 0 0;color:var(--sb-muted);font-size:var(--sb-text-label);line-height:1.3}.processing-indicator,.error-box,.radio-hint-box{padding:.8rem .95rem}.processing-indicator{color:var(--sb-warning);background:hsl(var(--accent) / .14)}.processing-indicator p,.error-box p,.radio-hint-box p{margin:0;font-size:var(--sb-text-body);font-weight:700;line-height:1.4}.error-box{color:var(--sb-danger);background:hsl(var(--destructive) / .12)}.radio-hint-box{display:flex;gap:.45rem;color:var(--sb-muted);background:var(--sb-surface-soft)}.error{margin:0;padding:.65rem .9rem .8rem;color:var(--sb-danger);font-size:var(--sb-text-label);font-weight:700}.sb-toolbar{animation:fade-slide-up .36s ease both}.session-info{animation:fade-slide-up .42s ease both}.avatar-section{animation:fade-slide-up .48s ease both}.avatar-column>.transcript-box{animation:fade-slide-up .44s ease both}.controls-section>section:nth-child(1){animation:fade-slide-up .52s ease both}.controls-section>section:nth-child(2){animation:fade-slide-up .62s ease both}.controls-section>section:nth-child(3){animation:fade-slide-up .7s ease both}.processing-indicator,.error-box,.radio-hint-box{animation:fade-slide-up .76s ease both}.controls-section{scrollbar-width:thin;scrollbar-color:hsl(var(--border)) transparent}.controls-section::-webkit-scrollbar{width:8px}.controls-section::-webkit-scrollbar-thumb{border-radius:999px;background:hsl(var(--border))}.controls-section::-webkit-scrollbar-track{background:transparent}@keyframes button-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.84)}}@keyframes pulse-ring{0%{transform:scale(.95);opacity:.8}70%{transform:scale(1.18);opacity:0}to{transform:scale(1.18);opacity:0}}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.sb-toolbar,.session-info,.avatar-section,.controls-section>section,.processing-indicator,.error-box,.radio-hint-box,.control-btn.recording,.mic-pulse-ring,.dot{animation:none!important}.session-btn,.control-btn,.sb-mode-btn,.avatar-section,.controls-section>section{transition:none!important}}@media (max-width: 1180px){.interface-container{grid-template-columns:1fr;grid-auto-rows:auto}.avatar-stage{min-height:300px}.controls-section{max-height:46vh;overflow-y:auto;padding-right:.1rem}}@media (max-width: 760px){.signbridge-interface{gap:.7rem}.avatar-section{display:none}.interface-container{width:100%;grid-template-columns:minmax(0,1fr);justify-items:center}.avatar-column,.controls-section{width:100%;max-width:640px;margin-left:auto;margin-right:auto}.avatar-column{order:2}.controls-section{order:1;align-items:center}.signbridge-interface.mode-deaf .avatar-column{order:1}.signbridge-interface.mode-deaf .controls-section{order:2}.avatar-column>.transcript-box,.avatar-section,.session-qr-mobile,.controls-section>section,.processing-indicator,.error-box,.radio-hint-box{width:100%;margin-left:auto;margin-right:auto}.sb-toolbar{flex-direction:column;align-items:stretch}.sb-mode-toggle{width:100%;justify-content:stretch;overflow-x:visible}.sb-mode-btn{flex:1 1 0;min-width:0;justify-content:center}.sb-session-actions{width:100%;flex-direction:column;align-items:stretch}.session-btn,.sb-join-group{width:100%}.session-input{width:100%;min-width:0;flex:1 1 auto}.session-btn.join-btn{width:auto;flex:0 0 auto}.session-info{align-items:flex-start;flex-direction:column;gap:.55rem}.session-status-left,.session-status-right{width:100%;min-width:0;overflow-wrap:anywhere}.controls-section{max-height:none;overflow:visible}.avatar-stage{min-height:250px}.panel-header{padding:.78rem .85rem}.control-description{padding:.68rem .85rem 0}.camera-preview,.control-btn{width:calc(100% - 1.7rem);margin-left:.85rem;margin-right:.85rem}.control-btn-round{width:5rem;margin-left:auto;margin-right:auto}.transcript-box,.session-qr,.processing-indicator,.error-box,.radio-hint-box{padding-left:.85rem;padding-right:.85rem}.session-qr img{width:116px;height:116px}.session-qr-desktop{display:none}.session-qr-mobile{display:block}}@media (max-width: 520px){.avatar-column,.controls-section{max-width:none}.copy-toast{right:10px;top:10px}.sb-mode-toggle{gap:.25rem;padding:.32rem}.sb-mode-btn{padding:.5rem .46rem;font-size:.72rem;gap:.35rem}.sb-session-actions{gap:.4rem;padding:.32rem}.session-btn{font-size:.74rem;padding:.5rem .65rem}.session-input{font-size:.78rem;padding:.5rem .62rem}.interface-container,.avatar-column{gap:.7rem}.avatar-stage{min-height:210px}.panel-header h3{font-size:.85rem}.panel-chip{font-size:.64rem}.control-btn-round{width:4.3rem;height:4.3rem;margin-left:auto;margin-right:auto}.control-status-text,.control-caption{margin-left:.85rem;margin-right:.85rem}}:root{--background: 180 10% 97%;--foreground: 200 25% 12%;--card: 0 0% 100%;--card-foreground: 200 25% 12%;--popover: 0 0% 100%;--popover-foreground: 200 25% 12%;--primary: 174 72% 40%;--primary-foreground: 0 0% 100%;--secondary: 200 20% 94%;--secondary-foreground: 200 25% 20%;--muted: 200 15% 93%;--muted-foreground: 200 10% 50%;--accent: 37 95% 55%;--accent-foreground: 0 0% 100%;--destructive: 0 72% 55%;--destructive-foreground: 0 0% 100%;--success: 152 60% 42%;--success-foreground: 0 0% 100%;--border: 200 15% 89%;--input: 200 15% 89%;--ring: 174 72% 40%;--radius: .75rem;--font-sans: "Plus Jakarta Sans", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-sans);background:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%;height:100vh;margin:0;padding:0}