:root{--bg:var(--color-bg);--panel:var(--color-surface);--panel-2:var(--color-surface-alt);--border:var(--color-border);--text:var(--color-text);--muted:var(--color-text-muted);--accent:var(--color-primary);--danger:var(--color-danger);--ok:var(--color-success);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--danger)}.login{justify-content:center;align-items:center;height:100%;padding:16px;display:flex}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;width:100%;max-width:420px;padding:24px;display:flex}.login-card h1{margin:0;font-size:20px}input,textarea{background:var(--panel-2);border:1px solid var(--border);color:var(--text);font:inherit;resize:vertical;border-radius:8px;padding:9px 11px}input:disabled,textarea:disabled{opacity:.5}button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:9px 14px}button:disabled{opacity:.5;cursor:default}button.secondary{background:var(--panel-2);border:1px solid var(--border);color:var(--text)}.tab-conflict-actions{justify-content:flex-end;display:flex}.app{flex-direction:column;height:100%;display:flex}.banner{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 14px;font-size:14px;display:flex}.banner .spacer{flex:1}.offline-toggle{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.badge-offline{background:var(--danger);color:#fff;border-radius:6px;padding:1px 7px;font-size:11px;font-weight:700}.banner-identity{color:inherit;cursor:pointer;font:inherit;opacity:.75;background:0 0;border:none;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.banner-identity:hover{opacity:1}.dot{background:var(--muted);border-radius:50%;width:10px;height:10px}.dot-connected{background:var(--ok)}.dot-catching-up,.dot-reconnecting{background:#e2b23b}.dot-offline,.dot-stopped{background:var(--danger)}.main{flex:1;min-height:0;display:flex}.roomlist{border-right:1px solid var(--border);background:var(--panel);flex-direction:column;width:320px;display:flex;overflow-y:auto}.roomlist-header{justify-content:space-between;align-items:center;padding:14px 16px 8px;display:flex}.roomlist-header h2{margin:0;font-size:18px}.compose-btn{border-radius:50%;width:32px;height:32px;padding:0;font-size:15px;line-height:1}.roomlist-search{padding:0 12px 10px;position:relative}.roomlist-search input{border-radius:18px;width:100%;padding:8px 32px 8px 14px;font-size:13px}.search-clear{color:var(--muted);background:0 0;padding:4px 6px;font-size:12px;position:absolute;top:5px;right:18px}.roomlist ul{margin:0;padding:0 6px;list-style:none}.roomlist .empty{padding:12px 16px}.room-item{cursor:pointer;border-radius:10px;align-items:center;gap:10px;margin-bottom:2px;padding:8px 10px;display:flex}.room-item:hover{background:var(--panel-2)}.room-item.selected{background:color-mix(in srgb, var(--accent) 18%, transparent);box-shadow:inset 3px 0 0 var(--accent)}.room-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.room-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.room-line{justify-content:space-between;align-items:center;gap:8px;display:flex}.room-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.room-time{color:var(--muted);flex-shrink:0;font-size:11px}.room-menu-btn{color:var(--muted);background:0 0;padding:0 6px;font-size:16px;line-height:1;display:none}.room-item:hover .room-time,.room-item:focus-within .room-time{display:none}.room-item:hover .room-menu-btn,.room-item:focus-within .room-menu-btn{display:block}.room-preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-height:15px;font-size:12px;overflow:hidden}.room-sender{color:var(--text)}.room-item.unread .room-name{color:#fff;font-weight:700}.room-item.unread .room-preview{color:var(--text)}.unread-badge{background:var(--accent);color:#fff;text-align:center;border-radius:10px;flex-shrink:0;min-width:18px;padding:0 7px;font-size:11px;font-weight:700}.unread-badge.highlight{background:var(--danger)}.dropdown{position:relative}.dropdown-menu{z-index:20;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;flex-direction:column;min-width:150px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);box-shadow:0 8px 24px #0006}.dropdown-menu.right{right:0}.dropdown-menu.left{left:0}.dropdown-item{color:var(--text);text-align:left;background:0 0;border-radius:6px;padding:8px 10px;font-size:13px}.dropdown-item:hover:not(:disabled){background:var(--panel)}.dropdown-item.danger{color:var(--danger)}.avatar{color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:700;display:flex;position:relative}.avatar-invite-dot{background:var(--accent);border:2px solid var(--panel);border-radius:50%;width:12px;height:12px;position:absolute;bottom:1px;right:1px}.room{flex-direction:column;flex:1;min-width:0;display:flex}.placeholder{justify-content:center;align-items:center;height:100%;display:flex}.timeline{flex-direction:column;flex:1;gap:8px;padding:14px;display:flex;overflow-y:auto}.load-older{background:var(--panel-2);border:1px solid var(--border);color:var(--text);align-self:center;font-size:13px}.gap{color:var(--muted);align-self:center;align-items:center;gap:8px;margin:6px 0;font-size:12px;display:flex}.gap button{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:4px 8px;font-size:12px}.bubble-row{flex-direction:column;align-items:flex-start;max-width:72%;display:flex}.bubble-row.continuation{margin-top:-4px}.bubble-row.mine{align-self:flex-end;align-items:flex-end}.bubble-label{color:var(--accent);margin:0 10px 2px;font-size:11px;font-weight:600}.bubble{background:var(--panel-2);border-radius:14px 14px 14px 4px;flex-direction:column;gap:2px;padding:7px 11px 5px;display:flex}.bubble-row.mine .bubble{background:var(--accent);border-radius:14px 14px 4px}.bubble-body{white-space:pre-wrap;word-break:break-word;line-height:1.35}.bubble-row.mine .bubble-body{color:#fff}.bubble-meta{align-self:flex-end;align-items:center;gap:6px;display:flex}.bubble-time{color:var(--muted);font-size:10px}.bubble-row.mine .bubble-time{color:#fffc}.bubble-status{color:#fffc;font-size:10px}.bubble-row.mine .bubble.failed .bubble-status{color:#ffd7d7}.bubble.utd .bubble-body{color:var(--muted);font-style:italic}.bubble-lock{opacity:.7;font-size:10px;line-height:1}.bubble-actions{gap:10px;margin-top:4px;display:flex}.bubble-action{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.bubble-action-danger{color:var(--danger)}.room-header{border-bottom:1px solid var(--border);background:var(--panel);align-items:center;gap:10px;padding:8px 14px;display:flex}.room-header .avatar{width:38px;height:38px;font-size:14px}.room-header-text{flex-direction:column;min-width:0;display:flex}.room-header-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.room-header-subtitle{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.date-sep{align-self:center;margin:8px 0}.date-sep span{background:var(--panel-2);color:var(--muted);border-radius:10px;padding:3px 10px;font-size:11px}.sys-notice{color:var(--muted);text-align:center;align-self:center;max-width:80%;margin:3px 0;font-size:12px}.composer{border-top:1px solid var(--border);background:var(--panel);align-items:center;gap:8px;padding:10px 12px;display:flex}.composer-icon{opacity:.6;-webkit-user-select:none;user-select:none;font-size:18px}.composer textarea{resize:none;border-radius:20px;flex:1;max-height:120px;padding:9px 14px}.composer-send{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:15px;display:flex}.room-header-actions{gap:8px;margin-left:auto;display:flex}.room-header-actions button{cursor:pointer;background:0 0;border:none;font-size:18px}.call-modal-backdrop{z-index:40;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.call-modal{background:var(--panel);border:1px solid var(--border);text-align:center;border-radius:12px;padding:24px 32px}.call-modal-title{margin:0 0 16px;font-weight:600}.call-modal-actions{justify-content:center;gap:12px;display:flex}.call-accept{background:var(--ok);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 20px}.call-decline,.call-hangup{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 20px}.call-banner{background:var(--panel-2);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 16px;font-size:14px;display:flex}.call-banner button{background:var(--ok);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:4px 14px}.call-overlay{background:var(--bg);color:var(--text);z-index:30;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.call-status{opacity:.8;font-size:15px}.call-timer{font-variant-numeric:tabular-nums;opacity:.8}.call-grid{flex-wrap:wrap;justify-content:center;gap:12px;max-width:90vw;display:flex}.call-tile{aspect-ratio:4/3;background:var(--panel-2);border-radius:10px;width:320px;position:relative;overflow:hidden}.call-tile video{object-fit:cover;width:100%;height:100%}.call-tile-placeholder{opacity:.7;justify-content:center;align-items:center;height:100%;display:flex}.call-tile-label{background:#0000008c;border-radius:6px;padding:2px 8px;font-size:12px;position:absolute;bottom:6px;left:8px}.call-controls{gap:12px;display:flex}.call-controls button{border:1px solid var(--border);cursor:pointer;background:var(--panel-2);color:var(--text);border-radius:8px;padding:10px 18px}.profile-backdrop{z-index:50;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.profile-modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:16px;width:420px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);padding:20px 24px;display:flex;overflow-y:auto}.profile-header{justify-content:space-between;align-items:center;display:flex}.profile-header h2{margin:0;font-size:18px}.profile-close{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:16px}.profile-close:hover{color:var(--text)}.profile-section{border-top:1px solid var(--border);flex-direction:column;gap:12px;padding-top:12px;display:flex}.profile-identity{align-items:center;gap:12px;display:flex}.profile-avatar{object-fit:cover;border-radius:50%;width:64px;height:64px}.profile-avatar-fallback{background:var(--accent);color:#fff;justify-content:center;align-items:center;font-size:24px;font-weight:600;display:flex}.profile-field{flex-direction:column;gap:4px;font-size:13px;display:flex}.profile-field code{word-break:break-all;font-size:12px}.profile-caption{font-size:11px}.profile-row{gap:8px;display:flex}.profile-row input,.profile-row select{flex:1;min-width:0}.profile-row select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:8px;padding:9px 11px}.profile-field code{background:var(--panel-2);border-radius:6px;align-self:flex-start;padding:2px 6px}.profile-meta{gap:8px}.profile-logout{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:8px;align-self:flex-start;margin-top:4px;padding:8px 16px}.snackbar-host{z-index:100;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.snackbar{background:var(--panel-2);border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;text-align:left;border-radius:8px;max-width:480px;padding:10px 16px;font-size:13px;box-shadow:0 4px 16px #0006}.snackbar-error{border-color:var(--danger)}.user-search{flex-direction:column;gap:8px;display:flex;position:relative}.user-chips{flex-wrap:wrap;gap:6px;display:flex}.user-chip{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:inline-flex}.user-chip button{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.user-chip button:hover{color:var(--text)}.user-search-results{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:2px;max-height:220px;margin:0;padding:4px;list-style:none;display:flex;overflow-y:auto}.user-search-results button{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}.user-search-results button:hover{background:var(--panel)}.user-result-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.user-result-id{margin-left:auto;font-size:12px}.newchat-backdrop{z-index:50;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.newchat-modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:14px;width:440px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);padding:20px 24px;display:flex;overflow-y:auto}.newchat-header{justify-content:space-between;align-items:center;display:flex}.newchat-header h2{margin:0;font-size:18px}.newchat-tabs{border-bottom:1px solid var(--border);gap:4px;display:flex}.newchat-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:8px 12px}.newchat-tab.active{color:var(--text);border-bottom-color:var(--accent)}.newchat-body{flex-direction:column;gap:12px;display:flex}.invite-prompt{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex}.invite-actions{gap:10px;display:flex}.confirm-backdrop{z-index:60;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;width:360px;max-width:calc(100vw - 32px);padding:20px 24px;display:flex}.confirm-dialog h3{margin:0;font-size:16px}.confirm-dialog p{margin:0;font-size:13px}.confirm-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.confirm-danger{background:var(--danger)}.room-detail{border-left:1px solid var(--border);background:var(--panel);flex-direction:column;flex:0 0 300px;gap:12px;width:300px;padding:12px;display:flex;overflow-y:auto}.room-detail-header{justify-content:space-between;align-items:center;display:flex}.room-detail-header h2{margin:0;font-size:18px}.room-detail-identity{align-items:center;gap:10px;display:flex}.room-detail-name-btn,.room-detail-topic-btn{text-align:left;cursor:pointer;color:inherit;font:inherit;background:0 0;border:none;padding:0}.room-detail-name-btn:disabled,.room-detail-topic-btn:disabled{cursor:default}.room-detail-topic-btn{color:var(--muted);font-size:13px}.edit-hint{opacity:.5;font-size:.85em}.room-detail-members h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;font-size:13px}.member-row{align-items:center;gap:8px;padding:6px 0;display:flex}.member-row .avatar{width:32px;height:32px;font-size:12px}.member-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.member-invited{opacity:.6;font-size:.85em}.member-badge{text-transform:uppercase;letter-spacing:.04em;background:var(--panel-2);color:var(--muted);border-radius:8px;padding:2px 6px;font-size:.7em}.member-remove{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;padding:0 4px}.member-remove:hover{opacity:1}.room-detail-invite{flex-direction:column;gap:6px;display:flex}.room-detail-footer{border-top:1px solid var(--border);gap:8px;margin-top:auto;padding-top:12px;display:flex}.room-detail-footer .danger{background:var(--danger);color:#fff}.room-header-identity{cursor:pointer;color:inherit;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:10px;padding:0;display:flex}.room-header-identity:disabled{cursor:default}.room-with-detail{flex:1;min-height:0;display:flex}.room-main{flex-direction:column;flex:1;min-height:0;display:flex}.e2ee-banner{background:color-mix(in srgb, #e2b23b 18%, var(--panel));border-bottom:1px solid var(--border);color:var(--text);align-items:center;gap:12px;padding:8px 14px;font-size:13px;display:flex}.e2ee-banner span{flex:1}.e2ee-backdrop{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.e2ee-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;width:100%;max-width:460px;padding:24px;display:flex}.e2ee-panel h2{margin:0;font-size:18px}.e2ee-actions{justify-content:flex-end;gap:8px;display:flex}.recovery-key{background:var(--panel-2);border:1px solid var(--border);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:8px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;display:block}.e2ee-reset-link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.ui-text{margin:0;font-family:inherit}.ui-text--display{font-size:var(--font-size-display);line-height:var(--line-height-display);font-weight:var(--font-weight-bold);letter-spacing:-.4px}.ui-text--title{font-size:var(--font-size-xxxl);line-height:var(--line-height-xxxl);font-weight:var(--font-weight-bold);letter-spacing:-.3px}.ui-text--heading{font-size:var(--font-size-xxl);line-height:var(--line-height-xxl);font-weight:var(--font-weight-bold);letter-spacing:-.2px}.ui-text--subheading{font-size:var(--font-size-xl);line-height:var(--line-height-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.2px}.ui-text--body{font-size:var(--font-size-md);line-height:var(--line-height-md);font-weight:var(--font-weight-regular)}.ui-text--bodyStrong{font-size:var(--font-size-md);line-height:var(--line-height-md);font-weight:var(--font-weight-semibold)}.ui-text--label{font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-semibold);letter-spacing:.2px}.ui-text--caption{font-size:var(--font-size-xs);line-height:var(--line-height-xs);font-weight:var(--font-weight-medium);letter-spacing:.2px}.ui-text--mono{font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-family:var(--font-mono)}.ui-icon{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.ui-c-text{color:var(--color-text)}.ui-c-textMuted{color:var(--color-text-muted)}.ui-c-textSubtle{color:var(--color-text-subtle)}.ui-c-textInverse{color:var(--color-text-inverse)}.ui-c-primary{color:var(--color-primary)}.ui-c-onPrimary{color:var(--color-on-primary)}.ui-c-accent{color:var(--color-accent)}.ui-c-danger{color:var(--color-danger)}.ui-c-success{color:var(--color-success)}.ui-c-warning{color:var(--color-warning)}.ui-btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);font-family:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;transition:opacity var(--duration-fast,.12s) ease, transform var(--duration-fast,.12s) ease;border:0;display:inline-flex;position:relative;overflow:hidden}.ui-btn:active:not(:disabled){transform:scale(.97)}.ui-btn:disabled{opacity:var(--opacity-disabled);cursor:default}.ui-btn--sm{min-height:34px;padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm)}.ui-btn--md{min-height:44px;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-md)}.ui-btn--lg{min-height:52px;padding:var(--space-md) var(--space-xl);font-size:var(--font-size-md)}.ui-btn--full{width:100%}.ui-btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.ui-btn--gradient{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark))}.ui-btn--danger{background:var(--color-danger);color:var(--color-on-danger)}.ui-btn--secondary{background:var(--color-surface-alt);color:var(--color-primary);border:1px solid var(--color-border)}.ui-btn--ghost{color:var(--color-primary);background:0 0}.ui-btn__slot{align-items:center;display:inline-flex}.ui-iconbtn{border-radius:var(--radius-full);cursor:pointer;transition:transform var(--duration-fast,.12s) ease, opacity var(--duration-fast,.12s) ease;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.ui-iconbtn:active:not(:disabled){transform:scale(.9)}.ui-iconbtn:disabled{opacity:var(--opacity-disabled);cursor:default}.ui-iconbtn--sm{width:32px;height:32px}.ui-iconbtn--md{width:40px;height:40px}.ui-iconbtn--lg{width:48px;height:48px}.ui-iconbtn--soft{background:var(--color-primary-soft)}.ui-iconbtn--solid{background:var(--color-primary)}.ui-card{border-radius:var(--radius-lg);overflow:hidden}.ui-card--padded{padding:var(--space-lg)}.ui-divider{flex:none}.ui-listrow{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);cursor:pointer;display:flex}.ui-listrow:hover{background:var(--color-surface-alt)}.ui-listrow--selected{background:var(--color-primary-soft)}.ui-listrow__center{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ui-listrow__left,.ui-listrow__right{align-items:center;display:inline-flex}.ui-listrow__right{align-items:flex-end;gap:var(--space-xs);flex-direction:column}.ui-avatar{border-radius:var(--radius-full);color:#fff;font-weight:var(--font-weight-bold);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.ui-avatar__invite{background:var(--color-accent);border:2px solid var(--color-surface);border-radius:50%;width:10px;height:10px;position:absolute;top:0;right:0}.ui-avatar__dot{border:2px solid var(--color-surface);border-radius:50%;width:28%;min-width:8px;height:28%;min-height:8px;position:absolute;bottom:0;right:0}.ui-avatar__dot.is-online{background:var(--color-success)}.ui-avatar__dot.is-offline{background:var(--color-text-subtle)}.ui-badge{border-radius:var(--radius-pill);color:#fff;min-width:20px;height:20px;font-size:11px;line-height:14px;font-weight:var(--font-weight-bold);justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.ui-badge__dot{border-radius:50%;width:10px;height:10px;display:inline-block}.ui-badge--neutral{background:var(--color-text-muted)}.ui-badge--primary{background:var(--color-primary)}.ui-badge--success{background:var(--color-success)}.ui-badge--warning{background:var(--color-warning)}.ui-badge--danger{background:var(--color-danger)}.ui-badge--accent{background:var(--color-accent)}.ui-statusdot{align-items:center;gap:var(--space-xs);display:inline-flex}.ui-statusdot__dot{border-radius:50%;display:inline-block}.ui-statusdot__label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.ui-field{gap:var(--space-xs);flex-direction:column;display:flex}.ui-field__box{align-items:center;gap:var(--space-sm);min-height:44px;padding:0 var(--space-md);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.ui-field__box:focus-within{border-color:var(--color-primary)}.ui-field__box.is-error{border-color:var(--color-danger)}.ui-field__box.is-disabled{background:var(--color-surface-alt);opacity:var(--opacity-disabled)}.ui-field__input{color:var(--color-text);font:inherit;padding:var(--space-sm) 0;background:0 0;border:0;outline:none;flex:1}.ui-field__adorn{align-items:center;display:inline-flex}.ui-seg{background:var(--color-surface-alt);border-radius:var(--radius-md);gap:3px;padding:3px;display:inline-flex}.ui-seg__seg{justify-content:center;align-items:center;gap:var(--space-xs);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;color:var(--color-text-muted);font:inherit;font-weight:var(--font-weight-semibold);background:0 0;border:0;flex:1;display:inline-flex}.ui-seg__seg.is-active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.ui-glass{background:color-mix(in srgb, var(--color-surface) 78%, transparent)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ui-glass{background:color-mix(in srgb, var(--color-surface) 55%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4)}}.ui-glassheader{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--color-border);min-height:52px;display:flex}.ui-glassheader__titles{flex-direction:column;min-width:0;display:flex}.ui-empty{text-align:center;justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-xxl);flex-direction:column;flex:1;display:flex}.ui-empty__disc{border-radius:var(--radius-full);background:var(--color-primary-soft);width:96px;height:96px;margin-bottom:var(--space-lg);justify-content:center;align-items:center;display:inline-flex}