.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg, #1a1a2e);padding:1.5rem}.error-boundary__card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem 1.5rem;text-align:center;max-width:360px;width:100%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.error-boundary__icon{font-size:2.5rem;margin-bottom:.75rem}.error-boundary__title{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.error-boundary__message{color:#fff9;font-size:.85rem;line-height:1.5;margin:0 0 1rem}.error-boundary__details{background:#0000004d;border-radius:8px;padding:.5rem .75rem;margin-bottom:1rem;text-align:left}.error-boundary__details summary{color:#ffffff80;font-size:.75rem;cursor:pointer}.error-boundary__details code{color:#ff6b6b;font-size:.7rem;word-break:break-word;display:block;margin-top:.5rem}.error-boundary__actions{display:flex;gap:.75rem;justify-content:center}.error-boundary__btn{padding:.6rem 1.2rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;border:none;transition:opacity .2s}.error-boundary__btn:hover{opacity:.85}.error-boundary__btn--primary{background:var(--color-primary, #5865f2);color:#fff}.error-boundary__btn--secondary{background:#ffffff1a;color:#fffc}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%) translateY(-120%);z-index:9999;display:flex;align-items:center;gap:.5rem;padding:.65rem 1.1rem;border-radius:10px;font-size:.82rem;font-weight:500;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #0006;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;opacity:0;pointer-events:none;max-width:calc(100vw - 32px)}.toast--visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.toast--info{background:#5865f2e6;border:1px solid rgba(88,101,242,.5)}.toast--warning{background:#faa61ae6;border:1px solid rgba(250,166,26,.5);color:#1a1a2e}.toast--error{background:#ed4245e6;border:1px solid rgba(237,66,69,.5)}.toast__icon{font-size:1rem;flex-shrink:0}.toast__message{line-height:1.3}:root{--color-primary: #5865F2;--color-primary-light: #7289DA;--color-primary-dark: #4752C4;--color-accent: #e94560;--color-accent-light: #ff6b8a;--color-accent-dark: #c73654;--color-success: #57F287;--color-success-dark: #3ba55d;--color-warning: #FEE75C;--color-error: #ED4245;--color-info: #5865F2;--color-bg-primary: #1a1a2e;--color-bg-secondary: #16213e;--color-bg-tertiary: #0f0f1a;--color-bg-card: #0f3460;--color-bg-elevated: rgba(88, 101, 242, .08);--color-bg-hover: rgba(88, 101, 242, .15);--color-text-primary: #f2f3f5;--color-text-secondary: #b5bac1;--color-text-muted: rgba(255, 255, 255, .5);--color-text-inverse: #1a1a2e;--color-border: rgba(255, 255, 255, .1);--color-border-primary: rgba(88, 101, 242, .3);--color-border-hover: rgba(88, 101, 242, .5);--color-tier-bronze: #cd7f32;--color-tier-silver: #c0c0c0;--color-tier-gold: #ffd700;--color-tier-diamond: #b9f2ff;--color-tier-legendary: #ff6b6b;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .65rem;--font-size-sm: .75rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--button-height-sm: 32px;--button-height-md: 40px;--button-height-lg: 48px;--button-min-width: 100px;--button-padding-x: 1rem;--input-height: 40px;--popup-width-sm: 320px;--popup-width-md: 420px;--popup-width-lg: 500px;--popup-max-height: 80vh;--icon-size-sm: 16px;--icon-size-md: 24px;--icon-size-lg: 32px;--avatar-size-sm: 32px;--avatar-size-md: 48px;--avatar-size-lg: 64px;--avatar-size-xl: 80px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 20px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .4);--shadow-popup: 0 20px 60px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(88, 101, 242, .3);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--backdrop-blur: blur(4px);--backdrop-overlay: rgba(0, 0, 0, .7);--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 900;--z-modal: 1000;--z-popup: 1100;--z-tooltip: 1200;--z-toast: 1300}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:var(--button-min-width);height:var(--button-height-md);padding:0 var(--button-padding-x);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:var(--font-family);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.btn-sm{height:var(--button-height-sm);min-width:80px;font-size:var(--font-size-sm)}.btn-lg{height:var(--button-height-lg);min-width:120px;font-size:var(--font-size-md)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-light)}.btn-secondary{background:#ffffff1a;color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:#ffffff26;border-color:var(--color-border-primary)}.btn-success{background:var(--color-success);color:var(--color-text-inverse)}.btn-success:hover{background:var(--color-success-dark)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{background:#c73636}.btn:disabled{opacity:.5;cursor:not-allowed}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop-overlay);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn var(--transition-normal)}.popup-card{background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-tertiary) 100%);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-6);width:90%;max-width:var(--popup-width-lg);max-height:var(--popup-max-height);display:flex;flex-direction:column;position:relative;box-shadow:var(--shadow-popup);animation:slideUp var(--transition-slow)}.popup-header{text-align:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);flex-shrink:0}.popup-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.popup-header .subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.popup-body{flex:1;overflow-y:auto}.popup-close-btn{position:absolute;top:var(--space-3);right:var(--space-3);width:28px;height:28px;border-radius:var(--radius-full);background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-normal);z-index:10}.popup-close-btn:hover{background:#fff3}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-4)}.card-clickable{cursor:pointer;transition:all var(--transition-normal)}.card-clickable:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;min-width:55px;text-align:center}.badge-bronze{background:var(--color-tier-bronze);color:#fff}.badge-silver{background:var(--color-tier-silver);color:#1a1a2e}.badge-gold{background:var(--color-tier-gold);color:#1a1a2e}.badge-diamond{background:var(--color-tier-diamond);color:#1a1a2e}.badge-legendary{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--radius-sm)}.custom-scrollbar::-webkit-scrollbar-thumb{background:#5865f266;border-radius:var(--radius-sm)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#5865f299}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}#root{width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body.thermal-throttled *,body.thermal-throttled *:before,body.thermal-throttled *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.tp-lang-dropdown,.channel-lang-picker,.view-menu-dropdown{max-height:min(320px,50vh);overflow-y:auto;-webkit-overflow-scrolling:touch}.language-grid{max-height:min(400px,60vh);overflow-y:auto;-webkit-overflow-scrolling:touch}.cmd-picker-list{max-height:min(280px,45vh);overflow-y:auto;-webkit-overflow-scrolling:touch}.discovery-sessions{max-height:min(360px,55vh);overflow-y:auto;-webkit-overflow-scrolling:touch}[dir=rtl]{text-align:right}[dir=rtl] input,[dir=rtl] textarea{text-align:right;direction:rtl}[dir=rtl] .quickstart-header,[dir=rtl] .panel-header,[dir=rtl] .server-info,[dir=rtl] .session-card-header,[dir=rtl] .session-card-meta,[dir=rtl] .session-card-actions,[dir=rtl] .raid-cmd-status,[dir=rtl] .raid-cmd-section-header,[dir=rtl] .target-bar,[dir=rtl] .cmd-channel,[dir=rtl] .role-info,[dir=rtl] .role-flyout-header,[dir=rtl] .tp-actions,[dir=rtl] .tp-input-area,[dir=rtl] .ccj-channel-row,[dir=rtl] .ccj-option,[dir=rtl] .raid-join-prompt,[dir=rtl] .view-menu-option,[dir=rtl] .livechat-header,[dir=rtl] .livechat-toolbar,[dir=rtl] .chat-message-header,[dir=rtl] .participant-card,[dir=rtl] .participant-info,[dir=rtl] .controls-row,[dir=rtl] .session-controls,[dir=rtl] .user-control-row,[dir=rtl] .toast,[dir=rtl] .error-boundary__actions{direction:rtl}[dir=rtl] .profile-button{right:auto;left:16px}[dir=rtl] .edge-tab-left{left:auto;right:-40px}[dir=rtl] .edge-tab-right{right:auto;left:-40px}[dir=rtl] .cmd-ch-remove{margin-left:0;margin-right:auto}[dir=rtl] .session-card-badge{border-left:none;border-right:3px solid}[dir=rtl] .chat-message.self{align-items:flex-start}[dir=rtl] .chat-message.other{align-items:flex-end}[dir=rtl] .ccj-close,[dir=rtl] .tp-close-btn,[dir=rtl] .cmd-picker-close{right:auto;left:12px}[dir=rtl] .tp-results,[dir=rtl] .discovery-sessions,[dir=rtl] .livechat-messages,[dir=rtl] .cmd-picker-list{direction:rtl}[dir=rtl] .toast{right:auto;left:50%;transform:translate(50%)}[dir=rtl] .toast--visible{transform:translate(50%) translateY(0)}[dir=rtl] .raid-join-content{text-align:right}[dir=rtl] .lock-icon{margin-left:0;margin-right:6px}[dir=rtl] .tp-lang-dropdown,[dir=rtl] .channel-lang-picker,[dir=rtl] .view-menu-dropdown{right:auto;left:0}[dir=rtl] .meta-item+.meta-item{margin-left:0;margin-right:8px}[dir=rtl] .transcript-entry{border-left:none;border-right:3px solid var(--accent-primary, #5865f2);padding-left:0;padding-right:12px}[dir=rtl] .stat-item{text-align:right}[dir=rtl] .invite-link-input{direction:ltr;text-align:left}.flag-icon{display:inline-block;vertical-align:middle;border-radius:2px;object-fit:cover}.flag-sm{width:16px;height:12px}.flag-md{width:20px;height:15px}.flag-lg{width:24px;height:18px}.prism-demo-container{display:flex;flex-direction:column;width:100%;max-width:960px;margin:0 auto;gap:.5rem;align-items:center}.prism-split-demo{display:flex;gap:2rem;width:100%;min-width:100%;overflow:visible}.prism-panel{width:460px;min-width:460px;max-width:460px;flex:0 0 460px;display:flex;flex-direction:column;gap:.35rem;position:relative;z-index:2}.prism-panel--entering{animation:panel-slide-in .5s ease-out forwards}@keyframes panel-slide-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.prism-panel-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary, #b5bac1);text-align:center;padding:.15rem 0}.prism-panel-label--gold{color:#d4a853}.prism-label-prism{font-size:.9rem;font-weight:800;background:linear-gradient(135deg,#f0c674,#d4a853 30%,#c9973b,#e8c468 70%,#f5d98a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 4px rgba(212,168,83,.3))}.prism-channel{display:flex;flex-direction:column;background:#1e1f22f2;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;height:460px;min-height:460px;max-height:460px;position:relative;flex-shrink:0}.prism-channel--gold{border:1px solid rgba(212,168,83,.35)}.prism-channel-bar{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem .4rem .75rem;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.prism-hash{font-size:.9rem;font-weight:700;color:#ffffff4d}.prism-channel-name{font-size:.8rem;font-weight:600;color:#fff}.prism-badge{font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;background:linear-gradient(135deg,#9b59b633,#5865f233);color:#c9a0ff;padding:.1rem .35rem;border-radius:99px;border:1px solid rgba(155,89,182,.25);margin-left:auto}.prism-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:.5rem;display:flex;flex-direction:column;gap:.15rem;min-height:0;max-height:100%;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.prism-messages::-webkit-scrollbar{width:3px}.prism-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.prism-msg{display:flex;gap:.5rem;padding:.3rem .25rem;border-radius:4px;transition:background .1s}.prism-msg:hover{background:#ffffff05}.prism-msg-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;flex-shrink:0;margin-top:2px;overflow:hidden}.prism-msg-avatar--tt{background:linear-gradient(135deg,#5865f2,#eb459e)!important;font-size:.85rem}.prism-msg-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.prism-msg-body{flex:1;min-width:0}.prism-msg-header{display:flex;align-items:baseline;gap:.35rem;margin-bottom:.1rem}.prism-msg-name{font-size:.72rem;font-weight:600}.prism-msg-time{font-size:.55rem;color:#ffffff40}.prism-msg-text{font-size:.75rem;color:#dcddde;line-height:1.35;margin:0;word-wrap:break-word}.prism-mention{background:#5865f24d;color:#dee0fc;padding:0 2px;border-radius:3px;font-weight:500;cursor:pointer}.prism-mention:hover{background:#5865f280;color:#fff}.prism-msg-enter{animation:msgFadeIn .3s ease}@keyframes msgFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.prism-msg-transforming{animation:fogTransform 1.8s ease-in-out}.prism-msg-transforming .prism-msg-text{position:relative;overflow:hidden;animation:textFogReveal 1.8s ease-in-out}.prism-msg-transforming .prism-msg-text:after{content:"";position:absolute;top:-4px;left:-20%;width:140%;height:calc(100% + 8px);background:linear-gradient(90deg,transparent 0%,rgba(212,168,83,.08) 15%,rgba(245,217,138,.2) 30%,rgba(212,168,83,.3) 45%,rgba(245,217,138,.2) 60%,rgba(212,168,83,.08) 75%,transparent 100%);animation:fogSweep 1.8s ease-in-out;pointer-events:none;border-radius:3px}@keyframes fogTransform{0%{opacity:1;filter:brightness(1)}20%{opacity:.9;filter:brightness(1.1) blur(.5px)}40%{opacity:.6;filter:brightness(1.4) blur(3px)}55%{opacity:.5;filter:brightness(1.6) blur(4px)}70%{opacity:.7;filter:brightness(1.3) blur(2px)}85%{opacity:.9;filter:brightness(1.1) blur(.5px)}to{opacity:1;filter:brightness(1) blur(0)}}@keyframes textFogReveal{0%{color:#dcddde;text-shadow:none}25%{color:#dcddde99;text-shadow:0 0 10px rgba(212,168,83,.4),0 0 20px rgba(245,217,138,.2)}45%{color:transparent;text-shadow:0 0 30px rgba(245,217,138,.9),0 0 60px rgba(212,168,83,.5),0 0 80px rgba(245,217,138,.3)}55%{color:transparent;text-shadow:0 0 25px rgba(245,217,138,.8),0 0 50px rgba(212,168,83,.4)}70%{color:#dcddde66;text-shadow:0 0 15px rgba(245,217,138,.5),0 0 30px rgba(212,168,83,.2)}85%{color:#dcdddecc;text-shadow:0 0 6px rgba(212,168,83,.15)}to{color:#dcddde;text-shadow:none}}@keyframes fogSweep{0%{transform:translate(-120%);opacity:0}15%{opacity:.8}50%{opacity:1}85%{opacity:.8}to{transform:translate(120%);opacity:0}}.prism-input-bar{display:flex;align-items:center;gap:.4rem;padding:.4rem .5rem;background:#ffffff08;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.prism-input-bar-field{flex:1;background:#ffffff0f;border:none;border-radius:4px;padding:.3rem .5rem;color:#ffffff4d;font-size:.65rem;cursor:default;pointer-events:none}.prism-input-bar--active{background:#ffffff0d}.prism-input-field{flex:1;background:#ffffff14;border:2px solid #57f287;border-radius:4px;padding:.35rem .5rem;color:#fff;font-size:.7rem;outline:none;animation:inputPulse 1.4s ease-in-out infinite}@keyframes inputPulse{0%,to{border-color:#57f28759;box-shadow:0 0 4px #57f2871a}50%{border-color:#57f287;box-shadow:0 0 14px #57f28773,0 0 24px #57f28726}}.prism-input-bar--readonly .prism-input-field{border-color:#ffffff1a;animation:none;box-shadow:none;cursor:default;pointer-events:none;color:#ffffff4d}.prism-input-field:focus{border-color:#57f287;box-shadow:0 0 14px #57f28773;animation:none}.prism-input-field::placeholder{color:#ffffff4d}.prism-input-field:disabled{opacity:.5}.prism-send-btn{background:#5865f299;border:none;border-radius:4px;color:#fff;padding:.3rem .5rem;font-size:.7rem;cursor:pointer;transition:background .2s;flex-shrink:0}.prism-send-btn:hover:not(:disabled){background:#5865f2d9}.prism-send-btn:disabled{opacity:.3;cursor:default}.prism-typing-indicator{display:flex;align-items:center;gap:.25rem;padding:.2rem .25rem;font-size:.65rem;animation:msgFadeIn .2s ease}.prism-typing-dots{color:#fff6}.prism-dots{animation:dotPulse 1.2s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:.3}50%{opacity:1}}.prism-empty-hint{display:flex;align-items:center;justify-content:center;height:100%;color:#ffffff40;font-size:.7rem;text-align:center;padding:1rem;font-style:italic}.prism-identity{display:flex;align-items:center;gap:.5rem;padding:.5rem .5rem .6rem;flex-shrink:0}.prism-identity-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;object-fit:cover}.prism-identity-avatar-fallback{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;flex-shrink:0}.prism-identity-name{font-size:.7rem;color:#ffffff80;font-weight:600;white-space:nowrap}.prism-typing-input-row{display:flex;align-items:center;gap:.35rem;width:100%}.prism-msg-avatar--sm{width:18px;height:18px;font-size:.5rem}.prism-typing-input-text{flex:1;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:.3rem .5rem;color:#fff;font-size:.65rem;min-height:1.3rem;word-break:break-all}.prism-cursor{animation:cursorBlink .6s ease-in-out infinite;color:#57f287;font-weight:300}.prism-bot-identities{display:flex;gap:1rem;padding:.4rem .25rem;justify-content:center}.prism-bot-id{display:flex;align-items:center;gap:.35rem}.prism-bot-id-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:#fff;flex-shrink:0;transition:all .3s ease}.prism-bot-id-avatar--tt{background:linear-gradient(135deg,#5865f2,#eb459e);font-size:.85rem}.prism-bot-id-info{display:flex;flex-direction:column;gap:.05rem}.prism-bot-id-name{font-size:.65rem;font-weight:600;color:#ffffffb3;transition:all .3s ease}.prism-bot-id-lang{font-size:.55rem;color:#fff6;transition:all .3s ease}.prism-bot-id--active{transform:scale(1.25);animation:botGlow 1.2s ease-in-out infinite}@keyframes botGlow{0%,to{filter:drop-shadow(0 0 4px rgba(255,255,255,.1))}50%{filter:drop-shadow(0 0 14px rgba(255,255,255,.4))}}.prism-bot-id--active .prism-bot-id-avatar{width:40px;height:40px;font-size:.8rem;box-shadow:0 0 14px #ffffff4d;animation:avatarPulse 1.2s ease-in-out infinite}@keyframes avatarPulse{0%,to{box-shadow:0 0 8px #ffffff26}50%{box-shadow:0 0 22px #ffffff80}}.prism-bot-id--active .prism-bot-id-name{font-size:.85rem;font-weight:800;color:#fff}.prism-bot-id--active .prism-bot-id-lang{font-size:.65rem;color:#fffc;font-weight:700}.prism-demo-instruction{text-align:center;padding:.5rem 1rem;color:var(--color-text-secondary, #b5bac1);font-size:.75rem;line-height:1.5;transition:all .3s;min-height:2rem}.prism-instruction-name{font-size:1.35rem;font-weight:800;background:linear-gradient(135deg,#57f287,#a8e063,#f0c674,#d4a853,#57f287);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 6px rgba(87,242,135,.3))}.prism-demo-instruction.prism-demo-instruction--cta{color:#57f287;font-size:1.2rem;font-weight:700;text-shadow:0 0 14px rgba(87,242,135,.4);animation:ctaPulse 1.5s ease-in-out infinite}.prism-demo-instruction.prism-demo-instruction--watch{color:#f0c674;font-size:1.05rem;font-weight:700;opacity:.3;text-shadow:0 0 6px rgba(240,198,116,.2);animation:watchPulse 1.6s ease-in-out infinite;animation-fill-mode:both}@keyframes watchPulse{0%{opacity:.3;text-shadow:0 0 4px rgba(240,198,116,.15)}50%{opacity:1;text-shadow:0 0 20px rgba(240,198,116,.6),0 0 40px rgba(212,168,83,.2)}to{opacity:.3;text-shadow:0 0 4px rgba(240,198,116,.15)}}.prism-complete-or{font-size:.85rem;font-weight:500;opacity:.7;margin:.15rem 0}.prism-cursor--green{color:#57f287}@keyframes ctaPulse{0%,to{text-shadow:0 0 8px rgba(87,242,135,.2)}50%{text-shadow:0 0 20px rgba(87,242,135,.5),0 0 40px rgba(87,242,135,.15)}}@keyframes instructionPulse{0%,to{opacity:.8}50%{opacity:1}}.prism-viewpoint-tabs{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.35rem 0}.prism-viewpoint-tabs--gold .prism-vp-current{border-color:#d4a8534d}.prism-vp-arrow{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#ffffff80;font-size:.6rem;padding:.2rem .4rem;cursor:pointer;transition:all .2s}.prism-vp-arrow:hover{background:#ffffff1f;color:#fff}.prism-vp-arrow--highlight{border-color:#57f28780;color:#57f287;background:#57f28714;animation:arrowHighlight 1.4s ease-in-out infinite}@keyframes arrowHighlight{0%,to{box-shadow:0 0 4px #57f28733;border-color:#57f2874d}50%{box-shadow:0 0 12px #57f28780;border-color:#57f287b3}}.prism-vp-current{display:flex;align-items:center;gap:.35rem;padding:.2rem .6rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;min-width:100px;justify-content:center}.prism-vp-avatar{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:700;color:#fff;flex-shrink:0}.prism-vp-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.prism-vp-name{font-size:.6rem;font-weight:600;color:#ffffffb3;white-space:nowrap}.prism-vp-flag{font-size:.65rem}.prism-split-demo--single{justify-content:center}.prism-panel--entering-right{animation:prismPanelEnter .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes prismPanelEnter{0%{opacity:0;transform:translate(120px) scale(.95)}60%{opacity:1;transform:translate(-5px) scale(1)}to{opacity:1;transform:translate(0) scale(1)}}.prism-transfer-beam{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none}.prism-transfer-beam:before{content:"";position:absolute;top:var(--beam-y, 30%);transform:translateY(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,245,200,.4) 15%,rgba(255,245,200,.9) 40%,#fff9e0 50%,rgba(255,245,200,.9) 60%,rgba(255,245,200,.4) 85%,transparent 100%);animation:beamSweep .35s ease-out forwards}.prism-transfer-beam:after{content:"";position:absolute;top:var(--beam-y, 30%);transform:translateY(-50%);width:200px;height:60px;border-radius:50%;background:radial-gradient(ellipse 100% 100% at center,rgba(255,235,170,.5) 0%,rgba(245,217,138,.3) 25%,rgba(212,168,83,.12) 50%,transparent 75%);filter:blur(18px);animation:beamSweep .35s ease-out forwards}.prism-transfer-beam--reverse:before{animation:beamSweepReverse .35s ease-out forwards}.prism-transfer-beam--reverse:after{animation:beamSweepReverse .35s ease-out forwards}@keyframes beamSweep{0%{left:-10%;opacity:0}20%{opacity:1}80%{opacity:.8}to{left:110%;opacity:0}}@keyframes beamSweepReverse{0%{left:110%;opacity:0}20%{opacity:1}80%{opacity:.8}to{left:-10%;opacity:0}}.prism-split-demo{position:relative}@media (max-width: 500px){.prism-msg-avatar{width:22px;height:22px;font-size:.55rem}.prism-msg-name{font-size:.65rem}.prism-msg-text{font-size:.68rem}.prism-bot-identities{flex-direction:column;gap:.35rem}.prism-viewpoint-tabs{gap:.25rem}}.prism-split-demo--prism-only{justify-content:center}.prism-split-demo--prism-only .prism-panel{width:560px;min-width:560px;max-width:560px;animation:prism-slide-center .6s ease-out forwards;border:2px solid rgba(212,168,83,.5);border-radius:10px;box-shadow:0 0 24px #d4a85326,0 0 60px #d4a85314;padding:.35rem}.prism-split-demo--prism-only .prism-channel{height:550px;min-height:550px;max-height:550px}@keyframes prism-slide-center{0%{transform:translate(30px);opacity:.7}to{transform:translate(0);opacity:1}}.prism-tour-lang-label{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.5rem;font-weight:700;margin-top:.25rem}.prism-tour-flag{font-size:1.8rem;line-height:1}.prism-tour-lang-name{font-weight:800;text-shadow:0 0 8px currentColor}.prism-tour-lang-label--rapid,.prism-viewpoint-tabs--rapid{animation:rapid-flash .35s ease-in-out}@keyframes rapid-flash{0%{opacity:.3;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.prism-vp-arrow:disabled{opacity:.3;cursor:default;pointer-events:none}.prism-go-to-app-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#43b581,#57f287);color:#fff;border:none;border-radius:12px;padding:.75rem 2rem;font-size:1rem;font-weight:700;letter-spacing:.5px;cursor:pointer;margin-top:.75rem;box-shadow:0 4px 16px #57f2874d;transition:all .3s ease;animation:go-to-app-entrance .5s ease-out}.prism-go-to-app-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 6px 24px #57f28780}.prism-go-to-app-btn:active{transform:translateY(0) scale(.98)}@keyframes go-to-app-entrance{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.prism-demo-continue-btn{display:inline-flex;align-items:center;gap:.4rem;margin-top:.75rem;padding:.5rem 1.5rem;background:linear-gradient(135deg,#d4a853,#c9973b);color:#0e0f13;border:none;border-radius:6px;font-weight:700;font-size:.9rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;animation:go-to-app-entrance .5s ease forwards}.prism-demo-continue-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 4px 16px #d4a85366}.prism-demo-continue-btn:active{transform:translateY(0) scale(.98)}.prism-explainer{display:flex;flex-direction:column;align-items:center;min-height:60vh;padding:3rem 1.5rem 2rem;position:relative;overflow:hidden}.prism-explainer-title{font-size:3.2rem;font-weight:800;margin-bottom:.5rem;opacity:0;transform:translateY(15px);animation:explainerFadeUp .8s ease forwards}.prism-gold--pulse{animation:goldPulse 2.5s ease-in-out infinite}@keyframes goldPulse{0%,to{filter:drop-shadow(0 0 8px rgba(212,168,83,.25))}50%{filter:drop-shadow(0 0 18px rgba(212,168,83,.5)) drop-shadow(0 0 35px rgba(245,217,138,.2))}}.prism-explainer-subtitle{font-size:1.25rem;color:#a0a4b0;text-align:center;max-width:460px;opacity:0;transform:translateY(10px) scale(.95);animation:subtitleReveal .9s ease .6s forwards;margin-bottom:1.5rem}@keyframes explainerFadeUp{to{opacity:1;transform:translateY(0)}}@keyframes subtitleReveal{0%{opacity:0;transform:translateY(10px) scale(.95)}60%{opacity:1;transform:translateY(-2px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.prism-merge-stage{position:relative;width:480px;min-height:340px;margin-top:1.5rem;display:flex;align-items:center;justify-content:center}.prism-merge-stage.stage--merging{overflow:visible}.prism-channel-list{display:flex;flex-direction:column;gap:2px;background:#2b2d31;border-radius:10px;padding:12px 10px;width:420px;position:relative;transition:all .6s ease;overflow:visible}.prism-channel-list.sidebar--faded{background:#2b2d314d;border:1px solid rgba(255,255,255,.05)}.prism-channel-list-header{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#949ba4;padding:8px 12px 6px}.prism-sidebar-channel{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:5px;color:#949ba4;font-size:1.05rem;font-weight:500;cursor:default;opacity:0;transform:translate(-10px);transition:all .4s ease;position:relative;z-index:2;height:42px;box-sizing:border-box}.prism-sidebar-channel.visible{opacity:1;transform:translate(0)}.prism-sidebar-hash{font-size:1.2rem;font-weight:500;color:#6d6f78;flex-shrink:0;width:18px;text-align:center}.prism-channel-text{flex-shrink:0}.prism-sidebar-channel.lifted{animation:channelLift 2s cubic-bezier(.4,0,.2,1) both;animation-delay:var(--lift-delay, 0s);z-index:15;background:#2b2d31;border:1px solid rgba(150,150,150,.3);box-shadow:0 4px 20px #00000080}@keyframes channelLift{0%{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(calc(var(--lift-y, -100px) * .4)) translate(calc(var(--lift-x, 0px) * .3)) rotate(-1.5deg)}50%{transform:translateY(var(--lift-y, -100px)) translate(var(--lift-x, 0px)) rotate(1deg)}75%{transform:translateY(var(--lift-y, -100px)) translate(var(--lift-x, 0px)) rotate(-.5deg)}to{transform:translateY(var(--lift-y, -100px)) translate(var(--lift-x, 0px)) rotate(0)}}.prism-sidebar-channel.magnetized{animation:channelMagnetize 2.8s cubic-bezier(.4,0,.2,1) both;animation-delay:var(--lift-delay, 0s);z-index:calc(20 - var(--chan-index, 0));background:#2b2d31;border:1px solid rgba(150,150,150,.3);box-shadow:0 4px 20px #00000080}@keyframes channelMagnetize{0%{transform:translateY(var(--lift-y, -100px)) translate(var(--lift-x, 0px));opacity:1}40%{transform:translateY(calc((2 - var(--chan-index, 0)) * var(--row-height, 36px) - 60px)) translate(calc(var(--lift-x, 0px) * .2)) rotate(-.3deg);opacity:.95}to{transform:translateY(calc((2 - var(--chan-index, 0)) * var(--row-height, 36px) - 50px)) translate(0);opacity:.85}}.prism-sidebar-channel.piled-drop{animation:piledDrop 1.5s cubic-bezier(.6,0,.4,1) both;z-index:calc(20 - var(--chan-index, 0));background:#2b2d31;border:1px solid rgba(150,150,150,.2);box-shadow:0 2px 15px #0006}@keyframes piledDrop{0%{transform:translateY(calc((2 - var(--chan-index, 0)) * var(--row-height, 36px) - 50px));opacity:.85}60%{transform:translateY(calc((2 - var(--chan-index, 0)) * var(--row-height, 36px) + 5px));opacity:.9}80%{transform:translateY(calc((2 - var(--chan-index, 0)) * var(--row-height, 36px) - 3px))}to{transform:translateY(calc((2 - var(--chan-index, 0)) * var(--row-height, 36px)));opacity:.9}}.prism-sidebar-channel.piled-morphing{transform:translateY(calc((2 - var(--chan-index, 0)) * var(--row-height, 36px)));opacity:.05;transition:opacity .6s ease;z-index:calc(20 - var(--chan-index, 0));background:#2b2d31;border:1px solid rgba(150,150,150,.15)}.prism-sidebar-channel.piled-gone{transform:translateY(calc((2 - var(--chan-index, 0)) * var(--row-height, 36px)));opacity:0;transition:opacity .8s ease;z-index:1}.prism-morph-target{position:absolute;top:128px;left:10px;right:10px;z-index:25;opacity:0;pointer-events:none;transition:opacity 0s}.prism-morph-target.morphing-in{opacity:.6;transition:opacity 1.8s ease}.prism-morph-target.morphed{opacity:1;transition:opacity .8s ease}.prism-morph-target .prism-sidebar-channel{opacity:1;transform:none}.prism-sidebar-channel--prism{color:#dbdee1;background:#d4a85314;border:1px solid rgba(212,168,83,.3);font-weight:600;box-shadow:0 0 15px #d4a85326,0 0 40px #d4a8530d}.prism-hash--gold{color:#f0c674!important}.prism-morph-target.morphed .prism-sidebar-channel--prism{border-color:#d4a85380;box-shadow:0 0 25px #d4a8534d,0 0 60px #d4a8531a;animation:prismShimmer 2s ease forwards .3s}@keyframes prismShimmer{0%{background:#d4a85314}50%{background:#d4a85326;box-shadow:0 0 35px #d4a85366,0 0 70px #d4a85326}to{background:#d4a85314}}.prism-merged-badge{margin-left:auto;background:#d4a85333;border:1px solid rgba(212,168,83,.4);border-radius:4px;padding:3px 10px;font-size:.65rem;font-weight:700;color:#f0c674;letter-spacing:.05em}.prism-channel-text.cycling{color:#f0c674;font-weight:600;text-shadow:0 0 8px rgba(240,198,116,.4)}.prism-slash-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:360px;height:360px;z-index:20;pointer-events:none;transition:opacity .6s ease}.prism-slash-overlay.slash--fading{opacity:0;transform:translate(-50%,-50%) scale(1.05);transition:opacity .8s ease,transform .8s ease}.prism-slash-svg{width:100%;height:100%}.prism-slash-circle{stroke-dasharray:620;stroke-dashoffset:620;animation:paintCircle 1.4s cubic-bezier(.2,.8,.4,1) forwards}@keyframes paintCircle{0%{stroke-dashoffset:620;stroke-width:6}20%{stroke-width:10}50%{stroke-width:7}80%{stroke-width:11}to{stroke-dashoffset:0;stroke-width:8}}.prism-slash-line{stroke-dasharray:220;stroke-dashoffset:220;animation:paintSlash .5s cubic-bezier(.3,0,.7,1) 1.2s forwards}@keyframes paintSlash{0%{stroke-dashoffset:220;stroke-width:6}30%{stroke-width:11}60%{stroke-width:7}to{stroke-dashoffset:0;stroke-width:10}}.prism-problem-text{font-size:1.4rem;color:#ed4245;text-align:center;margin-top:1.25rem;font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease;max-width:440px;line-height:1.4}.prism-problem-text.visible{opacity:1;transform:translateY(0)}.prism-problem-text.fading{opacity:.5}.prism-solution-text{font-size:1.35rem;color:#a0a4b0;text-align:center;margin-top:1.25rem;opacity:0;transform:translateY(8px);transition:opacity .6s ease,transform .6s ease;max-width:460px;line-height:1.5}.prism-solution-text.visible{opacity:1;transform:translateY(0)}.prism-solution-text em{color:#f0c674;font-style:normal;font-weight:600}.prism-magic-overlay{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;z-index:22;pointer-events:none}.prism-magic-overlay.fog--clearing{animation:fogClear 1.5s ease forwards}@keyframes fogClear{0%{opacity:1}to{opacity:0}}.prism-magic-fog{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(212,168,83,.3) 0%,rgba(212,168,83,.15) 40%,rgba(43,45,49,.3) 60%,transparent 80%);animation:fogPulse 2.2s ease-in-out;border-radius:12px}@keyframes fogPulse{0%{opacity:0;transform:scale(.7);filter:blur(8px)}30%{opacity:1;transform:scale(1);filter:blur(6px)}70%{opacity:.8;transform:scale(1.05);filter:blur(4px)}to{opacity:.5;transform:scale(1.1);filter:blur(6px)}}.prism-sparkle{position:absolute;width:6px;height:6px;border-radius:50%;background:#f0c674;animation:sparkle 1.5s ease both}@keyframes sparkle{0%{opacity:0;transform:scale(0) translate(0)}30%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(.5) translate(var(--spark-x, 0),var(--spark-y, 0))}}.prism-sparkle--1{top:30%;left:15%;--spark-x: -30px;--spark-y: -25px;animation-delay:.1s}.prism-sparkle--2{top:20%;right:15%;--spark-x: 35px;--spark-y: -20px;animation-delay:.3s}.prism-sparkle--3{top:50%;left:8%;--spark-x: -25px;--spark-y: 15px;animation-delay:.2s}.prism-sparkle--4{top:60%;right:10%;--spark-x: 30px;--spark-y: 25px;animation-delay:.4s}.prism-sparkle--5{top:40%;left:50%;--spark-x: 5px;--spark-y: -35px;animation-delay:.15s;width:8px;height:8px;background:#f5d98a}.prism-sparkle--6{top:70%;left:30%;--spark-x: -15px;--spark-y: 20px;animation-delay:.5s;width:5px;height:5px}.prism-sparkle--7{top:35%;right:25%;--spark-x: 20px;--spark-y: -10px;animation-delay:.35s;width:7px;height:7px;background:#f5d98a}.prism-intro{width:100%;min-height:100vh;padding:20px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0f1419,#0a0e13);color:var(--color-text-primary);font-family:var(--font-family);overflow:hidden}.pi-card{zoom:1.12;width:100%;max-width:480px;min-width:320px;height:720px;max-height:calc(100vh - 24px);padding:16px 20px;box-sizing:border-box;display:flex;flex-direction:column;position:relative;overflow:hidden}.pi-header{height:48px;display:flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0}.pi-globe{display:inline-block}.pi-title{margin:0;font-size:26px;font-weight:700;letter-spacing:.01em;background:linear-gradient(135deg,#d4a853,#f5d98a 35%,#fffbe0,#f5d98a 65%,#d4a853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(212,168,83,.3);filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.pi-subtitle{height:36px;margin:4px 0 0;padding:0;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.pi-subtitle-line{display:flex;align-items:baseline;gap:6px;font-size:13px;line-height:1.2;color:var(--color-text-secondary)}.pi-subtitle-bullet{color:#d4a853;font-size:10px;line-height:1;opacity:.75;position:relative;top:-1px}.pi-verb{color:#f5d98a;font-weight:700;letter-spacing:.01em;text-shadow:0 0 10px rgba(245,217,138,.25)}.pi-stage{height:240px;margin-top:12px;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:#ffffff04;border:1px solid rgba(255,255,255,.04)}.pi-caption{position:absolute;left:16px;right:16px;font-size:12px;font-style:italic;color:var(--color-text-muted);text-align:center;opacity:0;transition:opacity .5s ease;pointer-events:none}.pi-caption-before{top:12px}.pi-caption-after{bottom:12px}.pi-stage[data-phase=channels] .pi-caption-before,.pi-stage[data-phase=lifted] .pi-caption-before,.pi-stage[data-phase=chat] .pi-caption-after{opacity:1}.pi-channel-list{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.pi-channel{display:flex;align-items:center;gap:6px;height:28px;padding:0 8px;border-radius:4px;font-size:13px;color:var(--color-text-secondary);opacity:0;transform:translate(-8px);transition:opacity .35s ease,transform .8s cubic-bezier(.4,0,.2,1),filter .6s ease;background:#ffffff05}.pi-channel--visible{opacity:1;transform:translate(0)}.pi-channel--lifted{transform:translateY(var(--lift-y, 0px)) scale(1.02);filter:brightness(1.15)}.pi-channel--gone{opacity:0;transform:translateY(0) scale(.85);filter:blur(6px);transition:opacity .6s ease,transform .6s ease,filter .6s ease}.pi-hash{color:var(--color-text-muted);font-weight:500;font-size:14px}.pi-hash--gold{color:#f5d98a;text-shadow:0 0 8px rgba(245,217,138,.5)}.pi-channel-name{color:inherit}.pi-fog{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(245,217,138,.35) 0%,rgba(212,168,83,.2) 30%,rgba(212,168,83,.05) 60%,transparent 85%);opacity:0;animation:pi-fog-in .6s ease forwards;pointer-events:none;filter:blur(8px)}.pi-fog--clearing{animation:pi-fog-out .8s ease forwards}@keyframes pi-fog-in{0%{opacity:0}60%{opacity:1}to{opacity:.9}}@keyframes pi-fog-out{0%{opacity:.9}to{opacity:0}}.pi-single{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.92);display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:8px;background:linear-gradient(135deg,#d4a8532e,#f5d98a1a);border:1px solid rgba(245,217,138,.35);box-shadow:0 0 #f5d98a00;font-size:14px;font-weight:600;color:#fffbe0;opacity:0;transition:opacity .5s ease .2s,transform .6s cubic-bezier(.34,1.56,.64,1) .2s,box-shadow .8s ease .3s;pointer-events:none;white-space:nowrap}.pi-single--in{opacity:1;transform:translate(-50%,-50%) scale(1);box-shadow:0 0 28px #f5d98a59}.pi-prism-badge{font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 7px;margin-left:4px;border-radius:4px;background:linear-gradient(135deg,#d4a853,#f5d98a);color:#1a1a0e}.pi-preview{height:230px;margin-top:10px;flex-shrink:0;position:relative}.pi-sender{position:absolute;top:0;width:195px;padding:6px 8px 7px;border-radius:8px;background:linear-gradient(180deg,#181c24,#141820);border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 14px #00000073;opacity:0;transition:opacity .45s ease,transform .55s cubic-bezier(.34,1.2,.64,1);z-index:1;overflow:hidden}.pi-sender--left{left:0;transform:rotate(-3deg) translate(-4px,4px) scale(.96);transform-origin:bottom right}.pi-sender--right{right:0;transform:rotate(3deg) translate(4px,4px) scale(.96);transform-origin:bottom left}.pi-sender--in.pi-sender--left{opacity:1;transform:rotate(-3.5deg) translate(0) scale(1)}.pi-sender--in.pi-sender--right{opacity:1;transform:rotate(3.5deg) translate(0) scale(1)}.pi-sender-head{display:flex;align-items:baseline;gap:4px;padding-bottom:3px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:4px}.pi-sender-hash{font-size:11px;color:var(--color-text-muted);font-weight:600}.pi-sender-channel{font-size:10px;font-weight:600;color:var(--color-text-secondary)}.pi-sender-author{margin-left:auto;font-size:9px;color:var(--color-text-muted);font-style:italic}.pi-sender-native{font-size:12px;line-height:1.25;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pi-main-channel{position:absolute;top:62px;left:0;right:0;padding:8px 10px;border-radius:10px;background:linear-gradient(180deg,#1a1f2a,#15191f);border:1px solid rgba(245,217,138,.28);box-shadow:0 6px 22px #0000008c;z-index:2;opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s ease}.pi-main-channel--visible{opacity:1;transform:translateY(0)}.pi-channel-header{display:flex;align-items:center;gap:6px;padding:0 2px 6px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:2px}.pi-channel-header-hash{color:#f5d98a;font-size:14px;font-weight:600;text-shadow:0 0 6px rgba(245,217,138,.35)}.pi-channel-header-name{font-size:13px;font-weight:600;color:var(--color-text-primary)}.pi-channel-header-tag{margin-left:auto;font-size:9px;font-weight:700;letter-spacing:.06em;padding:2px 6px;border-radius:3px;background:linear-gradient(135deg,#d4a85340,#f5d98a2e);color:#f5d98a;border:1px solid rgba(245,217,138,.3)}.pi-bubble-row{display:flex;gap:8px;padding:4px 2px;opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease}.pi-bubble-row--in{opacity:1;transform:translateY(0)}.pi-avatar{flex-shrink:0;width:24px;height:24px;border-radius:50%;box-shadow:0 0 8px #0000004d}.pi-bubble-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pi-bubble-head{display:flex;align-items:baseline;gap:8px;line-height:1}.pi-bubble-name{font-size:12px;font-weight:600;color:var(--color-text-primary)}.pi-bubble-source{font-size:10px;color:var(--color-text-muted);font-style:italic}.pi-bubble-message{font-size:13px;line-height:1.35;color:var(--color-text-primary);word-wrap:break-word}.pi-preview-caption{position:absolute;bottom:0;left:0;right:0;font-size:11px;font-style:italic;text-align:center;color:var(--color-text-muted);opacity:0;transition:opacity .5s ease .3s}.pi-preview-caption--visible{opacity:1}.pi-footer{margin-top:auto;padding-top:12px;display:flex;justify-content:center;flex-shrink:0}.pi-continue{min-width:160px;height:44px;font-size:14px;font-weight:600;background:linear-gradient(135deg,#5865f2,#4752c4);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 12px #5865f24d}.pi-continue:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 18px #5865f273}.pi-continue:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.onboarding{width:100%;min-height:100vh;padding:20px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0f1419,#0a0e13);color:var(--color-text-primary);font-family:var(--font-family);overflow:hidden;position:relative}.onboarding-card{zoom:1.12;width:100%;max-width:480px;min-width:320px;height:720px;max-height:calc(100vh - 24px);padding:16px 20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;position:relative}.onboarding-inline-footer{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:10px;width:100%;flex-shrink:0}.onboarding-fixed-footer{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding-top:8px;flex-shrink:0}.onboarding-hero{display:flex;justify-content:center;flex-shrink:0}.hero-image{width:100%;max-width:260px;height:auto;max-height:170px;object-fit:contain;opacity:.9;-webkit-mask-image:radial-gradient(ellipse 85% 80% at center,black 55%,transparent 90%);mask-image:radial-gradient(ellipse 85% 80% at center,black 55%,transparent 90%)}.onboarding-header{text-align:center;margin-bottom:12px;flex-shrink:0}.onboarding-header h1{font-size:26px;font-weight:700;margin:0;background:linear-gradient(135deg,#d4a853,#f5d98a 35%,#fffbe0,#f5d98a 65%,#d4a853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(212,168,83,.3);filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));letter-spacing:.01em;display:flex;align-items:center;justify-content:center;gap:10px;height:48px}.onboarding-header .subtitle{color:var(--color-text-secondary);font-size:13px;line-height:1.3;margin:4px 0 0;padding:0 8px}.onboarding-title-emoji{-webkit-text-fill-color:initial;background:none;-webkit-background-clip:initial;background-clip:initial}.onboarding-globe-canvas{display:inline-block;vertical-align:middle;margin-right:4px;margin-bottom:2px}.step-indicator{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-8)}.step{display:flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);background:var(--color-bg-card);opacity:.5;transition:all var(--transition-normal);width:160px;height:40px;flex-shrink:0;overflow:hidden}.step.active{opacity:1;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%)}.step.complete{opacity:.8;background:var(--color-success)}.step-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.step-connector{width:32px;height:2px;background:var(--color-bg-card);flex-shrink:0}.top-languages{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 var(--space-1);margin-top:4px;margin-bottom:8px;width:100%;flex-shrink:0}.top-languages .language-card{padding:6px 4px;min-height:48px;gap:2px}.top-languages .lang-card-native{font-size:12px}.top-languages .lang-card-english{font-size:9px}.top-languages .flag-icon--lg{width:22px;height:16px}.language-dropdown-section{margin-bottom:8px;position:relative;z-index:20;width:100%;flex-shrink:0}.search-dropdown-wrapper{display:flex;align-items:center;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;transition:all var(--transition-normal);overflow:hidden;height:38px}.search-dropdown-wrapper:hover,.search-dropdown-wrapper:focus-within{border-color:#f5d98a59;background:#ffffff08}.search-dropdown-wrapper.expanded{border-color:#f5d98a80;border-bottom-left-radius:0;border-bottom-right-radius:0}.search-dropdown-wrapper .language-search-input{flex:1;padding:var(--space-2) var(--space-4);border:none;background:transparent;color:var(--color-text-primary);font-size:var(--font-size-base);outline:none}.search-dropdown-wrapper .language-search-input::placeholder{color:var(--color-text-secondary);opacity:.6;font-style:italic}.dropdown-arrow-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0}.dropdown-arrow{font-size:10px;transition:transform var(--transition-normal)}.dropdown-arrow.up{transform:rotate(180deg)}.dropdown-panel{border:1px solid rgba(245,217,138,.25);border-top:none;border-radius:0 0 8px 8px;background:#0f1419fa;box-shadow:0 12px 28px #0000008c;padding:10px;animation:panelSlideDown .2s ease-out;position:absolute;top:100%;left:0;right:0;z-index:50;max-height:320px;overflow-y:auto}@keyframes panelSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.language-grid-container{flex:1;min-height:0;overflow-y:auto;margin-bottom:var(--space-4);padding:0 var(--space-1);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.language-grid-container::-webkit-scrollbar{width:4px}.language-grid-container::-webkit-scrollbar-track{background:transparent}.language-grid-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);padding:var(--space-1)}.language-card{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-normal);text-align:center;min-height:56px}.language-card:hover{border-color:#f5d98a59;background:#f5d98a0d;transform:translateY(-1px)}.language-card.selected{border-color:#f5d98a99;background:linear-gradient(135deg,#d4a8532e,#f5d98a1a);box-shadow:0 0 16px #f5d98a40}.language-card.suggested:not(.selected){border-color:#ffffff14}.lang-card-native{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.lang-card-english{font-size:10px;color:var(--color-text-secondary);line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.onboarding-profile-hint{margin:0;font-size:11px;color:var(--color-text-muted);font-style:italic;text-align:center;line-height:1.4;padding:0 12px}.nav-buttons{display:flex;gap:var(--space-3);justify-content:center;align-items:center;padding-bottom:8px;flex-shrink:0;width:100%}.btn-confirm-lang{min-width:160px;height:40px;padding:0 20px;font-size:13px;font-weight:600;background:linear-gradient(135deg,#5865f2,#4752c4);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 12px #5865f24d}.btn-confirm-lang:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 18px #5865f273}.btn-confirm-lang:disabled,.btn-confirm-lang.locked{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-proceed{min-width:180px;height:44px;padding:0 24px;font-size:14px;font-weight:600;background:#ffffff0a;color:var(--color-text-muted);border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:not-allowed;transition:all .25s ease}.btn-proceed.active{background:linear-gradient(135deg,#5865f2,#4752c4);color:#fff;border:none;cursor:pointer;box-shadow:0 2px 12px #5865f24d;animation:blurplePulse .45s ease}.btn-proceed.active:hover{transform:translateY(-1px);box-shadow:0 4px 18px #5865f273}@keyframes blurplePulse{0%{transform:scale(1);box-shadow:0 0 #5865f200}50%{transform:scale(1.04);box-shadow:0 0 18px #5865f273}to{transform:scale(1);box-shadow:0 2px 12px #5865f24d}}.language-confirmation-panel{animation:confirmSlideUp .35s ease forwards;background:linear-gradient(135deg,#282014e6,#1e1c16eb);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(212,168,83,.2);border-radius:10px;padding:10px 14px;text-align:center;width:100%;box-shadow:0 4px 20px #d4a85314}.confirmation-selected-text{font-size:13px;font-weight:500;color:#ffffffe0;margin:0 0 6px}.confirmation-lang-name{font-weight:700;font-size:14px}.confirmation-description{font-size:12px;color:#fff9;line-height:1.5;margin:0 0 6px}.confirmation-used-in{font-size:12px;color:#fff9;margin:0 0 4px;text-align:left;width:100%}.confirmation-bullet-list{list-style:disc;padding-left:18px;margin:0 0 6px;text-align:left;width:100%}.confirmation-bullet-list li{font-size:12px;color:#ffffffa6;line-height:1.5}.confirmation-red{color:#e94560;font-weight:600}.confirmation-prism{font-weight:700;background:linear-gradient(135deg,#f0c674,#d4a853 40%,#f5d98a 60%,#d4a853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.confirmation-voice{font-weight:700;color:#5dadec}.confirmation-text-mode{font-weight:700;color:#57f287}.confirmation-reselect{font-size:10px;color:#ffffff73;margin:6px 0 0;font-style:italic;line-height:1.4}.confirmation-profile-note{font-size:10px;color:#ffffff61;margin:4px 0 0;line-height:1.4}.confirmation-actions{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;padding-top:2px}.btn-back-arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:linear-gradient(135deg,#e94560,#c0392b);color:#fff;font-size:16px;cursor:pointer;transition:all .2s ease;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);box-shadow:0 2px 10px #e945604d;flex-shrink:0}.btn-back-arrow:hover:not(:disabled){background:linear-gradient(135deg,#ff5a7a,#e94560);transform:scale(1.06);box-shadow:0 3px 14px #e9456073}.btn-back-arrow:disabled{opacity:.25;cursor:not-allowed;filter:grayscale(.5)}.onboarding-inline-footer.locked .onboarding-hero,.onboarding-inline-footer.locked .onboarding-profile-hint,.onboarding-inline-footer.locked .nav-buttons{display:none}@keyframes confirmSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.confirm-screen{flex:1;display:flex;align-items:center;justify-content:center}.confirm-card{background:var(--color-bg-card);padding:var(--space-8);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-lg);width:100%;max-width:420px;min-width:320px}.confirm-card h2{margin-bottom:var(--space-6);color:var(--color-success);font-size:var(--font-size-xl)}.translation-pair{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-6)}.lang-box{background:var(--color-bg-secondary);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-1);min-width:140px;text-align:center}.lang-box .direction{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.lang-box .lang-native{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.lang-box .lang-name{font-size:var(--font-size-base);color:var(--color-text-secondary)}.lang-box.speak{border-left:3px solid var(--color-accent)}.lang-box.listen{border-left:3px solid var(--color-success)}.arrow{font-size:var(--font-size-2xl);flex-shrink:0}.confirm-note{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-6);line-height:var(--line-height-normal)}@media (max-width: 600px){.step-label{display:none}.step{min-width:40px;padding:var(--space-2)}.translation-pair{flex-direction:column}.arrow{transform:rotate(90deg)}.lang-box{min-width:100%}.confirm-card{min-width:unset;padding:var(--space-6)}}.prism-onboarding{padding-bottom:var(--space-6);display:flex;flex-direction:column;min-height:100vh;max-height:100vh;max-width:1020px}.prism-intro-header{text-align:center;padding:var(--space-3) var(--space-4) var(--space-1);flex-shrink:0}.prism-intro-title{font-size:3.2rem;color:var(--color-text-primary);margin-bottom:var(--space-2);font-weight:var(--font-weight-bold)}.prism-gold{background:linear-gradient(135deg,#f0c674,#d4a853 30%,#f5d98a,#c49a3c 80%,#f0c674);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(212,168,83,.25))}.prism-intro-features{list-style:none;padding:0;margin:0 auto var(--space-2);max-width:380px;text-align:left}.prism-intro-features li{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.55;padding:.25rem 0}.prism-intro-cta{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-top:var(--space-1);color:#57f287}.prism-intro-header--condensed{padding:var(--space-1) var(--space-3) 0}.prism-intro-header--condensed .prism-intro-title{font-size:1rem;margin-bottom:.25rem}.prism-condensed-tagline{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:1.4}.prism-condensed-tagline em{color:#f0c674;font-style:normal;font-weight:600}.prism-demo-wrapper{flex:1;min-height:0;overflow:visible;padding:0 var(--space-3);display:flex;flex-direction:column;justify-content:center;align-items:center}.prism-demo-instruction{text-align:center;padding:var(--space-2) var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.prism-demo-instruction-number{font-weight:var(--font-weight-bold);color:#57f287;margin-right:.25rem}.prism-intro-footer{flex-shrink:0;margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-6)}.prism-features-row{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.prism-feature-pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:#a855f71a;border:1px solid rgba(168,85,247,.25);font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.prism-intro-footer .btn-primary{background:linear-gradient(135deg,#a855f7,#ec4899);min-width:200px}.prism-pause-footer{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;padding:var(--space-4) var(--space-6);z-index:30;background:linear-gradient(to top,rgba(30,31,34,.95) 0%,transparent 100%)}.prism-pause-buttons{display:flex;align-items:center;gap:var(--space-3)}.prism-restart-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--color-text-tertiary, #72767d);cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0}.prism-restart-btn:hover{background:#ffffff1f;border-color:#fff3;color:var(--color-text-secondary, #b5bac1);transform:scale(1.08)}.prism-restart-btn:active{transform:scale(.95)}.prism-restart-btn:after{content:"Restart";position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.9);background:#111214;color:#dbdee1;padding:4px 10px;border-radius:4px;font-size:.7rem;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;box-shadow:0 2px 10px #0000004d}.prism-restart-btn:hover:after{opacity:1;transform:translate(-50%) scale(1)}.prism-continue-btn{background:linear-gradient(135deg,#a855f7,#ec4899)!important;min-width:220px;font-size:.95rem!important;font-weight:600!important;padding:12px 28px!important;border-radius:var(--radius-lg)!important;letter-spacing:.02em;box-shadow:0 4px 20px #a855f74d;transition:all .2s ease!important}.prism-continue-btn:hover{transform:translateY(-1px);box-shadow:0 6px 25px #a855f766}.tt-bot-chat{max-width:560px;width:100%;margin:0 auto;padding:1rem 2rem;display:flex;flex-direction:column;gap:16px;opacity:0;transform:translateY(10px)}.tt-bot-message-block{display:flex;align-items:flex-start;gap:12px;opacity:0;transform:translateY(8px)}.tt-bot-avatar{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-full);background:linear-gradient(135deg,#5865f2,#eb459e);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #5865f24d}.tt-bot-avatar--sm{width:32px;height:32px}.tt-bot-avatar--sm .tt-bot-icon{font-size:1rem}.tt-bot-icon{font-size:1.35rem;line-height:1}.tt-bot-msg-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.tt-bot-name{font-size:1.05rem;font-weight:700;color:#5865f2;line-height:1.2}.tt-bot-text{font-size:1.15rem;line-height:1.5;color:#dbdee1;font-weight:400;margin:0}.tt-bot-cursor{display:inline-block;color:#5865f2;font-weight:300;font-size:1.15rem;animation:cursorBlink .6s step-end infinite;margin-left:1px}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.tt-typing-indicator{display:flex;align-items:center;gap:10px;opacity:0;transform:translateY(6px);padding-left:2px}.tt-typing-dots{display:flex;align-items:center;gap:4px;padding:10px 14px;background:#ffffff0f;border-radius:16px}.tt-dot{width:7px;height:7px;border-radius:50%;background:#72767d;animation:dotBounce 1.4s ease-in-out infinite}.tt-dot:nth-child(2){animation-delay:.2s}.tt-dot:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.prism-restart-btn{font-size:1.2rem;line-height:1}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60%)}to{opacity:1;transform:translate(0)}}.prism-onboarding--exiting{animation:slideOutLeft .5s ease forwards;pointer-events:none}.prism-onboarding--entering{animation:slideInRight .5s ease forwards}.prism-intro-subtitle{font-size:1.3rem;color:var(--color-text-secondary, #b5bac1);line-height:1.5;text-align:center;max-width:480px;margin:0 auto}.prism-intro-subtitle em{color:#f0c674;font-style:normal;font-weight:600}.prism-demo-intro-msg{padding:1.5rem 2rem;text-align:left;max-width:520px;margin:0 auto}.add-to-server-cta{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-6) var(--space-4);max-width:480px;margin:0 auto;gap:var(--space-3)}.add-to-server-icon{font-size:56px;line-height:1;margin-bottom:var(--space-2);filter:drop-shadow(0 4px 12px rgba(88,101,242,.25))}.add-to-server-title{font-size:var(--font-size-2xl);font-weight:700;margin:0;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.add-to-server-desc{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.5;margin:0;max-width:380px}.add-to-server-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-3);padding:12px 22px;background:#5865f2;color:#fff;border:none;border-radius:8px;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background .15s ease,transform .1s ease;box-shadow:0 4px 12px #5865f259}.add-to-server-btn:hover{background:#4752c4;transform:translateY(-1px)}.add-to-server-btn:active{transform:translateY(0)}.add-to-server-btn-icon{font-size:18px;line-height:1}.add-to-server-hint{color:var(--color-text-tertiary, var(--color-text-secondary));font-size:var(--font-size-sm);margin:0;max-width:360px;opacity:.8}.add-to-server-dismiss{margin-top:var(--space-2);padding:8px 16px;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:6px;font-size:var(--font-size-sm);cursor:pointer;transition:background .15s ease,color .15s ease}.add-to-server-dismiss:hover{background:#ffffff0d;color:var(--color-text-primary)}.mirror-onboarding{min-height:100vh;max-height:100vh;display:flex;flex-direction:column;padding:var(--space-6);max-width:800px;margin:0 auto;overflow-y:auto}.mirror-onboarding-header{text-align:center;margin-bottom:var(--space-4)}.mirror-onboarding-header h1{font-size:var(--font-size-3xl);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mirror-onboarding-header .subtitle{color:var(--color-text-secondary);margin-top:var(--space-2);font-size:var(--font-size-base)}.mirror-onboarding-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4)}.mirror-onboarding-loading .loading-orb{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);animation:pulse-orb 1.5s ease-in-out infinite}@keyframes pulse-orb{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:1}}.mirror-onboarding-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center}.mirror-onboarding-error .error-icon{font-size:48px}.mirror-onboarding-error h2{color:var(--color-text-primary)}.mirror-onboarding-error p{color:var(--color-text-secondary);max-width:320px}.mirror-channel-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0;margin-bottom:var(--space-4);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.mirror-channel-instruction{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;margin:0 0 var(--space-2);padding:0 var(--space-2);line-height:var(--line-height-normal)}.mirror-channel-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-bg-card);border:1px solid transparent;transition:all var(--transition-normal)}.mirror-channel-item:hover{border-color:#ffffff14}.mirror-channel-item.joined{border-color:#57f2874d;background:#57f2870d}.mirror-channel-info{display:flex;align-items:center;gap:var(--space-3)}.mirror-channel-flag{font-size:28px;line-height:1}.mirror-channel-text{display:flex;flex-direction:column;gap:2px}.mirror-channel-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.mirror-channel-discord{font-size:var(--font-size-xs);color:var(--color-text-secondary);opacity:.7}.mirror-toggle-btn{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);border:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);min-width:80px}.mirror-toggle-btn.join{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);color:#fff}.mirror-toggle-btn.join:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #e945604d}.mirror-toggle-btn.leave{background:#57f28726;color:var(--color-success);border:1px solid rgba(87,242,135,.3)}.mirror-toggle-btn.leave:hover:not(:disabled){background:#ed424526;color:var(--color-error);border-color:#ed42454d}.mirror-toggle-btn:disabled{opacity:.5;cursor:wait}.mirror-request-link{display:block;width:100%;text-align:center;background:none;border:1px dashed rgba(255,255,255,.15);border-radius:var(--radius-lg);padding:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);margin-bottom:var(--space-4)}.mirror-request-link:hover{border-color:var(--color-accent);color:var(--color-accent);background:#e945600d}.mirror-onboard-footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding-bottom:var(--space-6);flex-shrink:0}.mirror-joined-count{font-size:var(--font-size-sm);color:var(--color-success);font-weight:var(--font-weight-semibold)}.mirror-onboard-footer .btn-primary{min-width:200px;padding:var(--space-3) var(--space-8);border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);color:#fff;border:none;cursor:pointer;transition:all var(--transition-normal)}.mirror-onboard-footer .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #e9456066}.mirror-request-sent{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);text-align:center}.mirror-request-sent .sent-icon{font-size:64px;animation:pop-in .4s ease-out}@keyframes pop-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.mirror-request-sent h2{color:var(--color-success);font-size:var(--font-size-xl)}.mirror-request-sent p{color:var(--color-text-secondary);max-width:360px;line-height:var(--line-height-normal)}@media (max-width: 600px){.mirror-onboarding{padding:var(--space-4)}.mirror-channel-item{padding:var(--space-2) var(--space-3)}.mirror-channel-flag{font-size:24px}.mirror-toggle-btn{min-width:68px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}}.channel-config-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.channel-config-modal{background:linear-gradient(135deg,#1e1f22f2,#282a30f2);border:1px solid rgba(255,255,255,.1);border-radius:16px;width:480px;min-width:480px;max-width:480px;height:720px;min-height:720px;max-height:720px;position:relative;box-shadow:0 20px 60px #00000080,0 0 40px #5865f21a;animation:slideUp .3s ease;overflow:hidden;display:flex;flex-direction:column}.channel-config{padding:1.5rem;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.channel-config-footer{padding:1rem 1.5rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#1e1f22fa,#282a30fa);flex-shrink:0}.channel-config-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.channel-config-header h2{margin:0;font-size:1.35rem;font-weight:600;color:var(--text-primary, #fff);flex:1;text-align:center}.channel-config .popup-close-btn{background:#ffffff1a;border:none;color:var(--text-primary, #fff);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.channel-config .popup-close-btn:hover{background:#fff3}.channel-config .close-x{font-size:1.25rem;font-weight:300;line-height:1}.back-btn{background:transparent;border:none;color:var(--text-secondary, #b5bac1);cursor:pointer;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.back-btn:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.config-section{background:#ffffff0d;border-radius:12px;padding:1.25rem;margin-bottom:1rem}.config-section h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--text-primary, #fff)}.section-desc{margin:0 0 1rem;font-size:.85rem;color:var(--text-secondary, #b5bac1)}.dropdown-section{cursor:pointer;transition:all .2s ease;min-height:64px}.dropdown-section:not(.expanded){padding:.875rem 1.25rem;height:64px;overflow:hidden}.dropdown-section.expanded{padding:1.25rem}.dropdown-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dropdown-header-left{display:flex;align-items:center;gap:.75rem;flex:1}.dropdown-icon{font-size:1.25rem;width:32px;text-align:center}.dropdown-header-text{display:flex;flex-direction:column;gap:.15rem}.dropdown-header-text h3{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary, #fff)}.dropdown-value{font-size:.8rem;color:var(--text-secondary, #b5bac1)}.dropdown-value.enabled{color:var(--success, #3ba55c)}.dropdown-chevron{color:var(--text-secondary, #b5bac1);transition:transform .2s ease;flex-shrink:0}.dropdown-chevron.expanded{transform:rotate(180deg)}.dropdown-content{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);animation:slideDown .2s ease}.participant-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.count-btn{width:44px;height:44px;border-radius:50%;border:2px solid var(--primary, #5865f2);background:transparent;color:var(--primary, #5865f2);font-size:1.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.count-btn:hover:not(:disabled){background:var(--primary, #5865f2);color:#fff}.count-btn:disabled{opacity:.4;cursor:not-allowed}.participant-display{min-width:80px;text-align:center}.participant-input{width:60px;text-align:center;font-size:1.75rem;font-weight:700;background:transparent;border:none;color:var(--text-primary, #fff);outline:none}.participant-input:focus{border-bottom:2px solid var(--primary, #5865f2)}.slider-container{display:flex;align-items:center;gap:.75rem}.slider-label{font-size:.85rem;color:var(--text-secondary, #b5bac1);min-width:20px;text-align:center}.participant-slider{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1a;border-radius:3px;outline:none}.participant-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary, #5865f2);cursor:pointer;transition:transform .2s ease}.participant-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.participant-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary, #5865f2);cursor:pointer;border:none}.access-options{display:flex;flex-direction:column;gap:.75rem}.access-option{display:block;cursor:pointer}.access-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.access-content{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border:2px solid transparent;border-radius:10px;transition:all .2s ease}.access-option:hover .access-content{background:#ffffff0f}.access-option.selected .access-content{border-color:var(--primary, #5865f2);background:#5865f21a}.access-icon{font-size:1.5rem}.access-text{display:flex;flex-direction:column;gap:.15rem}.access-title{font-weight:600;color:var(--text-primary, #fff)}.access-desc{font-size:.8rem;color:var(--text-secondary, #b5bac1)}.serverbank-toggle{display:flex;flex-direction:column}.toggle-option{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffff08;border:2px solid transparent;border-radius:10px;transition:all .2s ease;cursor:pointer}.toggle-option:hover{background:#ffffff0f}.toggle-option.enabled{border-color:var(--success, #3ba55c);background:#3ba55c1a}.toggle-content{display:flex;align-items:center;gap:1rem}.toggle-icon{font-size:1.5rem}.toggle-text{display:flex;flex-direction:column;gap:.15rem}.toggle-title{font-weight:600;color:var(--text-primary, #fff)}.toggle-desc{font-size:.8rem;color:var(--text-secondary, #b5bac1)}.toggle-switch{position:relative;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#fff3;border-radius:24px;transition:all .3s ease}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .3s ease}.toggle-switch input:checked+.toggle-slider{background:var(--success, #3ba55c)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 2px #3ba55c4d}.payment-options{display:flex;flex-direction:column;gap:.75rem}.payment-option{display:block;cursor:pointer}.payment-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.payment-content{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border:2px solid transparent;border-radius:10px;transition:all .2s ease}.payment-option:hover .payment-content{background:#ffffff0f}.payment-option.selected .payment-content{border-color:var(--primary, #5865f2);background:#5865f21a}.payment-icon{font-size:1.5rem}.payment-text{display:flex;flex-direction:column;gap:.15rem}.payment-title{font-weight:600;color:var(--text-primary, #fff)}.payment-desc{font-size:.8rem;color:var(--text-secondary, #b5bac1)}.custom-split-options{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.split-label{margin:0 0 .75rem;font-size:.9rem;color:var(--text-secondary, #b5bac1)}.split-buttons{display:flex;gap:.75rem}.split-btn{flex:1;padding:.75rem 1rem;border:2px solid rgba(255,255,255,.2);border-radius:8px;background:transparent;color:var(--text-primary, #fff);font-weight:600;cursor:pointer;transition:all .2s ease}.split-btn:hover{border-color:var(--primary, #5865f2)}.split-btn.selected{border-color:var(--primary, #5865f2);background:var(--primary, #5865f2)}.calltype-options{display:flex;flex-direction:column;gap:.75rem}.calltype-card{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1rem;background:#ffffff08;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.calltype-card:hover:not(:disabled){background:#ffffff0f}.calltype-card.selected{border-color:var(--primary, #5865f2);background:#5865f21a}.calltype-card.disabled{opacity:.5;cursor:not-allowed;position:relative}.calltype-icon{font-size:1.25rem;margin-bottom:.25rem}.calltype-title{font-weight:600;color:var(--text-primary, #fff)}.calltype-desc{font-size:.8rem;color:var(--text-secondary, #b5bac1)}.coming-soon{display:inline-block;margin-top:.5rem;padding:.25rem .5rem;background:#ffffff1a;border-radius:4px;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #b5bac1)}.create-channel-btn{width:100%;padding:1rem;margin-top:.5rem;font-size:1.1rem;font-weight:600;animation:buttonPop .25s ease-out}@keyframes buttonPop{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}.invite-link-highlight{background:linear-gradient(135deg,#d4a853,#f5d485 25%,#fff5d4 45%,#f5d485 55%,#d4a853 75%,#c9963c);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;animation:goldShimmer 1.5s ease-in-out 1}@keyframes goldShimmer{0%{background-position:100% 50%}to{background-position:0% 50%}}.invite-link-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;margin-top:1rem;font-size:1rem;font-weight:500;background:#5865f21a;border:2px solid var(--primary, #5865f2);color:var(--primary, #5865f2);border-radius:8px;cursor:pointer;transition:all .2s ease}.invite-link-btn:hover{background:#5865f233}.access-option.clickable{cursor:pointer}.access-option.clickable .access-content{flex-wrap:wrap}.selected-users-preview{display:flex;gap:.25rem;margin-top:.5rem;width:100%;padding-left:2.5rem}.user-avatar-mini{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#5865f2,#3ba55c);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:#fff;cursor:pointer;border:2px solid var(--bg-primary, #1e1f22);margin-left:-8px}.user-avatar-mini:first-child{margin-left:0}.user-avatar-mini img{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-avatar-mini.more{background:#fff3;font-size:.65rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.user-picker-modal{background:var(--bg-secondary, #2b2d31);border-radius:12px;width:90%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .2s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h3{margin:0;font-size:1.1rem;color:var(--text-primary, #fff)}.modal-close{background:transparent;border:none;color:var(--text-secondary, #b5bac1);font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s ease}.modal-close:hover{color:var(--text-primary, #fff)}.user-list{flex:1;overflow-y:auto;padding:.5rem}.user-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;cursor:pointer;transition:background .2s ease}.user-item:hover{background:#ffffff0d}.user-item.selected{background:#5865f233}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#5865f2,#3ba55c);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:#fff}.user-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-name{flex:1;font-weight:500;color:var(--text-primary, #fff)}.user-checkbox{width:24px;height:24px;border-radius:4px;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center}.user-item.selected .user-checkbox{background:var(--primary, #5865f2);border-color:var(--primary, #5865f2);color:#fff}.modal-footer{padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.1)}.modal-footer .btn{width:100%}.invite-link-modal{background:var(--bg-secondary, #2b2d31);border-radius:12px;width:90%;max-width:420px;display:flex;flex-direction:column;animation:slideUp .2s ease}.invite-link-content{padding:1.25rem}.invite-link-desc{margin:0 0 1rem;font-size:.9rem;color:var(--text-secondary, #b5bac1)}.invite-link-box{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#0000004d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.invite-link-url{flex:1;font-family:Consolas,Monaco,monospace;font-size:.85rem;color:var(--text-primary, #fff);word-break:break-all}.copy-link-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:var(--primary, #5865f2);border:none;border-radius:6px;color:#fff;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.copy-link-btn:hover{background:#4752c4}.invite-link-note{margin:1rem 0 0;font-size:.8rem;color:var(--text-secondary, #b5bac1);text-align:center}.invite-expiration-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.invite-expiration-label{display:block;font-size:.85rem;color:var(--text-secondary, #b5bac1);margin-bottom:.75rem}.invite-expiration-options{display:flex;gap:.5rem}.expiration-option{flex:1;padding:.6rem .75rem;border:2px solid rgba(255,255,255,.2);border-radius:8px;background:transparent;color:var(--text-secondary, #b5bac1);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.expiration-option:hover{border-color:var(--primary, #5865f2);color:var(--text-primary, #fff)}.expiration-option.selected{border-color:var(--primary, #5865f2);background:var(--primary, #5865f2);color:#fff}.channel-invite-wrapper{width:90%;max-width:420px;display:flex;flex-direction:column;animation:slideUp .2s ease}.channel-invite-wrapper .invite-modal-overlay{position:static;background:none;animation:none}.channel-invite-wrapper .invite-modal{width:100%;max-width:none;box-shadow:none}.channel-invite-wrapper .invite-expiration-section{background:linear-gradient(135deg,#2f3136,#36393f);padding:16px 20px;border-top:1px solid rgba(255,255,255,.08)}.channel-invite-wrapper .modal-footer{background:linear-gradient(135deg,#2f3136,#36393f);border-radius:0 0 16px 16px;border-top:none;padding:12px 20px 16px}.channel-config-modal.compact{height:auto;min-height:unset;max-height:380px}.conversational-config{display:flex;flex-direction:column;gap:6px}.cc-row{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;min-height:52px}.cc-row-label{font-size:.88rem;font-weight:500;color:var(--text-primary, #e2e8f0)}.participant-pills{display:flex;gap:5px}.participant-pill{min-width:34px;height:34px;padding:0 8px;border-radius:8px;border:1.5px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-secondary, #94a3b8);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;line-height:1}.participant-pill:hover{border-color:#818cf873;color:var(--text-primary, #e2e8f0);background:#6366f11a}.participant-pill.active{border-color:var(--accent-primary, #818cf8);background:#6366f133;color:var(--accent-primary, #818cf8)}.cc-section-label{display:flex;align-items:center;justify-content:space-between;font-size:.88rem;font-weight:500;color:var(--text-primary, #e2e8f0);padding:0 4px 2px;margin:0}.cc-drum-value{font-size:1rem;font-weight:700;color:var(--accent-primary, #818cf8);min-width:28px;text-align:right}.number-drum-wrap{position:relative;height:60px;overflow:hidden;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.number-drum{display:flex;align-items:center;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 20%,black 80%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 20%,black 80%,transparent 100%)}.number-drum::-webkit-scrollbar{display:none}.drum-pad{flex-shrink:0;width:calc(50% - 22px)}.drum-item{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;background:none;border:none;border-radius:8px;font-size:.85rem;font-weight:600;color:#ffffff38;cursor:pointer;transition:color .15s ease,font-size .15s ease;line-height:1;padding:0}.drum-item:hover{color:#ffffff80}.drum-item.selected{color:transparent}.drum-cursor{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border:1.5px solid rgba(129,140,248,.55);border-radius:10px;z-index:3}.drum-input{pointer-events:auto;background:transparent;color:#fff;font-size:1.15rem;font-weight:700;text-align:center;outline:none;cursor:text;-moz-appearance:textfield}.drum-input::-webkit-inner-spin-button,.drum-input::-webkit-outer-spin-button{-webkit-appearance:none}.drum-input:focus{border-color:#818cf8e6;box-shadow:0 0 0 3px #818cf826}.drum-scrollbar{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:#ffffff14;outline:none;cursor:pointer;margin-top:2px}.drum-scrollbar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:10px;border-radius:5px;background:#818cf8b3;cursor:grab;transition:background .15s ease,transform .1s ease}.drum-scrollbar::-webkit-slider-thumb:active{cursor:grabbing;background:#818cf8;transform:scaleY(1.3)}.drum-scrollbar::-moz-range-thumb{width:24px;height:10px;border-radius:5px;border:none;background:#818cf8b3;cursor:grab}.drum-scrollbar::-moz-range-track{height:4px;background:#ffffff14;border-radius:2px}.voice-mode-picker{display:flex;flex-direction:column;align-items:center;padding:24px 20px;max-width:480px;margin:0 auto;position:relative}.mode-picker-header{text-align:center;margin-bottom:24px;width:100%}.mode-picker-back{position:absolute;top:24px;left:20px;background:none;border:none;color:var(--accent-primary, #818cf8);font-size:13px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s ease}.mode-picker-back:hover{background:#6366f11a}.mode-picker-header h2{color:var(--text-primary, #e2e8f0);font-size:20px;font-weight:700;margin:0 0 6px}.mode-picker-subtitle{color:var(--text-secondary, #94a3b8);font-size:13px;margin:0}.mode-cards{display:flex;flex-direction:column;gap:10px;width:100%}.mode-card{display:flex;align-items:center;gap:14px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.mode-card:hover:not(.coming-soon){background:#6366f114;border-color:#6366f140;transform:translateY(-1px)}.mode-card:active:not(.coming-soon){transform:translateY(0)}.mode-card.coming-soon{opacity:.45;cursor:not-allowed}.mode-card-icon{font-size:28px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#6366f11a;border-radius:12px;flex-shrink:0}.mode-card-content{flex:1;min-width:0}.mode-card-title{font-size:18px;font-weight:600;color:var(--text-primary, #e2e8f0);margin:0 0 4px;display:flex;align-items:center;gap:8px}.mode-card-desc{font-size:14px;color:var(--text-secondary, #94a3b8);margin:0;line-height:1.4}.coming-soon-badge{font-size:10px;font-weight:500;color:#72767d;background:#ffffff0f;padding:2px 7px;border-radius:6px;white-space:nowrap;letter-spacing:.02em}.mode-card-arrow{color:var(--text-secondary, #94a3b8);font-size:18px;flex-shrink:0;transition:transform .15s ease}.mode-card:hover:not(.coming-soon) .mode-card-arrow{transform:translate(3px);color:var(--accent-primary, #818cf8)}@media (max-width: 480px){.voice-mode-picker{padding:16px 12px}.mode-card{padding:12px}.mode-card-icon{width:40px;height:40px;font-size:22px}}.prism-channel-scroller{scrollbar-width:none;-ms-overflow-style:none}.prism-channel-scroller::-webkit-scrollbar{display:none}@keyframes prism-scroll-hint-pulse{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:.55;transform:translateY(2px)}}.prism-scroll-hint{animation:prism-scroll-hint-pulse 2.4s ease-in-out infinite;pointer-events:none}.lang-overview-section{margin:4px 0}.lang-overview-toggle{width:100%;display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px;color:var(--color-text-primary);font-size:.88rem;font-weight:600;cursor:pointer;text-align:left;transition:background .15s}.lang-overview-toggle:hover{background:#ffffff0f}.lang-overview-spinner{margin-left:4px;opacity:.5;font-size:.8rem}.lang-overview-badge{margin-left:auto;background:#818cf833;color:#818cf8;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:99px}.lang-overview-panel{margin-top:4px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px}.lang-overview-desc{font-size:.8rem;color:#ffffff73;margin:0 0 14px;line-height:1.4}.lang-overview-empty{font-size:.82rem;color:#ffffff59;margin:0;line-height:1.5}.lang-overview-list{display:flex;flex-direction:column;gap:8px}.lang-overview-item{display:flex;align-items:center;gap:8px}.lang-overview-flag{font-size:1rem;flex-shrink:0;width:22px;text-align:center}.lang-overview-name{font-size:.82rem;font-weight:500;width:80px;flex-shrink:0;color:#fffc}.lang-overview-bar-track{flex:1;height:6px;background:#ffffff12;border-radius:99px;overflow:hidden}.lang-overview-bar-fill{height:100%;background:linear-gradient(90deg,#818cf8,#a78bfa);border-radius:99px;transition:width .4s ease;min-width:2px}.lang-overview-pct{font-size:.75rem;color:#fff6;width:32px;text-align:right;flex-shrink:0}.lang-overview-count{font-size:.82rem;font-weight:600;color:#ffffffb3;width:28px;text-align:right;flex-shrink:0}.lang-overview-total{display:flex;align-items:center;gap:10px;font-size:.75rem;color:#ffffff4d;margin:12px 0 0}.lang-overview-refresh{background:none;border:none;color:#818cf8b3;font-size:.75rem;cursor:pointer;padding:0;transition:color .15s}.lang-overview-refresh:hover{color:#818cf8}.mirror-setup{padding:48px 24px 32px;max-width:720px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#0f1419,#0a0e13);color:var(--color-text-primary);font-family:var(--font-family);box-sizing:border-box}.mirror-create-page{display:flex;flex-direction:column;height:100vh;min-height:unset;padding:0;overflow:hidden}.mirror-create-page .mirror-header{flex-shrink:0;padding:20px 24px 12px;margin-bottom:0;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#0f1419,#0d1117)}.mirror-create-form-scroll{flex:1;overflow-y:auto;padding:20px 24px 32px;display:flex;flex-direction:column;gap:4px}.mirror-create-form-scroll::-webkit-scrollbar{width:4px}.mirror-create-form-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.mirror-create-form-scroll .form-actions{margin-top:8px}.create-btn.full-width{width:100%;padding:14px;font-size:.95rem}.mirror-header{text-align:center;margin-bottom:24px}.mirror-header h2{margin:12px 0 8px;font-size:26px;font-weight:700;letter-spacing:.01em;background:linear-gradient(135deg,#d4a853,#f5d98a 35%,#fffbe0,#f5d98a 65%,#d4a853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(212,168,83,.3);filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.mirror-header .subtitle{color:var(--color-text-secondary);font-size:13px;margin:0}.mirror-server-context{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:6px 12px 6px 6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:999px;font-size:13px;color:var(--color-text-secondary)}.mirror-server-icon{width:24px;height:24px;border-radius:50%;object-fit:cover;background:#2b2d31}.mirror-server-icon-fallback{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5865f2,#404eed);color:#fff;font-weight:600;font-size:11px}.mirror-server-name{font-weight:600;color:var(--color-text-primary, #f2f3f5)}.mirror-invite-card-wrap{margin:16px 24px 0;display:flex;flex-direction:column;align-items:stretch;gap:6px}.mirror-invite-card{background:#2b2d31;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:14px 16px 12px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease;-webkit-user-select:none;user-select:none}.mirror-invite-card:hover:not(.disabled){background:#313338;border-color:#5865f273}.mirror-invite-card:active:not(.disabled){transform:scale(.998)}.mirror-invite-card.disabled{cursor:not-allowed;opacity:.55}.mirror-invite-card.copied{border-color:#57f287;background:#57f2870f}.mirror-invite-card-body{display:flex;align-items:center;gap:12px}.mirror-invite-card-icon{width:50px;height:50px;border-radius:14px;object-fit:cover;flex-shrink:0;background:#1e1f22}.mirror-invite-card-icon-fallback{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5865f2,#4752c4);color:#fff;font-weight:700;font-size:1.4rem}.mirror-invite-card-meta{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.mirror-invite-card-headline{color:#fff;font-weight:500;font-size:.95rem;line-height:1.35}.mirror-invite-card-headline strong{font-weight:700;color:#fff}.mirror-invite-card-members{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-secondary);font-size:.78rem;font-weight:500}.mirror-invite-card-dot{width:8px;height:8px;border-radius:50%;background:#23a55a;box-shadow:0 0 4px #23a55a99}.mirror-invite-card-action{flex-shrink:0;padding:8px 18px;border-radius:6px;border:none;background:#248046;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s ease}.mirror-invite-card-action:hover:not(:disabled){background:#1a6334}.mirror-invite-card-action.copied{background:#1a6334}.mirror-invite-card-action:disabled{background:#ffffff14;color:var(--color-text-secondary);cursor:not-allowed}.mirror-invite-link-hint,.mirror-invite-link-error{margin:0;font-size:.75rem;color:var(--color-text-secondary);text-align:center;font-style:italic}.mirror-invite-link-error{color:#f87171;font-style:normal}.back-btn{position:absolute;left:20px;top:20px;padding:7px 14px;font-size:.85rem;font-weight:600;background:#e9456014;color:#e94560;border:1px solid rgba(233,69,96,.35);border-radius:6px;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#e9456029;border-color:#e945608c;color:#ff5a7a}.empty-state{text-align:center;padding:40px 20px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px;color:var(--color-text-secondary)}.empty-state p{margin:4px 0}.mirror-groups{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.mirror-group-card{background:#ffffff05;border-radius:10px;padding:16px;border:1px solid rgba(255,255,255,.06)}.mirror-group-card.inactive{opacity:.6}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.group-header h3{margin:0;color:#fff;font-size:1rem}.group-actions{display:flex;gap:8px}.toggle-btn{padding:4px 12px;border-radius:4px;border:none;font-size:.8rem;cursor:pointer;background:#4f545c;color:#b5bac1}.toggle-btn.active{background:#248046;color:#fff}.edit-btn{padding:4px 8px;border-radius:4px;border:none;background:transparent;cursor:pointer;font-size:1rem}.edit-btn:hover{background:#5865f233}.delete-btn{padding:4px 8px;border-radius:4px;border:none;background:transparent;cursor:pointer;font-size:1rem}.delete-btn:hover{background:#ed424533}.delete-btn.confirm{background:#ed4245;color:#fff;font-weight:700;animation:pulse-delete .6s ease infinite alternate}@keyframes pulse-delete{0%{opacity:.8}to{opacity:1}}.channel-list{display:flex;flex-wrap:wrap;gap:8px}.channel-item{display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);padding:8px 12px;border-radius:6px;font-size:.85rem}.channel-name{color:#b5bac1}.channel-lang{color:#fff;font-weight:500}.create-group-form{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:20px;margin-bottom:20px;border:1px solid #5865f2}.create-group-form.editing{border-color:#faa61a}.create-group-form h3{margin:0 0 16px;color:#fff;font-size:1.1rem}.error-message{background:#ed424533;color:#ed4245;padding:10px 14px;border-radius:4px;margin-bottom:16px;font-size:.9rem}.form-group{margin-bottom:16px}.form-group label{display:block;color:#b5bac1;font-size:.85rem;margin-bottom:8px;font-weight:500}.form-group input[type=text]{width:100%;padding:10px 12px;border-radius:4px;border:1px solid #3f4147;background:#1e1f22;color:#fff;font-size:.9rem}.form-group input[type=text]:focus{outline:none;border-color:#5865f2}.channel-row{display:flex;gap:8px;margin-bottom:8px;align-items:center;position:relative}.channel-row-paused{opacity:.55;background:#ffc8640f;border-radius:6px;padding:4px;margin-left:-4px;margin-right:-4px}.channel-row-resume{padding:8px 12px;border-radius:4px;border:none;background:#57f2872e;color:#57f287;cursor:pointer;font-size:.9rem}.channel-row-resume:hover{background:#57f28759;color:#fff}.channel-row-menu-wrap{position:relative}.channel-row-menu{position:absolute;right:0;top:100%;margin-top:4px;background:#1e1f22;border:1px solid #3f4147;border-radius:6px;padding:4px;min-width:200px;z-index:50;box-shadow:0 8px 24px #0009;display:flex;flex-direction:column;gap:2px}.channel-row-menu button{background:transparent;border:none;color:#d0d0d6;text-align:left;padding:8px 10px;border-radius:4px;cursor:pointer;font-size:.85rem}.channel-row-menu button:hover{background:#2c2d33;color:#fff}.channel-row-menu-armed{background:#dc3c3cd9!important;color:#fff!important;animation:rb-armed-pulse 1s ease-in-out infinite}@keyframes rb-armed-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.channel-combobox{position:relative;flex:1}.channel-combobox-trigger{width:100%;padding:8px 10px;border-radius:4px;border:1px solid #3f4147;background:#1e1f22;color:#fff;font-size:.85rem;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.channel-combobox-trigger:hover:not(:disabled){border-color:#5865f2}.channel-combobox-trigger:disabled{opacity:.6;cursor:not-allowed}.channel-combobox-arrow{color:#ffffff73;margin-left:8px;font-size:.7rem}.channel-combobox-menu{position:absolute;left:0;right:0;top:100%;margin-top:4px;background:#1e1f22;border:1px solid #3f4147;border-radius:6px;padding:6px;z-index:60;box-shadow:0 8px 24px #0009;display:flex;flex-direction:column;gap:4px;max-height:360px}.channel-combobox-search{padding:6px 8px;border-radius:4px;border:1px solid #3f4147;background:#0f1014;color:#fff;font-size:.85rem}.channel-combobox-search:focus{outline:none;border-color:#5865f2}.channel-combobox-create{padding:8px 10px;border-radius:4px;border:1px dashed rgba(120,130,255,.45);background:transparent;color:#b4beffd9;cursor:pointer;font-size:.85rem;text-align:left}.channel-combobox-create:hover{background:#7882ff14;color:#fff}.channel-combobox-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1px}.channel-combobox-item{width:100%;background:transparent;border:none;color:#d0d0d6;text-align:left;padding:6px 8px;border-radius:3px;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:space-between}.channel-combobox-item:hover:not(:disabled){background:#2c2d33;color:#fff}.channel-combobox-item.current{background:#7882ff2e;color:#fff}.channel-combobox-item.used,.channel-combobox-item:disabled{opacity:.4;cursor:not-allowed}.channel-combobox-tag{font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:.04em}.channel-combobox-empty{padding:12px;color:#ffffff73;font-style:italic;font-size:.85rem;text-align:center}.channel-combobox-create-form{display:flex;flex-direction:column;gap:8px;padding:4px}.channel-combobox-create-label{font-size:.8rem;color:#fff9}.channel-combobox-create-form select{padding:8px;border-radius:4px;border:1px solid #3f4147;background:#0f1014;color:#fff;font-size:.85rem}.channel-combobox-create-actions{display:flex;gap:6px;justify-content:flex-end}.channel-combobox-create-actions button{padding:6px 12px;border-radius:4px;border:1px solid #3f4147;background:transparent;color:#d0d0d6;cursor:pointer;font-size:.85rem}.channel-combobox-create-confirm{background:#5865f2!important;color:#fff!important;border-color:#5865f2!important}.channel-combobox-create-confirm:hover:not(:disabled){background:#4752c4!important}.channel-row select{flex:1;padding:8px 10px;border-radius:4px;border:1px solid #3f4147;background:#1e1f22;color:#fff;font-size:.85rem}.channel-row select:focus{outline:none;border-color:#5865f2}.remove-btn{padding:8px 12px;border-radius:4px;border:none;background:#4f545c;color:#b5bac1;cursor:pointer;font-size:.9rem}.remove-btn:hover{background:#ed4245;color:#fff}.add-channel-btn{width:100%;padding:10px;border-radius:6px;border:1px dashed rgba(245,217,138,.35);background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:.85rem;margin-top:8px;transition:all .2s ease}.add-channel-btn:hover{border-color:#f5d98a;color:#f5d98a;background:#f5d98a0d}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.cancel-btn{padding:10px 20px;border-radius:4px;border:none;background:#4f545c;color:#fff;cursor:pointer;font-size:.9rem}.cancel-btn:hover{background:#5d6269}.create-btn{padding:10px 20px;border-radius:4px;border:none;background:#5865f2;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500}.create-btn:hover{background:#4752c4}.new-group-btn{width:100%;padding:16px;border-radius:10px;border:1px dashed rgba(245,217,138,.5);background:transparent;color:#f5d98a;cursor:pointer;font-size:.95rem;font-weight:600;margin-bottom:20px;transition:all .2s ease}.new-group-btn:hover{background:#f5d98a14;border-color:#f5d98a;box-shadow:0 0 16px #f5d98a26}.how-it-works{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:16px;margin-top:24px}.how-it-works-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.how-it-works-header h4{margin:0;color:#fff;font-size:.95rem}.minimize-how-btn{width:24px;height:24px;border-radius:4px;border:none;background:#4f545c;color:#fff;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;line-height:1}.minimize-how-btn:hover{background:#5d6269}.how-it-works h4{margin:0 0 12px;color:#fff;font-size:.95rem}.how-it-works ol{margin:0;padding-left:20px;color:#b5bac1;font-size:.85rem;line-height:1.8}.how-it-works-tab{position:fixed;bottom:16px;left:16px;padding:8px 16px;border-radius:20px;border:1px solid #4f545c;background:#2b2d31;color:#b5bac1;cursor:pointer;font-size:.85rem;z-index:100;box-shadow:0 2px 8px #0000004d}.how-it-works-tab:hover{background:#3f4147;color:#fff}.admin-panel-section{margin-top:16px;margin-bottom:20px}.admin-toggle-btn{width:100%;padding:10px 16px;border-radius:6px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;color:var(--color-text-secondary);cursor:pointer;font-size:.85rem;text-align:left}.admin-toggle-btn:hover{background:#ffffff0a;color:var(--color-text-primary)}.admin-panel{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-top:none;border-radius:0 0 6px 6px;padding:12px}.admin-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.admin-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.05);border-radius:4px;font-size:.82rem}.admin-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;background:#ffffff0f}.admin-identity{display:flex;flex-direction:column;flex:1;min-width:0;gap:2px}.admin-name{color:#fff;font-size:.88rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-id-sub{color:#72767d;font-family:Consolas,Monaco,monospace;font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-id{color:#fff;font-family:Consolas,Monaco,monospace;font-size:.8rem;flex:1}.admin-meta{color:#72767d;font-size:.75rem;white-space:nowrap}.admin-add-row{display:flex;gap:8px}.admin-input{flex:1;padding:8px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--color-text-primary);font-size:.85rem;font-family:Consolas,Monaco,monospace}.admin-input:focus{outline:none;border-color:#f5d98a80;background:#ffffff0f}.admin-input::placeholder{color:#72767d;font-family:inherit}.add-admin-btn{padding:8px 16px;border-radius:4px;border:none;background:#248046;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;white-space:nowrap}.add-admin-btn:hover{background:#1a6334}.loading{text-align:center;padding:60px 20px;color:#b5bac1}.setup-mode-selector{display:flex;gap:0;margin-bottom:16px;border-radius:6px;overflow:hidden;border:1px solid #3f4147}.mode-btn{flex:1;padding:10px 16px;border:none;background:#1e1f22;color:#b5bac1;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .15s ease}.mode-btn.active{background:#5865f2;color:#fff}.mode-btn:hover:not(.active){background:#35373c}.lang-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.lang-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 6px 4px 10px;background:#5865f22e;border:1px solid rgba(88,101,242,.45);border-radius:20px;color:#c8ccf8;font-size:.78rem;font-weight:500}.lang-tag-remove{background:none;border:none;color:#72767d;cursor:pointer;font-size:1rem;line-height:1;padding:0 2px;transition:color .1s}.lang-tag-remove:hover{color:#ed4245}.lang-picker-wrapper{position:relative}.lang-picker-trigger{width:100%;padding:10px 14px;background:#1e1f22;border:1px solid #3f4147;border-radius:6px;color:#b5bac1;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.88rem;transition:border-color .15s,color .15s;box-sizing:border-box}.lang-picker-trigger:hover,.lang-picker-trigger.open{border-color:#5865f2;color:#fff}.lang-picker-chevron{font-size:.65rem;opacity:.6}.lang-picker-popout{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#2b2d31;border:1px solid #3f4147;border-radius:8px;z-index:200;box-shadow:0 10px 28px #00000080;overflow:hidden}.lang-picker-search{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.lang-picker-search input{width:100%;background:#1e1f22;border:1px solid #3f4147;border-radius:5px;color:#fff;padding:8px 10px;font-size:.85rem;outline:none;box-sizing:border-box;transition:border-color .15s}.lang-picker-search input:focus{border-color:#5865f2}.lang-picker-list{max-height:220px;overflow-y:auto}.lang-picker-list::-webkit-scrollbar{width:4px}.lang-picker-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.lang-picker-item{width:100%;display:flex;align-items:center;gap:8px;padding:9px 14px;background:none;border:none;cursor:pointer;color:#b5bac1;font-size:.85rem;text-align:left;transition:background .1s}.lang-picker-item:hover{background:#ffffff0d;color:#fff}.lang-picker-item.selected{background:#5865f224;color:#fff}.lang-picker-check{width:16px;flex-shrink:0;color:#5865f2;font-size:.8rem;font-weight:700}.lang-picker-flag{flex-shrink:0}.lang-picker-name{flex:1}.lang-picker-native{color:#4f545c;font-size:.75rem;margin-left:auto;padding-left:8px}.lang-picker-item.selected .lang-picker-native{color:#72767d}.lang-picker-empty{padding:16px;text-align:center;color:#72767d;font-size:.85rem}.form-hint{margin:4px 0 0;font-size:.75rem;color:#72767d;font-style:italic}.optional{color:#72767d;font-weight:400;font-size:.82em}.group-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid #3f4147}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:.72rem;font-weight:500}.badge-context{background:#5865f226;color:#8b9df5}.badge-roles{background:#faa61a26;color:#faa61a}.badge-required{background:#57f28726;color:#57f287}.badge-react{background:#eb459e26;color:#eb459e}.auto-setup-btn{background:linear-gradient(135deg,#5865f2,#eb459e);position:relative;overflow:hidden}.auto-setup-btn:hover:not(:disabled){background:linear-gradient(135deg,#4752c4,#c73888)}.auto-setup-btn:disabled{opacity:.6;cursor:not-allowed}.form-group select{width:100%;padding:10px 12px;border-radius:4px;border:1px solid #3f4147;background:#1e1f22;color:#fff;font-size:.9rem;cursor:pointer}.form-group select:focus{outline:none;border-color:#5865f2}.info-bubble{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1px solid #4f545c;background:transparent;color:#72767d;font-size:11px;cursor:help;margin-left:6px;padding:0;vertical-align:middle;transition:all .15s ease;position:relative}.info-bubble:hover{color:#5865f2;border-color:#5865f2;background:#5865f21a}.form-support-link{text-align:center;font-size:.8rem;color:#5865f2;margin:16px 0 4px;cursor:pointer;opacity:.7;transition:opacity .15s ease}.form-support-link:hover{opacity:1;text-decoration:underline}.setup-link-demand{margin-top:10px;padding-top:10px;border-top:1px solid #3f4147}.setup-link-row{display:flex;gap:8px;align-items:center}.setup-link-btn{flex:1;padding:8px 14px;border-radius:6px;border:1px solid #5865f2;background:#5865f21a;color:#8b9df5;cursor:pointer;font-size:.82rem;font-weight:500;transition:all .15s ease}.setup-link-btn:hover{background:#5865f233;color:#fff}.setup-link-btn.copied{background:#57f28726;border-color:#57f287;color:#57f287}.demand-toggle-btn{padding:8px 12px;border-radius:6px;border:1px solid #3f4147;background:#1e1f22;color:#b5bac1;cursor:pointer;font-size:.82rem;display:flex;align-items:center;gap:4px;transition:all .15s ease}.demand-toggle-btn:hover{background:#35373c;color:#fff}.demand-count{background:#ed4245;color:#fff;font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:10px;min-width:16px;text-align:center}.setup-link-hint{font-size:.75rem;color:#72767d;margin:6px 0 0;font-style:italic}.demand-panel{margin-top:10px;padding:12px;background:#1e1f22;border-radius:6px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.demand-panel h4{margin:0 0 8px;color:#fff;font-size:.85rem}.demand-empty{color:#72767d;font-size:.82rem;margin:0}.demand-list{display:flex;flex-direction:column;gap:6px}.demand-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#2b2d31;border-radius:4px}.demand-lang{color:#fff;font-size:.82rem;font-weight:500}.demand-requests{color:#b5bac1;font-size:.78rem}.admin-search-wrapper{position:relative;flex:1}.admin-search-spinner{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#72767d;font-size:1.1rem;pointer-events:none}.admin-search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#1e1f22;border:1px solid rgba(255,255,255,.08);border-radius:4px;box-shadow:0 8px 24px #0006;z-index:20;max-height:260px;overflow-y:auto}.admin-search-result{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.04);color:#fff;cursor:pointer;text-align:left;font-size:.85rem}.admin-search-result:last-child{border-bottom:none}.admin-search-result:hover:not(:disabled){background:#f5d98a14}.admin-search-result:disabled{opacity:.5;cursor:not-allowed}.admin-search-avatar{width:24px;height:24px;border-radius:50%;flex-shrink:0;background:#ffffff0f}.admin-search-name{flex:1;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px}.admin-search-id{color:#72767d;font-family:Consolas,Monaco,monospace;font-size:.72rem;flex-shrink:0}.admin-search-tag{font-size:.62rem;font-weight:600;padding:2px 5px;border-radius:3px;background:#f5d98a26;color:#f5d98a;letter-spacing:.5px}.admin-search-empty{padding:10px 12px;color:#72767d;font-size:.82rem;text-align:center}.rank-exclude-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.rank-exclude-chip{background:#2c2d33;border:1px solid #3a3b42;color:#d0d0d6;padding:6px 12px;border-radius:999px;cursor:pointer;font-size:12px;transition:background 80ms ease,border-color 80ms ease}.rank-exclude-chip:hover{background:#3a3b42}.rank-exclude-chip.selected{background:#ef444426;border-color:#ef4444;color:#ff8e92}.invite-to-server-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-weight:600;transition:transform .12s ease,box-shadow .16s ease,background .16s ease;white-space:nowrap;font-family:inherit}.invite-to-server-btn-prominent{padding:10px 18px;border-radius:10px;background:linear-gradient(135deg,#5865f2f2,#7684fff2);color:#fff;font-size:14px;box-shadow:0 4px 14px #5865f259}.invite-to-server-btn-prominent:hover{transform:translateY(-1px);box-shadow:0 6px 20px #5865f280;background:linear-gradient(135deg,#626ffcfa,#808efffa)}.invite-to-server-btn-prominent:active{transform:translateY(0)}.invite-to-server-btn-inline{padding:6px 12px;border-radius:8px;background:#5865f22e;color:#b8c4ff;font-size:12px;border:1px solid rgba(88,101,242,.4)}.invite-to-server-btn-inline:hover{background:#5865f247;color:#fff}.invite-to-server-icon{font-size:1.1em;line-height:1}.invite-to-server-label{line-height:1}.quickstart-invite-btn{width:100%;margin-top:8px}.dictionary-panel{padding:20px;max-width:520px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.dictionary-header{text-align:center;margin-bottom:20px}.dictionary-header h2{color:#fff;margin:12px 0 6px;font-size:1.4rem;font-weight:600}.dictionary-header .subtitle{color:#b5bac1;font-size:.85rem;margin:0}.dictionary-fork{display:flex;flex-direction:column;gap:14px;margin-top:24px}.fork-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 20px;border-radius:12px;border:1px solid #3f4147;background:#2b2d31;cursor:pointer;transition:all .2s ease;text-align:center}.fork-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0000004d}.fork-card.personal:hover{border-color:#5865f2;background:#5865f214}.fork-card.server:hover{border-color:#57f287;background:#57f2870f}.fork-icon{font-size:2rem;margin-bottom:4px}.fork-title{font-size:1.1rem;font-weight:600;color:#fff}.fork-desc{font-size:.82rem;color:#b5bac1}.dictionary-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:10px}.dictionary-tabs{display:flex;gap:0;flex:1;border-radius:8px;overflow:hidden;border:1px solid #3f4147}.dict-tab{flex:1;padding:10px 16px;border:none;background:#1e1f22;color:#b5bac1;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .15s ease}.dict-tab.active{background:#5865f2;color:#fff}.dict-tab:hover:not(.active){background:#35373c}.toolbar-icons{display:flex;align-items:center;gap:4px}.toolbar-icon-btn{width:34px;height:34px;border-radius:8px;border:1px solid transparent;background:transparent;color:#b5bac1;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.toolbar-icon-btn:hover{background:#35373c;color:#fff}.toolbar-icon-btn.active{background:#5865f226;border-color:#5865f2;color:#fff}.sort-wrapper{position:relative}.sort-dropdown{position:absolute;top:40px;right:0;width:180px;background:#2b2d31;border:1px solid #3f4147;border-radius:8px;box-shadow:0 8px 24px #0006;z-index:100;padding:8px 0;animation:sortFadeIn .12s ease}@keyframes sortFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sort-header{display:block;font-size:.68rem;font-weight:700;color:#72767d;letter-spacing:.5px;padding:4px 14px 8px}.sort-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 14px;border:none;background:transparent;color:#b5bac1;font-size:.84rem;cursor:pointer;text-align:left;transition:background .1s}.sort-option:hover{background:#35373c;color:#fff}.sort-option.active{color:#57f287}.sort-check{color:#57f287;font-size:.85rem}.term-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.term-source{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.term-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.action-btn{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:#72767d;cursor:pointer;font-size:.82rem;display:flex;align-items:center;justify-content:center;transition:all .12s ease;padding:0}.action-btn:hover{background:#35373c;color:#fff}.star-btn.active{color:#faa61a}.delete-btn:hover{color:#ed4245;background:#ed42451a}.confirm-delete-inline{display:flex;gap:2px}.confirm-delete-inline .confirm-yes,.confirm-delete-inline .confirm-no{width:24px;height:24px;border-radius:4px;border:none;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.confirm-delete-inline .confirm-yes{background:#ed424533;color:#ed4245}.confirm-delete-inline .confirm-no{background:#35373c;color:#b5bac1}.term-card.starred{border-color:#faa61a40;background:linear-gradient(135deg,#2b2d31,#faa61a0a)}.term-edit-form{margin-top:8px}.edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}.edit-actions .cancel-btn,.edit-actions .save-btn{padding:5px 14px;border-radius:6px;border:none;font-size:.8rem;cursor:pointer}.edit-actions .cancel-btn{background:#4f545c;color:#fff}.edit-actions .save-btn{background:#5865f2;color:#fff}.dictionary-search{position:relative;margin-bottom:14px}.search-input{width:100%;padding:10px 36px 10px 14px;border-radius:8px;border:1px solid #3f4147;background:#1e1f22;color:#fff;font-size:.88rem;box-sizing:border-box}.search-input:focus{outline:none;border-color:#5865f2}.search-input::placeholder{color:#72767d}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#b5bac1;cursor:pointer;font-size:.9rem;padding:4px 8px}.search-clear:hover{color:#fff}.dictionary-terms{flex:1;display:flex;flex-direction:column;gap:8px;margin-bottom:16px;max-height:400px;overflow-y:auto;padding-right:4px}.dictionary-terms::-webkit-scrollbar{width:4px}.dictionary-terms::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.dict-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;color:#b5bac1;font-size:.88rem}.dict-empty .empty-hint{color:#72767d;font-size:.78rem}.term-card{background:#2b2d31;border:1px solid #3f4147;border-radius:8px;padding:12px 14px;transition:border-color .15s ease}.term-card:hover{border-color:#5865f2}.term-row{display:flex;align-items:center;gap:10px}.term-source,.term-target{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.term-lang-flag{flex-shrink:0;font-size:.9rem}.term-text{color:#fff;font-weight:500;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.term-keep{color:#57f287;font-weight:500;font-size:.92rem;font-style:italic}.term-arrow{color:#72767d;font-size:.85rem;flex-shrink:0}.term-meta{display:flex;align-items:center;gap:10px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.behavior-badge{font-size:.72rem;font-weight:500;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;background:#ffffff0a}.usage-count{font-size:.7rem;color:#72767d}.term-delete-btn{margin-left:auto;background:none;border:none;cursor:pointer;font-size:.82rem;opacity:.4;transition:opacity .15s;padding:2px 6px}.term-delete-btn:hover{opacity:1}.confirm-delete{margin-left:auto;display:flex;gap:4px}.confirm-yes{background:#ed4245;color:#fff;border:none;border-radius:4px;padding:2px 10px;font-size:.72rem;cursor:pointer;font-weight:600}.confirm-no{background:#4f545c;color:#fff;border:none;border-radius:4px;padding:2px 8px;font-size:.72rem;cursor:pointer}.term-votes{display:flex;gap:6px;margin-top:6px}.vote-btn{background:#1e1f22;border:1px solid #3f4147;border-radius:6px;padding:4px 12px;cursor:pointer;font-size:.82rem;transition:all .15s ease}.vote-btn.up:hover{background:#57f2871f;border-color:#57f287}.vote-btn.down:hover{background:#ed42451f;border-color:#ed4245}.add-term-btn{width:100%;padding:14px;border-radius:8px;border:1px dashed #5865f2;background:transparent;color:#5865f2;cursor:pointer;font-size:.92rem;font-weight:500;transition:all .15s ease}.add-term-btn:hover{background:#5865f21a}.add-term-form{background:#2b2d31;border:1px solid #5865f2;border-radius:10px;padding:18px}.add-term-form h4{margin:0 0 14px;color:#fff;font-size:1rem}.term-title{font-size:1rem;font-weight:600;color:#fff}.term-description{margin-top:6px;padding-left:2px}.description-text{color:#b5bac1;font-size:.82rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.confusion-badge{margin-left:6px;font-size:.8rem;cursor:help}.term-example-display{margin-top:4px;padding-left:2px;display:flex;align-items:baseline;gap:4px}.example-label{font-size:.75rem;flex-shrink:0}.example-text{color:#8a8e94;font-size:.78rem;font-style:italic;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-toggle{display:flex;gap:8px;margin-bottom:6px}.category-btn{flex:1;padding:8px 12px;border-radius:8px;border:1.5px solid #3f4147;background:#1e1f22;color:#b5bac1;font-size:.84rem;cursor:pointer;transition:all .2s ease;font-weight:500}.category-btn:hover{border-color:#5865f2;color:#fff}.category-btn.active{border-color:#5865f2;background:#5865f226;color:#fff}.category-hint{display:block;font-size:.72rem;color:#72767d;margin-bottom:14px;line-height:1.3}.field-label{display:block;font-size:.78rem;font-weight:600;color:#b5bac1;margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px}.field-label-required:after{content:" *";color:#ed4245}.optional-tag{font-weight:400;text-transform:none;color:#72767d;letter-spacing:0;font-size:.74rem}.term-input{width:100%;padding:10px 12px;border-radius:6px;border:1px solid #3f4147;background:#1e1f22;color:#fff;font-size:.88rem;margin-bottom:10px;box-sizing:border-box}.term-input:focus{outline:none;border-color:#5865f2}.term-input::placeholder{color:#72767d}.term-textarea{resize:vertical;min-height:60px;max-height:140px;font-family:inherit;line-height:1.4}.term-example{border-style:dashed;font-style:italic}.add-term-form .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.add-term-form .cancel-btn{padding:8px 18px;border-radius:6px;border:none;background:#4f545c;color:#fff;cursor:pointer;font-size:.85rem}.add-term-form .cancel-btn:hover{background:#5d6269}.save-btn{padding:8px 20px;border-radius:6px;border:none;background:#5865f2;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .15s ease}.save-btn:hover:not(:disabled){background:#4752c4}.save-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.dictionary-panel{padding:14px}.fork-card{padding:20px 16px}}.dict-config{padding:48px 24px 32px;max-width:640px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0f1419,#0a0e13);color:var(--color-text-primary);font-family:var(--font-family);box-sizing:border-box}.dict-config-header{text-align:center;margin-bottom:20px}.dict-config-header h2{margin:12px 0 6px;font-size:26px;font-weight:700;letter-spacing:.01em;background:linear-gradient(135deg,#d4a853,#f5d98a 35%,#fffbe0,#f5d98a 65%,#d4a853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(212,168,83,.3);filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.dict-config-header .subtitle{color:var(--color-text-secondary);font-size:13px;margin:0}.config-tabs{display:flex;gap:0;margin-bottom:18px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.config-tab{flex:1;padding:10px 8px;border:none;background:#ffffff05;color:var(--color-text-secondary);cursor:pointer;font-size:.78rem;font-weight:500;transition:all .15s ease;white-space:nowrap}.config-tab.active{background:linear-gradient(135deg,#5865f2,#4752c4);color:#fff}.config-tab:hover:not(.active){background:#ffffff0a;color:var(--color-text-primary)}.dict-error{background:#ed424526;color:#ed4245;padding:10px 14px;border-radius:6px;margin-bottom:14px;font-size:.85rem}.dict-success{background:#57f2871f;color:#57f287;padding:10px 14px;border-radius:6px;margin-bottom:14px;font-size:.85rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dict-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;color:#b5bac1}.dict-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;text-align:center}.dict-empty .empty-icon{font-size:2rem;opacity:.5}.dict-empty .empty-text{color:#b5bac1;font-size:.9rem}.config-settings{display:flex;flex-direction:column;gap:20px}.config-section{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:16px}.config-label{display:block;color:#fff;font-size:.88rem;font-weight:600;margin-bottom:10px}.config-hint{margin:6px 0 0;font-size:.75rem;color:#72767d;font-style:italic}.approval-modes{display:flex;flex-direction:column;gap:8px}.approval-option{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;color:var(--color-text-secondary);cursor:pointer;text-align:left;transition:all .15s ease}.approval-option.active{border-color:#5865f299;background:#5865f21f;color:var(--color-text-primary)}.approval-option:hover:not(.active){border-color:#f5d98a59;background:#ffffff0d}.approval-icon{font-size:1.2rem;flex-shrink:0}.approval-label{font-weight:600;font-size:.88rem;color:inherit;min-width:100px}.approval-desc{font-size:.75rem;color:#72767d}.approval-option.active .approval-desc{color:#b5bac1}.threshold-slider{display:flex;align-items:center;gap:12px}.threshold-slider input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:#3f4147;outline:none}.threshold-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#5865f2;cursor:pointer;border:2px solid #fff}.threshold-value{color:#fff;font-weight:700;font-size:1.1rem;min-width:36px;text-align:center;background:#1e1f22;padding:4px 10px;border-radius:6px}.config-toggle-row{display:flex;align-items:center;gap:12px;cursor:pointer;margin-bottom:0}.toggle-label{flex:1;font-size:.88rem;font-weight:600;color:#fff}.toggle-checkbox{display:none}.toggle-switch{width:42px;height:22px;border-radius:11px;background:#4f545c;position:relative;transition:background .2s ease;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s ease}.toggle-switch.on{background:#57f287}.toggle-switch.on:after{transform:translate(20px)}.config-save-btn{width:100%;padding:14px;border-radius:8px;border:none;background:linear-gradient(135deg,#5865f2,#4752c4);color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .2s ease;box-shadow:0 2px 12px #5865f24d}.config-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 18px #5865f273}.config-save-btn:disabled{opacity:.6;cursor:not-allowed}.moderation-list{display:flex;flex-direction:column;gap:8px;max-height:500px;overflow-y:auto;padding-right:4px}.moderation-list::-webkit-scrollbar{width:4px}.moderation-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.mod-term-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px 14px;transition:border-color .15s ease}.mod-term-card:hover{border-color:#f5d98a59}.mod-term-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mod-term-source{color:#fff;font-weight:500;font-size:.9rem}.mod-term-arrow{color:#72767d;font-size:.82rem}.mod-term-target{color:#fff;font-weight:500;font-size:.9rem}.mod-term-actions{display:flex;gap:8px;margin-top:10px}.mod-btn{padding:6px 14px;border-radius:6px;border:none;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease}.mod-btn.approve{background:#57f28726;color:#57f287}.mod-btn.approve:hover{background:#57f2874d}.mod-btn.reject{background:#ed424526;color:#ed4245}.mod-btn.reject:hover{background:#ed42454d}.mod-btn.delete{background:none;color:#b5bac1;opacity:.5;padding:4px 8px}.mod-btn.delete:hover{opacity:1;color:#ed4245}.mod-term-meta{display:flex;align-items:center;gap:10px;margin-top:8px}.mod-usage{font-size:.72rem;color:#72767d;flex:1}@media (max-width: 480px){.dict-config{padding:14px}.config-tab{font-size:.72rem;padding:8px 4px}.approval-option{flex-wrap:wrap}}.rb-section{max-width:100%}.rb-editor{display:grid;grid-template-columns:240px 1fr;gap:20px;margin-top:16px;align-items:start}@media (max-width: 760px){.rb-editor{grid-template-columns:1fr}}.rb-rail{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px;min-height:240px;display:flex;flex-direction:column;gap:8px}.rb-rail-header{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;margin-bottom:4px}.rb-role-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.rb-role-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background .12s;-webkit-user-select:none;user-select:none}.rb-role-item:hover{background:#ffffff0a}.rb-role-item.selected{background:#7882ff2e;box-shadow:inset 0 0 0 1px #7882ff73}.rb-role-swatch{width:14px;height:14px;border-radius:50%;flex:0 0 14px;box-shadow:0 0 0 1px #ffffff26}.rb-role-name{flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rb-role-actions{display:flex;gap:2px;opacity:0;transition:opacity .12s}.rb-role-item:hover .rb-role-actions,.rb-role-item.selected .rb-role-actions{opacity:1}.rb-icon-btn{background:none;border:none;color:#fff9;width:22px;height:22px;border-radius:4px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;justify-content:center}.rb-icon-btn:hover:not(:disabled){background:#ffffff14;color:#fff}.rb-icon-btn:disabled{opacity:.25;cursor:default}.rb-icon-btn-danger:hover:not(:disabled){background:#dc3c3c2e;color:#f88}.rb-icon-btn-armed{background:#dc3c3cd9!important;color:#fff!important;animation:rb-armed-pulse 1s ease-in-out infinite}@keyframes rb-armed-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.rb-add-role-btn{margin-top:8px;background:#ffffff0a;border:1px dashed rgba(255,255,255,.18);color:#ffffffb3;padding:8px;border-radius:6px;cursor:pointer;font-size:13px}.rb-add-role-btn:hover{background:#ffffff14;color:#fff}.rb-priority-hint{margin:12px 0 0;font-size:11px;line-height:1.5;color:#ffffff73}.rb-add-role-picker{margin-top:8px;background:#0000004d;border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:6px}.rb-add-role-label{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.rb-role-search{width:100%;background:#0006;border:1px solid rgba(255,255,255,.12);color:#fff;padding:6px 10px;border-radius:4px;font-size:13px;box-sizing:border-box}.rb-role-search:focus{outline:none;border-color:#7882ff99;background:#00000080}.rb-role-options{list-style:none;margin:0;padding:0;max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.rb-role-option{width:100%;background:none;border:none;color:#fff;text-align:left;padding:6px 8px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px}.rb-role-option:hover{background:#ffffff0f}.rb-role-meta{margin-left:auto;font-size:11px;color:#fff6}.rb-empty{padding:8px;font-size:12px;color:#ffffff80;font-style:italic}.rb-pane{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:16px;min-height:240px}.rb-empty-state{text-align:center;padding:40px 20px;color:#ffffff80}.rb-preview{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.rb-preview-grid{display:flex;align-items:center;gap:36px;flex-wrap:wrap;justify-content:center;padding:24px 16px;background:#00000040;border-radius:8px}.rb-preview-cell{display:flex;flex-direction:column;align-items:center;gap:10px}.rb-preview-actual .rb-preview-label{color:#fff6}.rb-preview-label{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.rb-preview-subject{margin-top:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rb-controls{display:flex;flex-direction:column;gap:12px}.rb-controls-title{margin:12px 0 4px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#ffffffb3;display:flex;align-items:center;gap:12px}.rb-controls-title:first-child{margin-top:0}.rb-toggle{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:400;text-transform:none;color:#fff9;cursor:pointer}.rb-control-row{display:grid;grid-template-columns:110px 1fr auto;gap:12px;align-items:center}.rb-control-label{font-size:12px;color:#ffffffb3}.rb-value{font-size:12px;color:#ffffff80;font-variant-numeric:tabular-nums;min-width:38px;text-align:right}.rb-chip-group{display:flex;flex-wrap:wrap;gap:4px}.rb-chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;padding:4px 10px;border-radius:999px;cursor:pointer;font-size:12px;text-transform:capitalize}.rb-chip:hover{background:#ffffff14;color:#fff}.rb-chip.active{background:#7882ff40;border-color:#7882ff99;color:#fff}.rb-hex-input{background:#0000004d;border:1px solid rgba(255,255,255,.15);color:#fff;padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:12px;width:90px;text-transform:uppercase}.rb-checkbox-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#fffc;cursor:pointer}.rb-rings-editor{display:flex;flex-direction:column;gap:8px;padding:10px;background:#0003;border-radius:6px}.rb-rings-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#ffffff8c}.rb-rings-rows{display:flex;flex-direction:column;gap:6px}.rb-rings-row{display:grid;grid-template-columns:60px auto 1fr;gap:8px;align-items:center}.rb-ring-card{display:flex;flex-direction:column;gap:6px;padding:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px}.rb-ring-card-head{display:grid;grid-template-columns:60px auto 1fr;gap:8px;align-items:center}.rb-ring-card-row{display:grid;grid-template-columns:110px 1fr auto;gap:12px;align-items:center}.rb-ring-thickness-label{color:#ffffff8c}.rb-rings-tag{font-size:11px;color:#fff9;text-transform:uppercase;letter-spacing:.04em}.rb-split-editor{display:flex;flex-direction:column;gap:6px;padding:8px;background:#0003;border-radius:6px}.rb-split-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.rb-save-bar{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px}.rb-dirty-hint{font-size:12px;color:#ffc864b3}.border-preview{background:#0006;border-radius:50%;overflow:visible;line-height:0}.border-preview svg{display:block}.settings-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f14c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:settings-fade-in .16s ease-out}@keyframes settings-fade-in{0%{opacity:0}to{opacity:1}}.settings-panel{width:min(1280px,96vw);height:min(860px,94vh);background:#1f2024;color:#e8e8ea;border-radius:12px;box-shadow:0 24px 64px #0009;display:flex;flex-direction:column;overflow:hidden}.settings-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #2c2d33}.settings-panel-header h2{margin:0;font-size:18px;font-weight:600;letter-spacing:.2px}.settings-panel-close{background:transparent;border:none;color:#b0b0b8;font-size:24px;line-height:1;cursor:pointer;padding:4px 10px;border-radius:6px}.settings-panel-close:hover{background:#2c2d33;color:#fff}.settings-panel-body{flex:1;display:flex;min-height:0}.settings-panel-nav{width:200px;border-right:1px solid #2c2d33;padding:16px 8px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex-shrink:0}.settings-nav-group{display:flex;flex-direction:column;gap:2px}.settings-nav-group-label{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#7a7a82;padding:4px 12px;font-weight:600}.settings-nav-item{background:transparent;border:none;color:#d0d0d6;text-align:left;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;transition:background 80ms ease}.settings-nav-item:hover{background:#2c2d33}.settings-nav-item.active{background:#3a3b42;color:#fff;font-weight:500}.settings-nav-parent{display:flex;align-items:center;gap:6px}.settings-nav-chevron{display:inline-flex;width:12px;justify-content:center;color:#ffffff73;font-size:10px;transition:color 80ms ease}.settings-nav-parent:hover .settings-nav-chevron,.settings-nav-parent.active .settings-nav-chevron,.settings-nav-parent.expanded .settings-nav-chevron{color:#ffffffd9}.settings-nav-child{margin-left:18px;padding-left:16px;border-left:1px solid rgba(255,255,255,.08);font-size:13px;color:#ffffffbf}.settings-nav-child.active{color:#fff;border-left-color:#7882ff99}.settings-panel-content{flex:1;overflow-y:auto;padding:24px 28px;min-width:0}.settings-section{display:flex;flex-direction:column;gap:18px}.settings-section-header h3{margin:0 0 6px;font-size:18px;font-weight:600}.settings-help{margin:0;color:#a0a0a8;font-size:13px;line-height:1.5}.settings-help-inline{margin:4px 0 8px;color:#8e8e96;font-size:12px;line-height:1.4}.settings-section-placeholder{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.settings-error{background:#3b1d20;color:#ff8e92;border:1px solid #5a2a2e;padding:10px 14px;border-radius:6px;font-size:13px}.settings-saved-flash{color:#4ade80;font-size:13px;font-weight:500;animation:settings-fade-out 1.5s ease-out forwards}@keyframes settings-fade-out{0%{opacity:1}70%{opacity:1}to{opacity:0}}.settings-loading{color:#8e8e96;font-size:13px;padding:20px 0}.settings-admin-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.settings-admin-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#25262b;border-radius:8px}.settings-admin-avatar{width:36px;height:36px;border-radius:50%;background:#3a3b42;object-fit:cover}.settings-admin-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.settings-admin-name{font-size:14px;font-weight:500;color:#f5f5f7;word-break:break-word}.settings-admin-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#888892;word-break:break-all}.settings-admin-badge{align-self:flex-start;background:#2a3f5c;color:#92c0ff;font-size:11px;padding:2px 7px;border-radius:10px;font-weight:500}.settings-admin-add{display:flex;flex-direction:column;gap:4px;padding-top:8px;border-top:1px solid #2c2d33}.settings-label{font-size:13px;font-weight:500;color:#d0d0d6}.settings-admin-add-row{display:flex;gap:8px;margin-top:4px}.settings-input{flex:1;padding:8px 12px;background:#25262b;border:1px solid #3a3b42;border-radius:6px;color:#e8e8ea;font-size:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.settings-input:focus{outline:none;border-color:#5a5cff}.settings-btn{padding:8px 14px;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:background 80ms ease;white-space:nowrap}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.settings-btn-primary{background:#5a5cff;color:#fff}.settings-btn-primary:hover:not(:disabled){background:#6f71ff}.settings-btn-danger{background:transparent;color:#ff8e92;border:1px solid #5a2a2e}.settings-btn-danger:hover:not(:disabled){background:#3b1d20}.settings-gear-button{position:absolute;top:16px;left:16px;width:40px;height:40px;border-radius:50%;background:#28292fd9;border:1px solid rgba(255,255,255,.08);color:#d0d0d6;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;z-index:10;transition:background .12s ease,transform .12s ease}.settings-gear-button:hover{background:#3c3d43f2;transform:rotate(30deg)}.settings-subsection{display:flex;flex-direction:column;gap:10px;padding-top:8px;border-top:1px solid #2c2d33}.settings-subsection-header h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#d8d8de}.settings-toggle-row{display:flex;align-items:center;gap:16px;padding:12px 14px;background:#25262b;border-radius:8px}.settings-toggle-info{flex:1;min-width:0}.settings-toggle-label{font-size:14px;font-weight:500;color:#e8e8ea}.settings-toggle{position:relative;width:44px;height:24px;border-radius:12px;border:none;cursor:pointer;flex-shrink:0;transition:background .12s ease;padding:0}.settings-toggle.on{background:#4ade80}.settings-toggle.off{background:#4a4b52}.settings-toggle:disabled{opacity:.5;cursor:not-allowed}.settings-toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .12s ease}.settings-toggle.on .settings-toggle-thumb{transform:translate(20px)}.settings-bot-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.settings-bot-row{background:#25262b;border-radius:8px;overflow:hidden}.settings-bot-main{display:flex;align-items:center;gap:12px;padding:10px 12px}.settings-bot-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;object-fit:cover;background:#1a1b1f;box-shadow:0 0 0 2px #25262b,0 0 0 4px transparent;transition:box-shadow .16s ease}.settings-bot-avatar.ring-green{box-shadow:0 0 0 2px #25262b,0 0 0 4px #4ade80}.settings-bot-avatar.ring-yellow{box-shadow:0 0 0 2px #25262b,0 0 0 4px #facc15}.settings-bot-avatar.ring-red{box-shadow:0 0 0 2px #25262b,0 0 0 4px #ef4444;animation:settings-avatar-pulse 1.6s ease-out infinite}@keyframes settings-avatar-pulse{0%{box-shadow:0 0 0 2px #25262b,0 0 0 4px #ef4444,0 0 0 4px #ef444473}70%{box-shadow:0 0 0 2px #25262b,0 0 0 4px #ef4444,0 0 0 12px #ef444400}to{box-shadow:0 0 0 2px #25262b,0 0 0 4px #ef4444,0 0 0 4px #ef444400}}.settings-bot-caret{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin-left:4px;background:transparent;border:1px solid #34353a;border-radius:6px;color:#b0b0b8;cursor:pointer;flex-shrink:0;transition:transform .16s ease,color .12s ease,border-color .12s ease,background .12s ease}.settings-bot-caret:hover{color:#e8e8ea;border-color:#4a4b52;background:#2c2d33}.settings-bot-caret.expanded{transform:rotate(180deg);color:#e8e8ea;border-color:#4a4b52}.settings-bot-name{flex:1;font-size:14px;color:#e8e8ea;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.settings-bot-tag{font-size:10px;text-transform:uppercase;letter-spacing:.6px;padding:2px 6px;border-radius:8px;background:#2a3f5c;color:#92c0ff;font-weight:600}.settings-bot-tag-optional{background:#3a3b42;color:#b0b0b8}.settings-btn-small{padding:5px 10px;font-size:12px}.settings-bot-detail{padding:10px 14px 14px;border-top:1px solid #2c2d33;background:#1f2024}.settings-perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;margin-bottom:10px}.settings-perm{display:flex;align-items:center;gap:6px;font-size:12px;padding:4px 8px;border-radius:4px}.settings-perm.has{color:#b0d8b8;background:#4ade8014}.settings-perm.missing{color:#ff8e92;background:#ef44441a}.settings-perm-icon{font-weight:700;width:12px;text-align:center}.settings-perm-note{margin:4px 0 0;font-size:12px;color:#b0b0b8}.settings-perm-note-error{color:#ff8e92}.language-selector{position:relative;display:inline-block;min-width:200px}.language-selector.disabled{opacity:.5;pointer-events:none}.language-select-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s ease}.language-select-btn:hover{border-color:#5865f280;background:#ffffff26}.language-select-btn.open{border-color:#5865f2;box-shadow:0 0 0 2px #5865f240}.language-select-btn:disabled{cursor:not-allowed}.selected-lang{display:flex;align-items:center;gap:.5rem}.placeholder{color:#ffffff80}.dropdown-arrow{font-size:.6rem;color:#fff9;transition:transform .2s ease}.language-select-btn.open .dropdown-arrow{transform:rotate(180deg)}.language-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#2f3136;border:1px solid rgba(255,255,255,.15);border-radius:8px;max-height:280px;overflow-y:auto;z-index:1200;box-shadow:0 8px 24px #0006;animation:dropdownSlide .15s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.language-option{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;color:#fff;font-size:.85rem;cursor:pointer;text-align:left;transition:background .15s ease}.language-option:hover{background:#5865f24d}.language-option.selected{background:#5865f233}.language-option .lang-native{flex:1}.language-option .lang-english{color:#ffffff80;font-size:.75rem}.language-dropdown::-webkit-scrollbar{width:6px}.language-dropdown::-webkit-scrollbar-track{background:transparent}.language-dropdown::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.language-dropdown::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.achievements-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop-overlay);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);display:flex;align-items:center;justify-content:center;z-index:var(--z-popup);animation:fadeIn var(--transition-normal)}.achievements-popup{background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-tertiary) 100%);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-6);width:480px;min-width:480px;max-width:480px;height:720px;min-height:720px;max-height:720px;display:flex;flex-direction:column;position:relative;box-shadow:var(--shadow-popup);animation:slideUp var(--transition-slow)}.achievements-header{text-align:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);flex-shrink:0}.achievements-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.achievements-header .earned-summary{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.achievements-popup .popup-close-btn{position:absolute;top:var(--space-3);right:var(--space-3);background:#ffffff1a;border:none;border-radius:var(--radius-full);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);z-index:10}.achievements-popup .popup-close-btn:hover{background:#fff3}.achievements-popup .close-x{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1}.achievements-list{display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto;flex:1;padding:var(--space-2) var(--space-1) var(--space-2) 0;min-height:0}.achievements-list::-webkit-scrollbar{width:6px}.achievements-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--radius-sm)}.achievements-list::-webkit-scrollbar-thumb{background:#5865f266;border-radius:var(--radius-sm)}.achievements-list::-webkit-scrollbar-thumb:hover{background:#5865f299}.achievement-category{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden}.achievement-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-4);cursor:pointer;transition:background var(--transition-normal)}.achievement-header:hover{background:var(--color-bg-hover)}.achievement-header.locked{opacity:.65}.achievement-info{display:flex;align-items:center;gap:var(--space-3)}.achievement-emoji{font-size:var(--font-size-2xl)}.achievement-text{display:flex;flex-direction:column}.achievement-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-base)}.achievement-current{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.achievement-progress{display:flex;align-items:center;gap:var(--space-3)}.tier-dots{display:flex;gap:var(--space-1)}.tier-dot.earned{box-shadow:0 0 6px currentColor}.tier-list{border-top:1px solid var(--color-border-primary);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2);background:#00000040;max-height:180px;overflow-y:auto}.tier-list::-webkit-scrollbar{width:5px}.tier-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--radius-sm)}.tier-list::-webkit-scrollbar-thumb{background:#5865f266;border-radius:var(--radius-sm)}.tier-list::-webkit-scrollbar-thumb:hover{background:#5865f299}.tier-item.locked{opacity:.55}.tier-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;color:#fff;min-width:55px;text-align:center}.profile-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.profile-popup{background:linear-gradient(135deg,#1e1f22f2,#282a30f2);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;min-width:400px;max-width:480px;width:480px;position:relative;box-shadow:0 20px 60px #00000080,0 0 40px #5865f21a;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-close-btn{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;color:var(--text-primary, #fff);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.popup-close-btn:hover{background:#fff3;color:var(--text-primary, #fff)}.close-x{font-size:1.25rem;font-weight:300;line-height:1}.profile-avatar-large{width:80px;height:80px;border-radius:50%;margin:0 auto 1rem;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5865f2,#3ba55c);position:relative;box-shadow:0 4px 20px #5865f24d}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.avatar-initial-large{font-size:2rem;font-weight:700;color:#fff}.host-crown{position:absolute;top:-8px;right:-8px;font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.profile-username{text-align:center;margin:0 0 .25rem;font-size:1.35rem;font-weight:600;color:var(--text-primary, #fff)}.profile-server-name{text-align:center;margin:0 0 1rem;font-size:.78rem;font-weight:400;color:var(--text-secondary, #94a3b8);letter-spacing:.01em}.profile-languages{background:#ffffff0d;border-radius:10px;padding:.75rem 1rem;margin-bottom:.75rem}.language-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.language-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}.lang-label{font-size:.8rem;color:var(--text-secondary, #b5bac1);text-transform:uppercase;letter-spacing:.5px}.lang-value{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:500;color:var(--text-primary, #fff)}.language-edit-row{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.additional-languages{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.additional-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.additional-item{display:inline-flex;align-items:center;gap:.5rem;background:#5865f233;border:1px solid rgba(88,101,242,.3);border-radius:20px;padding:.25rem .5rem .25rem .75rem;font-size:.85rem}.remove-lang-btn{background:#ffffff1a;border:none;color:#fff;width:18px;height:18px;border-radius:50%;cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-lang-btn:hover{background:#ed4245}.add-language-row{margin-top:.75rem}.language-edit-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.save-lang-btn{flex:1;padding:.5rem 1rem;background:#5865f2;border:none;border-radius:6px;color:#fff;font-weight:500;cursor:pointer;transition:background .2s ease}.save-lang-btn:hover{background:#4752c4}.cancel-lang-btn{flex:1;padding:.5rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--text-secondary, #b5bac1);font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-lang-btn:hover{border-color:#fff6;color:#fff}.edit-languages-btn{width:100%;margin-top:.75rem;padding:.5rem;background:transparent;border:1px dashed rgba(88,101,242,.4);border-radius:6px;color:#5865f2;font-size:.85rem;cursor:pointer;transition:all .2s ease}.edit-languages-btn:hover{background:#5865f21a;border-color:#5865f2}.additional-lang-tag{display:inline-flex;align-items:center;gap:.25rem;background:#ffffff1a;border-radius:12px;padding:.15rem .5rem;font-size:.8rem;margin-right:.25rem}.privacy-settings{margin-top:.5rem}.privacy-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.4rem 0}.toggle-label{font-size:.8rem;color:var(--text-secondary, #b5bac1)}.toggle-switch{width:36px;height:20px;background:#fff3;border:none;border-radius:10px;position:relative;cursor:pointer;transition:background .2s ease}.toggle-switch.on{background:#5865f2}.toggle-switch .toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s ease}.toggle-switch.on .toggle-knob{transform:translate(16px)}.language-row.additional .lang-value{flex-wrap:wrap}.language-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;animation:fadeIn .2s ease}.language-editor-modal{background:linear-gradient(135deg,#282a30fa,#1e1f22fa);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:0;min-width:360px;max-width:420px;box-shadow:0 25px 80px #0009;animation:slideUp .3s ease;overflow:hidden}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#5865f226;border-bottom:1px solid rgba(255,255,255,.1)}.editor-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.close-editor-btn{background:#ffffff1a;border:none;color:#fff;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-editor-btn:hover{background:#ed4245}.editor-content{padding:1.25rem}.editor-content .language-edit-row{margin-bottom:1rem}.editor-content .additional-languages{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.language-editor-modal .language-edit-actions{padding:1rem 1.25rem;margin-top:0;border-top:1px solid rgba(255,255,255,.1);background:#0003}.profile-stats{background:#ffffff0d;border-radius:10px;padding:.75rem 1rem;margin-bottom:.75rem}.stats-title{font-size:.8rem;font-weight:600;color:var(--text-secondary, #b5bac1);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.stat-item{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;padding:.75rem;border-radius:8px}.stat-icon{font-size:1.25rem}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1rem;font-weight:600;color:var(--text-primary, #fff)}.stat-label{font-size:.7rem;color:var(--text-secondary, #b5bac1)}.speaking-languages{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.speaking-label{font-size:.7rem;color:var(--text-secondary, #b5bac1);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:.5rem}.language-bars{display:flex;gap:.5rem}.language-bar-item{display:flex;align-items:center;gap:.25rem;background:#5865f233;padding:.25rem .5rem;border-radius:12px}.lang-flag-small{font-size:.9rem}.lang-time{font-size:.75rem;font-weight:500;color:var(--text-primary, #fff)}.profile-badges{margin-top:1rem}.badges-title{font-size:.8rem;font-weight:600;color:var(--text-secondary, #b5bac1);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem}.badges-grid{display:flex;flex-wrap:wrap;gap:.5rem}.badge-item{display:flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#5865f233,#3ba55c33);border:1px solid rgba(255,255,255,.1);padding:.4rem .75rem;border-radius:20px;cursor:default;transition:all .2s ease}.badge-item:hover{background:linear-gradient(135deg,#5865f24d,#3ba55c4d);transform:translateY(-1px)}.badge-icon{font-size:1rem}.badge-name{font-size:.75rem;font-weight:500;color:var(--text-primary, #fff)}.no-badges{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;color:var(--text-secondary, #b5bac1)}.no-badges-icon{font-size:2rem;opacity:.5}.no-badges-text{font-size:.85rem;font-style:italic}.no-badges{padding:.75rem}.privacy-compact{padding:.75rem 1rem;margin-top:.75rem}.privacy-row{display:flex;align-items:center;gap:.5rem}.privacy-icon{font-size:1rem}.privacy-label{flex:1;font-size:.9rem;font-weight:500;color:var(--text-primary, #fff)}.privacy-status{font-size:.75rem;color:var(--text-secondary, #b5bac1);font-style:italic}.billing-section{padding:1rem;margin-top:.75rem}.billing-tabs{display:flex;gap:.25rem;margin-bottom:.75rem;background:#0003;border-radius:8px;padding:.25rem}.billing-tab{flex:1;padding:.5rem .75rem;border:none;background:transparent;color:var(--text-secondary, #b5bac1);font-size:.8rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.billing-tab:hover{color:var(--text-primary, #fff);background:#ffffff0d}.billing-tab.active{background:#5865f24d;color:#fff}.billing-content{min-height:80px}.billing-overview{display:flex;flex-direction:column;gap:.5rem}.overview-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.overview-row:last-child{border-bottom:none}.overview-label{font-size:.85rem;color:var(--text-secondary, #b5bac1)}.overview-value{font-size:.9rem;font-weight:500;color:var(--text-primary, #fff)}.overview-value.free-tier{color:#57f287}.overview-value.muted{color:var(--text-secondary, #b5bac1);font-style:italic}.billing-history,.billing-payment{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px}.history-empty,.payment-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem}.empty-icon{font-size:1.5rem;opacity:.6}.empty-text{font-size:.85rem;color:var(--text-secondary, #b5bac1);font-style:italic}.add-payment-btn{margin-top:.5rem;padding:.5rem 1rem;border:1px dashed rgba(88,101,242,.5);background:transparent;color:#5865f2;font-size:.8rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.add-payment-btn:hover{background:#5865f21a;border-color:#5865f2}.profile-section{background:#ffffff0d;border-radius:10px;padding:.75rem 1rem;margin-top:.75rem}.section-title{font-size:.75rem;font-weight:600;color:var(--text-secondary, #b5bac1);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.billing-section{position:relative}.billing-privacy-shield{position:absolute;top:0;right:0;bottom:0;left:0;background:#1e1f22d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;display:flex;align-items:center;justify-content:center;z-index:10;animation:fadeIn .3s ease}.shield-content{text-align:center;padding:1.5rem;max-width:280px}.shield-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.shield-title{font-size:1rem;font-weight:600;color:var(--text-primary, #f2f3f5);margin:0 0 .5rem}.shield-text{font-size:.8rem;color:var(--text-secondary, #b5bac1);line-height:1.4;margin:0 0 1rem}.shield-actions{display:flex;gap:.5rem;justify-content:center}.shield-btn{padding:.5rem 1rem;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid}.shield-btn.reveal-btn.primary{background:#5865f2;color:#fff;border-color:#5865f2;padding:.6rem 1.5rem;font-size:.85rem}.shield-btn.reveal-btn.primary:hover{background:#4752c4;border-color:#4752c4}.shield-checkbox-label{position:absolute;bottom:.75rem;right:.75rem;display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:#fff6;cursor:pointer;transition:color .2s ease}.shield-checkbox-label:hover{color:#fff9}.shield-checkbox-label input[type=checkbox]{width:12px;height:12px;opacity:.6;cursor:pointer}.shield-checkbox-label span{-webkit-user-select:none;user-select:none}.tiered-badges{margin-top:1rem}.tiered-badges-list{display:flex;flex-direction:column;gap:.5rem}.tiered-badge-category{background:#5865f20d;border:1px solid rgba(88,101,242,.15);border-radius:10px;overflow:hidden}.badge-category-header{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;cursor:pointer;transition:background .2s ease}.badge-category-header:hover{background:#5865f21a}.badge-category-info{display:flex;align-items:center;gap:.6rem}.badge-emoji{font-size:1.25rem}.badge-category-text{display:flex;flex-direction:column}.badge-category-name{font-weight:600;color:#f2f3f5;font-size:.9rem}.badge-category-current{font-size:.7rem;color:var(--text-secondary, #b5bac1)}.badge-category-progress{display:flex;align-items:center;gap:.6rem}.badge-tier-dots{display:flex;gap:3px}.tiered-badges .tier-dot{width:6px;height:6px;border-radius:50%;background:#fff3;transition:all .2s ease}.tiered-badges .tier-dot.earned{box-shadow:0 0 4px currentColor}.tiered-badges .expand-icon{color:var(--text-secondary, #b5bac1);font-size:.6rem;transition:transform .2s ease}.badge-tier-list{border-top:1px solid rgba(88,101,242,.1);padding:.4rem;display:flex;flex-direction:column;gap:.4rem;background:#0003}.badge-tier-list .tier-unit-description{padding:.4rem .6rem;font-size:.75rem;color:#ffffff80;font-style:italic;border-bottom:1px dashed rgba(88,101,242,.15);margin-bottom:.2rem}.badge-tier-list .tier-item{display:flex;align-items:center;gap:.6rem;padding:.4rem .6rem;border-radius:6px;transition:background .2s ease}.badge-tier-list .tier-item.earned{background:#57f28714}.badge-tier-list .tier-item.locked{opacity:.55}.badge-tier-list .tier-badge{padding:.2rem .4rem;border-radius:3px;font-size:.6rem;font-weight:600;text-transform:uppercase;color:#fff;min-width:50px;text-align:center}.badge-tier-list .tier-info{display:flex;flex-direction:column;flex:1}.badge-tier-list .tier-label{font-size:.8rem;color:#f2f3f5}.badge-tier-list .tier-threshold{font-size:.65rem;color:var(--text-secondary, #b5bac1)}.badge-tier-list .tier-item.earned .tier-threshold{color:#57f287}.legacy-badges{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.05)}.profile-achievements-summary{background:#5865f214;border:1px solid rgba(88,101,242,.2);border-radius:10px;padding:.75rem 1rem;margin-top:1rem;cursor:pointer;transition:all .2s ease}.profile-achievements-summary:hover{background:#5865f226;border-color:#5865f259}.achievements-summary-header{display:flex;align-items:center;gap:.5rem}.achievements-icon{font-size:1.15rem}.achievements-label{font-weight:600;color:#f2f3f5;font-size:.9rem;flex:1}.achievements-count{font-size:.75rem;color:var(--text-secondary, #b5bac1);background:#ffffff1a;padding:.15rem .5rem;border-radius:10px}.achievements-arrow{color:var(--text-secondary, #b5bac1);font-size:.65rem;margin-left:.25rem}.achievements-preview{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px dashed rgba(255,255,255,.1)}.achievement-preview-item{display:flex;align-items:center;gap:.2rem;background:#ffffff0d;padding:.25rem .4rem;border-radius:6px}.preview-emoji{font-size:.9rem}.preview-tier-dot{width:6px;height:6px;border-radius:50%;box-shadow:0 0 4px currentColor}.more-badges-hint{font-size:.7rem;color:#fff6;font-style:italic}.mirror-channels-section{margin-bottom:.75rem}.mirror-section-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:.25rem 0;transition:opacity .2s ease}.mirror-section-header:hover{opacity:.85}.mirror-section-left{display:flex;align-items:center;gap:.5rem}.mirror-section-label{font-size:.88rem;font-weight:700;letter-spacing:.01em}@keyframes prismShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.prism-label-text{background-image:linear-gradient(90deg,#faa61a,#ffe08a,#faa61a,#ffd760,#faa61a);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:prismShimmer 3s ease-in-out infinite}.mirror-section-right{display:flex;align-items:center;gap:.5rem}.mirror-joined-summary{font-size:.9rem;letter-spacing:2px}.mirror-cog{font-size:.85rem;transition:transform .3s ease}.mirror-cog.expanded{transform:rotate(90deg)}.mirror-channel-editor{margin-top:.75rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.08);animation:fadeIn .2s ease}.mirror-editor-hint{font-size:.75rem;color:var(--text-secondary, #b5bac1);margin:0 0 .5rem;font-style:italic}.mirror-editor-group-name{font-size:.7rem;color:var(--text-secondary, #b5bac1);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.mirror-editor-list{display:flex;flex-direction:column;gap:.35rem}.mirror-editor-item{display:flex;align-items:center;justify-content:space-between;padding:.4rem .5rem;border-radius:6px;transition:all .2s ease}.mirror-editor-item.joined{background:#57f2870f}.mirror-editor-info{display:flex;align-items:center;gap:.5rem}.mirror-editor-flag{font-size:1rem}.mirror-editor-name{font-size:.85rem;color:var(--text-primary, #fff);font-weight:500}.mirror-editor-toggle{width:36px;height:20px;border-radius:10px;border:none;cursor:pointer;position:relative;transition:background .25s ease}.mirror-editor-toggle.off{background:#ffffff26}.mirror-editor-toggle.on{background:#57f287}.mirror-editor-toggle .toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .25s ease;box-shadow:0 1px 3px #0000004d}.mirror-editor-toggle.on .toggle-knob{transform:translate(16px)}.native-lang-edit-btn{background:transparent;border:none;margin-left:8px;padding:4px 6px;border-radius:4px;cursor:pointer;font-size:13px;line-height:1;opacity:.65;transition:opacity .12s ease,background .12s ease}.native-lang-edit-btn:hover{opacity:1;background:#ffffff0f}.native-lang-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1100;display:flex;align-items:center;justify-content:center;animation:native-lang-fade-in .14s ease-out}@keyframes native-lang-fade-in{0%{opacity:0}to{opacity:1}}.native-lang-modal{width:min(440px,92vw);max-height:80vh;background:#1f2024;color:#e8e8ea;border-radius:12px;box-shadow:0 16px 48px #0009;display:flex;flex-direction:column;overflow:hidden}.native-lang-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #2c2d33}.native-lang-header h3{margin:0;font-size:16px;font-weight:600}.native-lang-close{background:transparent;border:none;color:#b0b0b8;cursor:pointer;font-size:18px;line-height:1;padding:4px 8px;border-radius:4px}.native-lang-close:hover{background:#2c2d33;color:#fff}.native-lang-search{margin:12px 16px;padding:9px 12px;background:#25262b;border:1px solid #3a3b42;border-radius:6px;color:#e8e8ea;font-size:14px;outline:none}.native-lang-search:focus{border-color:#5a5cff}.native-lang-list{list-style:none;margin:0 0 12px;padding:0 8px;overflow-y:auto;flex:1}.native-lang-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:6px;cursor:pointer;transition:background 80ms ease}.native-lang-item:hover{background:#2c2d33}.native-lang-item.current{background:#5a5cff26}.native-lang-native{flex:1;font-size:14px;color:#e8e8ea}.native-lang-en{font-size:12px;color:#8e8e96}.native-lang-current-tag{font-size:10px;text-transform:uppercase;letter-spacing:.6px;padding:2px 7px;border-radius:8px;background:#5a5cff33;color:#a3a4ff;font-weight:600}.native-lang-empty{padding:20px;text-align:center;color:#8e8e96;font-size:13px}.native-lang-confirm-body{padding:20px;display:flex;flex-direction:column;gap:14px}.native-lang-confirm-row{display:flex;align-items:center;gap:12px;padding:14px;background:#25262b;border-radius:8px;justify-content:center}.native-lang-confirm-name{font-size:18px;font-weight:500;color:#fff}.native-lang-confirm-note{margin:0;color:#b0b0b8;font-size:13px;line-height:1.5}.native-lang-confirm-actions{display:flex;gap:8px;padding:12px 16px 16px;justify-content:flex-end;border-top:1px solid #2c2d33}.native-lang-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500}.native-lang-btn-primary{background:#5a5cff;color:#fff}.native-lang-btn-primary:hover{background:#6f71ff}.native-lang-btn-secondary{background:transparent;color:#d0d0d6;border:1px solid #3a3b42}.native-lang-btn-secondary:hover{background:#2c2d33}.mirror-editor-toggle:disabled{opacity:.4;cursor:wait}.server-stats-display{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem 1rem;margin:.5rem auto 1rem;max-width:320px;background:#5865f214;border:1px solid rgba(88,101,242,.2);border-radius:12px;animation:fadeInStats .5s ease}@keyframes fadeInStats{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.stat-item{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.stat-text{font-size:.85rem;color:var(--text-secondary, #b5bac1);font-weight:500;letter-spacing:.01em}.stat-item:first-child .stat-text{color:var(--text-primary, #f2f3f5);font-weight:600;font-size:.9rem}.badges-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(88,101,242,.15)}.badge-item{display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:linear-gradient(135deg,#5865f226,#5865f214);border:1px solid rgba(88,101,242,.25);border-radius:16px;cursor:help;transition:all .2s ease}.badge-item:hover{background:linear-gradient(135deg,#5865f240,#5865f226);border-color:#5865f266;transform:translateY(-1px)}.badge-emoji{font-size:.9rem}.badge-name{font-size:.7rem;font-weight:600;color:var(--text-primary, #f2f3f5);text-transform:uppercase;letter-spacing:.03em}.highlights-list{display:flex;flex-direction:column;gap:.25rem}.server-stats-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);animation:fadeIn var(--transition-normal)}.server-stats-popup{background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-tertiary) 100%);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);width:480px;min-width:480px;max-width:480px;height:720px;min-height:720px;max-height:720px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-popup);animation:slideUp var(--transition-slow)}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-elevated)}.header-info h2{margin:0;font-size:var(--font-size-lg);color:var(--color-text-primary)}.guild-name{font-size:var(--font-size-sm);color:var(--color-text-secondary);opacity:.8}.close-btn{background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-2xl);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-normal)}.close-btn:hover{color:var(--color-text-primary);background:#ffffff1a}.popup-tabs{display:flex;border-bottom:1px solid var(--color-border-primary)}.popup-tabs .tab{flex:1;padding:var(--space-3);background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);border-bottom:2px solid transparent;min-width:100px}.popup-tabs .tab:hover{color:var(--color-text-primary);background:var(--color-bg-elevated)}.popup-tabs .tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-bg-hover)}.popup-content{flex:1;overflow-y:auto;padding:var(--space-4);min-height:0}.loading{text-align:center;padding:var(--space-8);color:var(--color-text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);padding:var(--space-2) 0}.stat-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:all var(--transition-normal);height:130px}.stat-card:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.stat-icon{font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.call-breakdown{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border-primary)}.call-breakdown h3{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--space-3) 0}.breakdown-bars{display:flex;flex-direction:column;gap:var(--space-2)}.breakdown-item{display:grid;grid-template-columns:80px 1fr 30px;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.bar-container{height:8px;background:#ffffff1a;border-radius:var(--radius-sm);overflow:hidden}.bar{height:100%;border-radius:var(--radius-sm);transition:width .5s ease}.bar.casual{background:linear-gradient(90deg,var(--color-success),var(--color-success-dark))}.bar.quick{background:linear-gradient(90deg,var(--color-warning),#F0B132)}.bar.meeting{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark))}.badges-tab{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2) 0}.badge-category{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden}.category-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition-normal)}.category-header:hover{background:var(--color-bg-hover)}.category-info{display:flex;align-items:center;gap:var(--space-3)}.category-emoji{font-size:var(--font-size-2xl)}.category-text{display:flex;flex-direction:column}.category-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-base)}.category-current{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.category-progress{display:flex;align-items:center;gap:var(--space-3)}.mini-progress{display:flex;gap:var(--space-1)}.tier-dot{width:8px;height:8px;border-radius:var(--radius-full);background:#fff3;transition:all var(--transition-normal)}.tier-dot.earned{box-shadow:0 0 4px currentColor}.tier-dot.bronze{background:var(--color-tier-bronze)}.tier-dot.silver{background:var(--color-tier-silver)}.tier-dot.gold{background:var(--color-tier-gold)}.tier-dot.diamond{background:var(--color-tier-diamond)}.tier-dot.legendary{background:var(--color-tier-legendary)}.expand-icon{color:var(--color-text-secondary);font-size:var(--font-size-xs);transition:transform var(--transition-normal)}.tier-list{border-top:1px solid var(--color-border-primary);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2);background:#0003}.tier-unit-description{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic;border-bottom:1px dashed var(--color-border-primary);margin-bottom:var(--space-1)}.tier-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-normal)}.tier-item.earned{background:#57f2871a}.tier-item.locked{opacity:.6}.tier-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;color:#fff;min-width:60px;text-align:center}.tier-badge.bronze{background:var(--color-tier-bronze)}.tier-badge.silver{background:var(--color-tier-silver);color:var(--color-text-inverse)}.tier-badge.gold{background:var(--color-tier-gold);color:var(--color-text-inverse)}.tier-badge.diamond{background:var(--color-tier-diamond);color:var(--color-text-inverse)}.tier-badge.legendary{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.tier-info{display:flex;flex-direction:column;flex:1}.tier-label{font-size:var(--font-size-base);color:var(--color-text-primary)}.tier-threshold{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.tier-item.earned .tier-threshold{color:var(--color-success)}.no-badges{text-align:center;padding:var(--space-8) var(--space-4);color:var(--color-text-secondary)}.no-badges p{margin:var(--space-2) 0}.no-badges .hint{font-size:var(--font-size-sm);opacity:.7}.ccj-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9000;animation:ccjFadeIn .2s ease-out}.ccj-overlay.closing{animation:ccjFadeOut .2s ease-in forwards}.ccj-modal{background:#1e1f22;border:1px solid rgba(255,255,255,.08);border-radius:12px;width:360px;max-width:90vw;overflow:hidden;animation:ccjSlideIn .25s ease-out;box-shadow:0 8px 32px #00000080}.ccj-modal.closing{animation:ccjSlideOut .2s ease-in forwards}.ccj-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px}.ccj-header h3{margin:0;font-size:16px;font-weight:700;color:#fff}.ccj-close{background:none;border:none;color:#ffffff80;font-size:16px;cursor:pointer;padding:4px;border-radius:4px;transition:all .15s}.ccj-close:hover{color:#fff;background:#ffffff14}.ccj-description{padding:0 16px 8px;margin:0;font-size:13px;color:#fff9;line-height:1.4}.ccj-description strong{color:#fff}.ccj-channel-info{padding:0 16px 12px;display:flex;flex-direction:column;gap:6px}.ccj-channel-row{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.ccj-channel-label{font-size:12px;color:#ffffff73}.ccj-channel-name{font-size:13px;font-weight:600;color:#fffc}.ccj-channel-name.highlight{color:#57f287}.ccj-options{padding:0 12px 12px;display:flex;flex-direction:column;gap:8px}.ccj-option{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;cursor:pointer;transition:all .15s;text-align:left;width:100%;color:inherit;font:inherit}.ccj-option:hover:not(.disabled){background:#ffffff14;border-color:#ffffff1f;transform:translateY(-1px)}.ccj-option:active:not(.disabled){transform:translateY(0);background:#ffffff0f}.ccj-option.disabled{opacity:.4;cursor:not-allowed}.ccj-option-icon{font-size:20px;flex-shrink:0;margin-top:1px}.ccj-option-text{display:flex;flex-direction:column;gap:3px}.ccj-option-title{font-size:14px;font-weight:600;color:#fff}.ccj-option-desc{font-size:12px;color:#ffffff73;line-height:1.35}.ccj-option.create-link:hover{border-color:#57f2874d;box-shadow:0 0 0 1px #57f2871a inset}.ccj-option.create-link .ccj-option-title{color:#57f287}.ccj-option.create-new:hover{border-color:#5865f24d;box-shadow:0 0 0 1px #5865f21a inset}.ccj-option.create-new .ccj-option-title{color:#5865f2}.ccj-option.switch-channel:hover{border-color:#fee75c4d;box-shadow:0 0 0 1px #fee75c1a inset}.ccj-option.switch-channel .ccj-option-title{color:#fee75c}.ccj-warning{padding:10px 16px;background:#ed42451a;border-top:1px solid rgba(237,66,69,.2);font-size:12px;color:#ed4245;text-align:center}@keyframes ccjFadeIn{0%{opacity:0}to{opacity:1}}@keyframes ccjFadeOut{0%{opacity:1}to{opacity:0}}@keyframes ccjSlideIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes ccjSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(8px)}}.tp-greeting{text-align:center;margin-top:var(--space-6);margin-bottom:var(--space-3);animation:tp-greeting-fade .6s ease-out}.tp-greeting h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0;background:linear-gradient(135deg,#f97316,#fb923c,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.01em}@keyframes tp-greeting-fade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.translation-prompt{width:75%;max-width:615px;margin-top:var(--space-5);margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:var(--space-3);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.translation-prompt.active{flex:1;min-height:200px;max-height:calc(100vh - 120px);justify-content:flex-end;overflow:hidden}.tp-results{display:flex;flex-direction:column;gap:var(--space-3);flex:1;min-height:0;overflow-y:auto;padding:var(--space-3);border-radius:var(--radius-lg);background:#ffffff05;border:1px solid var(--color-border);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.tp-results::-webkit-scrollbar{width:4px}.tp-results::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.tp-entry{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:#ffffff08;border:1px solid rgba(255,255,255,.06);animation:tp-slide-in .3s ease-out}@keyframes tp-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tp-original{display:flex;align-items:flex-start;gap:var(--space-2)}.tp-text-original{color:var(--color-text-muted);font-size:var(--font-size-sm);flex:1;word-break:break-word}.tp-image-preview{max-width:80px;max-height:60px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--color-border);flex-shrink:0}.tp-translation{display:flex;align-items:flex-start;gap:var(--space-2);padding-left:var(--space-3);border-left:2px solid var(--color-primary)}.tp-text-translated{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);flex:1;word-break:break-word;white-space:pre-wrap}.tp-copy-btn{background:none;border:none;cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);opacity:.55;border-radius:var(--radius-sm);transition:opacity var(--transition-fast),color var(--transition-fast),background var(--transition-fast);flex-shrink:0}.tp-copy-btn:hover{opacity:1;color:var(--color-text-primary);background:#ffffff0f}.tp-copy-btn.copied{opacity:1;color:#4ade80}.tp-close-btn{position:absolute;top:var(--space-2);right:var(--space-2);background:#ffffff14;border:1px solid var(--color-border);border-radius:var(--radius-full);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);font-size:12px;transition:all var(--transition-fast);z-index:5}.tp-close-btn:hover{background:#ed424533;border-color:var(--color-error);color:var(--color-error)}.tp-input-area{display:flex;flex-direction:column;flex-shrink:0;background:#ffffff0f;border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:visible;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.tp-input-area:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px #5865f226}.tp-input{background:transparent;border:none;color:var(--color-text-primary);font-size:var(--font-size-base);padding:var(--space-3) var(--space-4);resize:none;outline:none;min-height:52px;max-height:140px;font-family:inherit;line-height:1.5}.tp-input::placeholder{color:var(--color-text-muted);opacity:.6}.tp-actions{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-top:1px solid rgba(255,255,255,.04)}.tp-action-btn{background:none;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:16px;transition:background var(--transition-fast),transform var(--transition-fast);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-1)}.tp-action-btn:hover{background:#ffffff14;transform:scale(1.05)}.tp-voice-btn.listening{background:#ed424533;animation:tp-pulse-red 1.5s ease-in-out infinite}@keyframes tp-pulse-red{0%,to{box-shadow:0 0 #ed424500}50%{box-shadow:0 0 0 6px #ed424526}}.tp-lang-btn{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-left:auto;white-space:nowrap}.tp-lang-btn:hover{color:var(--color-primary)}.tp-send-btn{background:var(--color-primary)!important;color:#fff!important;border-radius:var(--radius-full);width:32px;height:32px;justify-content:center;font-size:14px}.tp-send-btn:hover{background:var(--color-primary-hover)!important}.tp-lang-picker-wrapper{position:relative;margin-left:auto}.tp-lang-dropdown{position:absolute;bottom:100%;right:0;margin-bottom:var(--space-2);background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);max-height:250px;overflow-y:auto;width:200px;box-shadow:0 8px 32px #00000080;z-index:100;animation:tp-dropdown-in .15s ease-out}@keyframes tp-dropdown-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tp-lang-option{display:block;width:100%;text-align:left;background:none;border:none;padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast)}.tp-lang-option:hover{background:#ffffff0f;color:var(--color-text-primary)}.tp-lang-option.selected{color:var(--color-primary);font-weight:var(--font-weight-semibold);background:#5865f21a}.tp-lang-name{color:var(--color-text-muted);font-size:var(--font-size-xs)}.tp-lang-search-wrapper{position:sticky;top:0;z-index:1;padding:var(--space-2);background:var(--color-bg-card);border-bottom:1px solid rgba(255,255,255,.06)}.tp-lang-search{width:100%;box-sizing:border-box;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);font-size:var(--font-size-sm);outline:none;font-family:inherit}.tp-lang-search::placeholder{color:var(--color-text-muted);opacity:.6}.tp-lang-search:focus{border-color:var(--color-primary)}.tp-lang-section-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);padding:var(--space-2) var(--space-3) var(--space-1);opacity:.7}.tp-lang-divider{height:1px;background:#ffffff0f;margin:var(--space-1) 0}.tp-lang-no-results{padding:var(--space-3);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic}@media (max-width: 480px){.tp-results{max-height:280px}.tp-lang-dropdown{width:170px}}.quickstart{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);background:linear-gradient(180deg,#0f1419,#0a0e13);color:var(--color-text-primary);position:relative}.profile-button{position:absolute;top:var(--space-4);right:var(--space-4);width:44px;height:44px;border-radius:var(--radius-full);border:2px solid var(--color-border-primary);background:#ffffff1a;cursor:pointer;overflow:hidden;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;padding:0;z-index:10}.profile-button:hover{border-color:var(--color-primary);transform:scale(1.05);box-shadow:var(--shadow-glow)}.profile-avatar{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.profile-initial{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.quickstart-header{text-align:center;margin-bottom:var(--space-4);padding-top:var(--space-6)}.quickstart-header h1{font-size:29px;font-weight:700;letter-spacing:.01em;margin:0;background:linear-gradient(135deg,#d4a853,#f5d98a 35%,#fffbe0,#f5d98a 65%,#d4a853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(212,168,83,.3);filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));display:inline-flex;align-items:center;gap:10px}.quickstart-globe-canvas{display:inline-block;vertical-align:middle;-webkit-text-fill-color:initial}.quickstart-header .subtitle{color:var(--color-text-muted);margin-top:var(--space-1);font-size:.8125rem}.server-info{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-1);margin-bottom:var(--space-1);padding-left:var(--space-6)}.server-name{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.stats-icon-btn{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-normal)}.stats-icon-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover);transform:scale(1.1)}.home-split-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);width:100%;max-width:820px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.home-split-layout.panels-collapsed{grid-template-columns:1fr;max-height:0;overflow:hidden;gap:0;margin:0;opacity:0}.home-split-layout.panels-collapsed .home-panel{opacity:0;transform:scale(.95);pointer-events:none}.edge-tab{position:fixed;top:50%;transform:translateY(-50%);background:#ffffff0f;border:1px solid var(--color-border-primary);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-2);cursor:pointer;transition:all var(--transition-normal);z-index:20;writing-mode:vertical-lr;letter-spacing:.05em}.edge-tab-left{left:0;border-radius:0 var(--radius-md) var(--radius-md) 0;border-left:none}.edge-tab-right{right:0;border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:none}.edge-tab:hover{background:#5865f226;border-color:var(--color-primary);color:var(--color-primary)}.quickstart.translating .quickstart-header{padding-top:var(--space-2);margin-bottom:var(--space-2)}.quickstart.translating .quickstart-header h1{font-size:var(--font-size-lg)}.quickstart.translating .server-info,.quickstart.translating .server-stats-display,.quickstart.translating .subtitle,.quickstart.translating .tp-greeting{display:none}.home-panel{background:#ffffff0a;border-radius:var(--radius-xl);padding:var(--space-5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-4);min-width:0;overflow:hidden}.panel-header{text-align:center;margin-bottom:var(--space-1)}.panel-header h2{margin:0;font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.panel-subtitle{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.language-single{display:flex;justify-content:center;width:100%}.language-box{display:flex;flex-direction:column;align-items:center;padding:var(--space-3);border-radius:var(--radius-lg);background:#ffffff0d;min-width:120px;text-align:center}.language-box.speak{border:2px solid var(--color-border-primary)}.language-box .lang-native{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.language-box.centered{width:160px;padding:var(--space-4)}.start-btn{width:100%;min-height:var(--button-height-md);padding:var(--space-3);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);background:linear-gradient(135deg,var(--color-primary),var(--color-success));border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.start-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #5865f266}.text-btn{width:100%;min-height:var(--button-height-md);padding:var(--space-3);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);background:linear-gradient(135deg,#5865f2,#7289da)!important;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.text-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #5865f266}.mirror-btn{width:100%;min-height:calc(var(--button-height-md) * .8);padding:calc(var(--space-3) * .8);font-size:calc(var(--font-size-md) * .85);font-weight:var(--font-weight-medium);background:transparent;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal)}.mirror-btn:hover{background:var(--color-bg-elevated);border-color:var(--color-primary);color:var(--color-text-primary)}.discovery-sessions{display:flex;flex-direction:column;gap:var(--space-3);max-height:420px;overflow-y:auto;padding-right:var(--space-1)}.discovery-sessions::-webkit-scrollbar{width:4px}.discovery-sessions::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.session-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#ffffff08;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);transition:all var(--transition-normal);position:relative}.session-card.joinable{cursor:pointer}.session-card.joinable:hover{background:#ffffff14;border-color:var(--color-success);transform:translateY(-1px);box-shadow:0 4px 12px #57f2871a}.session-card.full{opacity:.6}.session-card.locked{border-style:dashed}.session-card.channel-session{border-color:var(--color-primary);background:#5865f214}.session-card-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);border-left:2px solid var(--color-primary);padding-left:var(--space-2)}.session-card-badge.this-channel{color:var(--color-primary);border-color:var(--color-primary);font-size:9px}.session-card-header{display:flex;align-items:center;gap:var(--space-2)}.session-host{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-primary)}.session-type-icon{font-size:var(--font-size-sm)}.lock-icon{font-size:11px;opacity:.7}.session-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:11px}.meta-item{color:var(--color-text-muted);display:inline-flex;align-items:center;gap:3px}.meta-item.participants.full{color:var(--color-error)}.meta-item.bot-status.active{color:var(--color-success)}.meta-item.languages{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-card-actions{display:flex;align-items:center;gap:var(--space-2);align-self:flex-end;margin-top:var(--space-1)}.session-join-btn{flex-shrink:0}.session-link-btn{flex-shrink:0;background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--color-text-secondary, #b5bac1);font-size:11px;padding:3px 10px;border-radius:var(--radius-sm, 4px);cursor:pointer;transition:all .15s ease}.session-link-btn:hover{background:#ffffff14;border-color:#ffffff59;color:#fff}.session-status-label{align-self:flex-end;font-size:10px;font-weight:var(--font-weight-medium);padding:2px 8px;border-radius:var(--radius-sm)}.full-label{color:var(--color-error);background:#ed42451a}.locked-label{color:var(--color-text-muted);background:#ffffff0d}.sessions-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm)}.loading-pulse{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-primary);opacity:.3;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(.8);opacity:.3}50%{transform:scale(1.1);opacity:.6}}.sessions-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);text-align:center}.empty-icon{font-size:2rem;opacity:.5}.empty-text{color:var(--color-text-muted);font-size:var(--font-size-sm)}.empty-hint{color:var(--color-text-muted);font-size:var(--font-size-xs);opacity:.7}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);min-height:unset}@media (max-width: 640px){.home-split-layout{grid-template-columns:1fr}.quickstart{padding:var(--space-3)}.discovery-sessions{max-height:300px}}@media (max-width: 480px){.quickstart-header h1{font-size:var(--font-size-xl)}.language-box{min-width:90px}.language-box.centered{width:130px}}.invite-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:inviteOverlayIn .15s ease}@keyframes inviteOverlayIn{0%{opacity:0}to{opacity:1}}.invite-modal{width:90%;max-width:420px;background:linear-gradient(135deg,#2f3136,#36393f);border-radius:16px;padding:0;box-shadow:0 16px 48px #0009,0 0 0 1px #ffffff14;animation:inviteModalIn .2s ease;overflow:hidden}@keyframes inviteModalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.invite-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px}.invite-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:#fff}.invite-modal-close{background:none;border:none;color:#96989d;cursor:pointer;padding:4px;border-radius:4px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.invite-modal-close:hover{color:#fff;background:#ffffff1a}.invite-card{display:flex;align-items:center;gap:14px;margin:0 20px 16px;padding:14px 16px;background:#00000040;border-radius:12px;border-left:4px solid #5865f2}.invite-card-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#5865f2,#7289da);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #5865f24d}.invite-card-info{display:flex;flex-direction:column;gap:2px;min-width:0}.invite-card-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#96989d}.invite-card-name{font-size:1rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-card-meta{display:flex;align-items:center;gap:6px;margin-top:2px}.invite-card-dot{width:8px;height:8px;border-radius:50%;background:#96989d;flex-shrink:0}.invite-card-dot.active{background:#3ba55c;box-shadow:0 0 6px #3ba55c80}.invite-card-count{font-size:.75rem;color:#b5bac1;font-weight:500}.invite-card-flags{font-size:.85rem;letter-spacing:2px}.invite-link-section{padding:0 20px 16px}.invite-link-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#b5bac1;margin-bottom:8px}.invite-link-row{display:flex;gap:8px}.invite-link-input{flex:1;padding:10px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#dcddde;font-size:.8rem;font-family:Consolas,Monaco,monospace;outline:none;transition:border-color .2s ease;min-width:0}.invite-link-input:focus{border-color:#5865f2}.invite-copy-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#5865f2;color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease;flex-shrink:0}.invite-copy-btn:hover{background:#4752c4}.invite-copy-btn.copied{background:#3ba55c}.invite-copy-btn.copied:hover{background:#2d8b4a}.invite-modal-hint{margin:0;padding:12px 20px 16px;font-size:.75rem;color:#72767d;line-height:1.4}.emoji-picker{position:absolute;bottom:100%;right:0;margin-bottom:8px;width:320px;background:var(--bg-secondary, #2b2d31);border-radius:8px;box-shadow:0 4px 16px #0006;z-index:100;overflow:hidden}.emoji-categories{display:flex;gap:2px;padding:8px;background:var(--bg-tertiary, #232428);border-bottom:1px solid rgba(255,255,255,.06)}.category-btn{flex:1;padding:8px 4px;background:transparent;border:none;border-radius:4px;font-size:18px;cursor:pointer;transition:background .15s;opacity:.6}.category-btn:hover{background:#ffffff1a;opacity:.8}.category-btn.active{background:#5865f24d;opacity:1}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;max-height:200px;overflow-y:auto}.emoji-grid::-webkit-scrollbar{width:6px}.emoji-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.emoji-btn{padding:6px;background:transparent;border:none;border-radius:4px;font-size:22px;cursor:pointer;transition:background .15s,transform .1s}.emoji-btn:hover{background:#ffffff1a;transform:scale(1.15)}.emoji-picker-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1}.gif-picker{position:absolute;bottom:100%;right:60px;margin-bottom:8px;width:360px;background:var(--bg-secondary, #2b2d31);border-radius:8px;box-shadow:0 4px 16px #0006;z-index:100;overflow:hidden}.gif-search{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--bg-tertiary, #232428);border-bottom:1px solid rgba(255,255,255,.06)}.gif-search input{width:100%;padding:10px 12px;background:var(--bg-primary, #1e1f22);border:none;border-radius:6px;color:#fff;font-size:14px;outline:none}.gif-search input::placeholder{color:#fff6}.gif-search input:focus{box-shadow:0 0 0 2px #5865f280}.giphy-attribution{font-size:10px;color:#ffffff4d;text-align:right}.gif-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:8px;max-height:280px;overflow-y:auto}.gif-grid::-webkit-scrollbar{width:6px}.gif-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.gif-item{padding:0;background:var(--bg-tertiary, #232428);border:none;border-radius:4px;cursor:pointer;overflow:hidden;aspect-ratio:16 / 9;transition:transform .15s,box-shadow .15s}.gif-item:hover{transform:scale(1.02);box-shadow:0 0 0 2px #5865f299}.gif-item img{width:100%;height:100%;object-fit:cover}.gif-loading,.gif-error,.gif-empty{grid-column:1 / -1;padding:40px 20px;text-align:center;color:#ffffff80;font-size:14px}.gif-error{color:#f04747}.gif-picker-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1}.live-chat{display:flex;flex-direction:column;background:#1e1f22f2;border:1px solid rgba(255,255,255,.15);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0006;width:100%;height:100%}.chat-header{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff14;border-bottom:1px solid rgba(255,255,255,.08)}.chat-title{flex:1;font-size:.85rem;font-weight:600;color:var(--text-primary, #fff)}.chat-lang{font-size:.75rem;color:var(--text-secondary, #b5bac1);display:flex;align-items:center;gap:.25rem}.chat-messages{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.no-messages{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--text-secondary, #b5bac1);text-align:center;padding:2rem}.no-messages-icon{font-size:2rem;opacity:.5}.no-messages-text{font-size:.85rem;font-style:italic}.chat-message{display:flex;gap:.5rem;align-items:flex-end;max-width:85%}.chat-message.own{align-self:flex-end;flex-direction:row}.message-avatar{width:32px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:2px}.message-avatar img,.message-avatar .avatar-initial{width:28px;height:28px;border-radius:50%;overflow:hidden}.message-avatar img{object-fit:cover}.message-avatar .avatar-initial{background:linear-gradient(135deg,#5865f2,#3ba55c);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:#fff}.avatar-lang-tag{font-size:.55rem;font-weight:600;color:var(--text-secondary, #96989d);text-transform:uppercase;letter-spacing:.5px}.message-content{display:flex;flex-direction:column;gap:.25rem}.chat-message.own .message-content{align-items:flex-end}.message-meta{display:flex;align-items:center;gap:.5rem;font-size:.7rem}.sender-name{font-weight:600;color:var(--text-primary, #fff)}.sender-lang{font-size:.85rem}.message-time{color:var(--text-secondary, #b5bac1)}.own-time{font-size:.65rem;margin-top:.25rem}.message-bubble{background:#ffffff14;padding:.5rem .75rem;border-radius:4px 12px 12px}.chat-message.own .message-bubble{background:linear-gradient(135deg,#5865f266,#5865f24d);border-top-left-radius:12px;border-top-right-radius:4px}.message-image{max-width:250px;border-radius:8px;overflow:hidden;margin-bottom:.5rem}.message-image img{width:100%;height:auto;max-height:300px;object-fit:contain;display:block;cursor:pointer;transition:transform .2s ease}.message-image img:hover{transform:scale(1.02)}.message-text,.translated-text{margin:0;font-size:.9rem;color:var(--text-primary, #fff);line-height:1.4;word-break:break-word}.original-text{margin:.25rem 0 0;font-size:.75rem;color:var(--text-secondary, #96989d);font-style:italic}.original-label{font-weight:500;margin-right:.25rem}.translating-indicator{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary, #b5bac1);margin:.25rem 0 0}.dot-pulse{display:inline-block;width:6px;height:6px;background:var(--primary, #5865f2);border-radius:50%;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.chat-input-area{display:flex;align-items:center;gap:.375rem;padding:.5rem;background:#ffffff08;border-top:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.attach-btn{color:var(--text-secondary, #b5bac1)}.attach-btn:hover{color:var(--text-primary, #fff)}.input-wrapper{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:100px}.image-preview{position:relative;display:inline-block;max-width:80px;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.image-preview img{width:100%;height:auto;max-height:60px;object-fit:cover;display:block}.remove-image{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#000000b3;border:none;color:#fff;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.remove-image:hover{background:#ed4245}.chat-input{flex:1;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem .75rem;font-size:.9rem;color:var(--text-primary, #fff);outline:none;transition:all .2s ease}.chat-input::placeholder{color:var(--text-secondary, #b5bac1)}.chat-input:focus{border-color:var(--primary, #5865f2);background:#5865f21a}.chat-input:disabled{opacity:.5;cursor:not-allowed}.media-buttons{position:relative;display:flex;align-items:center;gap:.25rem}.media-btn{width:24px;height:24px;border-radius:4px;background:transparent;border:none;color:var(--text-secondary, #b5bac1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0}.media-btn:hover:not(:disabled){background:#ffffff14;color:var(--text-primary, #fff)}.media-btn:disabled{opacity:.4;cursor:not-allowed}.media-btn.active{background:#5865f24d;color:var(--text-primary, #fff)}.gift-btn{color:#f47fff}.gift-btn:hover:not(:disabled){color:#f9f}.gif-label{font-size:.65rem;font-weight:700;background:#ffffff26;padding:.15rem .35rem;border-radius:4px;color:var(--text-secondary, #b5bac1)}.media-btn:hover .gif-label{background:#ffffff40;color:var(--text-primary, #fff)}.send-btn{width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,#5865f2,#3ba55c);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #5865f24d}.send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.view-menu-container{position:relative}.view-mode-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:#00d4aa;cursor:pointer;transition:all .2s ease;padding:0}.view-mode-btn:hover{background:#00d4aa1f;box-shadow:0 0 8px #00d4aa33}.view-mode-btn.active{background:#00d4aa2e;box-shadow:0 0 12px #00d4aa4d;color:#33e8c0}.view-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:linear-gradient(135deg,#1e1f22fa,#282a30fa);border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 8px 24px #00000080;padding:8px;z-index:100;animation:viewMenuSlideIn .15s ease}@keyframes viewMenuSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.view-menu-title{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #96989d);padding:4px 8px 6px}.view-menu-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:6px;background:transparent;color:var(--text-primary, #fff);cursor:pointer;transition:all .15s ease;text-align:left;flex-wrap:wrap}.view-menu-option:hover{background:#ffffff0f}.view-menu-option.selected{background:#00d4aa1f;border-left:2px solid #00d4aa}.view-option-icon{font-size:1rem;width:22px;text-align:center;flex-shrink:0}.view-option-label{font-size:.85rem;font-weight:500;flex:1}.view-option-desc{width:100%;font-size:.7rem;color:var(--text-secondary, #96989d);padding-left:32px;margin-top:-2px}.own-lang-chooser{margin-top:8px;padding:8px 10px 10px;border-top:1px solid rgba(255,255,255,.08)}.own-lang-chooser-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #96989d);margin-bottom:8px}.own-lang-chooser-hint{font-weight:400;text-transform:none;letter-spacing:0;font-size:.65rem;color:var(--text-secondary, #96989d);opacity:.7}.own-lang-chip-row{display:flex;flex-wrap:wrap;gap:6px}.own-lang-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:transparent;color:var(--text-primary, #fff);font-size:.7rem;cursor:pointer;transition:background .12s ease,border-color .12s ease,opacity .12s ease}.own-lang-chip:hover:not(.disabled):not(.selected){background:#ffffff0f;border-color:#ffffff38}.own-lang-chip.selected{background:#00d4aa2e;border-color:#00d4aa8c;color:#fff}.own-lang-chip.disabled{opacity:.35;cursor:not-allowed}.own-lang-chip-code{font-weight:600;letter-spacing:.3px}.own-translation-line{margin:.25rem 0 0;font-size:.78rem;color:var(--text-secondary, #c9cbd1);font-style:italic;display:flex;align-items:baseline;gap:6px;line-height:1.35}.own-translation-tag{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;font-style:normal;font-size:.65rem;font-weight:600;color:#fff9;letter-spacing:.3px}.own-translation-arrow{opacity:.7}.own-translation-text{word-break:break-word}.typing-indicator{display:flex;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;color:var(--text-secondary);background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05)}.typing-dots{display:flex;gap:2px}.typing-dots span{width:4px;height:4px;background:var(--text-secondary);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}.typing-dots span:nth-child(3){animation-delay:0s}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.typing-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-status{display:flex;align-items:center;gap:6px;padding:4px 12px;font-size:.7rem;color:#f0a500;background:#f0a5001a;border-bottom:1px solid rgba(240,165,0,.2)}.status-dot{width:6px;height:6px;background:#f0a500;border-radius:50%;animation:statusPulse 1.5s infinite ease-in-out}@keyframes statusPulse{0%,to{opacity:.3}50%{opacity:1}}.clickable-image{position:relative;cursor:pointer}.image-enlarge-hint{position:absolute;top:6px;right:6px;width:24px;height:24px;background:#0009;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fffc;opacity:0;transition:opacity .2s ease;pointer-events:none}.clickable-image:hover .image-enlarge-hint{opacity:1}.image-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer;animation:lightboxFadeIn .2s ease}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;z-index:10000}.lightbox-close:hover{background:#fff3;transform:scale(1.1)}.lightbox-image{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 16px 48px #00000080;cursor:default;animation:lightboxZoomIn .25s ease}@keyframes lightboxZoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.transcription-panel{display:flex;flex-direction:column;background:transparent;flex:1;min-height:0;overflow:hidden}.transcription-header{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.04);flex-shrink:0}.transcription-header svg{opacity:.5;flex-shrink:0}.transcription-header .entry-count{margin-left:auto;background:#ffffff14;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:500}.transcription-settings-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:transparent;border:none;color:#fff6;cursor:pointer;padding:0;margin-left:4px;transition:all .15s ease;flex-shrink:0}.transcription-settings-btn:hover{background:#ffffff14;color:#ffffffb3}.transcription-settings-btn.active{background:#5865f226;color:#5865f2}.transcription-settings{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#0003;border-bottom:1px solid rgba(255,255,255,.04);flex-shrink:0;flex-wrap:wrap;animation:slideDown .15s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.settings-group{display:flex;align-items:center;gap:6px}.settings-label{font-size:11px;color:#fff6;text-transform:uppercase;letter-spacing:.3px;font-weight:600}.settings-divider{width:1px;height:16px;background:#ffffff14;flex-shrink:0}.font-size-controls{display:flex;gap:2px}.font-size-btn{padding:2px 8px;border-radius:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#ffffffb3;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease}.font-size-btn:hover:not(:disabled){background:#ffffff1f;color:#fff}.font-size-btn:disabled{opacity:.3;cursor:not-allowed}.settings-toggle{display:flex;align-items:center;gap:5px;cursor:pointer;-webkit-user-select:none;user-select:none}.settings-toggle input[type=checkbox]{width:14px;height:14px;accent-color:#5865f2;cursor:pointer;margin:0}.settings-toggle span{font-size:11px;color:#fff9;font-weight:500}.transcription-panel.font-small .entry-original,.transcription-panel.font-small .entry-translated,.transcription-panel.font-small .entry-name{font-size:11px}.transcription-panel.font-medium .entry-original,.transcription-panel.font-medium .entry-translated,.transcription-panel.font-medium .entry-name{font-size:13px}.transcription-panel.font-large .entry-original,.transcription-panel.font-large .entry-translated{font-size:16px}.transcription-panel.font-large .entry-name{font-size:15px}.transcription-panel.font-large .entry-avatar{width:26px;height:26px}.transcription-entries{flex:1;overflow-y:auto;padding:6px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.transcription-entries::-webkit-scrollbar{width:4px}.transcription-entries::-webkit-scrollbar-track{background:transparent}.transcription-entries::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.transcription-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#ffffff4d;text-align:center;gap:8px}.transcription-empty .empty-icon{font-size:28px;opacity:.6}.transcription-empty p{font-size:13px;margin:0;line-height:1.4}.transcript-entry{padding:8px 14px;transition:background .15s ease}.transcript-entry:hover{background:#ffffff05}.entry-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.entry-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0}.entry-name{font-size:13px;font-weight:600;color:#ffffffd9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.entry-lang-flag{font-size:12px;flex-shrink:0}.entry-time{margin-left:auto;font-size:11px;color:#ffffff40;flex-shrink:0}.confidence-badge{font-size:11px;cursor:help;opacity:.7;flex-shrink:0;animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:.5}50%{opacity:1}}.entry-body{padding-left:30px;display:flex;flex-direction:column;gap:3px}.entry-original,.entry-translated{display:flex;align-items:flex-start;gap:6px;font-size:13px;line-height:1.4}.entry-original .lang-label,.entry-translated .lang-label{font-size:11px;flex-shrink:0;margin-top:1px}.original-text{color:#fff6;font-style:italic}.translated-text{color:#ffffffe6;font-weight:500}.transcript-entry+.transcript-entry{border-top:1px solid rgba(255,255,255,.03)}.translation-pending .pending-dots{display:flex;gap:2px;align-items:center}.translation-pending .pending-dots .dot{color:#ffffff59;font-size:18px;font-weight:700;line-height:1;animation:dotPulse 1.4s infinite ease-in-out}.translation-pending .pending-dots .dot:nth-child(2){animation-delay:.2s}.translation-pending .pending-dots .dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}.transcript-entry{animation:fadeInEntry .25s ease}@keyframes fadeInEntry{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.scroll-to-bottom-btn{position:absolute;bottom:12px;left:50%;transform:translate(-50%);padding:6px 16px;border-radius:16px;background:#5865f2e6;border:none;color:#fff;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:all .15s ease;z-index:5}.scroll-to-bottom-btn:hover{background:#5865f2;transform:translate(-50%) translateY(-1px);box-shadow:0 4px 12px #0006}.compact-control-panel{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:900}.control-bar{display:flex;align-items:center;gap:4px;padding:8px 12px;background:linear-gradient(135deg,#1e1f22fa,#282a30fa);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 4px 20px #0006,0 0 10px #5865f21a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-item{position:relative}.control-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:6px;background:#ffffff0d;color:#b5bac1;cursor:pointer;transition:all .15s ease}.control-btn svg{width:20px;height:20px;min-width:20px;min-height:20px;flex-shrink:0}.control-btn:hover{background:#ffffff1a;color:#fff}.control-btn.muted{background:#ed424533;color:#ed4245}.control-btn.muted:hover{background:#ed42454d}.control-btn.active{background:#5865f24d;color:#5865f2}.control-btn.translation-btn:not(.muted){color:#3ba55c}.control-btn.translation-btn:not(.muted):hover{background:#3ba55c26}.control-divider{width:1px;height:24px;background:#ffffff26;margin:0 6px}.settings-btn.active{background:#5865f240;color:#5865f2}.leave-call-btn{background:#ed424533!important;color:#ed4245!important}.leave-call-btn:hover{background:#ed424559!important}.close-btn{width:28px;height:28px;color:#96989d}.close-btn:hover{color:#fff}.settings-container{position:relative}.settings-popup{position:absolute;bottom:calc(100% + 12px);right:0;width:280px;background:linear-gradient(135deg,#1e1f22fa,#282a30fa);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #00000080;padding:16px;animation:popupFadeIn .15s ease}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.settings-title{margin:0 0 12px;font-size:.85rem;font-weight:600;color:var(--text-primary, #fff);display:flex;align-items:center;gap:6px}.settings-section{margin-bottom:16px}.settings-section:last-child{margin-bottom:0}.settings-divider{height:1px;background:#ffffff14;margin:12px 0}.settings-label{display:block;font-size:.75rem;font-weight:500;color:var(--text-secondary, #b5bac1);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.device-select{width:100%;padding:8px 10px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-primary, #fff);font-size:.8rem;cursor:pointer;transition:all .2s ease;margin-bottom:10px}.device-select:hover{border-color:#fff3}.device-select:focus{outline:none;border-color:var(--primary, #5865f2)}.device-select option{background:#2f3136;color:#fff}.volume-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.volume-label{font-size:.7rem;color:var(--text-secondary, #96989d)}.volume-value{font-size:.7rem;color:var(--text-primary, #fff);font-weight:500}.volume-slider{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1a;border-radius:2px;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--primary, #5865f2);border-radius:50%;cursor:pointer;transition:transform .1s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:12px;height:12px;background:var(--primary, #5865f2);border-radius:50%;cursor:pointer;border:none}.settings-action-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;margin-top:8px;border-radius:6px;font-size:.8rem;font-weight:500;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--text-primary, #fff);cursor:pointer;transition:all .15s ease}.settings-action-btn:hover{background:#ffffff14;border-color:#ffffff26}.settings-action-btn.suggestion-btn span{font-size:1rem}.settings-toggle-row{display:flex;justify-content:space-between;align-items:center}.settings-toggle-label{font-size:.8rem;color:var(--text-secondary, #b5bac1);font-weight:500}.settings-toggle-btn{padding:4px 14px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(255,255,255,.15);background:#ed424526;color:#ed4245;cursor:pointer;transition:all .15s ease}.settings-toggle-btn.active{background:#3ba55c33;color:#3ba55c;border-color:#3ba55c4d}.settings-toggle-btn:hover{filter:brightness(1.2)}.control-restore-tab{display:flex;align-items:center;justify-content:center;width:48px;height:20px;border:1px solid rgba(255,255,255,.12);border-radius:10px 10px 0 0;background:linear-gradient(135deg,#1e1f22f2,#282a30f2);color:#fff6;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -2px 8px #0003;padding:0;border-bottom:none}.control-restore-tab:hover{height:26px;color:#ffffffe6;background:linear-gradient(135deg,#282a30fa,#373941fa);box-shadow:0 -4px 16px #0000004d,0 0 8px #5865f226;border-color:#5865f24d}.control-restore-tab svg{width:14px;height:14px;transition:transform .2s ease}.control-restore-tab:hover svg{transform:translateY(-1px)}.creator-control-panel{position:fixed;bottom:80px;right:16px;width:280px;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:16px;box-shadow:0 8px 32px #0006,0 0 20px #ffd7001a;z-index:1000;font-family:inherit;overflow:hidden;animation:panelExpand .35s cubic-bezier(.34,1.56,.64,1)}@keyframes panelExpand{0%{opacity:0;transform:scale(.1) translate(-200px,-300px)}50%{opacity:.8;transform:scale(.6) translate(-50px,-80px)}to{opacity:1;transform:scale(1) translate(0)}}.creator-control-panel.minimizing{animation:panelMinimize .3s cubic-bezier(.4,0,.6,1) forwards}@keyframes panelMinimize{0%{opacity:1;transform:scale(1) translate(0)}50%{opacity:.7;transform:scale(.5) translate(-100px,-150px)}to{opacity:0;transform:scale(.1) translate(-200px,-300px)}}.creator-control-panel.dragging{box-shadow:0 12px 48px #00000080,0 0 30px #ffd70033;-webkit-user-select:none;user-select:none}.creator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,215,0,.2)}.creator-badge{display:flex;align-items:center;gap:8px}.crown-icon{font-size:20px;filter:drop-shadow(0 0 8px rgba(255,215,0,.5))}.creator-title{font-size:14px;font-weight:600;color:gold;text-transform:uppercase;letter-spacing:.5px}.creator-header .minimize-btn{background:#ffffff1a;border:none;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#888;transition:all .2s ease}.creator-header .minimize-btn:hover{background:#ffd70033;color:gold}.minimize-icon{font-size:20px;font-weight:700;line-height:1}.status-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.status-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px}.status-indicator{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-indicator.connected{background:#43b58133;color:#43b581}.status-indicator.disconnected{background:#f0474733;color:#f04747}.status-indicator.connecting{background:#faa61a33;color:#faa61a}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.status-indicator.connecting .status-dot{animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.translation-status{padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;text-align:center;margin-bottom:16px}.translation-status.active{background:#43b58126;color:#43b581;border:1px solid rgba(67,181,129,.3)}.translation-status.paused{background:#faa61a26;color:#faa61a;border:1px solid rgba(250,166,26,.3)}.error-message{padding:8px 12px;border-radius:8px;font-size:12px;background:#f0474726;color:#f04747;border:1px solid rgba(240,71,71,.3);margin-bottom:12px}.info-message{padding:8px 12px;border-radius:8px;font-size:12px;background:#7289da26;color:#7289da;border:1px solid rgba(114,137,218,.3);margin-bottom:12px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.control-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 8px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff0d;color:#fff;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.control-button:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.control-button:disabled{opacity:.4;cursor:not-allowed}.btn-icon{font-size:20px}.btn-text{text-align:center;line-height:1.3}.control-button.summon{border-color:#43b58166;background:#43b5811a}.control-button.summon:hover:not(:disabled){background:#43b58133;border-color:#43b58180}.control-button.dismiss{border-color:#f0474766;background:#f047471a}.control-button.dismiss:hover:not(:disabled){background:#f0474733;border-color:#f0474780}.control-button.refresh{border-color:#7289da66;background:#7289da1a}.control-button.refresh:hover:not(:disabled){background:#7289da33;border-color:#7289da80}.control-button.pause{border-color:#faa61a66;background:#faa61a1a}.control-button.pause:hover:not(:disabled){background:#faa61a33;border-color:#faa61a80}.control-button.resume{border-color:#43b58166;background:#43b5811a}.control-button.resume:hover:not(:disabled){background:#43b58133;border-color:#43b58180}.loading-spinner{position:absolute;top:4px;right:4px;width:12px;height:12px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 480px){.creator-control-panel{width:calc(100% - 32px);right:16px;left:16px;bottom:70px}}.host-tabs{display:flex;gap:4px;margin-bottom:14px;background:#00000040;border-radius:8px;padding:3px}.host-tab{flex:1;padding:8px 0;border:none;border-radius:6px;background:transparent;color:#888;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.host-tab:hover{color:#ccc;background:#ffffff0d}.host-tab.active{background:#ffd70026;color:gold;box-shadow:0 1px 4px #0003}.call-settings-tab{display:flex;flex-direction:column;gap:14px}.call-setting-section{display:flex;flex-direction:column;gap:8px}.call-setting-label{font-size:12px;color:#aaa;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.call-setting-row{display:flex;justify-content:space-between;align-items:center}.call-setting-value{font-size:13px;color:gold;font-weight:600;font-variant-numeric:tabular-nums}.mode-toggle-row{display:flex;gap:6px;margin-top:4px}.mode-toggle-btn{flex:1;padding:10px 8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:#888;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.mode-toggle-btn:hover{background:#ffffff1a;color:#ccc}.mode-toggle-btn.active{background:#7289da33;border-color:#7289da80;color:#7289da}.mode-display{padding:8px 12px;border-radius:8px;background:#7289da26;border:1px solid rgba(114,137,218,.3);color:#7289da;font-size:13px;font-weight:600;text-align:center;margin-top:4px}.call-slider{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1a;border-radius:2px;outline:none}.call-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#7289da;cursor:pointer;border:2px solid #5b6eae;box-shadow:0 1px 4px #0000004d}.call-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#7289da;cursor:pointer;border:2px solid #5b6eae;box-shadow:0 1px 4px #0000004d}.interruption-pill{border:none;border-radius:12px;padding:5px 14px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;letter-spacing:.5px}.interruption-pill.on{background:#43b581;color:#fff}.interruption-pill.off{background:#72767d;color:#fff}.interruption-pill:hover{filter:brightness(1.15)}.gaming-mode-info{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:8px;background:#faa61a1a;border:1px solid rgba(250,166,26,.25);color:#faa61a;font-size:12px;line-height:1.4}.gaming-mode-info .info-icon{font-size:16px;flex-shrink:0}.call-settings-tab,.bot-tab-content{min-height:240px}.tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#999;font-size:10px;font-weight:700;cursor:pointer;margin-left:6px;padding:0;line-height:1;transition:all .2s ease;vertical-align:middle}.tooltip-trigger:hover{background:#ffffff26;color:#fff;border-color:#fff6}.tooltip-bubble{padding:8px 10px;border-radius:6px;background:#00000080;border:1px solid rgba(255,255,255,.1);color:#ccc;font-size:11px;line-height:1.5;margin-top:4px;animation:tooltipFade .15s ease}@keyframes tooltipFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.call-setting-subsection{margin-top:8px;padding-left:12px;border-left:2px solid rgba(255,215,0,.2)}.call-setting-sublabel{font-size:11px;color:#999;font-weight:500}.recording-section{margin-top:4px;padding-top:10px;border-top:1px solid rgba(240,71,71,.2)}.rec-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#f04747;margin-right:4px;animation:recPulse 1.2s ease-in-out infinite;vertical-align:middle}@keyframes recPulse{0%,to{opacity:1;box-shadow:0 0 4px #f0474799}50%{opacity:.4;box-shadow:0 0 8px #f047474d}}.call-settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.call-settings-panel{background:var(--bg-primary);border-radius:12px;width:100%;max-width:400px;max-height:80vh;overflow:hidden;border:1px solid var(--border-subtle);box-shadow:0 8px 32px #0006;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.settings-header h2{margin:0;font-size:16px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.settings-icon{font-size:18px}.settings-header .close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .15s ease}.settings-header .close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.settings-body{padding:16px 20px;max-height:60vh;overflow-y:auto}.section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:0 0 12px}.empty-message{color:var(--text-muted);font-size:14px;text-align:center;padding:20px 0}.participant-list{display:flex;flex-direction:column;gap:8px}.participant-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-subtle)}.participant-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.participant-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.participant-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-badge,.cohost-badge{margin-left:4px;font-size:10px}.participant-actions{display:flex;gap:6px;flex-shrink:0}.action-btn{width:32px;height:32px;border:none;border-radius:6px;background:var(--bg-tertiary);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.action-btn:hover{background:var(--bg-elevated);transform:scale(1.05)}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-btn.cohost{background:var(--bg-tertiary)}.action-btn.cohost.active{background:#ffd70033}.action-btn.cohost:hover{background:#ffd7004d}.action-btn.mute{background:var(--bg-tertiary)}.action-btn.mute.active{background:#ef444433}.action-btn.mute:hover{background:#ef44444d}.action-btn.kick{background:var(--bg-tertiary)}.action-btn.kick:hover{background:#ef44444d}.blocked-notification-overlay{position:fixed;top:16px;right:16px;z-index:9999;pointer-events:none;animation:blocked-slide-in .3s ease-out}.blocked-notification{pointer-events:auto;background:#1e1e28f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,100,100,.3);border-radius:12px;padding:16px 20px;min-width:260px;max-width:320px;box-shadow:0 8px 32px #00000080,0 0 0 1px #ff64641a;position:relative}.blocked-notification-close{position:absolute;top:8px;right:10px;background:none;border:none;color:#ffffff80;font-size:14px;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .15s ease}.blocked-notification-close:hover{color:#ffffffe6;background:#ffffff1a}.blocked-notification-icon{font-size:28px;margin-bottom:8px}.blocked-notification-title{font-size:14px;font-weight:600;color:#ff8080;margin-bottom:6px;letter-spacing:.02em}.blocked-notification-description{font-size:12px;color:#ffffffb3;line-height:1.5;margin-bottom:12px}.blocked-notification-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:11px;color:#ffffff73;transition:color .15s ease}.blocked-notification-checkbox:hover{color:#ffffffb3}.blocked-notification-checkbox input[type=checkbox]{width:14px;height:14px;accent-color:#ff8080;cursor:pointer}@keyframes blocked-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.usage-banner{position:fixed;top:0;left:0;right:0;z-index:9000;padding:0;animation:usage-banner-slide-in .3s ease-out}@keyframes usage-banner-slide-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.usage-banner__content{display:flex;align-items:center;gap:12px;padding:10px 16px;max-width:100%}.usage-banner__icon{font-size:1.25rem;flex-shrink:0}.usage-banner__text{flex:1;min-width:0}.usage-banner__title{font-weight:600;font-size:.85rem;line-height:1.2}.usage-banner__message{font-size:.78rem;opacity:.9;line-height:1.3;margin-top:2px}.usage-banner__dismiss{flex-shrink:0;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:inherit;padding:4px 12px;font-size:.75rem;font-weight:500;cursor:pointer;transition:background .15s}.usage-banner__dismiss:hover{background:#ffffff59}.usage-banner--warning{background:linear-gradient(135deg,#b8860b,#d4a017);color:#fff;border-bottom:2px solid #8b6914}.usage-banner--critical{background:linear-gradient(135deg,#c0392b,#e74c3c);color:#fff;border-bottom:2px solid #922b21;animation:usage-banner-slide-in .3s ease-out,usage-banner-pulse 2s ease-in-out infinite}.usage-banner--exhausted{background:linear-gradient(135deg,#7b241c,#c0392b);color:#fff;border-bottom:3px solid #641e16}@keyframes usage-banner-pulse{0%,to{opacity:1}50%{opacity:.85}}.raid-cmd{display:flex;flex-direction:column;gap:8px;padding:10px;height:100%;overflow-y:auto}.raid-cmd-status{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#0000004d;border-radius:8px;border:1px solid rgba(255,255,255,.06);flex-shrink:0}.raid-cmd-status-indicator{display:flex;align-items:center;gap:8px}.cmd-live-dot{width:8px;height:8px;border-radius:50%;background:#fff3;transition:all .3s ease}.cmd-live-dot.active{background:#43b581;box-shadow:0 0 8px #43b58180;animation:cmd-pulse 2s infinite}@keyframes cmd-pulse{0%,to{box-shadow:0 0 4px #43b5814d}50%{box-shadow:0 0 12px #43b58199}}.cmd-live-label{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#fff9}.cmd-channel-count{font-size:11px;font-weight:600;color:#ffffff59;letter-spacing:.5px}.raid-cmd-section{display:flex;flex-direction:column;gap:6px}.raid-cmd-section-header{display:flex;align-items:center;gap:6px;padding:0 2px}.section-icon{font-size:12px}.section-title{font-size:10px;font-weight:700;letter-spacing:1px;color:#ffffff59;flex:1}.section-action{background:none;border:none;color:#5865f299;font-size:14px;font-weight:700;cursor:pointer;padding:0 4px;line-height:1;transition:color .15s}.section-action:hover{color:#5865f2}.target-active-label{font-size:10px;font-weight:600;color:#5865f2b3;margin-left:auto}.target-bar{display:flex;gap:4px;overflow-x:auto;padding:4px 0 6px;scrollbar-width:none;-ms-overflow-style:none}.target-bar::-webkit-scrollbar{display:none}.target-chip{flex-shrink:0;display:flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff0a;color:#ffffff8c;font-size:10px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.target-chip:hover{background:#ffffff14;border-color:#fff3;color:#fffc}.target-chip.active{border-color:#5865f280;background:#5865f226;color:#a8b4ff}.target-chip.shout.active{border-color:#ed424566;background:#ed42451a;color:#ed4245}.target-chip.channel{border-radius:4px}.target-chip .role-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.target-chip.role.active{border-color:var(--role-color, rgba(88, 101, 242, .5));background:color-mix(in srgb,var(--role-color, #5865f2) 15%,transparent)}.raid-cmd-channels{display:flex;flex-direction:column;gap:3px}.cmd-empty{padding:10px;text-align:center;font-size:11px;color:#fff3;font-style:italic}.cmd-channel{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;background:#ffffff08;transition:background .15s ease}.cmd-channel:hover{background:#ffffff12}.cmd-ch-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.cmd-ch-dot.linked{background:#43b581;box-shadow:0 0 4px #43b58166}.cmd-ch-dot.pending{background:#faa61a;animation:cmd-dot-pulse 1.5s ease-in-out infinite}@keyframes cmd-dot-pulse{0%,to{opacity:1}50%{opacity:.3}}.cmd-ch-name{flex:1;font-size:12px;font-weight:500;color:#fffc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-ch-remove{background:none;border:none;color:#fff3;font-size:11px;cursor:pointer;padding:2px 4px;border-radius:3px;transition:all .15s ease;opacity:0}.cmd-channel:hover .cmd-ch-remove{opacity:1}.cmd-ch-remove:hover{color:#ef4444;background:#ef44441a}.cmd-add-channel{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px;background:transparent;border:1px dashed rgba(88,101,242,.25);border-radius:6px;color:#5865f299;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease}.cmd-add-channel:hover{background:#5865f214;border-color:#5865f266;color:#5865f2}.raid-cmd-language{position:relative}.channel-lang-current{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;background:#ffffff0a;cursor:pointer;transition:background .15s ease}.channel-lang-current:hover{background:#ffffff14}.channel-lang-flag{font-size:20px;line-height:1}.channel-lang-name{flex:1;font-size:13px;font-weight:600;color:#ffffffd9}.channel-lang-edit{font-size:12px;color:#ffffff4d;transition:transform .2s}.channel-lang-picker{display:flex;flex-direction:column;gap:1px;margin-top:4px;max-height:180px;overflow-y:auto;border-radius:6px;background:#00000040;border:1px solid rgba(255,255,255,.06);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.channel-lang-option{display:flex;align-items:center;gap:8px;padding:6px 10px;background:none;border:none;color:#fff9;font-size:12px;cursor:pointer;text-align:left;transition:all .1s ease}.channel-lang-option:hover{background:#5865f21f;color:#fff}.channel-lang-option.selected{background:#5865f226;color:#a8b4ff}.lang-opt-flag{font-size:14px}.lang-opt-name{flex:1;font-weight:500}.lang-opt-check{font-size:11px;color:#43b581;font-weight:700}.raid-cmd-roles{display:flex;flex-direction:column;gap:3px}.cmd-role{border-radius:6px;background:#ffffff08;overflow:hidden}.role-info{display:flex;align-items:center;gap:8px;padding:6px 8px;cursor:pointer;transition:background .15s}.role-info:hover{background:#ffffff0d}.role-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.role-name{flex:1;font-size:12px;font-weight:500;color:#fffc}.role-member-count{font-size:10px;color:#ffffff4d;font-weight:600}.role-expand{font-size:10px;color:#ffffff40;transition:transform .2s}.role-expand.open{transform:rotate(90deg)}.role-creator{display:flex;flex-direction:column;gap:6px;padding:8px;background:#0003;border-radius:6px}.role-name-input{padding:6px 10px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:12px;outline:none}.role-name-input:focus{border-color:#5865f280}.role-color-picker{display:flex;gap:4px;flex-wrap:wrap}.role-color-swatch{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s}.role-color-swatch.selected{border-color:#fff;transform:scale(1.15)}.role-create-btn{padding:6px 12px;background:#5865f233;border:1px solid rgba(88,101,242,.3);border-radius:6px;color:#a8b4ff;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s}.role-create-btn:hover:not(:disabled){background:#5865f24d}.role-create-btn:disabled{opacity:.4;cursor:not-allowed}.role-flyout{border-top:1px solid rgba(255,255,255,.04);background:#00000026;animation:flyoutOpen .15s ease}@keyframes flyoutOpen{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.role-flyout-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;font-size:10px;color:#ffffff59;font-weight:600}.role-delete-btn{background:none;border:none;cursor:pointer;font-size:12px;padding:2px 4px;border-radius:3px}.role-delete-btn:hover{background:#ef444426}.role-member-list{display:flex;flex-direction:column;gap:1px;max-height:150px;overflow-y:auto;padding:0 4px 6px}.role-member-toggle{display:flex;align-items:center;gap:6px;padding:5px 8px;border:none;border-radius:4px;background:none;color:#fff9;font-size:11px;cursor:pointer;text-align:left;transition:all .1s}.role-member-toggle:hover{background:#ffffff0f}.role-member-toggle.assigned{color:#ffffffe6}.member-name{flex:1}.member-lang{font-size:12px}.member-check{width:14px;font-size:11px;color:#43b581;font-weight:700}.raid-cmd-ptt{margin-top:auto;padding-top:6px;flex-shrink:0}.ptt-target-label{font-size:10px;color:#ffffff4d;text-align:center;margin-bottom:4px}.ptt-target-label strong{color:#5865f2b3}.cmd-transmit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border:2px solid rgba(88,101,242,.35);border-radius:10px;background:#5865f20f;color:#5865f2d9;font-size:12px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .2s ease;user-select:none;-webkit-user-select:none;touch-action:none;text-transform:uppercase}.cmd-transmit-btn:hover{background:#5865f21f;border-color:#5865f299}.cmd-transmit-btn.active{background:#ed42451f;border-color:#ed424599;color:#ed4245;animation:cmd-transmit-glow 1.5s ease-in-out infinite}@keyframes cmd-transmit-glow{0%,to{box-shadow:0 0 #ed424526}50%{box-shadow:0 0 0 6px #ed424500}}.cmd-transmit-icon{display:flex;align-items:center}.cmd-waves{display:flex;align-items:center;gap:3px;height:20px}.cmd-wave{width:3px;height:12px;background:#ed4245;border-radius:2px;animation:cmd-wave-bar .8s ease-in-out infinite}.cmd-wave:nth-child(1){animation-delay:0s}.cmd-wave:nth-child(2){animation-delay:.2s}.cmd-wave:nth-child(3){animation-delay:.4s}@keyframes cmd-wave-bar{0%,to{height:5px}50%{height:16px}}.cmd-transmit-label{font-weight:700;letter-spacing:1.2px}.cmd-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:cmdFadeIn .15s ease}@keyframes cmdFadeIn{0%{opacity:0}to{opacity:1}}.cmd-picker{background:#1e1f22;border:1px solid rgba(255,255,255,.08);border-radius:12px;width:min(300px,85vw);max-height:50vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}.cmd-picker-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.cmd-picker-header h4{margin:0;font-size:13px;font-weight:600;color:#ffffffd9}.cmd-picker-close{background:none;border:none;color:#fff6;font-size:14px;cursor:pointer;padding:4px 6px;border-radius:4px}.cmd-picker-close:hover{color:#fff;background:#ffffff1a}.cmd-picker-list{padding:6px;overflow-y:auto;max-height:280px}.cmd-picker-empty{padding:14px;text-align:center;font-size:12px;color:#ffffff59}.cmd-picker-channel{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:none;border:none;border-radius:6px;color:#ffffffb3;font-size:12px;cursor:pointer;transition:all .15s ease;text-align:left}.cmd-picker-channel:hover{background:#5865f21f;color:#fff}.cmd-picker-channel svg{color:#ffffff59;flex-shrink:0}.raid-tactical{display:flex;align-items:center;justify-content:center;height:100%;padding:24px}.tactical-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;max-width:240px}.tactical-icon{font-size:32px;opacity:.4}.tactical-title{margin:0;font-size:15px;font-weight:600;color:#ffffff80}.tactical-desc{margin:0;font-size:12px;color:#ffffff40;line-height:1.4}.tactical-badge{display:inline-block;padding:4px 12px;background:#5865f21a;border:1px solid rgba(88,101,242,.2);border-radius:12px;font-size:9px;font-weight:700;letter-spacing:1.5px;color:#5865f299;text-transform:uppercase;margin-top:4px}.raid-comms-screen{display:flex;flex-direction:column;height:100%;background:#00000026;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.raid-tab-bar{display:flex;gap:2px;padding:4px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.raid-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 4px;border:none;border-radius:6px;background:transparent;color:#fff6;font-size:11px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.raid-tab:hover{background:#ffffff0f;color:#ffffffb3}.raid-tab.active{background:#5865f233;color:#a8b4ff;box-shadow:0 0 8px #5865f226}.raid-tab-icon{font-size:14px}.raid-tab-label{font-size:10px;font-weight:700}.raid-panel-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.raid-chat-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.raid-chat-panel .live-chat{height:100%}.raid-cross-chat .chat-message:not(.own) .message-bubble{border-left:3px solid rgba(88,101,242,.4);padding-left:10px}.raid-cross-chat .chat-message:not(.own)[data-lang=en] .message-bubble{border-left-color:#5865f2}.raid-cross-chat .chat-message:not(.own)[data-lang=es] .message-bubble{border-left-color:#f47b67}.raid-cross-chat .chat-message:not(.own)[data-lang=fr] .message-bubble{border-left-color:#45ddc0}.raid-cross-chat .chat-message:not(.own)[data-lang=de] .message-bubble{border-left-color:#fee75c}.raid-cross-chat .chat-message:not(.own)[data-lang=pt] .message-bubble{border-left-color:#57f287}.raid-cross-chat .chat-message:not(.own)[data-lang=it] .message-bubble{border-left-color:#eb459e}.raid-cross-chat .chat-message:not(.own)[data-lang=ja] .message-bubble{border-left-color:#ed4245}.raid-cross-chat .chat-message:not(.own)[data-lang=ko] .message-bubble{border-left-color:#9b84ec}.raid-cross-chat .chat-message:not(.own)[data-lang=zh] .message-bubble{border-left-color:#e67e22}.raid-cross-chat .chat-message:not(.own)[data-lang=ru] .message-bubble{border-left-color:#1abc9c}.raid-cross-chat .chat-message:not(.own)[data-lang=hi] .message-bubble{border-left-color:#ff6b35}.raid-cross-chat .chat-message:not(.own)[data-lang=ar] .message-bubble{border-left-color:#a855f7}.raid-join-prompt{position:fixed;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#5865f2f2,#434ec6f2);border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 8px 32px #0006,0 0 0 1px #5865f24d;z-index:2000;min-width:300px;max-width:420px;animation:joinSlideIn .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.raid-join-prompt.exiting{animation:joinSlideOut .3s ease-in forwards}@keyframes joinSlideIn{0%{transform:translate(-50%) translateY(-30px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes joinSlideOut{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(-30px);opacity:0}}.raid-join-icon{font-size:20px;flex-shrink:0}.raid-join-content{flex:1;min-width:0}.raid-join-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#fff9;margin-bottom:2px}.raid-join-message{font-size:13px;color:#fff;line-height:1.3}.raid-join-message strong{color:#a8b4ff}.raid-join-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.raid-join-accept{padding:6px 16px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.raid-join-accept:hover{background:#ffffff4d;border-color:#ffffff80}.raid-join-dismiss{padding:4px 6px;background:none;border:none;color:#fff6;font-size:14px;cursor:pointer;border-radius:4px;transition:all .15s ease}.raid-join-dismiss:hover{color:#fff;background:#ffffff1a}.raid-join-timer{position:absolute;bottom:0;left:0;right:0;height:3px;background:#0003}.raid-join-timer-bar{height:100%;background:#fff6;animation:timerShrink linear forwards;transform-origin:left}@keyframes timerShrink{0%{width:100%}to{width:0%}}.testbot-dev-panel{position:fixed;bottom:80px;left:16px;width:260px;max-height:420px;overflow-y:auto;overflow-x:hidden;background:linear-gradient(135deg,#0d1b0d,#1a2e1a);border:1px solid rgba(0,255,100,.25);border-radius:12px;padding:14px;box-shadow:0 8px 32px #00000080,0 0 20px #00ff6414;z-index:1001;font-family:inherit;box-sizing:border-box;animation:devPanelExpand .3s cubic-bezier(.34,1.56,.64,1)}@keyframes devPanelExpand{0%{opacity:0;transform:scale(.6) translate(-40px)}to{opacity:1;transform:scale(1) translate(0)}}.devpanel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(0,255,100,.15)}.devpanel-badge{display:flex;align-items:center;gap:8px}.devpanel-icon{font-size:18px}.devpanel-title{font-size:13px;font-weight:700;color:#00ff64;text-transform:uppercase;letter-spacing:.8px}.devpanel-close{background:#ffffff14;border:none;border-radius:6px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;font-size:16px;transition:all .2s ease}.devpanel-close:hover{background:#ff505033;color:#ff5050}.bot-slot{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px;margin-bottom:10px}.bot-slot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.bot-slot-name{font-size:14px;font-weight:600;color:#e0e0e0;display:flex;align-items:center;gap:6px}.bot-slot-lang{font-size:11px;color:#888;font-weight:400}.bot-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.bot-status-dot.idle{background:#555}.bot-status-dot.running{background:#00ff64;box-shadow:0 0 6px #00ff6480}.bot-status-dot.connecting{background:orange;animation:dotPulse 1s infinite}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.3}}.bot-action-btn{padding:6px 14px;border-radius:6px;border:none;font-size:11px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease}.bot-action-btn.spawn{background:#00ff6426;color:#00ff64;border:1px solid rgba(0,255,100,.3)}.bot-action-btn.spawn:hover{background:#00ff6440}.bot-action-btn.stop{background:#ff505026;color:#ff5050;border:1px solid rgba(255,80,80,.3)}.bot-action-btn.stop:hover{background:#ff505040}.bot-action-btn:disabled{opacity:.4;cursor:not-allowed}.preset-row{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.preset-chip{padding:4px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#999;font-size:10px;font-weight:600;cursor:pointer;transition:all .15s ease}.preset-chip:hover{background:#ffffff1a;color:#ccc}.preset-chip.active{background:#00ff6426;border-color:#00ff6459;color:#00ff64}.config-row{display:flex;align-items:center;gap:6px;margin-top:6px}.config-label{font-size:10px;color:#777;font-weight:600;white-space:nowrap;min-width:52px}.config-select{flex:1;padding:4px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#0000004d;color:#ddd;font-size:11px;font-family:inherit;cursor:pointer;outline:none;transition:border-color .2s ease}.config-select:focus{border-color:#00ff6466}.config-chips{display:flex;gap:3px;flex:1}.config-chips .preset-chip{flex:1;text-align:center;padding:4px 2px;font-size:12px;min-width:0}.instruction-section{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.instruction-label{font-size:11px;color:#777;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.instruction-row{display:flex;flex-wrap:wrap;gap:6px}.instruction-row select{width:100%;padding:6px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#0000004d;color:#ddd;font-size:12px;font-family:inherit}.instruction-input-group{display:flex;gap:6px;width:100%}.instruction-input{flex:1;padding:8px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#0000004d;color:#ddd;font-size:12px;font-family:inherit;outline:none;transition:border-color .2s ease}.instruction-input:focus{border-color:#00ff6466}.instruction-input::placeholder{color:#555}.instruction-send{padding:8px 12px;border-radius:6px;border:none;background:#00ff6426;color:#00ff64;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.instruction-send:hover{background:#00ff6440}.instruction-send:disabled{opacity:.3;cursor:not-allowed}.stop-all-btn{width:100%;padding:8px;border-radius:8px;border:1px solid rgba(255,80,80,.25);background:#ff505014;color:#ff5050;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;margin-top:10px;transition:all .2s ease}.stop-all-btn:hover{background:#ff50502e}.devpanel-unavailable{color:#666;font-size:12px;text-align:center;padding:20px 0}@media (max-width: 480px){.testbot-dev-panel{width:calc(100% - 32px);left:16px;right:16px;bottom:70px;max-height:50vh}}.bot-select-checkbox{width:14px;height:14px;accent-color:#00ff64;cursor:pointer;margin-right:4px;flex-shrink:0}.bot-running-badge{font-size:9px;font-weight:800;color:#00ff64;background:#00ff6426;border:1px solid rgba(0,255,100,.3);border-radius:4px;padding:2px 6px;letter-spacing:1px;animation:dotPulse 1.5s infinite}.bot-invite-btn{font-size:10px;font-weight:700;color:#00c8ff;background:#00c8ff1f;border:1px solid rgba(0,200,255,.3);border-radius:5px;padding:3px 8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.bot-invite-btn:hover{background:#00c8ff38;box-shadow:0 0 8px #00c8ff33}.bot-invite-btn:disabled{opacity:.4;cursor:not-allowed}.preset-chip:disabled,.config-select:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.speaks-first-section{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:8px}.speaks-first-label{min-width:auto!important;white-space:nowrap}.speaks-first-toggle{display:flex;gap:4px;flex:1}.speaks-first-btn{flex:1;padding:6px 0;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#888;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease}.speaks-first-btn:hover{background:#ffffff1a;color:#ccc}.speaks-first-btn.active{background:#00c8ff26;border-color:#00c8ff59;color:#00c8ff}.record-toggle-section{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.record-toggle-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#aaa;cursor:pointer;-webkit-user-select:none;user-select:none}.record-toggle-checkbox{width:14px;height:14px;accent-color:#ff4444;cursor:pointer}.record-dot{width:8px;height:8px;border-radius:50%;background:#f44;opacity:.4}.recording-indicator{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:800;color:#f44;letter-spacing:1.5px;padding:6px 0;animation:recPulse 1.2s infinite}.rec-dot{width:8px;height:8px;border-radius:50%;background:#f44;box-shadow:0 0 8px #f44c}@keyframes recPulse{0%,to{opacity:1}50%{opacity:.4}}.start-conversation-btn{width:100%;padding:12px;border-radius:10px;border:1px solid rgba(0,255,100,.35);background:linear-gradient(135deg,#00ff641f,#00c8642e);color:#00ff64;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;margin-top:12px;transition:all .2s ease;box-shadow:0 0 20px #00ff6414}.start-conversation-btn:hover{background:linear-gradient(135deg,#00ff6433,#00c86447);box-shadow:0 0 30px #00ff6426;transform:translateY(-1px)}.start-conversation-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.record-toggle-section{padding:8px 14px;border-top:1px solid rgba(255,255,255,.06)}.record-toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:#ffffffb3;-webkit-user-select:none;user-select:none}.record-toggle-label:hover{color:#ffffffe6}.record-toggle-checkbox{width:14px;height:14px;accent-color:#ff4444;cursor:pointer;flex-shrink:0}.record-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#f44;opacity:.6;flex-shrink:0}.record-toggle-checkbox:checked~.record-dot{opacity:1;box-shadow:0 0 6px #f449}.recording-indicator{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:800;letter-spacing:2px;color:#f44;background:#ff444414;border:1px solid rgba(255,68,68,.2);border-radius:6px;margin:0 14px}.rec-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#f44;animation:recPulse 1s infinite}@keyframes recPulse{0%,to{opacity:1;box-shadow:0 0 4px #f44c}50%{opacity:.3;box-shadow:0 0 #f440}}.voice-call-screen{display:flex;flex-direction:column;height:100%;min-height:100vh;padding:1.5rem;max-width:480px;margin:0 auto}.voice-call-screen.has-transcription{max-width:100%;width:100%;margin:0;padding:1rem 1.5rem;align-self:stretch;height:100vh;max-height:100vh;min-height:unset;overflow:hidden}.voice-call-screen.has-transcription .call-header{max-width:340px}.call-main-layout{display:flex;gap:1rem;flex:1;min-height:0;width:100%;overflow:hidden}.call-sidebar{width:340px;min-width:280px;flex-shrink:0;display:flex;flex-direction:column;overflow-y:auto}.call-transcription-area{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:#1e1e2866;border-radius:8px;overflow:hidden;padding-bottom:70px}.call-sidebar .call-actions{margin-top:auto;padding-top:1rem}.call-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:0 .5rem}.header-spacer{flex:1}.back-btn,.info-btn{background:transparent;border:none;color:var(--text-secondary, #b5bac1);cursor:pointer;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.back-btn:hover,.info-btn:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.info-btn.active{background:#5865f233;color:var(--primary, #5865f2)}.creator-btn.flashing{animation:botIconFlash .5s ease-out}@keyframes botIconFlash{0%{transform:scale(1);filter:brightness(1)}30%{transform:scale(1.3);filter:brightness(1.8) drop-shadow(0 0 12px rgba(255,215,0,.8))}60%{transform:scale(1.1);filter:brightness(1.4) drop-shadow(0 0 8px rgba(255,215,0,.5))}to{transform:scale(1);filter:brightness(1)}}.call-info-dropdown{background:#ffffff0d;border-radius:12px;padding:1rem;margin-bottom:1rem;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.call-info-dropdown h3{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:var(--text-primary, #fff)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.75rem;color:var(--text-secondary, #b5bac1);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:.9rem;font-weight:500;color:var(--text-primary, #fff)}.info-value.languages{display:flex;gap:.25rem}.lang-flag{font-size:1.25rem}.voice-channels-section{overflow-y:auto;margin-bottom:1rem}.voice-channel{background:#ffffff05;border-radius:8px;overflow:visible}.channel-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;color:var(--text-secondary, #96989d);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.channel-header:hover{color:var(--text-primary, #fff);background:#ffffff0d}.voice-channel.active .channel-header{color:var(--text-primary, #fff);background:#5865f21a}.channel-icon{width:18px;height:18px;opacity:.7}.voice-channel.active .channel-icon{color:#3ba55c;opacity:1}.channel-name{flex:1;text-transform:none;font-weight:500}.join-hint{font-size:.7rem;color:var(--text-secondary, #96989d);font-weight:400;text-transform:none;opacity:0;transition:opacity .2s ease}.channel-header:hover .join-hint{opacity:1}.participant-count{font-size:.75rem;font-weight:500;color:var(--text-secondary, #96989d);background:#ffffff1a;padding:.15rem .5rem;border-radius:10px;text-transform:none;margin-left:auto}.voice-channel.active .participant-count{background:#3ba55c33;color:#3ba55c}.expand-icon{margin-left:.25rem;opacity:.6;transition:transform .2s ease,opacity .2s ease}.channel-header:hover .expand-icon{opacity:1}.expand-icon.expanded{transform:rotate(0)}.expand-icon:not(.expanded){transform:rotate(-90deg)}.channel-users.collapsed{display:none}.languages-in-call{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#5865f21a;border-radius:6px;margin:.5rem .5rem 0;position:relative;overflow:visible}.languages-label{font-size:.75rem;font-weight:500;color:var(--text-secondary, #96989d);text-transform:uppercase;letter-spacing:.5px}.language-flags{display:flex;gap:.25rem;flex-wrap:wrap}.lang-flag-item{font-size:1.1rem;cursor:default;transition:transform .2s ease}.lang-flag-item:hover{transform:scale(1.2)}.int-mode-area{margin-left:auto;display:flex;align-items:center;gap:.4rem;white-space:nowrap;position:relative}.int-mode-label{font-size:.65rem;font-weight:500;letter-spacing:.3px;color:var(--text-secondary, #96989d);text-transform:uppercase}.int-mode-toggle{position:relative;width:32px;height:18px;background:#ed424566;border-radius:10px;border:1.5px solid rgba(237,66,69,.6);cursor:pointer;transition:all .25s ease;flex-shrink:0}.int-mode-toggle.on{background:#3ba55c66;border-color:#3ba55c99}.int-mode-toggle .toggle-knob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#ed4245;box-shadow:0 1px 4px #0000004d;transition:all .25s ease}.int-mode-toggle.on .toggle-knob{left:16px;background:#3ba55c}.int-mode-toggle:hover{filter:brightness(1.2);transform:scale(1.05)}.int-mode-badge{font-size:.6rem;font-weight:600;padding:.1rem .35rem;border-radius:4px;letter-spacing:.3px;text-transform:uppercase}.int-mode-badge.on{background:#3ba55c33;color:#3ba55c;border:1px solid rgba(59,165,92,.3)}.int-mode-badge.off{background:#ed424533;color:#ed4245;border:1px solid rgba(237,66,69,.3)}.int-mode-info-btn{width:16px;height:16px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);background:transparent;color:#fff6;font-size:.55rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;padding:0;line-height:1}.int-mode-info-btn:hover{border-color:#5865f299;color:#5865f2e6;background:#5865f21a;transform:scale(1.1)}.int-mode-tooltip{position:absolute;top:calc(100% + 8px);right:-8px;width:220px;background:#1e1f22f7;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem;z-index:100;box-shadow:0 8px 24px #00000080;animation:tooltipFadeIn .15s ease}.int-mode-tooltip.int-mode-tooltip-portal{z-index:9999;width:240px}.int-mode-tooltip:before{content:"";position:absolute;top:-5px;right:14px;width:8px;height:8px;background:#1e1f22f7;border-left:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.1);transform:rotate(45deg)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.int-mode-tooltip h4{margin:0 0 .4rem;font-size:.75rem;font-weight:600;color:var(--text-primary, #fff)}.int-mode-tooltip p{margin:0 0 .35rem;font-size:.7rem;line-height:1.4;color:var(--text-secondary, #b5bac1)}.int-mode-tooltip .tooltip-recommend{font-size:.65rem;color:#faa61a;font-weight:500;margin:0;padding-top:.25rem;border-top:1px solid rgba(255,255,255,.06)}.live-indicator{display:flex;align-items:center;margin-left:.5rem}.audio-wave{display:flex;align-items:center;gap:2px;height:16px}.audio-wave .bar{width:3px;height:100%;background:linear-gradient(to top,#3ba55c,#57d672);border-radius:2px;animation:audio-wave-pulse 1.2s ease-in-out infinite}.audio-wave .bar:nth-child(1){animation-delay:0s;height:40%}.audio-wave .bar:nth-child(2){animation-delay:.15s;height:70%}.audio-wave .bar:nth-child(3){animation-delay:.3s;height:100%}.audio-wave .bar:nth-child(4){animation-delay:.45s;height:60%}.audio-wave .bar:nth-child(5){animation-delay:.6s;height:30%}@keyframes audio-wave-pulse{0%,to{transform:scaleY(.4);opacity:.6}50%{transform:scaleY(1);opacity:1}}.channel-users{padding:.25rem .5rem .5rem 2rem}.stacked-avatars{display:flex;align-items:center;padding:.5rem 1rem .75rem 2rem}.stacked-avatar{width:28px;height:28px;border-radius:50%;border:2px solid var(--bg-primary, #1e1f22);margin-left:-8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5865f2,#3ba55c);position:relative}.stacked-avatar:first-child{margin-left:0}.stacked-avatar img{width:100%;height:100%;object-fit:cover}.stacked-avatar .avatar-initial{font-size:.7rem;font-weight:600;color:#fff}.stacked-avatar.more-count{background:#5865f2cc;font-size:.65rem;font-weight:600;color:#fff}.channel-user{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:6px;transition:all .2s ease}.channel-user:hover{background:#ffffff0d}.channel-user.you{background:#5865f21a}.channel-user.speaking{background:#3ba55c26}.channel-user.clickable{cursor:pointer}.channel-user.clickable:hover{background:#5865f226}.user-avatar-small{width:28px;height:28px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5865f2,#3ba55c);flex-shrink:0;border:2px solid transparent;transition:border-color .2s ease,box-shadow .2s ease}.channel-user.speaking .user-avatar-small{border-color:#3ba55c;box-shadow:0 0 8px #3ba55c99}.user-avatar-small .avatar-img{width:100%;height:100%;object-fit:cover}.user-avatar-small .avatar-initial{font-size:.75rem;font-weight:600;color:#fff}.user-name{flex:1;font-size:.9rem;color:var(--text-primary, #fff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:.25rem}.host-badge{font-size:.85rem;filter:drop-shadow(0 0 4px rgba(255,215,0,.6));flex-shrink:0}.processing-badge{font-size:.7rem;flex-shrink:0;animation:processing-spin 1s linear infinite}@keyframes processing-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-language{font-size:.9rem;margin-left:auto}.user-status-icons{display:flex;gap:.25rem}.status-icon{color:var(--text-secondary, #96989d)}.status-icon.mic{color:#3ba55c}.status-icon.muted,.status-icon.deafened{color:#ed4245}.status-icon.translation-off{color:#faa61a}.control-panel-trigger{background:#5865f233;border:none;border-radius:4px;padding:.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--primary, #5865f2);transition:all .2s ease}.control-panel-trigger:hover{background:#5865f266;transform:scale(1.1)}.control-panel-trigger svg{display:block}.speaking-indicator{display:flex;gap:2px;margin-left:.25rem}.speaking-indicator .wave{width:3px;height:12px;background:#3ba55c;border-radius:2px;animation:speak-wave .6s ease-in-out infinite}.speaking-indicator .wave:nth-child(2){animation-delay:.1s}.speaking-indicator .wave:nth-child(3){animation-delay:.2s}@keyframes speak-wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.channel-empty{padding:1rem;text-align:center}.empty-text{color:var(--text-secondary, #96989d);font-size:.85rem;font-style:italic}.participants-section{flex:1;overflow-y:auto;margin-bottom:1rem}.no-participants{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--text-secondary, #b5bac1)}.empty-icon{font-size:3rem;margin-bottom:.5rem;opacity:.5}.participants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}.participant-card{display:flex;flex-direction:column;align-items:center;padding:1rem .75rem;background:#ffffff0d;border-radius:12px;border:2px solid transparent;position:relative;transition:all .2s ease}.participant-card.speaking{border-color:#3ba55c;box-shadow:0 0 20px #3ba55c4d;animation:speakingPulse 1.5s ease-in-out infinite}@keyframes speakingPulse{0%,to{box-shadow:0 0 20px #3ba55c4d}50%{box-shadow:0 0 30px #3ba55c80}}.translating-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#5865f2cc;border-radius:10px;display:flex;align-items:center;justify-content:center;z-index:1}.translating-text{font-size:.7rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.avatar-container{position:relative;margin-bottom:.5rem}.avatar{width:56px;height:56px;border-radius:50%;object-fit:cover}.avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5865f2,#3ba55c);color:#fff;font-size:1.5rem;font-weight:600}.connection-indicator{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;border:2px solid var(--bg-primary, #1e1f22)}.connection-indicator.good{background:#3ba55c}.connection-indicator.fair{background:#faa61a}.connection-indicator.poor{background:#ed4245}.language-badge{display:flex;align-items:center;gap:.25rem;background:#ffffff1a;padding:.25rem .5rem;border-radius:4px;margin-bottom:.25rem}.language-badge .flag{font-size:.9rem}.language-badge .lang-code{font-size:.7rem;font-weight:600;color:var(--text-primary, #fff)}.participant-card .username{font-size:.8rem;font-weight:500;color:var(--text-primary, #fff);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badges{display:flex;gap:.25rem;margin-top:.25rem}.badge{font-size:.8rem}.badge.owner{color:#faa61a}.badge.tier{color:#5865f2}.badge.tier-2{color:#9b59b6}.badge.tier-3{color:#e91e63}.call-actions{padding:1rem 0}.join-btn,.leave-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;font-size:1.1rem;font-weight:600;border-radius:12px}.join-btn{background:linear-gradient(135deg,#3ba55c,#2d7d46);border:none;color:#fff;transition:all .2s ease}.join-btn:hover{background:linear-gradient(135deg,#45c066,#3ba55c);transform:translateY(-2px);box-shadow:0 8px 20px #3ba55c4d}.leave-btn{background:#ed424533;border:2px solid #ed4245;color:#ed4245;transition:all .2s ease}.leave-btn:hover{background:#ed4245;color:#fff}.voice-call-screen .invite-link-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;margin-bottom:.75rem;font-size:1rem;font-weight:500;background:#5865f21a;border:2px solid var(--primary, #5865f2);color:var(--primary, #5865f2);border-radius:12px;cursor:pointer;transition:all .2s ease}.voice-call-screen .invite-link-btn:hover{background:#5865f233}.chat-container{flex:1;position:relative;min-height:0;display:flex;flex-direction:column}.call-sidebar .chat-container{min-height:200px;margin:.5rem 0}.call-transcription-area .chat-container{flex:1}.host-departure-modal{width:480px;max-width:95vw;max-height:80vh;background:var(--bg-secondary, #2b2d31);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #0006}.host-departure-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle, #3f4147);flex-shrink:0}.host-departure-modal .modal-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #fff)}.host-departure-modal .close-btn{background:none;border:none;color:var(--text-muted, #949ba4);cursor:pointer;padding:4px;border-radius:4px;transition:color .2s,background .2s}.host-departure-modal .close-btn:hover{color:var(--text-primary, #fff);background:var(--bg-modifier-hover, #36373d)}.host-departure-modal .modal-body{flex:1;padding:20px;overflow-y:auto;min-height:0}.departure-message{color:var(--text-secondary, #b5bac1);font-size:14px;margin:0 0 20px;text-align:center}.departure-options{display:flex;flex-direction:column;gap:12px}.departure-option{display:flex;align-items:center;gap:14px;padding:16px;background:var(--bg-tertiary, #232428);border:1px solid transparent;border-radius:8px;cursor:pointer;text-align:left;transition:all .2s}.departure-option:hover{background:var(--bg-modifier-hover, #36373d);border-color:var(--border-subtle, #3f4147)}.departure-option.transfer:hover{border-color:var(--brand-primary, #5865f2)}.departure-option.end:hover{border-color:var(--status-danger, #ed4245)}.departure-option.leave:hover{border-color:var(--text-muted, #949ba4)}.option-icon{font-size:24px;flex-shrink:0}.option-content{flex:1;display:flex;flex-direction:column;gap:2px}.option-title{font-size:15px;font-weight:600;color:var(--text-primary, #fff)}.option-desc{font-size:13px;color:var(--text-muted, #949ba4)}.departure-option .arrow{color:var(--text-muted, #949ba4);flex-shrink:0}.transfer-picker{display:flex;flex-direction:column;gap:16px}.back-link{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-link, #00a8fc);font-size:14px;cursor:pointer;padding:0;width:fit-content}.back-link:hover{text-decoration:underline}.transfer-picker h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #fff)}.transfer-candidates{display:flex;flex-direction:column;gap:8px}.candidate{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-tertiary, #232428);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.candidate:hover{background:var(--bg-modifier-hover, #36373d)}.candidate.selected{border-color:var(--brand-primary, #5865f2);background:#5865f21a}.candidate-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.candidate-name{flex:1;font-size:15px;font-weight:500;color:var(--text-primary, #fff)}.check-icon{color:var(--brand-primary, #5865f2);font-size:18px;font-weight:700}.host-departure-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--border-subtle, #3f4147);flex-shrink:0}.host-departure-modal .btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.host-departure-modal .btn-primary{background:var(--brand-primary, #5865f2);color:#fff}.host-departure-modal .btn-primary:hover:not(:disabled){background:var(--brand-primary-hover, #4752c4)}.host-departure-modal .btn-primary:disabled{opacity:.5;cursor:not-allowed}.host-departure-modal .btn-secondary{background:var(--bg-tertiary, #232428);color:var(--text-primary, #fff)}.host-departure-modal .btn-secondary:hover{background:var(--bg-modifier-hover, #36373d)}.text-chat-screen{display:flex;width:100%;height:100vh;background:var(--bg-primary, #0a0e1a);position:relative;overflow:hidden}.text-chat-sidebar{width:200px;min-width:200px;display:flex;flex-direction:column;background:var(--bg-secondary, rgba(15, 20, 40, .95));border-right:1px solid rgba(255,255,255,.06)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-header h3{font-size:14px;font-weight:600;color:var(--text-primary, #e2e8f0);margin:0}.participant-count{background:#6366f133;color:var(--accent-primary, #818cf8);font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px}.sidebar-participants{flex:1;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.sidebar-participant{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;transition:background .15s ease}.sidebar-participant:hover{background:#ffffff0a}.sidebar-participant.is-self{background:#6366f114}.participant-avatar-wrap{position:relative;flex-shrink:0}.participant-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.participant-avatar-fallback{width:32px;height:32px;border-radius:50%;background:#6366f14d;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.crown-badge{position:absolute;top:-4px;right:-4px;font-size:11px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.participant-info{display:flex;flex-direction:column;min-width:0}.participant-name{font-size:13px;font-weight:500;color:var(--text-primary, #e2e8f0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.you-tag{font-size:10px;color:var(--accent-primary, #818cf8);font-weight:400}.participant-lang{font-size:11px;color:var(--text-secondary, #94a3b8)}.sidebar-footer{padding:10px 12px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:6px}.btn-invite-chat{width:100%;padding:8px 12px;border-radius:8px;border:1px solid rgba(88,101,242,.3);background:#5865f21f;color:#818cf8;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:6px}.btn-invite-chat:hover{background:#5865f238;border-color:#5865f280}.btn-leave{width:100%;padding:8px 12px;border-radius:8px;border:1px solid rgba(239,68,68,.3);background:#ef44441a;color:#f87171;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-leave:hover{background:#ef444433;border-color:#ef444480}.text-chat-main{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.text-chat-main .live-chat{position:relative!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border-radius:0!important;resize:none!important;border:none!important;box-shadow:none!important;z-index:1!important}.text-chat-main .live-chat .chat-resize-handle{display:none!important}.leave-confirm-modal{background:var(--bg-secondary, rgba(15, 20, 40, .98));border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;max-width:360px;width:90%;text-align:center}.leave-confirm-modal h3{color:var(--text-primary, #e2e8f0);margin:0 0 8px;font-size:18px}.leave-confirm-modal p{color:var(--text-secondary, #94a3b8);margin:0 0 20px;font-size:14px}.leave-confirm-actions{display:flex;gap:10px;justify-content:center}.btn-danger{background:#ef444433!important;border:1px solid rgba(239,68,68,.4)!important;color:#f87171!important}.btn-danger:hover{background:#ef44444d!important}@media (max-width: 600px){.text-chat-screen{flex-direction:column}.text-chat-sidebar{width:100%;min-width:unset;max-height:120px;border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-participants{flex-direction:row;display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;padding:4px 8px}.sidebar-participant{flex-shrink:0;padding:4px 6px}.sidebar-footer{display:none}}.postcall-feedback-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;background:#00000080;animation:postcall-fade-in .3s ease}.postcall-feedback-sheet{width:100%;max-width:480px;background:linear-gradient(135deg,#1e1f35,#252845);border-radius:20px 20px 0 0;padding:24px 20px 32px;display:flex;flex-direction:column;gap:16px;animation:postcall-slide-up .3s ease}.postcall-feedback-title{text-align:center;color:#fff;font-size:1.1rem;font-weight:600;margin:0}.postcall-rate-label{text-align:center;color:#8e91b5;font-size:.85rem;margin:0 0 8px}.postcall-star-row{display:flex;justify-content:center;gap:8px}.postcall-star{background:none;border:none;font-size:2rem;color:#3a3d5c;cursor:pointer;transition:color .15s,transform .15s;padding:4px}.postcall-star:hover{transform:scale(1.2)}.postcall-star.active{color:gold}.postcall-categories{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;animation:postcall-fade-in .2s ease}.postcall-category-tag{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:6px 14px;color:#c0c3e0;font-size:.8rem;cursor:pointer;transition:all .15s}.postcall-category-tag:hover{background:#ffffff1a;border-color:#fff3}.postcall-category-tag.selected{background:#6366f133;border-color:#6366f1;color:#a5b4fc}.postcall-comment{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 14px;color:#fff;font-size:.85rem;font-family:inherit;resize:none;outline:none;transition:border-color .2s;animation:postcall-fade-in .2s ease}.postcall-comment:focus{border-color:#6366f1}.postcall-comment::placeholder{color:#5b5e82}.postcall-actions{display:flex;gap:12px;justify-content:center}.postcall-skip{background:none;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 24px;color:#8e91b5;font-size:.85rem;cursor:pointer;transition:all .15s}.postcall-skip:hover{background:#ffffff0d;color:#fff}.postcall-submit{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;padding:10px 32px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.postcall-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.postcall-submit:disabled{opacity:.4;cursor:not-allowed}.postcall-feedback-thankyou{text-align:center;padding:40px 20px;gap:12px}.postcall-thankyou-icon{font-size:2.5rem}.postcall-feedback-thankyou p{color:#c0c3e0;font-size:1rem;margin:0}@keyframes postcall-fade-in{0%{opacity:0}to{opacity:1}}@keyframes postcall-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bug-report-trigger{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:all .15s}.bug-report-trigger:hover{background:#ffffff1f;border-color:#fff3;transform:scale(1.05)}.bug-report-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:#0009;animation:bug-fade-in .2s ease}.bug-report-modal{background:linear-gradient(135deg,#1e1f35,#252845);border-radius:16px;padding:20px;width:90%;max-width:360px;display:flex;flex-direction:column;gap:14px;animation:bug-scale-in .2s ease}.bug-report-title{text-align:center;color:#fff;font-size:1rem;font-weight:600;margin:0}.bug-report-categories{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.bug-report-cat{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:5px 12px;color:#c0c3e0;font-size:.75rem;cursor:pointer;transition:all .15s}.bug-report-cat:hover{background:#ffffff1a}.bug-report-cat.selected{background:#ef444433;border-color:#ef4444;color:#fca5a5}.bug-report-comment{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 12px;color:#fff;font-size:.8rem;font-family:inherit;resize:none;outline:none}.bug-report-comment:focus{border-color:#ef4444}.bug-report-comment::placeholder{color:#5b5e82}.bug-report-actions{display:flex;gap:8px;justify-content:center}.bug-report-cancel{background:none;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 20px;color:#8e91b5;font-size:.8rem;cursor:pointer}.bug-report-submit{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;padding:8px 24px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer}.bug-report-submit:disabled{opacity:.4;cursor:not-allowed}.bug-report-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#22c55e33;border:1px solid rgba(34,197,94,.4);border-radius:12px;padding:10px 20px;color:#86efac;font-size:.85rem;z-index:1200;animation:bug-fade-in .2s ease}@keyframes bug-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bug-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-card: #0f3460;--accent: #e94560;--accent-light: #ff6b8a;--text-primary: #ffffff;--text-secondary: #b8b8d1;--success: #4ade80;--border-radius: 12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(180deg,#0f1419,#0a0e13);color:var(--text-primary);min-height:100vh}.app-container{min-height:100vh;display:flex;flex-direction:column;padding:24px;max-width:600px;margin:0 auto}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:16px}.spinner{width:48px;height:48px;border:4px solid var(--bg-card);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-brand{animation:globeFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(79,195,247,.35))}@keyframes globeFloat{0%,to{transform:translateY(0);filter:drop-shadow(0 0 10px rgba(79,195,247,.35))}50%{transform:translateY(-9px);filter:drop-shadow(0 0 22px rgba(79,195,247,.65))}}.loading-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:4px}.loading-subtitle{color:var(--text-secondary);font-size:14px}.error{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;gap:12px}.error h2{color:var(--accent)}.hint{color:var(--text-secondary);font-size:14px}.dev-mode-banner{display:none;position:fixed;top:0;left:0;right:0;z-index:9998;background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;padding:6px 20px;text-align:center;font-size:11px;font-weight:600;box-shadow:0 2px 10px #f59e0b4d}.dev-reset-btn{position:fixed;bottom:12px;left:12px;z-index:9999;padding:6px 14px;font-size:11px;font-weight:700;background:#ef444426;border:1px solid rgba(239,68,68,.4);border-radius:6px;color:#f87171;cursor:pointer;opacity:.7;transition:all .15s ease}.dev-reset-btn:hover{opacity:1;background:#ef444440;border-color:#ef444499}.app-header{text-align:center;margin-bottom:32px}.app-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:var(--text-secondary);margin-top:8px}.app-main{flex:1;display:flex;flex-direction:column;gap:24px}.user-info{display:flex;align-items:center;gap:16px;background:var(--bg-card);padding:20px;border-radius:var(--border-radius);box-shadow:0 4px 20px #0000004d}.avatar img,.avatar-placeholder{width:64px;height:64px;border-radius:50%;object-fit:cover}.avatar-placeholder{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.user-details h2{font-size:1.25rem;font-weight:600}.username{color:var(--text-secondary);font-size:14px}.session-info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.info-card{background:var(--bg-card);padding:16px;border-radius:var(--border-radius);text-align:center;box-shadow:0 4px 20px #0003}.info-card .label{display:block;color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.info-card .value{font-size:14px;font-weight:600}.status-message{background:#4ade801a;border:1px solid var(--success);padding:20px;border-radius:var(--border-radius);text-align:center}.status-message p:first-child{color:var(--success);font-weight:600;margin-bottom:8px}.translation-status{background:linear-gradient(135deg,#e945601a,#4ade801a);border:1px solid var(--accent);padding:20px;border-radius:var(--border-radius);margin-bottom:16px}.translation-pair-display{display:flex;align-items:center;justify-content:center;gap:24px}.translation-pair-display .lang{display:flex;flex-direction:column;align-items:center;gap:4px}.translation-pair-display .direction{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.translation-pair-display .code{font-size:24px;font-weight:700;color:var(--accent-light)}.translation-pair-display .arrow{font-size:24px;color:var(--text-secondary)}@media (max-width: 480px){.app-container{padding:16px}.app-header h1{font-size:2rem}.session-info{grid-template-columns:1fr}}