:root{--bg:#12101f;--surface:#1c1830;--surface-muted:#171428;--surface-elevated:#252140;--surface-overlay:#1c1830e0;--accent:#818cf8;--accent-hover:#6366f1;--accent-strong:#4f46e5;--accent-violet:#a78bfa;--accent-transparent:#818cf824;--border-color:#2e2a45;--border-color-gold:#818cf838;--text-primary:#f4f3fc;--text-secondary:#c4bfd9;--text-muted:#b4aed0;--text-on-accent:#fff;--danger:#f87171;--success:#4ade80;--warning:#fbbf24;--gradient-start:#4f46e5;--gradient-end:#7c3aed;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--font-display:28px;--font-title:20px;--font-body:15px;--font-caption:13px;--sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;font-family:var(--sans);color:var(--text-primary);background-color:var(--bg);box-sizing:border-box;margin:0;padding:0;overflow:hidden}.light-theme{--bg:#f4f3fc;--surface:#fff;--surface-muted:#f4f3fc;--surface-elevated:#fff;--surface-overlay:#fffffff0;--accent:#4f46e5;--accent-hover:#4338ca;--accent-strong:#4f46e5;--accent-violet:#7c3aed;--accent-transparent:#4f46e51a;--border-color:#d1c9f0;--border-color-gold:#4f46e538;--text-primary:#1a1245;--text-secondary:#5b5278;--text-muted:#7c6fab;--text-on-accent:#fff;--danger:#dc2626;--success:#16a34a;--warning:#d97706;--gradient-start:#4f46e5;--gradient-end:#7c3aed;--shadow-sm:0 1px 2px #1a12450f;--shadow-md:0 8px 24px #1a12451a;--shadow-lg:0 16px 40px #1a124524;--chat-bg-dot:#4f46e50f}:root{--shadow-sm:0 1px 2px #0003;--shadow-md:0 8px 24px #00000047;--shadow-lg:0 16px 40px #00000059;--chat-bg-dot:#818cf812}body{background-color:var(--bg);color:var(--text-primary);width:100vw;height:100vh;font-size:var(--font-body);margin:0;padding:0;overflow:hidden}*{box-sizing:border-box}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#818cf840;border-radius:4px}.light-theme ::-webkit-scrollbar-thumb{background:#4f46e540}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.glass{background:var(--surface-overlay);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color)}.glass-gold{background:var(--surface-overlay);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color-gold)}.hai-auth-shell{width:100vw;min-height:100vh;padding:var(--space-xl);background:linear-gradient(165deg, var(--gradient-start) 0%, var(--gradient-end) 48%, #1a1245 100%);justify-content:center;align-items:center;display:flex}.hai-auth-card{border-radius:var(--radius-lg);gap:var(--space-xl);background:var(--surface);border:1px solid var(--border-color);width:100%;max-width:420px;color:var(--text-primary);flex-direction:column;padding:40px 32px;display:flex;box-shadow:0 16px 40px #1a124559}.hai-brand-mark{color:#fff;letter-spacing:.5px;background:#ffffff1f;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:28px;font-weight:700;display:flex}button,input,textarea{font-family:inherit}.gold-input{background:var(--surface);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);outline:none;padding:12px 16px;transition:all .2s ease-in-out}.gold-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-transparent);background:var(--surface)}select.gold-input,select.hai-select{appearance:none;background-color:var(--surface);color:var(--text-primary);cursor:pointer;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237C6FAB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;min-height:48px;padding-right:40px}@media (prefers-color-scheme:dark){select.gold-input,select.hai-select{--lightningcss-light: ;--lightningcss-dark:initial}}select.gold-input option,select.hai-select option{background:var(--surface);color:var(--text-primary)}.light-theme select.gold-input,.light-theme select.hai-select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root:not(.light-theme) select.gold-input,:root:not(.light-theme) select.hai-select,html:not(.light-theme) select.gold-input,html:not(.light-theme) select.hai-select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.hai-privacy-field{flex-direction:column;gap:8px;display:flex}.hai-privacy-field label{color:var(--text-primary);font-size:14px;font-weight:600}.hai-privacy-toggle{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.hai-privacy-toggle:last-of-type{border-bottom:none}.gold-button{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#4338ca;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s ease-in-out;display:inline-flex}.gold-button:hover{color:#fff;box-shadow:0 4px 14px var(--accent-transparent);background:#3730a3;transform:translateY(-1px)}.light-theme .gold-button{color:#fff;background:#4f46e5}.light-theme .gold-button:hover{color:#fff;background:#4338ca}.gold-button:active{transform:translateY(0)}.gold-button:disabled{background:var(--surface-elevated);color:var(--text-muted);cursor:not-allowed;box-shadow:none;transform:none}.gold-button-outline{color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s ease-in-out;display:inline-flex}.gold-button-outline:hover{background:var(--accent-transparent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes pulse-dot{0%{box-shadow:0 0 0 0 var(--accent-transparent);transform:scale(.95)}70%{transform:scale(1);box-shadow:0 0 0 6px #0000}to{transform:scale(.95);box-shadow:0 0 #0000}}.pulse-presence{animation:2s infinite pulse-dot}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(40px)scale(.95)}}@keyframes callRingPulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.notification-toast{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards slideInRight}.btn-primary,.gold-button{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#4338ca;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.btn-primary:hover,.gold-button:hover{color:#fff;box-shadow:0 4px 14px var(--accent-transparent);background:#3730a3;transform:translateY(-1px)}.light-theme .btn-primary,.light-theme .gold-button{background:#4f46e5}.light-theme .btn-primary:hover,.light-theme .gold-button:hover{background:#4338ca}.btn-secondary,.gold-button-outline{color:var(--accent);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover,.gold-button-outline:hover{background:var(--accent-transparent);border-color:var(--accent);color:var(--accent)}.btn-ghost{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-weight:500;transition:all .15s;display:inline-flex}.btn-ghost:hover{background:var(--accent-transparent);color:var(--accent)}.btn-danger{color:var(--danger);border-radius:var(--radius-sm);cursor:pointer;background:#dc26261f;border:1px solid #dc262647;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:all .2s;display:inline-flex}.btn-danger:hover{background:#dc262633}.icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--surface-muted);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.icon-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-transparent);transform:translateY(-1px)}.icon-btn svg{stroke-width:2px;width:18px;height:18px}.conv-row{cursor:pointer;border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:14px 16px;transition:background-color .18s,transform .18s;display:flex;position:relative}.conv-row:hover{background-color:var(--accent-transparent)}.conv-row.is-active{background-color:var(--accent-transparent);box-shadow:inset 3px 0 0 var(--accent)}.conv-row .unread-badge{color:#fff;min-width:20px;height:20px;box-shadow:0 0 0 2px var(--surface);background:#4338ca;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.light-theme .conv-row .unread-badge{background:#4f46e5}.msg-bubble{max-width:72%;box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:6px;padding:12px 16px;font-size:15px;line-height:1.45;animation:.22s cubic-bezier(.16,1,.3,1) msgIn;display:flex;position:relative}.msg-bubble.is-mine{background:var(--accent-transparent);border:1px solid var(--border-color-gold);border-bottom-right-radius:6px}.msg-bubble.is-theirs{background:var(--surface-elevated);border:1px solid var(--border-color);border-bottom-left-radius:6px}.light-theme .msg-bubble.is-mine{box-shadow:var(--shadow-sm);background:#4f46e51f}.light-theme .msg-bubble.is-theirs{box-shadow:var(--shadow-sm);background:#fff}.chat-thread{background-color:var(--bg);background-image:radial-gradient(var(--chat-bg-dot) 1px, transparent 1px);background-size:22px 22px;flex-direction:column;flex:1;gap:12px;padding:20px 28px;display:flex;overflow-y:auto}.chat-empty{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:48px 24px;animation:.35s fadeIn;display:flex}.chat-empty-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:360px;padding:28px 32px}.settings-main{background:var(--bg);flex:1;padding:40px 32px;overflow-y:auto}.light-theme .settings-main{background:linear-gradient(#f7f5fc 0%,#eeeaf8 100%)}.settings-title{color:var(--text-primary);letter-spacing:-.02em;text-transform:capitalize;margin:0 0 8px;font-size:26px;font-weight:700}.settings-subtitle{color:var(--text-muted);margin:0 0 24px;font-size:14px}.settings-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:20px;padding:24px;animation:.25s fadeIn;display:flex}.light-theme .settings-card{box-shadow:var(--shadow-md)}.settings-nav-btn{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-size:13px;font-weight:500;transition:background .15s,color .15s,transform .15s;display:flex}.settings-nav-btn:hover{background:var(--accent-transparent);color:var(--accent)}.settings-nav-btn.is-active{background:var(--accent-transparent);color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);font-weight:600}.settings-nav-btn svg{stroke-width:2px;flex-shrink:0;width:18px;height:18px}.friend-request-row{border-bottom:1px solid var(--border-color);align-items:center;gap:16px;padding:16px 18px;animation:.25s fadeIn;display:flex}.friend-request-row .actions{align-items:center;gap:10px;display:flex}.header-more{position:relative}.msg-bubble.is-pinned{outline:1px solid var(--accent-transparent)}.header-more-menu{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-lg);z-index:50;padding:6px;animation:.16s cubic-bezier(.16,1,.3,1) scaleIn;position:absolute;top:calc(100% + 8px);right:0}.header-more-menu button{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.header-more-menu button:hover{background:var(--accent-transparent);color:var(--accent)}.header-more-menu button.danger:hover{color:var(--danger);background:#dc26261f}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-slide-up{animation:.28s cubic-bezier(.16,1,.3,1) msgIn}.panel-enter{animation:.28s fadeIn}.hai-modal-backdrop{background:var(--overlay,#1a124573);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.hai-modal-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:min(90vh,720px);box-shadow:var(--shadow-md);flex-direction:column;display:flex;overflow:hidden}.hai-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 12px;display:flex}.hai-modal-title-row{align-items:flex-start;gap:12px;display:flex}.hai-modal-icon{background:var(--accent-transparent);width:40px;height:40px;color:var(--accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hai-modal-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.hai-modal-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:13px}.hai-modal-body{flex-direction:column;flex:1;gap:14px;padding:20px;display:flex;overflow-y:auto}.hai-modal-footer{border-top:1px solid var(--border-color);background:var(--surface-muted);justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.hai-group-identity{align-items:center;gap:16px;display:flex}.hai-group-avatar-btn{border:2px dashed var(--accent);background:var(--accent-transparent);width:72px;height:72px;color:var(--accent);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,transform .15s;display:flex;overflow:hidden}.hai-group-avatar-btn:hover:not(:disabled){background:var(--accent-transparent);transform:scale(1.02)}.hai-group-avatar-btn img{object-fit:cover;width:100%;height:100%}.hai-group-identity-fields{flex:1;min-width:0}.hai-field-label{color:var(--text-primary);font-size:14px;font-weight:600}.hai-textarea{resize:vertical;min-height:88px;padding:12px 16px;line-height:1.45}.hai-members-head{flex-direction:column;gap:10px;margin-top:4px;display:flex}.hai-member-search{height:40px;min-height:40px}.hai-member-list{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--surface-muted);flex-direction:column;gap:4px;max-height:240px;padding:6px;display:flex;overflow-y:auto}.hai-member-row{border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:none;align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.hai-member-row:hover{background:var(--surface)}.hai-member-row.is-selected{background:var(--surface);box-shadow:inset 0 0 0 1px var(--accent)}.hai-member-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hai-member-name{color:var(--text-primary);font-size:14px;font-weight:600}.hai-member-handle{color:var(--text-muted);font-size:12px}.hai-member-check{border:1.5px solid var(--border-color);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.hai-member-check.on{background:#4338ca;border-color:#4338ca}.light-theme .hai-member-check.on{background:#4f46e5;border-color:#4f46e5}.hai-direct-search-row{align-items:flex-end;gap:10px;display:flex}.hai-direct-search-field{flex:1;min-width:0}.hai-direct-search-btn{flex-shrink:0;min-width:96px;height:48px}.hai-direct-search-error{color:var(--danger,#c0392b);margin:0;font-size:13px}.hai-direct-results{min-height:200px;max-height:280px}.hai-direct-status-text{color:var(--text-muted);margin-top:10px;font-size:13px}.hai-direct-start-hint{color:var(--accent);text-align:right;flex-shrink:0;justify-content:flex-end;align-items:center;min-width:36px;font-size:12px;font-weight:600;display:inline-flex}.hai-member-empty{flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:24px 12px;display:flex}.hai-ui-empty-state{width:100%}@keyframes hai-ui-spin{to{transform:rotate(360deg)}}@keyframes hai-ui-sheet-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes hai-ui-modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes hai-ui-backdrop-in{0%{opacity:0}to{opacity:1}}.hai-ui-text{margin:0;font-family:inherit}.hai-ui-text--display{letter-spacing:-.5px;color:var(--text-primary);font-size:32px;font-weight:700;line-height:40px}.hai-ui-text--h1{color:var(--text-primary);font-size:28px;font-weight:700;line-height:36px}.hai-ui-text--h2{color:var(--text-primary);font-size:22px;font-weight:700;line-height:28px}.hai-ui-text--h3{color:var(--text-primary);font-size:18px;font-weight:600;line-height:24px}.hai-ui-text--body{color:var(--text-primary);font-size:16px;font-weight:400;line-height:24px}.hai-ui-text--bodyMedium{color:var(--text-primary);font-size:16px;font-weight:500;line-height:24px}.hai-ui-text--caption{color:var(--text-secondary);font-size:13px;font-weight:400;line-height:18px}.hai-ui-text--label{color:var(--text-primary);font-size:14px;font-weight:600;line-height:20px}.hai-ui-text--button{font-size:16px;font-weight:600;line-height:20px}.hai-ui-text--align-center{text-align:center}.hai-ui-text--align-right{text-align:right}.hai-ui-btn{justify-content:center;align-items:center;gap:var(--space-sm);min-height:52px;padding:0 var(--space-xl);border-radius:var(--radius-md);cursor:pointer;border:none;font-family:inherit;font-size:16px;font-weight:600;line-height:20px;transition:opacity .15s,transform .15s,background-color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.hai-ui-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hai-ui-btn:active:not(:disabled){transform:scale(.98)}.hai-ui-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.hai-ui-btn--block{width:100%}.hai-ui-btn--primary{color:#fff;background:#4338ca}.hai-ui-btn--primary:hover:not(:disabled){color:#fff;background:#3730a3}.light-theme .hai-ui-btn--primary{color:#fff;background:#4f46e5}.light-theme .hai-ui-btn--primary:hover:not(:disabled){color:#fff;background:#4338ca}.hai-ui-btn--secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border-color)}.hai-ui-btn--secondary:hover:not(:disabled){background:var(--accent-transparent);border-color:var(--accent)}.hai-ui-btn--ghost{color:var(--accent);background:0 0}.hai-ui-btn--ghost:hover:not(:disabled){background:var(--accent-transparent)}.hai-ui-btn--danger{background:var(--danger);color:var(--text-on-accent)}.hai-ui-btn--danger:hover:not(:disabled){filter:brightness(.92)}.hai-ui-btn__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:20px;height:20px;animation:.65s linear infinite hai-ui-spin}.hai-ui-input{gap:var(--space-xs);flex-direction:column;display:flex}.hai-ui-input__field{width:100%;min-height:52px;padding:0 var(--space-lg);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);outline:none;font-family:inherit;font-size:16px;line-height:24px;transition:border-color .15s,box-shadow .15s}.hai-ui-input__field::placeholder{color:var(--text-muted)}.hai-ui-input__field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-transparent)}.hai-ui-input--error .hai-ui-input__field{border-color:var(--danger)}.hai-ui-input--error .hai-ui-input__field:focus{box-shadow:0 0 0 3px #f871712e}.hai-ui-input__error{color:var(--danger);font-size:13px;line-height:18px}.hai-ui-avatar{background:var(--accent);color:var(--text-on-accent);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;line-height:1;display:inline-flex;overflow:hidden}.hai-ui-avatar__img{object-fit:cover;width:100%;height:100%;display:block}.hai-ui-badge{min-width:20px;height:20px;padding:0 calc(var(--space-xs) + 2px);background:var(--accent);color:var(--text-on-accent);border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:700;line-height:14px;display:inline-flex}.hai-ui-icon-btn{width:40px;height:40px;color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .15s,background-color .15s;display:inline-flex}.hai-ui-icon-btn:hover:not(:disabled){background:var(--accent-transparent)}.hai-ui-icon-btn:active:not(:disabled){opacity:.7}.hai-ui-icon-btn:disabled{opacity:.4;cursor:not-allowed}.hai-ui-icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hai-ui-icon-btn svg{stroke-width:2px;width:22px;height:22px}.hai-ui-empty-state{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-xl);text-align:center;background:var(--bg);flex-direction:column;flex:1;display:flex}.hai-ui-empty-state__icon{background:var(--accent-transparent);width:64px;height:64px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex}.hai-ui-modal-backdrop{z-index:1000;padding:var(--space-xl);background:#00000073;justify-content:center;align-items:center;animation:.2s hai-ui-backdrop-in;display:flex;position:fixed;inset:0}.hai-ui-modal{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-lg);flex-direction:column;max-height:min(90vh,640px);animation:.24s cubic-bezier(.16,1,.3,1) hai-ui-modal-in;display:flex}.hai-ui-modal__header{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-color);display:flex}.hai-ui-modal__body{padding:var(--space-xl);flex:1;overflow-y:auto}.hai-ui-modal__footer{justify-content:flex-end;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--border-color);display:flex}.hai-ui-sheet-backdrop{z-index:1000;background:#00000073;justify-content:center;align-items:flex-end;animation:.2s hai-ui-backdrop-in;display:flex;position:fixed;inset:0}.hai-ui-sheet{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:520px;box-shadow:var(--shadow-lg);border-bottom:none;flex-direction:column;max-height:90vh;animation:.28s cubic-bezier(.16,1,.3,1) hai-ui-sheet-in;display:flex}.hai-ui-sheet__handle{background:var(--border-color);width:40px;height:4px;margin:var(--space-sm) auto var(--space-xs);border-radius:999px;flex-shrink:0}.hai-ui-sheet__header{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl) var(--space-sm);display:flex}.hai-ui-sheet__body{padding:0 var(--space-xl) var(--space-xl);flex:1;overflow-y:auto}.hai-ui-sheet__footer{justify-content:flex-end;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--border-color);display:flex}.hai-ui-settings-row{align-items:center;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--border-color);text-align:left;cursor:default;background:0 0;border-top:none;border-left:none;border-right:none;width:100%;font-family:inherit;display:flex}.hai-ui-settings-row--clickable{cursor:pointer}.hai-ui-settings-row--clickable:hover{background:var(--accent-transparent)}.hai-ui-settings-row--clickable:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.hai-ui-settings-row__icon{border-radius:var(--radius-md);background:var(--surface-muted);width:36px;height:36px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hai-ui-settings-row__icon--danger{color:var(--danger)}.hai-ui-settings-row__icon svg{stroke-width:2px;width:18px;height:18px}.hai-ui-settings-row__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hai-ui-settings-row__chevron{color:var(--text-muted);flex-shrink:0}.hai-ui-settings-row__chevron svg{stroke-width:2px;width:18px;height:18px}.hai-ui-segmented{gap:var(--space-xs);padding:var(--space-xs);background:var(--surface);border-radius:999px;flex-direction:row;display:flex}.hai-ui-segmented__item{justify-content:center;align-items:center;gap:var(--space-xs);min-height:36px;padding:var(--space-sm) var(--space-md);color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;font-family:inherit;font-size:16px;font-weight:500;line-height:24px;transition:background-color .15s,color .15s;display:inline-flex}.hai-ui-segmented__item:hover:not(.hai-ui-segmented__item--active){background:var(--accent-transparent)}.hai-ui-segmented__item--active{background:var(--accent);color:var(--text-on-accent)}.hai-ui-segmented__item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hai-ui-segmented__badge{opacity:.9;font-size:13px;font-weight:600}