:root{--bg-primary:#f5f5f7;--bg-secondary:#fff;--bg-tertiary:#e8e8ed;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--text-muted:#86868b;--border-color:#0000000f;--accent:#5e6ad2;--accent-hover:#6e7ae0;--accent-soft:#5e6ad21f;--danger:#ff3b30;--success:#34c759;--warning:#ff9500;--info:#5ac8fa;--glass-bg:#ffffff73;--glass-bg-heavy:#ffffffe6;--glass-bg-subtle:#ffffff40;--glass-bg-solid:#fffc;--glass-border:#6161611a;--glass-border-strong:#6161612e;--glass-highlight:#fff9;--glass-shadow:0 8px 32px #00000014;--glass-shadow-lg:0 16px 48px #0000001f;--glass-shadow-inset:inset 0 1px 0 #fff9;--surface-page-glow-primary:#5e6ad21a;--surface-page-glow-secondary:#5ac8fa14;--surface-page-glow-tertiary:#ff95780f;--surface-card-glow-primary:#5e6ad22e;--surface-card-glow-secondary:#5ac8fa1c;--surface-card-glow-tertiary:#ff95781c;--card-bg-expressive:radial-gradient(circle at 92% 18%, var(--surface-card-glow-tertiary), transparent 34%), linear-gradient(135deg, var(--surface-card-glow-primary), var(--surface-card-glow-secondary) 42%, var(--glass-bg-heavy));--card-border-expressive:color-mix(in srgb, var(--accent) 42%, var(--glass-border));--card-shadow-expressive:0 24px 70px #1e293b24, 0 0 0 4px #5e6ad21f;--accent-glow:#5e6ad224;--success-glow:#34c7591f;--info-glow:#5ac8fa1a;--blur-sm:blur(8px);--blur-md:blur(16px);--blur-lg:blur(24px);--blur-xl:blur(32px);--blur-2xl:blur(40px);--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius-2xs:6px;--radius-xs:8px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000a;--shadow:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001a;--shadow-xl:0 16px 48px #0000001f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--transition:.25s cubic-bezier(.4, 0, .2, 1);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-spring:.35s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#141416;--text-primary:#f5f5f7;--text-secondary:#a1a1a6;--text-muted:gray;--border-color:#ffffff14;--accent:#5e6ad2;--accent-hover:#6e7ae0;--accent-soft:#5e6ad226;--danger:#ff453a;--success:#30d158;--warning:#ff9f0a;--info:#64d2ff;--glass-bg:#1c1c1e73;--glass-bg-heavy:#1c1c1ef0;--glass-bg-subtle:#1c1c1e40;--glass-bg-solid:#1c1c1ecc;--glass-border:#ffffff1a;--glass-border-strong:#ffffff26;--glass-highlight:#ffffff14;--glass-shadow:0 8px 32px #0000004d;--glass-shadow-lg:0 16px 48px #0006;--glass-shadow-inset:inset 0 1px 0 #ffffff0f;--surface-page-glow-primary:#5e6ad21f;--surface-page-glow-secondary:#5ac8fa14;--surface-page-glow-tertiary:#34c7590d;--surface-card-glow-primary:#5e6ad23d;--surface-card-glow-secondary:#5ac8fa1a;--surface-card-glow-tertiary:#34c75929;--card-bg-expressive:radial-gradient(circle at 92% 18%, var(--surface-card-glow-tertiary), transparent 34%), linear-gradient(135deg, var(--surface-card-glow-primary), var(--surface-card-glow-secondary) 42%, var(--glass-bg-heavy));--card-border-expressive:#5e6ad285;--card-shadow-expressive:0 24px 70px #00000038, 0 0 0 4px #5e6ad21f;--accent-glow:#5e6ad229;--success-glow:#30d15829;--info-glow:#64d2ff1f}*{box-sizing:border-box;margin:0;padding:0}.ui-glass-surface{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow), var(--glass-shadow-inset)}.ui-glass-surface-subtle{background:var(--glass-bg-subtle);-webkit-backdrop-filter:var(--blur-sm);box-shadow:var(--glass-shadow-inset)}.ui-glass-surface-elevated{background:var(--glass-bg-solid);-webkit-backdrop-filter:var(--blur-lg);box-shadow:var(--glass-shadow-lg), var(--glass-shadow-inset)}.ui-glass-surface-interactive{transition:transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)}.ui-glass-surface-interactive:where(:hover,:focus-visible):not(:disabled){background:var(--glass-bg);border-color:var(--glass-border-strong);box-shadow:var(--glass-shadow), var(--glass-shadow-inset);transform:translateY(-1px)}.modal-overlay{--modal-content-width:380px;top:var(--modal-visual-top,0px);height:var(--modal-visual-height,100dvh);z-index:200;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;left:0;right:0}.modal-overlay-wide{--modal-content-width:520px}.modal-overlay-backdrop{z-index:0;pointer-events:none;background:#0000004d;position:absolute;inset:0}.modal-glass{z-index:1;width:var(--modal-content-width);border-radius:var(--radius-lg);max-width:calc(100vw - 32px);padding:24px;animation:.25s scaleIn;position:relative}.modal-overlay.login-modal-overlay .modal-glass{max-height:calc(var(--modal-visual-height,100dvh) - 32px);overscroll-behavior:contain;overflow:auto}.modal-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.modal-header h3{min-width:0;color:var(--text-primary);font-size:16px;font-weight:600}.modal-actions{gap:var(--space-2);margin-top:var(--space-4);display:flex}.modal-actions .btn{padding-inline:var(--space-3);border-radius:var(--radius-md);flex:1;font-size:13px}.input-modal-hint{margin:var(--space-2) 0 0;color:var(--text-muted);white-space:pre-line;font-size:12px;line-height:1.7}.input-modal-input-row{align-items:stretch;gap:var(--space-2);display:flex}.input-modal-input-row .input{flex:1;min-width:0;height:40px}.input-modal-input-row .btn-icon{flex:0 0 40px;width:40px;height:40px}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-size:14px;font-weight:500;font-family:var(--font-sans);color:var(--text-primary);background:var(--glass-bg-subtle);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-tap-highlight-color:transparent;padding:10px 16px;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-loading{opacity:.7}.btn-sm{border-radius:var(--radius-sm);min-height:32px;padding:6px 12px;font-size:13px}.btn-primary{color:#fff;background:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 16px #5e6ad24d}.sidebar-open-hint{margin-top:var(--space-2)}.error-boundary-page{min-height:100dvh;padding:var(--space-8);background:var(--bg-primary);font-family:var(--font-sans);flex-direction:column;justify-content:center;align-items:center;display:flex}.error-boundary-title{margin-bottom:var(--space-2);color:var(--text-primary);font-size:20px;font-weight:600}.error-boundary-desc{color:var(--text-secondary);margin-bottom:var(--space-6);text-align:center;max-width:400px}.error-boundary-btn{border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:10px 24px;font-size:14px}.error-boundary-btn:hover{background:var(--accent-hover)}.btn-secondary{color:var(--text-primary);background:var(--glass-bg-subtle);-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.btn-danger{color:#fff;background:var(--danger)}.btn-danger:hover:not(:disabled){box-shadow:0 4px 16px #ff3b304d}.btn-ghost{color:var(--text-secondary);border:1px solid var(--glass-border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--glass-bg-subtle);color:var(--text-primary);border-color:var(--glass-border-strong)}.btn-info{color:#fff;background:var(--info)}.btn-info:hover:not(:disabled){box-shadow:0 4px 16px #5ac8fa4d}.btn-warning{color:#fff;background:var(--warning)}.btn-warning:hover:not(:disabled){box-shadow:0 4px 16px #ff95004d}.btn-icon{border-radius:var(--radius-md);background:var(--glass-bg-subtle);border:1px solid var(--glass-border);width:32px;height:32px;color:var(--text-secondary);padding:0}.btn-icon:hover:not(:disabled){background:var(--glass-bg);color:var(--text-primary);border-color:var(--glass-border-strong)}.btn-circle{border-radius:50%;width:44px;height:44px;padding:0}.btn-full,.btn-block{width:100%}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;overflow-x:hidden}body:before{content:"";z-index:-1;background:radial-gradient(ellipse 80% 60% at 20% 10%, var(--surface-page-glow-primary) 0%, transparent 60%), radial-gradient(ellipse 60% 80% at 80% 90%, var(--surface-page-glow-secondary) 0%, transparent 60%), radial-gradient(ellipse 50% 50% at 50% 50%, var(--surface-page-glow-tertiary) 0%, transparent 60%);pointer-events:none;position:fixed;inset:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full);opacity:.5}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}button{font-family:var(--font-sans);cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.input{width:100%;font-size:14px;font-family:var(--font-sans);color:var(--text-primary);background:var(--glass-bg-subtle);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;outline:none;padding:10px 14px}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent);background:var(--glass-bg);box-shadow:0 0 0 3px var(--accent-soft)}.input-pill{border-radius:var(--radius-full);padding:12px 18px}.input-compact{padding:10px 12px;font-size:13px}.input-flex{flex:1}.ui-input-control{align-items:center;display:flex;position:relative}.ui-input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.ui-input-control .input{padding-left:34px}.textarea{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg-subtle);width:100%;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);color:var(--text-primary);font-size:14px;font-family:var(--font-sans);transition:border-color var(--transition-fast);resize:none;outline:none;padding:12px 14px}.textarea:focus{border-color:var(--accent)}.textarea::placeholder{color:var(--text-muted)}.textarea.mono{font-family:var(--font-mono);font-size:12px}.mono{font-family:var(--font-mono);word-break:break-all;color:var(--text-primary);flex:1;font-size:12px}.mono-row{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);background:var(--glass-bg-subtle);padding:10px 12px;display:flex}.mono-row.danger{background:#ff3b3014}.mono-row.danger .mono,.danger{color:var(--danger)}.setting-switch{min-height:44px;color:var(--text-primary);background:var(--glass-bg-subtle);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:flex}.setting-switch input{appearance:none;border-radius:var(--radius-full);border:1px solid var(--glass-border);background:color-mix(in srgb, var(--text-muted) 20%, transparent);cursor:pointer;width:42px;height:24px;transition:all var(--transition-fast);flex-shrink:0;position:relative}.setting-switch input:after{content:"";width:18px;height:18px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #00000040}.setting-switch input:checked{background:var(--accent);border-color:var(--accent)}.setting-switch input:checked:after{transform:translate(18px)}.status-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.status-dot.success,.status-dot.connected{background:var(--success)}.status-dot.warning,.status-dot.checking{background:var(--warning)}.status-dot.checking{animation:1.2s ease-in-out infinite pulse}.status-dot.danger,.status-dot.error,.status-dot.disconnected{background:var(--danger)}.status-dot.info,.status-dot.ready{background:var(--info)}.ui-badge{border-radius:var(--radius-full);border:1px solid var(--glass-border);background:var(--glass-bg-subtle);min-height:26px;color:var(--text-secondary);white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.ui-chip-list{gap:var(--space-2);flex-wrap:wrap;list-style:none;display:flex}.ui-chip{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg-subtle);min-height:30px;color:var(--text-secondary);align-items:center;padding:6px 10px;font-size:13px;line-height:1;display:inline-flex}.ui-segmented-control{background:color-mix(in srgb, var(--glass-bg-subtle) 74%, transparent);border:1px solid var(--glass-border);border-radius:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:center;gap:3px;min-height:44px;padding:3px;display:inline-grid}.ui-segmented-control.is-compact{border-radius:10px;gap:2px;min-height:32px;padding:2px}.ui-segmented-option{min-width:44px;min-height:36px;color:var(--text-secondary);font:inherit;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.ui-segmented-control.is-compact .ui-segmented-option{border-radius:8px;min-width:34px;min-height:26px;padding:0 8px;font-size:12px}.ui-segmented-option:hover:not(:disabled){color:var(--text-primary);background:#ffffff0d}.ui-segmented-option.is-active,.ui-segmented-option.active,.ui-segmented-option[aria-selected=true],.ui-segmented-option[aria-pressed=true]{color:var(--text-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 58%, transparent), 0 4px 12px #0000002e;background:#5e6ad238}.ui-segmented-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-segmented-option:disabled{opacity:.45;cursor:not-allowed}.ui-select-field{align-items:center;min-width:86px;min-height:44px;display:inline-flex;position:relative}.ui-select-field.is-compact{min-width:74px;min-height:32px}.ui-select-control{width:100%;min-height:inherit;border:1px solid var(--glass-border);background-color:color-mix(in srgb, var(--glass-bg-subtle) 74%, transparent);color:var(--text-primary);font:inherit;appearance:none;cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:12px;padding:0 30px 0 12px;font-size:13px;font-weight:400}.ui-select-field.is-compact .ui-select-control{border-radius:10px;padding:0 26px 0 10px;font-size:12px}.ui-select-control:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 42%, var(--glass-border));background-color:#ffffff0d}.ui-select-control:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-select-control option{color:var(--text-primary);background:var(--bg-secondary)}[data-theme=dark] .ui-select-control{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light] .ui-select-control{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.ui-select-control:disabled{opacity:.45;cursor:not-allowed}.ui-select-icon{width:14px;height:14px;color:var(--text-secondary);pointer-events:none;transition:color var(--transition-fast);position:absolute;top:50%;right:10px;transform:translateY(-50%)}.ui-select-field.is-compact .ui-select-icon{width:13px;height:13px;right:8px}.ui-select-field:hover .ui-select-icon,.ui-select-control:focus-visible+.ui-select-icon{color:var(--text-primary)}.ui-select-field.is-disabled .ui-select-icon{opacity:.45}.ui-action-dashed{border:1.5px dashed var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg-subtle);min-height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:500;display:inline-flex}.ui-action-dashed:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.ui-action-dashed-sm{min-height:32px;padding:6px 10px;font-size:12px}.ui-meta-box{color:var(--text-primary);background:var(--glass-bg-subtle);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:10px 12px;font-size:14px}.ui-empty-inline{color:var(--text-muted);text-align:center;background:var(--glass-bg-subtle);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:14px 12px;font-size:13px}.ui-empty-state{text-align:center;min-height:180px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px;display:flex}.ui-empty-icon{border-radius:var(--radius-lg);background:var(--glass-bg-subtle);width:64px;height:64px;-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);color:var(--text-muted);justify-content:center;align-items:center;display:flex}.ui-empty-icon-lg{width:80px;height:80px;color:var(--accent);background:var(--glass-bg-heavy);-webkit-backdrop-filter:var(--blur-2xl);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow-lg), var(--glass-shadow-inset)}.ui-empty-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.ui-empty-desc{max-width:320px;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.ui-file-card{width:min(320px,100%);min-height:64px;color:var(--text-primary);text-align:left;background:var(--glass-bg-heavy);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow), var(--glass-shadow-inset);transition:all var(--transition-fast);grid-template-columns:42px minmax(0,1fr) minmax(64px,max-content);align-items:center;gap:10px;padding:10px;display:grid}button.ui-file-card{cursor:pointer}.ui-file-card:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px);box-shadow:0 6px 18px #5e6ad229}.ui-file-card:disabled{cursor:progress;opacity:.75}.ui-file-icon{border-radius:var(--radius-md);background:var(--accent-soft);width:42px;height:42px;color:var(--accent);justify-content:center;align-items:center;display:flex}.ui-file-icon.image{color:var(--success)}.ui-file-icon.video{color:var(--danger)}.ui-file-icon.audio{color:var(--info)}.ui-file-info{flex-direction:column;gap:4px;min-width:0;display:flex}.ui-file-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.ui-file-meta{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.ui-file-action{min-width:0;color:var(--text-secondary);white-space:nowrap;justify-content:flex-end;align-items:center;gap:4px;font-size:12px;display:flex}.ui-file-action.available{color:var(--success)}.ui-file-action.error{color:var(--danger)}.chat-attachment-card{width:min(320px,68vw)}.chat-message.self .chat-attachment-card{background:color-mix(in srgb, var(--accent) 12%, var(--glass-bg-heavy));border-color:color-mix(in srgb, var(--accent) 35%, var(--glass-border))}.chat-attachment-action-label{text-overflow:ellipsis;overflow:hidden}.ui-spinner{animation:.8s linear infinite spin}.ui-progress{appearance:none;border-radius:var(--radius-full);background:var(--glass-bg-subtle);width:100%;height:7px;color:var(--accent);border:0;overflow:hidden}.ui-progress::-webkit-progress-bar{border-radius:inherit;background:var(--glass-bg-subtle);box-shadow:inset 0 1px 2px #00000014}.ui-progress::-webkit-progress-value{border-radius:inherit;background:var(--accent);transition:width var(--transition-fast)}.ui-progress::-moz-progress-bar{border-radius:inherit;background:var(--accent);transition:width var(--transition-fast)}.ui-list-item{border-radius:var(--radius-sm);transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;grid-template-columns:minmax(0,1fr);align-items:center;gap:6px;display:grid}.ui-list-item:hover,.ui-list-item.active,.ui-list-item.is-active{border-color:var(--glass-border);background:var(--glass-bg-subtle)}.ui-list-item.active,.ui-list-item.is-active{border-color:var(--accent);background:var(--accent-soft)}.ui-list-item-main{min-width:0;color:var(--text-primary);text-align:left;background:0 0;border:0;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 8px;display:grid}.ui-list-icon,.ui-icon-tile{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--accent);background:var(--accent-soft);justify-content:center;align-items:center;display:flex}.ui-list-icon.warning,.ui-icon-tile.warning{color:var(--warning);background:#ff950024}.ui-list-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.ui-list-title,.ui-list-desc,.ui-list-meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ui-list-title{color:var(--text-primary);font-size:13px;font-weight:700}.ui-list-desc,.ui-list-meta{color:var(--text-secondary);font-size:12px}.ui-list-meta{text-align:right;max-width:72px}.ui-peer-info,.peer-info{min-width:0;color:var(--text-secondary);align-items:center;gap:8px;font-size:11px;display:flex}.ui-peer-dot,.peer-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:6px;height:6px}.ui-peer-id,.peer-id{min-width:0;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ui-notice{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg-subtle);color:var(--text-secondary);align-items:center;gap:6px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.ui-notice svg{flex-shrink:0}.ui-notice.danger,.ui-notice.error{color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent);border-color:color-mix(in srgb, var(--danger) 22%, var(--glass-border))}.ui-notice.warning{color:var(--warning);background:color-mix(in srgb, var(--warning) 10%, transparent);border-color:color-mix(in srgb, var(--warning) 28%, var(--glass-border))}.ui-notice.success{color:var(--success);background:color-mix(in srgb, var(--success) 10%, transparent);border-color:color-mix(in srgb, var(--success) 28%, var(--glass-border))}.ui-code-box{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg-subtle);color:var(--text-primary);font-family:var(--font-mono);overflow-wrap:anywhere;padding:12px;font-size:13px;line-height:1.5;display:block}.ui-action-menu-anchor{justify-content:center;align-items:center;display:inline-flex}.ui-action-menu{top:var(--action-menu-top,0);left:var(--action-menu-left,0);z-index:1000;border-radius:var(--radius-md);opacity:0;visibility:hidden;transform-origin:100% 0;min-width:148px;max-width:min(300px,100vw - 16px);transition:opacity var(--transition-fast), transform var(--transition-fast);flex-direction:column;gap:2px;padding:6px;display:flex;position:fixed;transform:translateY(4px)scale(.98)}.ui-action-menu.is-positioned{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.ui-action-menu-item{border-radius:var(--radius-sm);width:100%;min-height:34px;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;grid-template-columns:minmax(0,1fr);align-items:center;gap:2px 8px;padding:8px 10px;display:grid}.ui-action-menu-item.has-icon{grid-template-columns:18px minmax(0,1fr)}.ui-action-menu-item.has-description{align-items:start;padding-block:9px}.ui-action-menu-item:hover:not(:disabled),.ui-action-menu-item:focus-visible{background:var(--glass-bg-subtle);color:var(--text-primary);outline:none}.ui-action-menu-item:disabled{cursor:not-allowed;opacity:.55}.ui-action-menu-item.danger{color:var(--danger)}.ui-action-menu-item.danger:hover:not(:disabled),.ui-action-menu-item.danger:focus-visible{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger)}.ui-action-menu-item-icon{grid-row:span 2;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.ui-action-menu-item-label{min-width:0;color:inherit;white-space:nowrap;font-size:13px;font-weight:500;line-height:1.35}.ui-action-menu-item-description{min-width:0;color:var(--text-muted);font-size:11px;line-height:1.4}.language-toggle-placeholder{width:16px;height:16px;display:inline-flex}.account-profile-link{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);box-shadow:none;transition:color var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;overflow:hidden}.account-profile-link:hover,.account-profile-link:focus-visible{color:var(--text-primary);outline:none;transform:translateY(-1px)}.account-profile-link:focus-visible{box-shadow:0 0 0 2px var(--accent)}.account-profile-link-avatar{border-radius:inherit;object-fit:cover;background:var(--glass-bg-subtle);width:100%;height:100%;box-shadow:var(--shadow-md);display:block}.backend-error-page{min-height:60dvh;padding:var(--space-8);justify-content:center;align-items:center;display:flex}.backend-error-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-12);text-align:center;width:100%;max-width:480px;box-shadow:var(--glass-shadow-lg);animation:.3s ease-out scaleIn}.backend-error-icon{margin-bottom:var(--space-4);font-size:48px}.backend-error-card h2{margin-bottom:var(--space-3);font-size:24px;font-weight:600}.backend-error-url{margin-bottom:var(--space-2)}.backend-error-url code{background:var(--glass-bg-solid);border-radius:var(--radius-sm);font-family:var(--font-mono);word-break:break-all;padding:4px 10px;font-size:14px}.backend-error-desc{color:var(--text-secondary);margin-bottom:var(--space-6);font-size:14px}.backend-error-form{gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.not-found-page{min-height:100dvh;padding:var(--space-8);justify-content:center;align-items:center;display:flex}.not-found-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-lg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-10);text-align:center;width:100%;max-width:420px;box-shadow:var(--glass-shadow-lg);animation:.35s cubic-bezier(.34,1.56,.64,1) both scaleIn}.not-found-icon{border-radius:var(--radius-full);background:var(--accent-soft);width:88px;height:88px;color:var(--accent);margin-bottom:var(--space-6);justify-content:center;align-items:center;display:inline-flex}.not-found-title{margin-bottom:var(--space-3);color:var(--text-primary);font-size:22px;font-weight:600}.not-found-desc{color:var(--text-secondary);margin-bottom:var(--space-8);font-size:15px;line-height:1.6}.not-found-actions{justify-content:center;align-items:center;gap:var(--space-3);display:flex}@media (width<=480px){.not-found-card{padding:var(--space-8) var(--space-5)}.not-found-actions{flex-direction:column;width:100%}.not-found-actions .btn{width:100%}}@media (width<=768px){.modal-overlay{z-index:301;align-items:flex-end;padding:0}.modal-glass,.modal-overlay.login-modal-overlay .modal-glass{width:100%;max-width:100%;max-height:calc(var(--modal-visual-height,100dvh) - 12px);border-radius:var(--radius-lg) var(--radius-lg) 0 0;overscroll-behavior:contain;overflow:auto}}@media (prefers-reduced-motion:reduce){.ui-spinner{animation-duration:1.6s}.ui-progress::-webkit-progress-value{transition:none}.ui-progress::-moz-progress-bar{transition:none}}.app-layout{height:100dvh;color:var(--text-primary);background:0 0;display:flex;overflow:hidden}.backend-warning-bar{background:var(--warning);color:#fff;border-radius:var(--radius-sm);box-sizing:border-box;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.backend-warning-bar button{color:#fff;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:18px;line-height:1}.sidebar{background:var(--glass-bg-heavy);width:200px;height:100dvh;-webkit-backdrop-filter:var(--blur-xl);border-right:1px solid var(--glass-border);box-shadow:var(--glass-shadow-inset);transition:width var(--transition), transform var(--transition);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.sidebar.collapsed{border:none;width:0;overflow:hidden}.sidebar .sidebar-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:8px;min-height:64px;padding:14px 16px;display:flex}.sidebar .sidebar-header.sidebar-header-link{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;font-family:inherit}.sidebar .sidebar-header h1{background:linear-gradient(135deg, var(--accent), var(--info));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.sidebar .sidebar-nav{overscroll-behavior:contain;flex:1;min-height:0;padding:12px 8px;overflow-y:auto}.sidebar .sidebar-empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}.sidebar .sidebar-nav-btn{border-radius:var(--radius-md);cursor:pointer;width:100%;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;margin-bottom:4px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.sidebar .sidebar-nav-btn.active{background:var(--accent-soft);color:var(--accent)}.sidebar .sidebar-nav-btn span{text-align:left}.sidebar .sidebar-nav-btn svg{flex-shrink:0}.sidebar .sidebar-tools{border-top:1px solid var(--glass-border);padding:12px 8px}.sidebar .sidebar-tools-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:6px;padding-left:12px;font-size:11px;font-weight:500;display:flex}.sidebar-overlay{display:none}.sidebar-toggle-btn{display:flex}.sidebar-toggle-static-logo{width:32px;height:32px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.sidebar-toggle-static-logo-img{object-fit:contain;width:100%;height:100%}.mobile-menu-btn{display:none}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--glass-border);background:var(--glass-bg);min-height:64px;-webkit-backdrop-filter:var(--blur-lg);box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.app-header .header-left{align-items:center;gap:12px;display:flex}.app-header .header-title{font-size:16px;font-weight:600}.app-header .header-badge{border-radius:var(--radius-full);background:var(--glass-bg-subtle);border:1px solid var(--glass-border);color:var(--text-secondary);align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:flex}.app-header .header-badge-dot{background:var(--warning);border-radius:50%;width:6px;height:6px}.app-header .header-badge-dot.connected{background:var(--success)}.app-header .header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.search-box{border-radius:var(--radius-md);background:var(--glass-bg-subtle);border:1px solid var(--glass-border);align-items:center;gap:8px;padding:6px 12px;display:flex}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;padding-left:2px;font-size:12px}.search-box button{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:0;display:flex}.desktop-client-banner{background:var(--glass-bg-heavy);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);border:1px solid #ff950059;align-items:center;gap:12px;margin:16px 24px 0;padding:14px 16px;display:flex}.desktop-client-banner-icon{color:#fff;background:var(--warning);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.desktop-client-banner-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.desktop-client-banner-copy strong{color:var(--text-primary);font-size:14px;font-weight:700}.desktop-client-banner-copy span{color:var(--text-secondary);font-size:12px;line-height:1.5}.desktop-client-banner .btn{flex-shrink:0}.action-grid{grid-template-columns:1fr 1fr;gap:12px;padding:16px 24px;display:grid;position:relative}.action-card{border:1.5px dashed var(--glass-border-strong);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition);padding:20px;position:relative}.action-card:hover{background:var(--glass-bg);border-color:var(--accent);box-shadow:var(--glass-shadow)}.action-card p{color:var(--accent);font-size:12px;font-weight:500}.action-card.upload.drag-over{border-color:var(--accent);background:var(--accent-soft)}.action-card-download p{color:var(--info)}.action-card-input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;position:absolute;inset:0}.breadcrumb{align-items:center;gap:4px;padding:0 24px;font-size:12px;display:flex}.breadcrumb button{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:2px 4px}.breadcrumb button:hover{color:var(--text-primary);background:var(--glass-bg-subtle)}.breadcrumb button.current{color:var(--text-secondary);font-weight:500}.breadcrumb .breadcrumb-edit-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;padding:2px;display:flex}.content-grid{flex:1;padding:12px 24px;overflow:auto}.file-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;display:grid}.empty-state{text-align:center;color:var(--text-muted);padding:48px;font-size:13px}.empty-state.glass{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-12) var(--space-6);background:var(--glass-bg-subtle);border:1px dashed var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);flex-direction:column;display:flex}.empty-state.glass p{max-width:320px;font-size:14px;line-height:1.6}.app-empty-state{flex-direction:column;align-items:center;gap:12px;display:flex}.empty-state-icon{border-radius:var(--radius-full);background:var(--glass-bg);width:64px;height:64px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.card{border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);flex-direction:column;align-items:center;padding:16px;display:flex}.card:hover{border-color:var(--glass-border-strong);background:var(--glass-bg);box-shadow:var(--glass-shadow);transform:translateY(-2px)}.card.selected{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), var(--glass-shadow)}.shareable-card{position:relative}.card-share-btn{width:28px;height:28px;color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);cursor:pointer;opacity:1;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:8px;right:8px}.card-share-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.card-icon{border-radius:var(--radius-md);width:56px;height:56px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;margin-bottom:10px;display:flex}.card-icon.folder{background:linear-gradient(135deg,#818cf8,#6366f1)}.card-icon.file{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.card-icon.starred{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.card-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text-primary);font-size:12px;font-weight:500;overflow:hidden}.card-meta{min-height:16px;color:var(--text-secondary);white-space:nowrap;justify-content:center;gap:8px;margin-top:4px;font-size:10px;line-height:1.2;display:flex}.card-date{color:var(--text-muted);margin-top:2px;font-size:10px}.welcome-modal{text-align:center}.welcome-modal h2{margin-bottom:12px;font-size:18px;font-weight:600}.welcome-modal p{color:var(--text-secondary);margin-bottom:20px;font-size:13px;line-height:1.6}.welcome-steps{justify-content:center;gap:6px;margin-bottom:20px;display:flex}.welcome-step-dot{background:var(--glass-bg-subtle);border:1px solid var(--glass-border);border-radius:50%;width:6px;height:6px}.welcome-step-dot.active{background:var(--accent);border-color:var(--accent)}.welcome-actions{justify-content:center;gap:10px;display:flex}.welcome-success-icon{background:#34c75926;border:1px solid #34c7594d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;display:flex}.spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}.settings-modal .settings-title{color:var(--text-primary);font-size:18px;font-weight:600}.settings-modal .settings-label{color:var(--text-primary);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.settings-modal .settings-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.settings-modal .settings-hint{color:var(--text-muted);margin-top:8px;font-size:11px}.settings-modal .settings-divider{border-top:1px solid var(--glass-border);padding-top:16px}.settings-modal .settings-about{text-align:center;margin-bottom:16px}.settings-modal .settings-about h3{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600}.settings-modal .settings-about p{color:var(--text-muted);font-size:12px}.network-addresses{flex-direction:column;gap:8px;margin-top:8px;display:flex}.address-item{background:var(--glass-bg-subtle);border-radius:var(--radius-md);border:1px solid var(--glass-border);align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.address-type{border-radius:var(--radius-sm);white-space:nowrap;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.address-type-local{color:var(--text-secondary);background:#64748b26}.address-type-lan{background:var(--accent-soft);color:var(--accent)}.address-type-tailscale{color:var(--success);background:#34c7591f}.address-type-zerotier{color:var(--info);background:#5ac8fa1f}.address-url{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.page-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.page-title{font-size:20px;font-weight:600}.qr-wrap{padding:var(--space-4);border-radius:var(--radius-lg);width:fit-content;margin:0 auto var(--space-3);background:#fff;justify-content:center;display:flex}.page-footer{align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.input-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6);box-shadow:var(--glass-shadow)}.input-wrap{position:relative}.input-wrap .input{padding-right:40px}.input-eye{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.input-eye:hover{color:var(--text-primary)}.loading-spinner{border:2px solid var(--glass-border);border-top-color:var(--accent);border-radius:var(--radius-full);width:32px;height:32px;margin:auto;animation:.8s linear infinite spin}.link{color:var(--accent);align-items:center;gap:4px;font-size:13px;display:inline-flex}.inline-link{color:var(--accent);margin-top:var(--space-1);align-items:center;gap:4px;font-size:13px;display:inline-flex}.tool-link{align-items:center;gap:var(--space-2);background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--accent);transition:all var(--transition-fast);padding:10px 20px;font-size:14px;font-weight:500;display:inline-flex}.tool-link:hover{background:var(--accent-soft)}.hint-text{color:var(--text-muted);font-size:12px}.input-modal h3{color:var(--text-primary);margin-bottom:16px;font-size:16px;font-weight:600}.input-modal-error{color:var(--danger);margin-top:8px;font-size:12px;line-height:1.5}.download-modal{flex-direction:column;gap:14px;display:flex}.download-modal .modal-header{margin-bottom:2px}.download-link-row{display:block}.download-link-error{color:var(--danger);margin:0;font-size:12px;line-height:1.5}.download-modal>.btn-full{justify-content:center;gap:6px;margin-top:2px}.confirm-modal h3{color:var(--text-primary);margin-bottom:12px;font-size:16px;font-weight:600}.confirm-modal p{color:var(--text-secondary);margin-bottom:20px;font-size:13px}.move-modal .move-breadcrumb{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.move-modal .move-breadcrumb-btn{border-radius:var(--radius-sm);background:var(--glass-bg-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;padding:4px 8px;font-size:12px}.move-modal .move-breadcrumb-btn:hover{background:var(--glass-bg)}.move-modal .move-breadcrumb-btn.active{background:var(--accent-soft);color:var(--accent)}.move-modal .move-folder-list{max-height:200px;margin-bottom:16px;overflow:auto}.move-modal .move-folder-item{border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--text-primary);text-align:left;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.move-modal .move-folder-item:hover{background:var(--glass-bg-subtle)}.move-modal .move-folder-item.selected{background:var(--accent-soft);color:var(--accent)}.move-modal .move-new-folder{gap:8px;margin-bottom:16px;display:flex}.move-modal .move-new-folder input{border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--glass-bg-subtle);color:var(--text-primary);transition:all var(--transition-fast);outline:none;flex:1;padding:8px 10px;font-size:12px}.move-modal .move-new-folder input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.share-modal .share-link-list{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.share-modal .share-link-box{align-items:stretch;gap:10px;display:flex}.share-modal .share-link-content{flex:1;min-width:0}.share-modal .share-link-label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;display:block}.share-modal .share-link-text{border-radius:var(--radius-md);background:var(--glass-bg-subtle);border:1px solid var(--glass-border);font-size:13px;font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;padding:12px 14px}.share-modal .share-link-box .btn-circle{align-self:flex-end}.share-modal .share-storage-note{border-radius:var(--radius-md);background:var(--glass-bg-subtle);border:1px solid var(--glass-border);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.share-modal .share-storage-note span{min-width:0}.share-modal .share-storage-note button{flex:none}.share-modal .share-copy-btn{border-radius:var(--radius-md);background:var(--accent);color:#fff;cursor:pointer;width:44px;transition:all var(--transition-fast);border:none}.share-modal .share-copy-btn:hover{background:var(--accent-hover);transform:scale(1.05)}.share-modal .share-copy-btn.copied{background:var(--success)}.preview-overlay{z-index:200;-webkit-backdrop-filter:var(--blur-lg);background:#000000d9;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.preview-overlay .preview-actions{z-index:1;align-items:center;gap:8px;display:flex;position:absolute;top:20px;right:20px}.preview-overlay .preview-save,.preview-overlay .preview-close{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass-bg-subtle);height:36px;-webkit-backdrop-filter:var(--blur-sm);cursor:pointer;color:#fff;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}:is(.preview-overlay .preview-save,.preview-overlay .preview-close):hover:not(:disabled){background:var(--glass-bg);transform:scale(1.05)}:is(.preview-overlay .preview-save,.preview-overlay .preview-close):disabled{opacity:.65;cursor:not-allowed}.preview-overlay .preview-save{gap:6px;min-width:92px;padding:0 12px;font-size:13px;font-weight:600}.preview-overlay .preview-close{width:36px}.preview-overlay img,.preview-overlay video{border-radius:var(--radius-lg);max-width:100%;max-height:80dvh;box-shadow:var(--glass-shadow-lg)}.preview-overlay .preview-audio{background:var(--glass-bg-heavy);-webkit-backdrop-filter:var(--blur-2xl);border:1px solid var(--glass-border);border-radius:var(--radius-lg);min-width:320px;box-shadow:var(--glass-shadow-lg), var(--glass-shadow-inset);flex-direction:column;align-items:center;gap:20px;padding:40px 48px;display:flex}.preview-overlay .preview-audio-icon{background:var(--accent-soft);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.preview-overlay .preview-audio-filename{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0;font-size:14px;overflow:hidden}.preview-overlay .preview-audio-player{width:100%;max-width:400px;height:40px}.batch-bar{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg-secondary) 88%, transparent);width:max-content;max-width:min(100vw - 32px,780px);-webkit-backdrop-filter:var(--blur-xl);border:1px solid color-mix(in srgb, var(--glass-border) 82%, transparent);box-shadow:0 18px 48px #0f172a24, var(--glass-shadow-inset);z-index:100;align-items:center;gap:10px;padding:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.batch-bar .batch-selection{border-right:1px solid var(--glass-border);align-items:center;gap:8px;min-height:34px;padding:0 4px 0 10px;display:inline-flex}.batch-bar .batch-info{white-space:nowrap;color:var(--text-primary);font-size:12px;font-weight:600}.batch-bar .batch-dismiss{border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.batch-bar .batch-dismiss:hover{color:var(--text-primary);background:var(--glass-bg-subtle)}.batch-bar .batch-actions{align-items:center;gap:4px;display:inline-flex}.batch-bar .batch-actions-danger{border-left:1px solid var(--glass-border);padding-left:2px}.batch-bar .batch-action{min-height:32px;color:var(--text-secondary);box-shadow:none;background:0 0;border-color:#0000;gap:6px;padding:0 10px}.batch-bar .batch-action svg{flex:none}.batch-bar .batch-action:hover:not(:disabled){color:var(--text-primary);background:var(--glass-bg-subtle);border-color:var(--glass-border);transform:translateY(-1px)}.batch-bar .batch-action-danger{color:var(--danger)}.batch-bar .batch-action-danger:hover:not(:disabled){color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent);border-color:color-mix(in srgb, var(--danger) 30%, transparent)}.batch-bar .batch-action-label{white-space:nowrap;line-height:1}.transfer-modal{max-height:70dvh;overflow:auto}.transfer-modal .transfer-item{border-bottom:1px solid var(--glass-border);padding:10px 0}.transfer-modal .transfer-item-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.transfer-modal .transfer-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:500;overflow:hidden}.transfer-modal .transfer-progress-row{align-items:center;gap:8px;display:flex}.transfer-modal .transfer-progress-meter{border-radius:var(--radius-full);background:var(--glass-bg-subtle);appearance:none;border:0;flex:1;height:4px;overflow:hidden}.transfer-modal .transfer-progress-meter::-webkit-progress-bar{background:var(--glass-bg-subtle)}.transfer-modal .transfer-progress-meter::-webkit-progress-value{border-radius:var(--radius-full);background:var(--accent);transition:width .2s}.transfer-modal .transfer-progress-meter::-moz-progress-bar{border-radius:var(--radius-full);background:var(--accent)}.transfer-modal .transfer-progress-meter.error::-webkit-progress-value{background:var(--danger)}.transfer-modal .transfer-progress-meter.error::-moz-progress-bar{background:var(--danger)}.transfer-modal .transfer-progress-text{color:var(--text-muted);text-align:right;min-width:32px;font-size:10px}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.toast{z-index:9999;border-radius:var(--radius-lg);box-shadow:var(--glass-shadow-lg);-webkit-backdrop-filter:var(--blur-lg);border:1px solid var(--glass-border);padding:12px 20px;font-size:13px;font-weight:500;animation:.25s toastSlideIn;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.toast.success{color:#fff;background:#34c75999}.toast.error{color:#fff;background:#ff3b3099}.toast.warning{color:#fff;background:#ff950099}.toast.info{color:#fff;background:#5ac8fa99}.toast-stack-0{bottom:80px}.toast-stack-1{bottom:140px}.toast-stack-2{bottom:200px}.toast-stack-3{bottom:260px}.toast-stack-4{bottom:320px}.toast-stack-5{bottom:380px}.welcome-path-section{text-align:left;margin-bottom:20px}.welcome-path-section .path-label{color:var(--text-muted);margin-bottom:4px;font-size:12px}.welcome-path-section .path-value{color:var(--text-primary);font-size:12px;font-family:var(--font-mono);background:var(--glass-bg-subtle);border-radius:var(--radius-sm);word-break:break-all;border:1px solid var(--glass-border);margin-bottom:12px;padding:8px 10px}.welcome-path-section .path-hint{color:var(--text-muted);margin-top:4px;font-size:11px}.login-modal-header{margin-bottom:20px}.login-modal-close{flex-shrink:0}.login-avatar-preview{border-radius:var(--radius-md);width:64px;height:64px;margin:0 auto 8px;display:block}.msg-avatar{border-radius:var(--radius-sm);flex-shrink:0;width:28px;height:28px;margin-right:10px}.login-modal-body{flex-direction:column;gap:12px;display:flex}.login-tip{color:var(--text-secondary);text-align:center;margin-bottom:4px;font-size:13px}.login-error{border-radius:var(--radius-sm);color:var(--danger);background:#ff3b301a;padding:8px 10px;font-size:12px;line-height:1.4}.login-password-wrapper{align-items:center;display:flex;position:relative}.login-password-wrapper .input{padding-right:40px}.login-password-toggle{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:10px}.login-password-toggle:hover{color:var(--text-primary);background:var(--glass-bg-subtle)}.login-buttons-row{gap:8px;display:flex}.login-buttons-row .btn-primary,.login-buttons-row .btn-secondary{flex:1;padding-inline:12px;font-size:13px}.connect-modal-header{margin-bottom:20px}.connect-modal-close{flex-shrink:0}.connect-modal-body{flex-direction:column;gap:12px;display:flex}.preview-text-container{background:var(--glass-bg-heavy);width:90vw;max-width:900px;max-height:80dvh;-webkit-backdrop-filter:var(--blur-2xl);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow-lg), var(--glass-shadow-inset);flex-direction:column;padding:20px;display:flex;overflow:auto}.preview-text-header{border-bottom:1px solid var(--glass-border);color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;font-size:13px;display:flex}.preview-text{color:var(--text-primary);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;max-height:100%;margin:0;font-size:13px;line-height:1.6;overflow:auto}.preview-text-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.preview-text-spinner{opacity:.6;animation:.8s linear infinite spin}.preview-text-loading-hint{opacity:.6;text-align:center;max-width:300px;font-size:12px}.preview-media-wrapper{justify-content:center;align-items:center;min-width:100px;min-height:100px;display:flex;position:relative}.preview-media-wrapper .preview-loading{z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.preview-loading-spinner{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.preview-media-wrapper img,.preview-media-wrapper video{border-radius:var(--radius-lg);max-width:100%;max-height:80dvh}.preview-unsupported{background:var(--glass-bg-heavy);border-radius:var(--radius-lg);text-align:center;color:var(--text-primary);border:1px solid var(--glass-border);padding:40px}.preview-unsupported p:first-of-type{word-break:break-all;font-size:14px;font-weight:500}.btn-nowrap{white-space:nowrap}.btn-shutdown{margin-top:20px}.settings-section{margin-bottom:20px}.settings-divider-top{margin-top:20px}.settings-subtitle{text-align:center;color:var(--text-secondary);font-size:12px}.icon-inline{vertical-align:middle;margin-right:6px}.move-modal-desc{color:var(--text-secondary);margin-bottom:12px;font-size:12px}.move-modal-hint{color:var(--text-muted);margin-bottom:12px;font-size:11px}.breadcrumb-separator{color:var(--text-secondary)}.preview-file-icon{opacity:.5;margin-bottom:12px}.empty-transfer{text-align:center;color:var(--text-muted);padding:24px;font-size:13px}.btn-star{background:var(--warning);color:#fff}.btn-star:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #ff95004d}.btn-move{background:var(--accent);color:#fff}.btn-move:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px #5e6ad24d}.move-modal-empty{color:var(--text-secondary);text-align:center;padding:16px;font-size:12px}.preview-unsupported-hint{opacity:.7;margin-top:8px;font-size:12px}.action-grid-icon{margin-bottom:8px}@media (width<=768px){.input,.textarea,.search-box input{font-size:16px}.sidebar{z-index:300;transition:transform var(--transition);width:240px;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:299;opacity:0;visibility:hidden;transition:all var(--transition);background:#0006;display:block;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;visibility:visible}.sidebar-toggle-btn{display:flex}.app-header{gap:8px;min-height:56px;padding:12px 16px}.app-header .header-right{gap:4px}.desktop-client-banner{flex-direction:column;align-items:stretch;margin:12px 16px 0}.desktop-client-banner-icon{width:36px;height:36px}.desktop-client-banner .btn{width:100%}.action-grid{grid-template-columns:1fr;gap:8px;padding:12px 16px}.action-card{padding:14px}.breadcrumb{padding:0 16px}.content-grid{padding:12px 16px}.file-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.card{padding:12px}.card-icon{border-radius:var(--radius-sm);width:44px;height:44px;margin-bottom:8px}.card-name{font-size:11px}.toast{width:min(100vw - 24px,420px);left:50%}.batch-bar{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;width:auto;max-width:none;padding:8px;bottom:14px;left:12px;right:12px;transform:none}.batch-bar .batch-selection{border-right:0;border-bottom:1px solid var(--glass-border);justify-content:space-between;width:100%;padding:0 0 6px}.batch-bar .batch-dismiss{background:var(--glass-bg-subtle)}.batch-bar .batch-actions{display:contents}.batch-bar .batch-actions-primary{flex:none}.batch-bar .batch-actions-danger{border-left:0;margin-left:0;padding-left:0}.batch-bar .batch-action{border-radius:var(--radius-md);gap:5px;min-width:0;padding-inline:8px;font-size:13px}.preview-overlay{padding:12px}}@media (width<=480px){.file-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.card{padding:10px}.card-icon{width:40px;height:40px;margin-bottom:6px}.card-name{font-size:10px}.app-header{min-height:52px;padding:12px}.app-header .header-title{font-size:14px}.app-header .header-badge{padding:2px 6px;font-size:10px}.action-grid,.content-grid{padding:10px 12px}.breadcrumb{padding:0 12px;font-size:11px}.batch-bar{gap:7px;padding:7px;left:10px;right:10px}.batch-bar .batch-info{font-size:12px}.batch-bar .batch-actions{gap:5px}.batch-bar .batch-actions-danger{padding-left:0}.batch-bar .batch-action{gap:4px;min-height:30px;padding-inline:6px;font-size:11px}}.app-home{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 144px);padding:0 24px;animation:.4s fadeInUp;display:flex}.app-home-card{border-radius:var(--radius-xl);background:var(--glass-bg-heavy);-webkit-backdrop-filter:var(--blur-2xl);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-lg), var(--glass-shadow-inset);flex-direction:column;align-items:center;width:100%;max-width:420px;padding:40px;display:flex}.app-home-card h1{letter-spacing:-.03px;background:linear-gradient(135deg, var(--accent), var(--info));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:16px;margin-bottom:8px;font-size:40px;font-weight:700}.app-home-badge{border-radius:var(--radius-full);background:var(--glass-bg-subtle);color:var(--text-secondary);border:1px solid var(--glass-border);align-items:center;gap:6px;margin-bottom:24px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.app-home-badge .badge-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.app-home-card p{color:var(--text-secondary);max-width:40ch;margin-bottom:32px;font-size:16px;line-height:1.6}.app-home-btn{padding:14px 32px;font-size:16px;font-weight:600}.app-home-btn-secondary{margin-top:12px;padding:10px 24px;font-size:14px}.drawer-label{color:var(--text-primary);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.drawer-hint{color:var(--text-muted);margin-top:8px;font-size:11px}.drawer-hint-spaced{margin-bottom:12px}.remote-node-form{flex-direction:column;gap:8px;display:flex}.remote-node-history{border-top:1px solid var(--border-color);flex-direction:column;gap:7px;margin-top:14px;padding-top:10px;display:flex}.remote-node-history-title{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.remote-node-list{flex-direction:column;gap:4px;display:flex}.remote-node-item{background:color-mix(in srgb, var(--glass-bg-heavy) 52%, transparent);width:100%;min-height:44px;color:var(--text-secondary);cursor:pointer;text-align:left;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border:1px solid #0000;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px 8px 12px;display:grid;position:relative}.remote-node-item:before{border-radius:var(--radius-full);content:"";background:0 0;width:3px;position:absolute;top:9px;bottom:9px;left:0}.remote-node-item:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 8%, var(--glass-bg-heavy));color:var(--text-primary)}.remote-node-item-active{border-color:color-mix(in srgb, var(--accent) 18%, transparent);background:color-mix(in srgb, var(--accent) 10%, var(--glass-bg-heavy));color:var(--text-primary)}.remote-node-item-active:before{background:var(--accent)}.remote-node-item:disabled{cursor:not-allowed;opacity:.72}.remote-node-item-main{flex-direction:column;gap:2px;min-width:0;display:flex}.remote-node-host{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:12.5px;font-weight:600;overflow:hidden}.remote-node-badge{border-radius:var(--radius-full);background:color-mix(in srgb, var(--success) 12%, transparent);color:var(--success);white-space:nowrap;align-items:center;gap:4px;padding:3px 6px;font-size:11px;font-weight:600;display:inline-flex}.remote-node-idle-icon{color:var(--text-muted);opacity:.72}.drawer-status{color:var(--text-secondary);margin-top:8px;font-size:11px}.drawer-status.status-success{color:var(--success)}.drawer-status.status-error{color:var(--danger)}.spin{animation:1s linear infinite spin}.note-page{height:calc(100dvh - 64px);min-height:0;padding:16px;overflow:hidden}.note-theme-wrap,.note-header-actions{align-items:center;gap:8px;min-width:0;display:flex}.note-header-title{align-items:baseline;gap:10px;min-width:0;display:flex}.note-header-title span{color:var(--text-secondary);white-space:nowrap;font-size:12px}.note-git-trigger{position:relative}.note-git-trigger strong{background:var(--accent);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-grid}.note-git-overlay{--modal-content-width:min(1080px, calc(100vw - 32px))}.note-git-overlay .modal-glass{height:min(760px, calc(var(--modal-visual-height,100dvh) - 32px));padding:0;overflow:hidden}.note-git-modal{flex-direction:column;height:100%;min-height:0;display:flex}.note-git-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;gap:16px;min-height:66px;padding:14px 18px;display:flex}.note-git-header h2,.note-git-header-actions,.note-git-tabs button,.note-git-diff-header,.note-git-commit-bar{align-items:center;display:flex}.note-git-header h2{gap:8px;font-size:17px}.note-git-header p{color:var(--text-muted);font-family:var(--font-mono);margin-top:3px;font-size:11px}.note-git-header-actions{gap:6px}.note-git-error,.note-git-warning{border-bottom:1px solid var(--glass-border);padding:9px 18px;font-size:12px}.note-git-error{background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger)}.note-git-warning{background:color-mix(in srgb, var(--warning) 12%, transparent);color:var(--text-primary)}.note-git-setup{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;width:min(480px,100%);min-height:0;margin:0 auto;padding:28px;display:flex}.note-git-setup h3{font-size:17px}.note-git-setup>p{color:var(--text-secondary);font-size:13px;line-height:1.55}.note-git-settings{border-bottom:1px solid var(--glass-border);align-items:end;gap:10px;padding:12px 18px;display:flex}.note-git-author-form{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.note-git-author-form label{gap:5px;min-width:0;display:grid}.note-git-author-form label span{color:var(--text-secondary);font-size:11px;font-weight:600}.note-git-tabs{border-bottom:1px solid var(--glass-border);gap:2px;padding:7px 18px 0;display:flex}.note-git-tabs button{height:38px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;gap:7px;padding:0 12px;font-size:13px}.note-git-tabs button:hover,.note-git-tabs button.is-active{color:var(--text-primary)}.note-git-tabs button.is-active{border-bottom-color:var(--accent)}.note-git-tabs button span{text-align:center;min-width:18px;font-size:11px}.note-git-body{flex:1;grid-template-columns:minmax(240px,32%) minmax(0,1fr);min-height:0;display:grid}.note-git-list{border-right:1px solid var(--glass-border);min-height:0;overflow:auto}.note-git-list button{border:0;border-bottom:1px solid var(--glass-border);width:100%;min-height:48px;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 14px;display:grid}.note-git-list button:hover,.note-git-list button.is-active{background:var(--accent-soft)}.note-git-list button.is-active{box-shadow:inset 3px 0 0 var(--accent)}.note-git-list button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.note-git-list button small{color:var(--text-muted);font-size:10px}.note-git-list-empty,.note-git-empty{min-height:160px;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:12px;display:flex}.note-git-commit{border-bottom:1px solid var(--glass-border)}.note-git-commit-meta{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:12px 14px 8px;display:grid}.note-git-commit-meta strong{overflow-wrap:anywhere;font-size:12px}.note-git-commit-meta span,.note-git-commit-meta code{color:var(--text-muted);font-size:10px}.note-git-commit-meta code{grid-column:1}.note-git-commit button{border-bottom:0;min-height:38px;padding-left:24px}.note-git-diff{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.note-git-diff-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;gap:10px;min-height:46px;padding:7px 12px}.note-git-diff-header>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono);font-size:11px;overflow:hidden}.note-git-diff pre{background:color-mix(in srgb, var(--bg-secondary) 80%, transparent);min-height:0;color:var(--text-secondary);font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;flex:1;margin:0;padding:12px 0;font-size:12px;line-height:1.55;overflow:auto}.note-git-diff pre span{min-height:1.55em;padding:0 14px;display:block}.note-git-diff pre span.is-added{background:color-mix(in srgb, var(--success) 14%, transparent);color:var(--success)}.note-git-diff pre span.is-removed{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger)}.note-git-commit-bar{border-top:1px solid var(--glass-border);gap:10px;padding:11px 18px}.note-git-commit-bar .input{flex:1;min-width:0}.note-more{flex:none;position:relative}.note-more-trigger{position:relative}.note-more-menu{z-index:50;border:1px solid var(--glass-border);background:var(--glass-bg-solid);width:280px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-lg);border-radius:8px;flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.note-sync-status,.note-more-item{border-radius:8px;align-items:center;gap:10px;min-width:0;display:flex}.note-sync-status{padding:10px}.note-sync-status.conflict{color:var(--warning)}.note-sync-status-icon{border-radius:8px;flex:none;width:30px;height:30px}.note-sync-status span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.note-sync-status strong,.note-sync-status small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-sync-status strong{color:var(--text-primary);font-size:13px}.note-sync-status small{color:inherit;font-size:12px}.note-more-item{width:100%;min-height:36px;color:var(--text-secondary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:8px 10px;font-size:13px;font-weight:600}.note-more-item:hover:not(:disabled){background:var(--glass-bg-subtle);color:var(--text-primary)}.note-more-item:disabled{cursor:not-allowed;opacity:.45}.note-more-separator{background:var(--glass-border);height:1px;margin:4px 2px}.app-layout:has(.note-browser-page) .sidebar{width:320px;overflow:hidden}.app-layout:has(.note-browser-page) .sidebar.collapsed{width:0}.note-workspace{border-radius:var(--radius-xs);height:100%;display:flex;overflow:hidden}.note-edit-workspace{border:1px solid var(--glass-border);background:var(--glass-bg-heavy);height:100%;min-height:0;box-shadow:var(--shadow-sm);border-radius:8px;overflow:hidden}.note-list-panel,.note-editor-panel{background:var(--glass-bg-solid);min-width:0;min-height:0}.note-list-panel{border-right:1px solid var(--glass-border)}.note-sidebar-list{background:0 0;border-right:0;flex:1;min-height:0;padding:10px 8px 12px}.note-sidebar-list .note-list-header{align-items:flex-start;padding:0 4px}.note-current-location{flex-direction:column;gap:4px;min-width:0;display:flex}.note-sidebar-list .note-search{background:color-mix(in srgb, var(--bg-tertiary) 58%, transparent);border-radius:6px;height:34px;margin:4px 6px 10px;padding:0 9px}.note-sidebar-list .note-create-btn{justify-content:stretch;gap:6px;margin:8px 6px 0;display:flex}.note-sidebar-list .note-create-btn .btn{flex:1;justify-content:center;width:auto;min-width:0;min-height:34px;padding:7px 10px}.note-import-input{display:none}.note-sidebar-list .note-breadcrumbs{min-height:22px;margin:0}.note-sidebar-list .note-list{margin-top:12px;padding-bottom:6px}.note-sidebar-list .note-list-item-main{grid-template-columns:30px minmax(0,1fr) auto;padding:8px 6px}.note-sidebar-list .note-list-icon{width:30px;height:30px}.note-sidebar-list .note-list-date{display:none}.note-sidebar-list .note-empty-state{min-height:180px;padding:16px 8px}.note-tree{flex:1;min-height:0;padding:2px 4px 8px;overflow:auto}.note-tree-node{min-width:0}.note-tree-row{min-width:0;min-height:30px;color:var(--text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast);border-radius:6px;grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.note-tree-row.has-actions{grid-template-columns:minmax(0,1fr) 30px}.note-tree-row:hover,.note-tree-row:focus-within{background:var(--glass-bg-subtle);color:var(--text-primary)}.note-tree-row.is-active{background:var(--accent-soft);color:var(--text-primary)}.note-tree-row.is-folder-active:not(.is-active){background:color-mix(in srgb, var(--text-muted) 10%, transparent)}.note-tree-item{border-radius:inherit;width:100%;min-width:0;height:30px;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:4px;padding:0 6px 0 2px;display:grid}.note-tree-toggle{width:18px;height:22px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.note-tree-toggle-placeholder{width:16px;height:16px}.note-tree-label{min-width:0;color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.35;overflow:hidden}.note-tree-row.is-directory .note-tree-label{font-weight:700}.note-tree-row.is-active .note-tree-label{color:var(--text-primary)}.note-tree-children{border-left:1px solid color-mix(in srgb, var(--text-muted) 26%, transparent);margin-left:10px;padding-left:9px}.note-list-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.note-count{color:var(--text-muted);flex-shrink:0;font-size:12px;font-weight:600}.note-list-panel{flex-direction:column;padding:16px 12px;display:flex;overflow:hidden}.note-list-header{margin-bottom:12px}.note-list-header h3{max-width:220px;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:700;overflow:hidden}.note-kicker{color:var(--text-muted);letter-spacing:0;margin-bottom:3px;font-size:11px;font-weight:700;display:block}.note-search{border:1px solid var(--glass-border);background:var(--glass-bg-subtle);height:38px;color:var(--text-secondary);border-radius:8px;flex:none;align-items:center;gap:8px;padding:0 10px;display:flex}.note-search .input{background:0 0;border:0;min-width:0;padding-left:0}.note-search .input:focus{box-shadow:none}.note-breadcrumbs{min-height:34px;color:var(--text-muted);flex-wrap:wrap;flex:none;align-items:center;gap:6px;margin:8px 0;font-size:12px;display:flex}.note-breadcrumbs button{color:var(--text-secondary);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;flex:none}.note-breadcrumbs button:hover{color:var(--accent)}.note-list{flex-direction:column;gap:4px;min-height:0;display:flex;overflow:auto}.note-list-item{border-radius:8px}.note-sidebar-list .note-list-item.has-actions{grid-template-columns:minmax(0,1fr) auto}.note-list-item-main{padding:9px 8px}.note-list-actions-anchor{flex:0 0 34px;padding-right:6px}.note-tree-row .note-list-actions-anchor{width:30px;padding-right:0}.note-list-actions-trigger{border-radius:var(--radius-sm);opacity:0;width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.note-list-item:hover .note-list-actions-trigger,.note-list-item.active .note-list-actions-trigger,.note-tree-row:hover .note-list-actions-trigger,.note-tree-row.is-active .note-list-actions-trigger,.note-list-actions-anchor:focus-within .note-list-actions-trigger,.note-list-actions-trigger[aria-expanded=true]{opacity:1}.note-list-actions-trigger:hover{background:var(--glass-bg-subtle);color:var(--text-primary)}.note-list-icon{border-radius:8px}.note-list-date{max-width:58px}.note-editor-panel{flex-direction:column;flex:1;display:flex;overflow:hidden;container:note-editor/inline-size}.note-editor-panel-standalone{height:100%}.note-editor-panel-header{border-bottom:1px solid var(--glass-border);background:var(--glass-bg-heavy);flex:none;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px 14px;display:flex}.note-editor-title-area{flex:1;min-width:0}.note-editor-title-area h3{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;padding:0 10px;font-size:22px;font-weight:750;line-height:1.25;overflow:hidden}.note-title-input{border:1px solid var(--glass-border);background:var(--glass-bg-subtle);width:100%;max-width:min(720px,100%);color:var(--text-primary);font-family:var(--font-sans);border-radius:8px;outline:none;padding:7px 10px;font-size:22px;font-weight:750;line-height:1.25}.note-title-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.note-title-input::placeholder{color:var(--text-muted)}.note-editor-info{color:var(--text-secondary);align-items:center;gap:14px;margin-top:8px;padding:4px 10px;font-size:12px;display:flex;overflow-x:auto}.note-editor-info span{background:var(--glass-bg-subtle);color:inherit;font:inherit;border:0;border-radius:8px;flex:none}.note-editor-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.note-editor-frame{background:var(--bg-secondary);flex:1;min-height:0;overflow:auto}.note-editor-attachment-fab{z-index:6;pointer-events:none;justify-content:flex-end;height:0;padding-right:14px;display:flex;position:sticky;top:0}.note-editor-attachment-button{background:var(--glass-bg-heavy);width:36px;height:36px;box-shadow:var(--shadow-sm);pointer-events:auto;border-radius:50%;flex:0 0 36px;margin-top:14px}[data-theme=dark] .note-editor-frame.editing{background:#121214}.note-editor-frame.reading{background:var(--glass-bg-solid)}.milkdown-editor,.most-markdown-editor{min-height:100%}.milkdown-editor .milkdown{--crepe-font-default:var(--font-sans);--crepe-font-code:var(--font-mono);min-height:100%;color:var(--text-primary);background:0 0}[data-theme=dark] .milkdown-editor .milkdown{--crepe-color-background:var(--bg-secondary);--crepe-color-on-background:#d8d8dd;--crepe-color-surface:#151518;--crepe-color-surface-low:#202024;--crepe-color-on-surface:#d8d8dd;--crepe-color-on-surface-variant:var(--text-secondary);--crepe-color-outline:#ffffff2e;--crepe-color-primary:#c2d0ff;--crepe-color-secondary:#ffffff1f;--crepe-color-on-secondary:#d8d8dd;--crepe-color-inverse:#f5f5f7;--crepe-color-on-inverse:#1d1d1f;--crepe-color-inline-code:#ffb4ab;--crepe-color-error:#ffb4ab;--crepe-color-hover:#ffffff14;--crepe-color-selected:#5e6ad23d;--crepe-color-inline-area:#ffffff14}.milkdown-editor .ProseMirror{width:min(760px,100%);color:var(--text-primary);background:0 0;outline:none;margin:0 auto;padding:42px 36px 72px;font-size:15px;line-height:1.75}[data-theme=dark] .note-editor-frame.reading .milkdown-editor .ProseMirror{color:#d8d8dd}[data-theme=dark] .note-editor-frame.reading .milkdown-editor .ProseMirror h1,[data-theme=dark] .note-editor-frame.reading .milkdown-editor .ProseMirror h2,[data-theme=dark] .note-editor-frame.reading .milkdown-editor .ProseMirror h3,[data-theme=dark] .note-editor-frame.reading .milkdown-editor .ProseMirror strong{color:#ececf0}.milkdown-editor .ProseMirror a{color:#4f5bd5;text-underline-offset:.18em;font-weight:400;text-decoration:underline;text-decoration-thickness:1px}[data-theme=dark] .milkdown-editor .ProseMirror a{color:#9bb4ff}.milkdown-editor .ProseMirror a:hover{color:var(--accent-hover)}[data-theme=dark] .milkdown-editor .ProseMirror a:hover{color:#c2d0ff}.milkdown-editor .ProseMirror h1,.milkdown-editor .ProseMirror h2,.milkdown-editor .ProseMirror h3{line-height:1.25}.milkdown-editor .milkdown-code-block{border:1px solid var(--glass-border);border-radius:8px;overflow:hidden}[data-theme=dark] .milkdown-editor .milkdown-code-block,[data-theme=dark] .milkdown-editor .milkdown-code-block .cm-editor,[data-theme=dark] .milkdown-editor .milkdown-code-block .cm-gutters,[data-theme=dark] .milkdown-editor .milkdown-code-block .cm-panel{background:var(--crepe-color-surface);color:var(--text-primary)}[data-theme=dark] .milkdown-editor .milkdown-code-block .cm-content,[data-theme=dark] .milkdown-editor .milkdown-code-block .cm-line,[data-theme=dark] .milkdown-editor .milkdown-code-block .milkdown-code-block-placeholder,[data-theme=dark] .milkdown-editor .milkdown-code-block .preview-panel .preview,[data-theme=dark] .milkdown-editor .milkdown-code-block .preview-panel .preview .katex,[data-theme=dark] .milkdown-editor span[data-type=math_inline],[data-theme=dark] .milkdown-editor .katex{color:var(--text-primary)}.milkdown-editor .crepe-placeholder{color:var(--text-muted)}.milkdown-editor .crepe-placeholder:before{color:var(--text-secondary)}.milkdown-editor .link-preview,.milkdown-editor .milkdown-link-preview{background:var(--glass-bg-heavy);color:var(--text-primary)}.note-empty-state,.note-editor-loading,.note-editor-empty{min-height:260px;padding:24px}.note-editor-empty{background:var(--glass-bg-solid);flex:1}.note-editor-empty-icon{width:56px;height:56px;color:var(--accent);background:var(--accent-soft);border-radius:8px}.note-empty-state.editor-error{flex:1}.note-move-modal{flex-direction:column;gap:12px;display:flex}.note-move-target{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg-subtle);gap:4px;padding:10px 12px;display:grid}.note-move-target span,.note-move-folder-item small,.note-move-destination{color:var(--text-secondary);font-size:12px}.note-move-target strong{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.note-move-path{min-height:30px;color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.note-move-path button{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;flex:none}.note-move-folder-list{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg-subtle);gap:6px;max-height:220px;padding:4px;display:grid;overflow:auto}.note-move-folder-item{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;text-align:left;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;grid-template-columns:16px 16px minmax(0,1fr);align-items:center;gap:2px 8px;padding:8px 10px;display:grid}.note-move-folder-item:hover,.note-move-folder-item.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.note-move-expander,.note-move-folder-icon{align-self:center}.note-move-folder-icon{grid-row:span 2}.note-move-folder-spacer{width:16px;height:16px}.note-move-folder-item span:not(.note-move-folder-spacer),.note-move-folder-item small{text-overflow:ellipsis;white-space:nowrap;grid-column:3;min-width:0;overflow:hidden}.note-move-depth-1{padding-left:22px}.note-move-depth-2{padding-left:34px}.note-move-depth-3{padding-left:46px}.note-move-depth-4{padding-left:58px}.note-move-empty{color:var(--text-secondary);text-align:center;padding:12px;font-size:12px}.note-move-destination{border-radius:var(--radius-sm);background:var(--glass-bg-subtle);padding:8px 10px}@container note-editor (width<=820px){.note-editor-panel-header{flex-direction:column;align-items:stretch;padding:14px}.note-editor-title-area,.note-editor-actions{width:100%}.note-editor-actions{justify-content:flex-start}.note-editor-info{flex-wrap:wrap;row-gap:6px;overflow-x:visible}.note-editor-info span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.note-editor-frame .milkdown-editor .ProseMirror{padding:28px 18px 56px}}@container note-editor (width<=600px){.milkdown-editor .milkdown .milkdown-image-block,.milkdown-editor .milkdown .milkdown-image-block>.image-wrapper,.milkdown-editor .milkdown .milkdown-image-block>.image-wrapper img{width:100%;max-width:100%}.milkdown-editor .milkdown .milkdown-image-block>.image-wrapper img{object-fit:contain;height:auto!important}}@media (width<=1180px){.note-list-date{display:none}}@media (width<=900px){.note-page{overflow:auto}.note-workspace,.note-edit-workspace,.note-editor-panel{overflow:clip}.note-workspace,.note-edit-workspace{height:auto;min-height:100%}.note-list-panel{border-right:0;border-bottom:1px solid var(--glass-border)}.note-sidebar-list{border-bottom:0}.note-editor-panel{min-height:70dvh}.note-editor-frame.editing{overflow:visible}}@media (width<=768px){.note-page{height:calc(100dvh - 56px);padding:10px}.app-layout:has(.note-browser-page) .sidebar{width:min(320px,100vw - 32px)}.note-page.has-editor .note-list-panel{display:none}.note-theme-wrap,.note-header-actions{gap:6px}.note-header-title span{display:none}.note-header-actions .btn{padding:9px 10px}.note-more-menu{right:-4px}.note-list-item{grid-template-columns:minmax(0,1fr)}.note-git-overlay{--modal-content-width:calc(100vw - 20px)}.note-git-overlay .modal-glass{height:calc(var(--modal-visual-height,100dvh) - 20px);max-width:calc(100vw - 20px)}.note-git-body{grid-template-rows:minmax(140px,38%) minmax(0,1fr);grid-template-columns:1fr}.note-git-list{border-right:0;border-bottom:1px solid var(--glass-border)}.note-git-settings,.note-git-commit-bar{flex-direction:column;align-items:stretch}.note-git-author-form{grid-template-columns:1fr}.note-sidebar-list .note-list-item.has-actions{grid-template-columns:minmax(0,1fr) auto}}.profile-page{min-height:calc(100dvh - 144px);padding:var(--space-8) var(--space-4) var(--space-12)}.profile-container{width:min(100%,980px);margin-inline:auto}.profile-container.narrow{width:min(100%,560px)}.profile-appearance-section{margin-bottom:var(--space-8)}.profile-appearance-title{margin:0 0 var(--space-4);color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.2}.profile-appearance-options{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.profile-appearance-option{gap:var(--space-2);min-width:0;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:grid;position:relative}.profile-theme-preview{--profile-theme-shell:#eeeeef;--profile-theme-surface:#fff;--profile-theme-line:#d9d9dc;--profile-theme-rule:#ececef;--profile-theme-selection:var(--text-primary);aspect-ratio:1.45;border:1px solid var(--glass-border-strong);border-radius:var(--radius-xs);background:var(--profile-theme-shell);width:100%;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);display:block;position:relative;overflow:hidden}.profile-theme-preview.is-dark{--profile-theme-shell:#5b5b5d;--profile-theme-surface:#1e1e20;--profile-theme-line:#8d8d91;--profile-theme-rule:#343438;--profile-theme-selection:#fff}.profile-theme-preview.is-light{--profile-theme-selection:#1d1d1f}.profile-theme-preview.is-system{background:linear-gradient(90deg,#a7a7a9 0 50%,#5b5b5d 50% 100%)}.profile-theme-preview-handle,.profile-theme-preview-rule,.profile-theme-preview-row{border-radius:var(--radius-full);background:var(--profile-theme-line);display:block;position:absolute}.profile-theme-preview-handle{width:24%;height:6px;top:21%;left:50%;transform:translate(-50%)}.profile-theme-preview-rule{width:70%;height:5px;top:31%;left:15%}.profile-theme-preview-window{border-radius:var(--radius-xs);background:var(--profile-theme-surface);align-content:start;gap:7px;padding:11px 10px;display:grid;position:absolute;inset:40% 8% 6%;overflow:hidden}.profile-theme-preview-window .profile-theme-preview-row,.profile-theme-preview-divider{position:relative}.profile-theme-preview-row{width:100%;height:6px}.profile-theme-preview-row.is-short{width:32%}.profile-theme-preview-divider{background:var(--profile-theme-rule);width:calc(100% + 20px);height:1px;margin-left:-10px}.profile-theme-preview.is-system .profile-theme-preview-window{background:linear-gradient(90deg,#fff 0 50%,#1e1e20 50% 100%)}.profile-theme-preview.is-system .profile-theme-preview-handle,.profile-theme-preview.is-system .profile-theme-preview-rule,.profile-theme-preview.is-system .profile-theme-preview-row{background:linear-gradient(90deg,#d7d7da 0 50%,#8d8d91 50% 100%)}.profile-theme-preview.is-system .profile-theme-preview-divider{background:linear-gradient(90deg,#ececef 0 50%,#343438 50% 100%)}.profile-appearance-option:hover .profile-theme-preview{border-color:var(--glass-border-strong);box-shadow:var(--shadow);transform:translateY(-1px)}.profile-appearance-option:focus-visible{outline:none}.profile-appearance-option:focus-visible .profile-theme-preview{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent), var(--shadow)}.profile-appearance-option.selected .profile-theme-preview{border-color:var(--profile-theme-selection);box-shadow:inset 0 0 0 2px var(--profile-theme-selection), var(--shadow)}.profile-appearance-option.selected{color:var(--text-primary)}.profile-appearance-option-label{text-align:center;overflow-wrap:anywhere;min-width:0;font-size:14px;font-weight:600;line-height:1.4}.profile-signed-out-card{width:min(100%,560px);margin-bottom:var(--space-6);margin-inline:auto}.profile-header{align-items:center;gap:var(--space-6);padding:var(--space-8);border-radius:var(--radius-lg);margin-bottom:var(--space-6);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.profile-avatar-large{object-fit:cover;border-radius:var(--radius-lg);background:var(--glass-bg-subtle);width:104px;height:104px;box-shadow:var(--shadow-md);display:block}.profile-heading{min-width:0}.profile-name-line{align-items:center;gap:var(--space-2);min-width:0;margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.profile-kicker{margin-bottom:var(--space-2);color:var(--accent);font-size:13px;font-weight:700}.profile-heading h1{min-width:0;color:var(--text-primary);overflow-wrap:anywhere;margin:0;font-size:32px;font-weight:700;line-height:1.15}.profile-user-tag{border:1px solid var(--glass-border);background:var(--glass-bg-subtle);width:fit-content;max-width:100%;color:var(--text-secondary);overflow-wrap:anywhere;border-radius:5px;padding:2px 7px;font-size:12px;font-weight:500;line-height:1.3}.profile-address-line{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.profile-address-line code{max-width:100%;color:var(--text-secondary);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:13px}.profile-logout-btn{justify-self:end}.profile-logout-modal{gap:var(--space-4);display:grid}.profile-logout-modal .modal-header{margin-bottom:0}.profile-logout-modal .modal-header h3{margin:0}.profile-logout-reminder{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.profile-logout-backup-actions{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.profile-logout-backup-actions .btn{justify-content:center;min-width:0;min-height:44px;padding-inline:12px}.profile-logout-modal .modal-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0;display:grid}.profile-grid{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid}.profile-panel{border-radius:var(--radius-lg);padding:var(--space-6)}.profile-backup-card{gap:var(--space-5);margin-bottom:var(--space-6);display:grid}.profile-backup-header{align-items:center;margin-bottom:0}.profile-backup-status{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--glass-border);border-radius:var(--radius-full);min-height:34px;color:var(--text-muted);white-space:nowrap;flex:none;padding:7px 11px;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.profile-backup-status.is-working{border-color:color-mix(in srgb, var(--accent) 36%, var(--glass-border));color:var(--accent)}.profile-backup-status.is-synced{border-color:color-mix(in srgb, var(--success) 36%, var(--glass-border));color:var(--success)}.profile-backup-status.is-error{border-color:color-mix(in srgb, var(--danger) 36%, var(--glass-border));color:var(--danger)}.profile-backup-status.is-idle{border-color:color-mix(in srgb, var(--warning) 36%, var(--glass-border));color:var(--warning)}.profile-backup-actions{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.profile-backup-action-group{gap:var(--space-3);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg-subtle);grid-column:1/-1;min-width:0;padding:12px;display:grid}.profile-backup-action-group-title{width:100%;color:var(--text-secondary);text-align:center;margin:0;font-size:12px;font-weight:800;line-height:1.2}.profile-backup-action-list{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.profile-backup-summary{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(112px,1fr));display:grid}.profile-backup-stat{align-content:center;gap:var(--space-1);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg-subtle);min-width:0;min-height:66px;padding:12px 14px;display:grid}.profile-backup-stat-value{color:var(--text-primary);font-size:24px;font-weight:800;line-height:1}.profile-backup-stat-label{color:var(--text-secondary);font-size:12px;font-weight:700;line-height:1.3}.profile-backup-action{--profile-backup-action-color:var(--accent);border-color:var(--glass-border);background:var(--glass-bg-heavy);min-width:0;min-height:44px;color:var(--text-primary);align-items:center;gap:var(--space-2);text-align:center;white-space:normal;flex-direction:column;justify-content:center;padding:13px 10px;font-weight:700;line-height:1.2}.profile-backup-action:hover:not(:disabled){border-color:color-mix(in srgb, var(--profile-backup-action-color) 38%, var(--glass-border));background:color-mix(in srgb, var(--profile-backup-action-color) 8%, transparent)}.profile-backup-action.is-cloud-backup{--profile-backup-action-color:var(--accent)}.profile-backup-action.is-cloud-restore{--profile-backup-action-color:#8b5cf6}.profile-backup-action.is-export-local{--profile-backup-action-color:var(--success)}.profile-backup-action.is-import-local{--profile-backup-action-color:var(--warning)}.profile-backup-action svg{width:24px;height:24px;color:var(--profile-backup-action-color);flex:none}.profile-panel-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.profile-panel-header h2{margin-bottom:var(--space-1);color:var(--text-primary);font-size:20px;font-weight:700}.profile-panel-header p{color:var(--text-secondary);font-size:14px;line-height:1.6}.profile-field{gap:var(--space-2);color:var(--text-secondary);font-size:13px;font-weight:600;display:grid}.profile-field-row{align-items:center;gap:var(--space-3);display:flex}.profile-field-row .input{min-width:0}.profile-tag-field{margin-top:var(--space-4)}.profile-tag-input-control{flex:1;min-width:0;position:relative}.profile-tag-input-control .input{padding-right:42px}.profile-tag-input-clear{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.profile-tag-input-clear:hover{background:var(--glass-bg);color:var(--text-primary)}.profile-tag-input-clear:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.profile-facts{gap:var(--space-3);margin-top:var(--space-5);display:grid}.profile-fact{gap:var(--space-2);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg-subtle);padding:12px;display:grid}.profile-fact>span{color:var(--text-muted);font-size:12px;font-weight:600}.profile-fact-value{align-items:center;gap:var(--space-2);min-width:0;display:flex}.profile-fact-value code{min-width:0;color:var(--text-primary);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:12px}.profile-avatar-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(104px,1fr));display:grid}.profile-avatar-option{justify-content:center;align-items:center;gap:var(--space-2);min-height:128px;padding:var(--space-3);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg-subtle);color:var(--text-secondary);transition:all var(--transition-fast);flex-direction:column;display:flex;position:relative}.profile-avatar-option:hover{border-color:var(--glass-border-strong);color:var(--text-primary);background:var(--glass-bg);transform:translateY(-1px)}.profile-avatar-option.selected{border-color:var(--accent);color:var(--text-primary);background:var(--accent-soft);box-shadow:0 4px 18px #5e6ad229}.profile-avatar-option img{border-radius:var(--radius-md);object-fit:cover;background:var(--glass-bg-subtle);width:64px;height:64px;display:block}.profile-avatar-option span{text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:13px;font-weight:600}.profile-avatar-check{border-radius:var(--radius-full);color:#fff;background:var(--accent);justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:absolute;top:8px;right:8px}.profile-avatar-url{margin-top:var(--space-5)}.profile-avatar-url .profile-field+.profile-field{margin-top:var(--space-4)}.profile-avatar-file-control{align-items:center;gap:var(--space-2);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg-subtle);min-width:0;min-height:44px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);flex:auto;padding:10px 14px;display:flex;position:relative}.profile-avatar-file-control:hover{border-color:var(--glass-border-strong);background:var(--glass-bg)}.profile-avatar-file-control:focus-within{border-color:var(--accent);background:var(--glass-bg);box-shadow:0 0 0 3px var(--accent-soft)}.profile-avatar-file-control svg{color:var(--text-muted);flex:none}.profile-avatar-file-name{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden}.profile-avatar-file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.profile-error{margin-top:var(--space-2);color:var(--danger);font-size:13px}.profile-identity-panel{margin-bottom:var(--space-6)}.profile-key-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.profile-key-card{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg-subtle);display:grid}.profile-key-card-header{align-items:center;gap:var(--space-2);color:var(--text-primary);font-size:14px;font-weight:700;display:flex}.profile-key-card-icon{color:var(--accent)}.profile-empty{justify-items:center;gap:var(--space-4);padding:var(--space-10);border-radius:var(--radius-lg);text-align:center;display:grid}.profile-empty-icon{border-radius:var(--radius-full);width:64px;height:64px;color:var(--accent);background:var(--accent-soft);justify-content:center;align-items:center;display:inline-flex}.profile-empty h1{color:var(--text-primary);font-size:28px;line-height:1.2}.profile-empty p{max-width:420px;color:var(--text-secondary);font-size:15px;line-height:1.7}@media (width<=820px){.profile-header{grid-template-columns:1fr;justify-items:start}.profile-logout-btn{justify-self:start}.profile-grid{grid-template-columns:1fr}.profile-panel-header{flex-direction:column}.profile-panel-header .btn{width:100%}.profile-backup-actions{grid-template-columns:1fr}}@media (width<=560px){.profile-page{padding-inline:var(--space-3)}.profile-appearance-options{grid-template-columns:1fr}.profile-header,.profile-panel,.profile-empty{padding:var(--space-5)}.profile-heading h1{font-size:26px}.profile-field-row{flex-direction:column;align-items:stretch}.profile-field-row .btn{width:100%}.profile-logout-backup-actions,.profile-backup-action-list,.profile-logout-modal .modal-actions,.profile-avatar-grid,.profile-key-grid{grid-template-columns:1fr}}.admin-page{max-width:1280px;min-height:calc(100dvh - 64px);color:var(--text-primary);margin:0 auto;padding:24px}.admin-topbar,.admin-title-group,.admin-topbar-actions,.admin-panel-header,.admin-metric,.admin-capacity-row,.admin-address-list,.admin-log-row,.admin-table-pagination,.admin-table-page-size,.admin-table-page-actions{align-items:center;display:flex}.admin-topbar{justify-content:space-between;gap:16px;margin-bottom:18px}.admin-title-group{gap:12px;min-width:0}.admin-title-group h1{letter-spacing:0;font-size:24px;line-height:1.2}.admin-kicker{color:var(--text-secondary);text-transform:uppercase;letter-spacing:0;font-size:12px;font-weight:700}.admin-topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.admin-status-pill{border:1px solid var(--glass-border);background:var(--glass-bg-solid);min-height:34px;color:var(--warning);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.admin-status-pill.online{color:var(--success)}.admin-metric,.admin-panel{border-radius:var(--radius-xs)}.admin-panel-header h2{color:var(--text-primary);letter-spacing:0;font-size:17px;line-height:1.25}.admin-panel-header{justify-content:space-between;gap:12px;margin-bottom:14px}.admin-panel-header.compact{margin-bottom:10px}.admin-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.admin-metric{gap:12px;min-width:0;padding:14px}.admin-metric-icon{width:34px;height:34px;color:var(--accent);background:#5e6ad224;border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.admin-metric:nth-child(2) .admin-metric-icon{color:var(--info);background:#5ac8fa24}.admin-metric:nth-child(3) .admin-metric-icon{color:var(--success);background:#34c75924}.admin-metric:nth-child(4) .admin-metric-icon{color:var(--warning);background:#ff950024}.admin-metric span,.admin-status-grid span,.admin-field span{color:var(--text-secondary);font-size:12px;display:block}.admin-metric strong,.admin-status-grid strong{min-width:0;color:var(--text-primary);overflow-wrap:anywhere;margin-top:3px;font-size:15px;display:block}.admin-metric-action{margin-left:auto}.admin-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:12px;display:grid}.admin-panel{min-width:0;padding:16px}.admin-span-2{grid-column:span 2}.admin-panel-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.admin-panel-actions .btn{min-height:34px;padding:7px 12px;font-size:13px}.admin-status-grid{border-bottom:1px solid var(--glass-border);grid-template-columns:120px 160px minmax(0,1fr);gap:14px;margin-bottom:14px;padding-bottom:14px;display:grid}.admin-address-list{flex-wrap:wrap;gap:8px}.admin-address-list span{border:1px solid var(--glass-border);background:var(--glass-bg-subtle);color:var(--text-secondary);font-family:var(--font-mono);border-radius:8px;padding:6px 8px;font-size:12px}.admin-field{gap:6px;margin-bottom:12px;display:grid}.admin-settings-fields{grid-template-columns:minmax(0,1.4fr) minmax(160px,.8fr) minmax(160px,.8fr);gap:12px;display:grid}.admin-settings-fields .admin-field{margin-bottom:0}.admin-settings-fields .admin-field-wide{grid-column:span 3}.admin-unit-field{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.admin-textarea{resize:vertical;min-height:92px;line-height:1.5}.admin-field-hint{color:var(--text-secondary);margin:2px 0 14px;font-size:12px;line-height:1.5}.admin-mcp-form{grid-template-columns:minmax(0,1fr) minmax(160px,240px);gap:12px;display:grid}.admin-mcp-form .admin-field{margin-bottom:0}.admin-mcp-scopes,.admin-mcp-roots{grid-column:1/-1}.admin-mcp-scopes{border:0;min-width:0;margin:0;padding:0}.admin-mcp-scopes legend{color:var(--text-secondary);margin-bottom:6px;font-size:12px}.admin-mcp-scope-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.admin-mcp-scope{border:1px solid var(--glass-border);min-width:0;min-height:38px;color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.admin-mcp-scope input{width:16px;height:16px;accent-color:var(--accent);flex:none}.admin-mcp-actions{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.admin-mcp-credential{border-left:1px solid var(--warning);background:#ff950014;margin-bottom:16px;padding:12px 14px}.admin-mcp-credential-header,.admin-mcp-value-row,.admin-mcp-client-row,.admin-mcp-client-name{align-items:center;display:flex}.admin-mcp-credential-header{justify-content:space-between;gap:12px;margin-bottom:8px}.admin-mcp-credential-header>div{gap:2px;display:grid}.admin-mcp-credential-header strong{font-size:14px}.admin-mcp-credential-header span,.admin-mcp-value-row span,.admin-mcp-client-main>span,.admin-mcp-empty{color:var(--text-secondary);font-size:12px}.admin-mcp-value-row{border-top:1px solid var(--glass-border);justify-content:space-between;gap:10px;min-width:0;padding:8px 0}.admin-mcp-value-row>div{gap:3px;min-width:0;display:grid}.admin-mcp-value-row code,.admin-mcp-client-main code{color:var(--text-primary);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:12px}.admin-mcp-client-list{border-top:1px solid var(--glass-border);margin-top:18px}.admin-mcp-client-list h3{letter-spacing:0;margin:14px 0 4px;font-size:14px}.admin-mcp-empty{margin:12px 0 0}.admin-mcp-client-row{border-bottom:1px solid var(--glass-border);justify-content:space-between;gap:14px;min-width:0;padding:12px 0}.admin-mcp-client-main{gap:5px;min-width:0;display:grid}.admin-mcp-client-name{gap:8px;min-width:0}.admin-mcp-client-name strong{overflow-wrap:anywhere;min-width:0}.admin-seed-help{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.admin-seed-help-item{border:1px solid var(--glass-border);background:var(--glass-bg-subtle);border-radius:8px;align-items:flex-start;gap:8px;min-width:0;padding:10px;display:flex}.admin-seed-help-item div{gap:3px;min-width:0;display:grid}.admin-seed-help-item strong{color:var(--text-primary);font-size:12px;line-height:1.35}.admin-seed-help-item span:last-child{color:var(--text-secondary);font-size:12px;line-height:1.45}.admin-seed-dot{background:var(--text-muted);border-radius:999px;flex:none;width:8px;height:8px;margin-top:5px}.admin-seed-dot.active{background:var(--success)}.admin-seed-dot.pending{background:var(--info)}.admin-seed-dot.error{background:var(--danger)}.admin-capacity-row{gap:12px;margin-bottom:12px}.admin-capacity-row progress{background:var(--glass-bg-subtle);border:none;border-radius:999px;width:100%;height:10px;overflow:hidden}.admin-capacity-row progress::-webkit-progress-bar{background:var(--glass-bg-subtle)}.admin-capacity-row progress::-webkit-progress-value{background:linear-gradient(90deg, var(--success), var(--info));border-radius:999px}.admin-capacity-row progress::-moz-progress-bar{background:linear-gradient(90deg, var(--success), var(--info));border-radius:999px}.admin-capacity-row span{color:var(--text-secondary);flex:none;font-size:12px}.admin-table{border:1px solid var(--glass-border);border-radius:8px;overflow-x:auto}.admin-data-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:900px}.admin-table-users .admin-data-table{min-width:720px}.admin-table-holdings .admin-data-table{min-width:1080px}.admin-table-logs .admin-data-table{min-width:860px}.admin-data-table th,.admin-data-table td{border-bottom:1px solid var(--glass-border);text-align:left;vertical-align:middle;overflow-wrap:anywhere;padding:10px 12px;font-size:13px;line-height:1.35}.admin-data-table tbody tr:last-child td{border-bottom:none}.admin-data-table th{background:var(--glass-bg-subtle);color:var(--text-secondary);font-size:12px;font-weight:700}.admin-data-table .admin-empty-row{text-align:center;padding:18px 12px}.admin-table-sort{width:100%;min-height:22px;color:inherit;font:inherit;font-weight:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.admin-table-sort span{overflow-wrap:anywhere;min-width:0}.admin-table-sort svg{color:var(--text-secondary);flex:none}.admin-table-users .admin-col-user{width:34%}.admin-table-users .admin-col-user-files{width:20%}.admin-table-users .admin-col-user-actions{width:46%}.admin-table-holdings .admin-col-file{width:22%}.admin-table-holdings .admin-col-cid{width:18%}.admin-table-holdings .admin-col-size,.admin-table-holdings .admin-col-last-served,.admin-table-holdings .admin-col-total-served,.admin-table-holdings .admin-col-status{width:12%}.admin-table-holdings .admin-col-peers{width:7%}.admin-table-holdings .admin-col-topic{width:10%}.admin-table-logs .admin-col-log-time{width:110px}.admin-table-logs .admin-col-log-level{width:92px}.admin-table-logs .admin-col-log-event{width:230px}.admin-table-logs .admin-col-log-message{width:auto}.admin-table-pagination{border-top:1px solid var(--glass-border);background:var(--glass-bg-subtle);flex-wrap:wrap;gap:10px;min-width:900px;padding:10px 12px}.admin-table-users .admin-table-pagination{min-width:720px}.admin-table-holdings .admin-table-pagination{min-width:1080px}.admin-table-logs .admin-table-pagination{min-width:860px}.admin-table-pagination-status{color:var(--text-secondary);font-size:12px;font-weight:700}.admin-table-page-size{color:var(--text-secondary);gap:6px;font-size:12px;font-weight:700}.admin-table-page-actions{gap:4px;margin-left:auto}.admin-table-page-actions .btn-icon{width:32px;height:32px}.admin-seed-pill{background:var(--glass-bg-subtle);width:fit-content;min-height:24px;color:var(--text-secondary);border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.admin-seed-pill.active{color:var(--success);background:#34c75924}.admin-seed-pill.error{color:var(--danger);background:#ff3b3024}.admin-log-list{gap:8px;max-height:360px;display:grid;overflow:auto}.admin-log-filter{border:1px solid var(--glass-border);background:var(--glass-bg-subtle);border-radius:8px;width:fit-content;max-width:100%;margin-bottom:12px;padding:3px;display:inline-flex;overflow-x:auto}.admin-log-filter button{min-width:64px;min-height:30px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:12px;font-weight:800}.admin-log-filter button.active{background:var(--glass-bg-solid);color:var(--text-primary);box-shadow:var(--shadow-sm)}.admin-log-row{border:1px solid var(--glass-border);background:var(--glass-bg-subtle);border-radius:8px;gap:10px;min-width:0;padding:10px 12px;font-size:13px}.admin-log-row time{color:var(--text-secondary);font-family:var(--font-mono);flex:0 0 76px;font-size:12px}.admin-log-row strong{overflow-wrap:anywhere;flex:0 210px;min-width:0}.admin-log-row span:last-child{min-width:0;color:var(--text-secondary);overflow-wrap:anywhere}.admin-log-level{color:#2563eb;text-transform:uppercase;background:#3b82f624;border-radius:999px;flex:none;padding:3px 7px;font-size:11px;font-weight:800}.admin-log-level.error{color:var(--danger);background:#ff3b3024}.admin-empty-row{color:var(--text-secondary);text-align:center;padding:18px 12px;font-size:13px}.admin-error{color:var(--danger);align-items:center;gap:10px;margin-bottom:12px;display:flex}.admin-warning{color:var(--warning);align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.admin-security-warning{background:#ff950014;border-color:#ff950059}.admin-warning svg{flex:none}.admin-warning div{gap:4px;min-width:0;display:grid}.admin-warning strong{color:var(--text-primary);font-size:14px}.admin-warning span{color:var(--text-secondary);font-size:13px;line-height:1.5}.admin-warning-list{color:var(--text-secondary);gap:4px;margin:2px 0 0;padding-left:18px;font-size:13px;line-height:1.5;display:grid}.admin-warning-list code{background:var(--glass-bg-subtle);color:var(--text-primary);font-family:var(--font-mono);border-radius:6px;padding:2px 5px;font-size:12px}@media (width<=1040px){.admin-overview,.admin-grid,.admin-settings-fields,.admin-status-grid,.admin-seed-help{grid-template-columns:1fr}.admin-settings-fields .admin-field-wide{grid-column:span 1}.admin-mcp-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-span-2{grid-column:span 1}}@media (width<=640px){.admin-page{padding:14px}.admin-topbar,.admin-title-group,.admin-topbar-actions{align-items:stretch}.admin-topbar{flex-direction:column}.admin-title-group h1{font-size:21px}.admin-capacity-row{flex-direction:column;align-items:flex-start}.admin-mcp-form,.admin-mcp-scope-grid{grid-template-columns:1fr}.admin-mcp-value-row,.admin-mcp-client-row{align-items:flex-start}.admin-log-row{grid-template-columns:72px 56px minmax(0,1fr);display:grid}.admin-log-row span:last-child{grid-column:1/-1}}:root{--chat-tag-text:var(--text-secondary);--chat-tag-bg:#1d1d1f0f;--chat-tag-border:#1d1d1f1a}[data-theme=dark]{--chat-bg-secondary:#1c1c1e99;--chat-bg-tertiary:#2c2c2e66;--chat-border:#ffffff14;--chat-tag-text:#c1c1c6;--chat-tag-bg:#ffffff1f;--chat-tag-border:#fff3}.chat-messages{background:0 0;flex-direction:column;flex:1;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.chat-messages-empty{flex:1}.chat-messages-empty p{font-size:14px}.chat-message{align-items:flex-start;gap:10px;max-width:70%;animation:.25s fadeIn;display:flex}.chat-message.self{flex-direction:row-reverse;align-self:flex-end}.chat-message.self .msg-content{align-items:flex-end}.chat-message.self .message-bubble{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 75%, var(--info)));color:#fff;border:1px solid #ffffff1a;border-radius:18px 4px 18px 18px}.chat-message.self .message-author{color:var(--accent)}.chat-message.self .message-time{color:var(--text-muted)}.chat-message.other{align-self:flex-start}.chat-message.other .msg-content{align-items:flex-start}.chat-message.other .message-bubble{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);border-radius:4px 18px 18px}.chat-message .msg-avatar{flex-shrink:0}.chat-message .chat-avatar-wrap{flex:0 0 28px}.chat-message .chat-avatar-wrap .msg-avatar{margin-right:0;display:block}.chat-message .msg-content{flex-direction:column;gap:4px;max-width:100%;display:flex}.chat-message .message-author{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.chat-message .message-header{align-items:center;gap:4px;min-width:0;max-width:100%;display:flex}.chat-message .message-author-tag{border:1px solid var(--chat-tag-border);background:var(--chat-tag-bg);min-width:0;color:var(--chat-tag-text);text-overflow:ellipsis;white-space:nowrap;border-radius:5px;padding:1px 5px;font-size:11px;font-weight:500;line-height:1.25;display:inline-block;overflow:hidden}.chat-message .message-bubble{white-space:pre-wrap;word-break:break-word;padding:10px 14px;font-size:14px;line-height:1.5}.chat-message .message-bubble.has-attachment{box-shadow:none;color:var(--text-primary);white-space:normal;background:0 0;border:none;padding:0}.chat-message .message-time{color:var(--text-muted);opacity:.7;font-size:10px}.chat-message.pending .message-bubble{opacity:.6}.chat-system-message{max-width:min(82%,420px);color:var(--text-muted);text-align:center;opacity:.72;word-break:break-word;align-self:center;padding:2px 8px;font-size:13px;line-height:1.4;animation:.2s fadeIn}.chat-input-area{border-top:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-xl);align-items:flex-end;gap:12px;padding:16px 24px;display:flex;position:relative}.chat-input-area .chat-file-input{display:none}.chat-input-area .chat-tool-btn{color:var(--text-secondary);flex-shrink:0}.chat-input-area .chat-tool-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent);transform:scale(1.05)}.chat-input-area .input-pill{flex:1;min-width:0}.chat-input-area .chat-composer-input{border-radius:var(--radius-xl);field-sizing:content;flex:1;min-width:0;min-height:44px;max-height:156px;padding:11px 18px;line-height:1.45;overflow-y:auto}.chat-input-area .send-btn{flex-shrink:0}.chat-input-area .send-btn:hover:not(:disabled){transform:scale(1.05)}.chat-mention-menu{z-index:8;border-radius:var(--radius-lg);flex-direction:column;max-height:220px;padding:8px 6px 8px 8px;display:flex;position:absolute;bottom:calc(100% - 8px);left:76px;right:76px;overflow:hidden}.chat-mention-menu-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:4px 8px 8px;font-size:11px;font-weight:600;display:block}.chat-mention-menu-list{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:4px;min-height:0;padding:0 4px 2px 0;display:flex;overflow-y:auto}.chat-mention-menu-list::-webkit-scrollbar{display:none}.chat-mention-option{border-radius:var(--radius-md);width:100%;min-width:0;min-height:44px;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:8px;padding:8px;display:flex}.chat-mention-option:hover,.chat-mention-option.active{background:color-mix(in srgb, var(--accent) 10%, transparent)}.chat-mention-option-avatar{border-radius:50%;flex:0 0 24px;width:24px;height:24px}.chat-mention-option-body{flex-direction:column;gap:2px;min-width:0;display:flex}.chat-mention-option-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.chat-mention-option-meta{border:1px solid var(--chat-tag-border);background:var(--chat-tag-bg);width:fit-content;max-width:100%;color:var(--chat-tag-text);text-overflow:ellipsis;white-space:nowrap;border-radius:5px;padding:1px 5px;font-size:11px;font-weight:500;line-height:1.2;overflow:hidden}.chat-voice-banner{border-radius:var(--radius-md);min-height:52px;color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);cursor:pointer;text-align:left;align-items:center;gap:12px;margin:14px 24px 0;padding:0 16px;display:flex}.chat-voice-banner:hover{border-color:color-mix(in srgb, var(--success) 44%, var(--glass-border))}.chat-voice-banner-icon{color:#fff;background:var(--success);border-radius:50%;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.chat-voice-banner-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.chat-voice-room-panel{z-index:260;width:100vw;height:100dvh;color:var(--text-primary);background:var(--bg-primary);flex-direction:column;display:flex;position:fixed;inset:0}.chat-voice-room-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.chat-voice-room-heading{align-items:center;gap:12px;min-width:0;display:flex}.chat-voice-room-icon{width:40px;height:40px;color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent) 22%, var(--glass-border));border-radius:50%;flex:0 0 40px;justify-content:center;align-items:center;display:inline-flex}.chat-voice-room-heading h3{margin:0;font-size:17px;line-height:1.25}.chat-voice-room-heading p{color:var(--text-muted);margin:3px 0 0;font-size:12px}.chat-voice-room-body{flex:1;min-height:0;padding:24px;overflow-y:auto}.chat-voice-error{border-radius:var(--radius-sm);color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent);border:1px solid color-mix(in srgb, var(--danger) 22%, var(--glass-border));margin-bottom:16px;padding:10px 12px;font-size:13px}.chat-voice-member-grid{grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:14px;display:grid}.chat-voice-member-card{border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);min-height:154px;box-shadow:var(--glass-shadow);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px 12px;display:flex}.chat-voice-avatar-wrap{display:inline-flex;position:relative}.chat-voice-avatar{object-fit:cover;border-radius:50%;width:60px;height:60px}.chat-voice-mic-state{color:#fff;background:var(--success);border:2px solid var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex;position:absolute;bottom:-2px;right:-2px}.chat-voice-mic-state.muted{background:var(--danger)}.chat-voice-member-name{max-width:100%;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:1.25;overflow:hidden}.chat-voice-member-status{color:var(--text-muted);font-size:12px}.chat-voice-member-card audio{display:none}.chat-voice-empty{grid-column:1/-1;min-height:280px}.chat-voice-room-controls{border-top:1px solid var(--glass-border);background:var(--glass-bg);justify-content:center;align-items:center;gap:12px;padding:16px 24px;display:flex}.chat-voice-control,.chat-voice-join{min-width:128px}.chat-voice-audio-sink{display:none}.chat-voice-floating{right:clamp(16px,4vw,32px);bottom:calc(112px + env(safe-area-inset-bottom,0px));z-index:240;width:96px;min-height:108px;color:var(--success);background:var(--glass-bg-heavy);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-lg);cursor:pointer;-webkit-backdrop-filter:var(--blur-lg);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 10px 10px;display:flex;position:fixed}.chat-voice-floating:hover{border-color:color-mix(in srgb, var(--success) 40%, var(--glass-border));transform:translateY(-1px)}.chat-voice-floating-phone{line-height:1}.chat-voice-floating-main{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:17px;font-weight:700;line-height:1.1;overflow:hidden}.chat-voice-floating-meta{width:100%;color:var(--text-muted);border-top:1px solid var(--glass-border);justify-content:center;align-items:center;gap:8px;padding-top:7px;display:inline-flex}.chat-welcome{background:0 0;flex:1;padding:40px}.chat-welcome .welcome-icon{margin-bottom:20px}.chat-welcome h2{margin-bottom:8px}.chat-channel-search{padding:10px 8px 0}.create-channel-btn{margin:8px}.chat-create-actions{padding:8px}.channel-detail-copy-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.channel-detail-copy-actions .btn{min-width:0;padding-inline:8px;font-size:12px}.chat-create-actions .create-channel-btn{min-width:0;margin:0;padding-inline:8px;font-size:12px}.chat-header-title-row{align-items:center;gap:7px;min-width:0;display:flex}.chat-header-title-row .header-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chat-header-title-row svg{color:var(--text-muted);flex:none}.chat-header-title-row svg.is-ready{color:var(--success)}.chat-app-layout .sidebar-nav{flex-direction:column;gap:4px;padding:10px 8px;display:flex}.chat-app-layout .sidebar-nav-btn{border-radius:var(--radius-sm);min-height:48px;color:var(--text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast);margin:0;padding:0 12px}.chat-app-layout .sidebar-nav-btn:hover{background:var(--glass-bg-subtle);color:var(--text-primary)}.chat-app-layout .sidebar-nav-btn.active{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}.chat-app-layout .sidebar-nav-btn.unread:not(.active){color:var(--text-primary)}.chat-app-layout .sidebar-nav-btn.pinned:not(.active){background:color-mix(in srgb, var(--accent) 4%, transparent);color:var(--text-primary)}.chat-app-layout .sidebar-nav-btn.pinned:hover:not(.active){background:color-mix(in srgb, var(--accent) 8%, transparent)}.chat-channel-icon-wrap{flex:0 0 16px;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex;position:relative}.chat-channel-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chat-channel-title-text{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.sidebar-nav-btn.mention-unread .chat-channel-title-text{-webkit-line-clamp:1}.chat-channel-subtitle{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;font-size:12px;font-weight:500;line-height:1.25;display:flex;overflow:hidden}.chat-channel-mention-label{color:#ff3b30;flex:none;font-weight:600}.chat-channel-preview{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-channel-unread-dot{background:#ff3b30;border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;right:-5px}.channel-actions-anchor{flex:0 0 28px;margin-left:auto}.leave-channel-btn.channel-actions-trigger{opacity:0;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);width:28px;height:28px;transition:background-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.sidebar-nav-btn:hover .leave-channel-btn.channel-actions-trigger,.channel-actions-anchor:focus-within .leave-channel-btn.channel-actions-trigger,.leave-channel-btn.channel-actions-trigger[aria-expanded=true]{opacity:1}.leave-channel-btn.channel-actions-trigger:hover{color:var(--text-primary);background:var(--glass-bg-subtle)}.chat-sidebar-overlay{display:none}@media (width<=768px){.chat-sidebar{z-index:50;transition:left var(--transition);position:fixed;top:0;bottom:0;left:-240px}.chat-sidebar.open{left:0}.chat-sidebar-overlay{z-index:40;opacity:0;pointer-events:none;transition:opacity var(--transition);background:#0006;display:block;position:fixed;inset:0}.chat-sidebar-overlay.visible{opacity:1;pointer-events:auto}.chat-messages{padding:16px}.chat-voice-banner{margin:12px 16px 0}.chat-voice-floating{right:16px;bottom:calc(104px + env(safe-area-inset-bottom,0px));border-radius:20px;width:88px;min-height:98px}.chat-message{max-width:85%}.chat-input-area{padding:12px 16px}.chat-input-area .chat-composer-input{max-height:120px}.sidebar-nav-btn .leave-channel-btn.channel-actions-trigger{opacity:1}}.channel-detail-overlay{z-index:100;background:#0000004d;justify-content:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.channel-detail-drawer{background:var(--glass-bg-heavy);width:320px;max-width:90vw;height:100%;-webkit-backdrop-filter:var(--blur-2xl);border-left:1px solid var(--glass-border);flex-direction:column;animation:.25s slideInRight;display:flex}.channel-detail-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:20px;display:flex}.channel-detail-header h3{margin:0;font-size:16px;font-weight:600}.channel-detail-body{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.channel-detail-section{flex-direction:column;gap:8px;display:flex}.channel-detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.channel-detail-hint{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.channel-members-section{gap:12px}.channel-members-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 8px;display:grid}.channel-member{flex-direction:column;align-items:center;gap:3px;min-width:0;display:flex}.chat-avatar-wrap,.channel-member-avatar-wrap{display:inline-flex;position:relative}.channel-member-avatar-wrap{width:48px;height:48px}.chat-online-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 1.5px var(--bg-primary);border-radius:50%;position:absolute;bottom:-1px;right:-1px}.channel-member-avatar-wrap .chat-online-dot{width:8px;height:8px;box-shadow:0 0 0 2px var(--glass-bg-heavy)}.channel-member-avatar{border-radius:var(--radius-md);object-fit:cover;background:var(--glass-bg-subtle);border:1px solid var(--glass-border);width:48px;height:48px}.channel-member-name{width:100%;min-width:0;color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.15;overflow:hidden}.channel-member-tag{border:1px solid var(--chat-tag-border);background:var(--chat-tag-bg);width:fit-content;min-width:0;max-width:100%;color:var(--chat-tag-text);text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:5px;padding:1px 5px;font-size:11px;font-weight:500;line-height:1.15;overflow:hidden}.channel-detail-mono{font-family:var(--font-mono);word-break:break-all;font-size:13px}.channel-detail-footer{border-top:1px solid var(--glass-border);padding:20px}.header-right-actions{align-items:center;gap:4px;display:flex}.chat-app-layout .header-right-actions{order:10}.st-chat-layout,.st-chat-action-menu{--accent:#6a60ff;--accent-hover:#6a60ff;--accent-soft:#6a60ff24;--st-chat-surface:var(--bg-primary);--st-chat-panel:var(--bg-secondary);--st-chat-panel-soft:var(--bg-tertiary);--st-chat-border:#0000001a;--st-chat-border-muted:#0000000f}[data-theme=dark] .st-chat-layout,[data-theme=dark] .st-chat-action-menu{--accent-soft:#6a60ff2e;--st-chat-surface:#08080a;--st-chat-panel:#121216;--st-chat-panel-soft:#1a1a20;--st-chat-border:#ffffff1f;--st-chat-border-muted:#ffffff14}.st-chat-layout,.st-chat-layout .main-content,.st-chat-layout .chat-messages{background:var(--st-chat-surface)}.st-chat-layout .sidebar,.st-chat-layout .app-header,.st-chat-layout .chat-input-area,.st-chat-layout .channel-detail-drawer{background:var(--st-chat-panel);box-shadow:none;-webkit-backdrop-filter:none}.st-chat-layout .sidebar{border-right:1px solid var(--st-chat-border-muted)}.st-chat-layout .sidebar.collapsed{border-right:0}.st-chat-layout .sidebar .sidebar-header,.st-chat-layout .app-header,.st-chat-layout .channel-detail-header{border-bottom-color:var(--st-chat-border-muted)}.st-chat-layout .chat-input-area,.st-chat-layout .channel-detail-footer{border-top-color:var(--st-chat-border-muted)}.st-chat-layout .channel-detail-drawer{border-left-color:var(--st-chat-border-muted)}.st-chat-layout .sidebar .sidebar-header h1{color:var(--accent);-webkit-text-fill-color:currentColor;background:0 0}.st-chat-layout .sidebar-toggle-static-logo{color:var(--accent)}.st-chat-layout .btn,.st-chat-layout .btn-icon,.st-chat-layout .btn-circle,.st-chat-layout .input,.st-chat-layout .textarea,.st-chat-layout .ui-action-dashed,.st-chat-layout .ui-empty-icon,.st-chat-layout .ui-empty-icon-lg,.st-chat-layout .ui-meta-box,.st-chat-action-menu{box-shadow:none;-webkit-backdrop-filter:none}.st-chat-layout .btn:hover:not(:disabled),.st-chat-layout .btn-icon:hover:not(:disabled),.st-chat-layout .btn-circle:hover:not(:disabled),.st-chat-layout .ui-action-dashed:hover:not(:disabled),.st-chat-layout .chat-input-area .chat-tool-btn:hover:not(:disabled),.st-chat-layout .chat-input-area .send-btn:hover:not(:disabled){box-shadow:none;transform:none}.st-chat-layout .btn-icon,.st-chat-layout .chat-tool-btn,.st-chat-layout .sidebar-toggle-btn{border-color:var(--st-chat-border);color:var(--text-secondary);background:0 0}.st-chat-layout .btn-icon:hover:not(:disabled),.st-chat-layout .chat-tool-btn:hover:not(:disabled),.st-chat-layout .sidebar-toggle-btn:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.st-chat-layout .btn-primary,.st-chat-layout .send-btn{color:#fff;background:var(--accent);border-color:var(--accent)}.st-chat-layout .btn-primary:hover:not(:disabled),.st-chat-layout .send-btn:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.st-chat-layout .input,.st-chat-layout .textarea,.st-chat-layout .chat-composer-input{background:var(--st-chat-surface);border-color:var(--st-chat-border)}.st-chat-layout .input:focus,.st-chat-layout .textarea:focus,.st-chat-layout .chat-composer-input:focus{background:var(--st-chat-surface);border-color:var(--accent);box-shadow:none}.st-chat-layout .chat-message{animation:none}.st-chat-layout .chat-system-message{color:var(--text-muted);opacity:.72}.st-chat-layout .chat-message .message-bubble{border:1px solid var(--st-chat-border);box-shadow:none;-webkit-backdrop-filter:none}.st-chat-layout .chat-message.self .message-bubble{color:#fff;background:var(--accent);border-color:#0000001a}.st-chat-layout .chat-message.self .message-author{color:var(--text-muted)}.st-chat-layout .chat-message.other .message-bubble{background:var(--st-chat-panel);border-color:var(--st-chat-border)}.st-chat-layout .chat-message .message-bubble.has-attachment{box-shadow:none;background:0 0;border:none}.st-chat-layout .chat-attachment-card,.st-chat-layout .chat-message .chat-attachment-card{background:var(--st-chat-panel);border:1px solid var(--st-chat-border);box-shadow:none;-webkit-backdrop-filter:none}.st-chat-layout .chat-message.self .chat-attachment-card{border-radius:18px 4px 18px 18px}.st-chat-layout .chat-message.other .chat-attachment-card{border-radius:4px 18px 18px}.st-chat-layout .chat-attachment-card:hover:not(:disabled){border-color:var(--accent);box-shadow:none;transform:none}.st-chat-layout .chat-attachment-card .chat-attachment-icon,.st-chat-layout .chat-attachment-card .chat-attachment-icon.image,.st-chat-layout .chat-attachment-card .chat-attachment-icon.video,.st-chat-layout .chat-attachment-card .chat-attachment-icon.audio,.st-chat-layout .chat-attachment-card .chat-attachment-spinner,.st-chat-layout .chat-attachment-card .chat-attachment-action,.st-chat-layout .chat-attachment-card .chat-attachment-action.available,.st-chat-layout .chat-attachment-card .chat-attachment-action.error{color:var(--accent)}.st-chat-layout .chat-attachment-card .chat-attachment-icon{border-radius:50%}.st-chat-layout .msg-avatar,.st-chat-layout .chat-avatar-wrap .msg-avatar,.st-chat-layout .channel-member-avatar,.st-chat-layout .channel-member-avatar-wrap .channel-member-avatar{object-fit:cover;border-radius:50%}.st-chat-layout .chat-online-dot,.st-chat-layout .channel-member-avatar-wrap .chat-online-dot{border:1px solid var(--st-chat-surface);box-shadow:none}.st-chat-layout .sidebar-nav-btn{box-shadow:none;border:1px solid #0000}.st-chat-layout .sidebar-nav-btn:hover,.st-chat-layout .sidebar-nav-btn.pinned:hover:not(.active){background:var(--st-chat-panel-soft);color:var(--text-primary)}.st-chat-layout .sidebar-nav-btn.active,.st-chat-layout .sidebar-nav-btn.pinned:not(.active){background:var(--accent-soft);color:var(--accent)}.st-chat-layout .chat-mention-menu{background:var(--st-chat-panel);border-color:var(--st-chat-border);box-shadow:none;-webkit-backdrop-filter:none}.st-chat-layout .leave-channel-btn.channel-actions-trigger:hover,.st-chat-layout .leave-channel-btn.channel-actions-trigger[aria-expanded=true]{background:var(--st-chat-panel-soft);color:var(--text-primary)}.st-chat-layout .ui-empty-icon,.st-chat-layout .ui-empty-icon-lg{border:1px solid var(--st-chat-border);background:0 0}.st-chat-layout .channel-member-avatar,.st-chat-layout .ui-meta-box{background:var(--st-chat-surface);border-color:var(--st-chat-border)}.st-chat-layout .channel-detail-overlay,.st-chat-layout .channel-detail-drawer{animation:none}.st-chat-action-menu{background:var(--st-chat-panel);border-color:var(--st-chat-border);box-shadow:none;transition:opacity var(--transition-fast), visibility var(--transition-fast);transform:none}.st-chat-action-menu.is-positioned{transform:none}.st-chat-action-menu .ui-action-menu-item:hover:not(:disabled),.st-chat-action-menu .ui-action-menu-item:focus-visible{background:var(--accent-soft);color:var(--accent)}.st-chat-action-menu .ui-action-menu-item.danger:hover:not(:disabled),.st-chat-action-menu .ui-action-menu-item.danger:focus-visible{background:var(--accent-soft);color:var(--danger)}.chat-join-container{flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:24px;display:flex;overflow-y:auto}.chat-join-demo-panel{flex-direction:column;gap:16px;width:min(100%,960px);display:flex}.chat-join-demo-guide{border-bottom:1px solid var(--glass-border);flex-direction:column;gap:20px;padding:8px 0 24px;display:flex}.chat-join-demo-guide-heading{color:var(--accent);grid-template-columns:32px minmax(0,1fr);align-items:start;gap:10px;display:grid}.chat-join-demo-guide-heading>svg{margin-top:2px}.chat-join-demo-guide-heading h3,.chat-join-demo-guide-heading p{margin:0}.chat-join-demo-guide-heading h3{color:var(--text-primary);font-size:18px;font-weight:650}.chat-join-demo-guide-heading p{color:var(--text-secondary);margin-top:6px;font-size:14px;line-height:1.6}.chat-join-demo-guide-steps{border-top:1px solid var(--glass-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0;padding:0;list-style:none;display:grid}.chat-join-demo-guide-steps li{border-bottom:1px solid var(--glass-border);grid-template-columns:34px minmax(0,1fr);gap:10px;padding:16px 0;display:grid}.chat-join-demo-guide-steps strong,.chat-join-demo-guide-steps p{margin:0;display:block}.chat-join-demo-guide-steps strong{color:var(--text-primary);font-size:14px;font-weight:650}.chat-join-demo-guide-steps p{color:var(--text-muted);margin-top:5px;font-size:13px;line-height:1.55}.chat-join-demo-guide-step-icon{width:32px;height:32px;color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:inline-flex}.chat-join-demo-guide-step-number{color:var(--accent);margin-bottom:2px;font-size:11px;font-weight:700;display:block}.chat-join-demo-guide-security{flex-direction:column;gap:10px;display:flex}.chat-join-demo-guide-security code{color:var(--text-primary);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:13px;display:block}.chat-join-demo-guide-security ul{color:var(--text-secondary);gap:7px;margin:0;padding-left:20px;font-size:13px;line-height:1.55;display:grid}.chat-join-demo-guide-security-title{color:var(--warning);align-items:center;gap:8px;display:flex}.chat-join-demo-guide-security-title strong{color:var(--text-primary);font-size:14px}.chat-join-loading-page{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.chat-join-loading-panel{width:min(100%,560px)}.chat-join-helper{border-radius:var(--radius-lg);background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);flex-direction:column;gap:14px;padding:24px;display:flex}.chat-join-helper-title{color:var(--accent);align-items:center;gap:8px;display:flex}.chat-join-helper-title h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.chat-join-demo-section{border-radius:var(--radius-lg);background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);flex-direction:column;gap:14px;padding:24px;display:flex}.chat-join-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.chat-join-demo-field{flex-direction:column;gap:6px;min-width:0;display:flex}.chat-join-demo-field>span{color:var(--text-muted);font-size:12px;font-weight:600}.chat-join-demo-label{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.chat-join-demo-label-key{color:var(--text-secondary);font-family:var(--font-mono);font-weight:700}.chat-join-demo-label-desc{color:var(--text-muted);font-weight:500}.chat-join-demo-field.wide{grid-column:1/-1}.chat-join-demo-toggle{min-height:39px;color:var(--text-secondary);align-items:center;gap:8px;padding:0 2px;font-size:13px;display:flex}.chat-join-demo-toggle input{width:16px;height:16px;accent-color:var(--accent)}.chat-join-demo-radio-options{flex-wrap:wrap;align-items:center;gap:14px;min-height:39px;display:flex}.chat-join-demo-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chat-join-demo-actions .btn[aria-disabled=true]{opacity:.5;pointer-events:none}.chat-join-demo-error{color:var(--danger);margin:0;font-size:13px}.chat-join-demo-success{color:var(--success);margin:0;font-size:13px}.chat-join-loading,.chat-join-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;display:flex}:is(.chat-join-loading,.chat-join-error) p{color:var(--text-secondary);margin:0;font-size:16px}.chat-join-loading{color:#6a60ff;flex:1;min-height:160px}.chat-join-error{color:var(--danger)}.chat-join-status-spinner{border-radius:var(--radius-full);border:4px solid #6a60ff38;border-top-color:#6a60ff;width:32px;height:32px;animation:.8s linear infinite spin;box-shadow:0 0 0 6px #6a60ff24}.chat-join-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.chat-join-test-account-list{flex-direction:column;gap:0;display:flex}.chat-join-test-account{border-top:1px solid var(--glass-border);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;display:grid}.chat-join-test-account:first-child{border-top:0;padding-top:0}.chat-join-test-account:last-child{padding-bottom:0}.chat-join-test-avatar{object-fit:cover;border:1px solid var(--glass-border);border-radius:12px;width:44px;height:44px}.chat-join-test-account-main{flex-direction:column;gap:4px;min-width:0;display:flex}.chat-join-test-account-main code,.chat-join-test-account-main p{color:var(--text-muted);margin:0;font-size:12px}.chat-join-test-account-main code{font-family:var(--font-mono)}.chat-join-test-account-head{align-items:center;gap:8px;min-width:0;display:flex}.chat-join-test-account-head strong{color:var(--text-primary);overflow-wrap:anywhere;font-size:14px}.chat-join-test-account-head span{color:var(--accent);font-family:var(--font-mono);text-transform:uppercase;flex:none;font-size:11px}@media (width<=560px){.chat-voice-room-header,.chat-voice-room-body,.chat-voice-room-controls{padding-left:16px;padding-right:16px}.chat-voice-member-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.chat-join-demo-grid,.chat-join-demo-guide-steps{grid-template-columns:minmax(0,1fr)}.chat-join-demo-actions .btn{width:100%}.chat-join-test-account{grid-template-columns:44px minmax(0,1fr)}.chat-join-test-account .btn{grid-column:1/-1;width:100%}}.ping-page{max-width:1200px;margin:0 auto;padding:40px 24px 80px}.ping-mode-control{width:min(100%,360px);margin-bottom:34px}.ping-internet-panel,.p2p-ping-workspace{width:100%}.p2p-ping-workspace{max-width:720px}.p2p-ping-role{width:min(100%,420px);margin-bottom:30px}.p2p-ping-primary{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);flex-direction:column;justify-content:center;gap:18px;min-height:150px;padding:28px 0;display:flex}.p2p-ping-code{color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:0;font-size:52px;font-weight:700;line-height:1}.p2p-ping-actions{flex-wrap:wrap;gap:10px;display:flex}.p2p-ping-join{flex-direction:column;gap:12px;max-width:420px;display:flex}.p2p-ping-join label{color:var(--text-secondary);font-size:13px;font-weight:600}.p2p-ping-input-row{grid-template-columns:minmax(0,1fr) 44px;gap:8px;display:grid}.p2p-ping-input{font-variant-numeric:tabular-nums;letter-spacing:0;text-align:center;height:54px;font-size:28px;font-weight:700}.p2p-ping-result{flex-direction:column;gap:18px;padding-top:26px;display:flex}.p2p-ping-status{min-height:32px;color:var(--accent);align-items:center;gap:9px;display:flex}.p2p-ping-status strong{color:var(--text-primary);flex:1;font-size:16px}.p2p-ping-status span{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:13px}.p2p-ping-status.is-success{color:var(--success)}.p2p-ping-status.is-partial{color:var(--warning)}.p2p-ping-status.is-failed,.p2p-ping-status.is-expired{color:var(--danger)}.p2p-ping-directions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.p2p-ping-direction{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:8px;min-width:0;min-height:92px;padding:12px}.p2p-ping-direction-title{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.p2p-ping-direction-title strong{min-width:0;color:var(--text-primary);flex:1}.p2p-ping-direction-title span{color:var(--text-secondary);font-size:12px}.p2p-ping-direction.is-success .p2p-ping-direction-title{color:var(--success)}.p2p-ping-direction.is-failed .p2p-ping-direction-title,.p2p-ping-direction.is-expired .p2p-ping-direction-title{color:var(--danger)}.p2p-ping-direction-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;margin-top:12px;font-size:11px;display:flex}.p2p-ping-direction code{overflow-wrap:anywhere;color:var(--danger);margin-top:8px;font-size:11px;display:block}.p2p-ping-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:0;display:grid}.p2p-ping-details>div{min-width:0}.p2p-ping-details dt{color:var(--text-muted);margin-bottom:4px;font-size:12px;font-weight:600}.p2p-ping-details dd{overflow-wrap:anywhere;color:var(--text-secondary);font-family:var(--font-mono);margin:0;font-size:12px;line-height:1.5}.p2p-ping-details .is-error{grid-column:1/-1}.p2p-ping-details .is-error dd,.p2p-ping-error{color:var(--danger)}.p2p-ping-cancel{color:var(--danger);align-self:flex-start}.p2p-ping-cancel.is-reset{color:var(--accent)}.p2p-ping-error{margin-top:16px;font-size:13px}.ping-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.ping-title-wrap{align-items:flex-start;gap:14px;display:flex}.ping-title-icon{color:var(--accent);flex-shrink:0;margin-top:2px}.ping-title{color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:700;line-height:1.2}.ping-subtitle{color:var(--text-secondary);max-width:600px;font-size:14px;line-height:1.5}.ping-reference{color:var(--text-muted);margin-top:6px;font-size:12px}.ping-reference a{color:var(--accent);text-decoration:none}.ping-reference a:hover{text-decoration:underline}.ping-refresh-btn{border-radius:var(--radius-full);background:var(--glass-bg);width:40px;height:40px;-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ping-refresh-btn:hover{background:var(--glass-bg-solid);transform:rotate(30deg)}.ping-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ping-spin{animation:1s linear infinite spin}.ping-categories{flex-direction:column;gap:30px;display:flex}.ping-category-title{color:var(--text-secondary);margin-bottom:12px;font-size:13px;font-weight:600}.ping-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.ping-card{flex-direction:column;gap:20px;padding:16px;display:flex}.ping-card-top{align-items:center;gap:10px;display:flex}.ping-card-icon{color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.ping-card-name{color:var(--text-primary);cursor:pointer;transition:color var(--transition-fast);flex:1;font-size:15px;font-weight:600;text-decoration:none}.ping-card-name:hover{color:var(--accent)}.ping-card-refresh{border-radius:var(--radius-full);background:var(--glass-bg-subtle);border:1px solid var(--glass-border);width:26px;height:26px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ping-card-refresh:hover{background:var(--glass-bg-solid);color:var(--text-primary)}.ping-card-refresh:disabled{opacity:.5;cursor:not-allowed}.ping-card-bottom{justify-content:space-between;align-items:center;min-height:20px;display:flex}.ping-status-label{font-size:13px;font-weight:500}.ping-latency{font-variant-numeric:tabular-nums;font-size:14px;font-weight:500}.ping-status-label.is-success,.ping-latency.is-success{color:var(--success)}.ping-status-label.is-error,.ping-latency.is-error{color:var(--danger)}.ping-latency.is-muted{color:var(--text-muted)}.brand-icon-wrap{justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}.brand-icon-fallback{justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.brand-icon-fallback.hidden{opacity:0;pointer-events:none}.brand-icon-real{opacity:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.brand-icon-real.visible{opacity:1}.brand-icon-real svg{fill:currentColor}.ping-pulse-dot{border-radius:var(--radius-full);background:var(--accent);width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}.ping-card.pending .ping-card-icon{opacity:.5}@media (width<=1024px){.ping-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.ping-grid{grid-template-columns:repeat(2,1fr)}.ping-title{font-size:22px}}@media (width<=480px){.ping-grid{grid-template-columns:1fr}.ping-page{padding:24px 16px 60px}.ping-mode-control,.p2p-ping-role{width:100%}.p2p-ping-code{text-align:center;font-size:42px}.p2p-ping-actions .btn{flex:calc(50% - 5px)}.p2p-ping-directions,.p2p-ping-details{grid-template-columns:1fr}}.web3-page{padding:var(--space-8) var(--space-4);flex-direction:column;flex:1;align-items:center;display:flex;overflow:auto}.web3-container{width:100%;max-width:720px}.web3-container.wide{max-width:980px}.web3-container.narrow{max-width:640px}.web3-container.tools{max-width:720px}.web3-login-panel{flex-direction:column;display:flex}.web3-login-settings-toggle{margin-bottom:var(--space-3);align-self:flex-end}.web3-login-settings{align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(120px,180px);display:grid}.web3-login-settings label{color:var(--text-secondary);font-size:13px;font-weight:500}.web3-login-settings-error{color:var(--danger);grid-column:1/-1;font-size:12px}.web3-login-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);text-align:center;width:100%;max-width:420px;box-shadow:var(--glass-shadow-lg);margin:auto;animation:.3s ease-out scaleIn}.web3-login-avatar{border-radius:var(--radius-full);background:var(--accent-soft);width:72px;height:72px;margin:0 auto var(--space-5);color:var(--accent);justify-content:center;align-items:center;display:flex}.web3-login-card h2{margin-bottom:var(--space-2);font-size:22px;font-weight:600}.web3-login-desc{color:var(--text-secondary);margin-bottom:var(--space-6);font-size:14px}.web3-login-form{gap:var(--space-3);flex-direction:column;display:flex}.web3-login-error{color:var(--danger);margin-top:-var(--space-1);font-size:13px}.web3-identity-card{border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;margin-bottom:var(--space-6)}.web3-identity-avatar{border-radius:var(--radius-lg);object-fit:cover;width:88px;height:88px;margin-bottom:var(--space-4);box-shadow:var(--shadow-md)}.web3-identity-name{margin-bottom:var(--space-2);font-size:20px;font-weight:600}.web3-identity-address{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.web3-identity-address code{font-family:var(--font-mono);color:var(--text-secondary);word-break:break-all;font-size:13px}.web3-key-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=640px){.web3-login-settings,.web3-key-grid,.web3-data-grid{grid-template-columns:1fr}}.web3-key-card{padding:var(--space-5)}.web3-key-card.accent{border-color:var(--danger)}.web3-key-card-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.web3-key-card-icon{color:var(--accent)}.web3-key-card.accent .web3-key-card-icon{color:var(--danger)}.web3-key-card-title{color:var(--text-primary);font-size:14px;font-weight:600}.web3-key-card-body{gap:var(--space-2);flex-direction:column;display:flex}.web3-data-stack{gap:var(--space-4);flex-direction:column;display:flex}.web3-data-summary{gap:var(--space-1);flex-direction:column;display:flex}.web3-data-summary strong{color:var(--text-primary);font-family:var(--font-mono);word-break:break-all;font-size:13px}.web3-data-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.web3-data-grid>div{border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--glass-bg-subtle)}.web3-data-grid span{color:var(--text-muted);margin-bottom:var(--space-1);font-size:12px;display:block}.web3-data-grid strong{color:var(--text-primary);font-size:18px}.web3-data-muted{color:var(--text-muted);font-size:13px}.web3-import-drop{border:1px dashed var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6);justify-content:center;align-items:center;gap:var(--space-3);cursor:pointer;background:var(--glass-bg-subtle);display:flex}.web3-import-drop input{display:none}.web3-import-failures,.web3-import-result{border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--glass-bg-subtle)}.web3-import-failures p,.web3-import-result p{margin:var(--space-2) 0 0;color:var(--text-secondary);word-break:break-word;font-size:13px}.web3-data-warning{align-items:center;gap:var(--space-2);color:var(--danger);font-weight:600;display:flex}.web3-private-toggle{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.web3-pem-list{gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;display:flex}.web3-pem-block{padding:var(--space-4)}.web3-pem-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.web3-pem-label{color:var(--text-primary);font-size:14px;font-weight:600}.web3-pem-actions{gap:var(--space-2);display:flex}.web3-raw-section{margin-top:var(--space-4)}.web3-raw-toggle{background:var(--glass-bg-subtle);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-3);align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:inline-flex}.web3-raw-toggle:hover{background:var(--glass-bg);color:var(--text-primary)}.web3-raw-grid{gap:var(--space-3);flex-direction:column;display:flex}.web3-raw-item{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.web3-raw-label{color:var(--text-muted);margin-bottom:4px;font-size:12px;display:block}.web3-raw-value{font-family:var(--font-mono);word-break:break-all;color:var(--text-primary);font-size:12px;display:block}.web3-raw-value.danger{color:var(--danger)}.web3-mode-switcher{gap:var(--space-2);margin-bottom:var(--space-5);display:flex}.web3-mode-pill{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:var(--glass-bg-subtle);border:1px solid var(--glass-border);color:var(--text-secondary);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.web3-mode-pill:hover{background:var(--glass-bg);color:var(--text-primary)}.web3-mode-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.web3-tools-inputs{gap:var(--space-3);margin-bottom:var(--space-3);flex-direction:column;display:flex}.web3-tools-warning,.web3-tools-danger{margin-top:var(--space-3);color:var(--danger);border-radius:var(--radius-md);background:#ff3b300f;border:1px solid #ff3b3026;align-items:center;gap:6px;padding:10px 12px;font-size:13px;display:flex}.web3-tools-error{color:var(--danger);margin-top:-var(--space-1);font-size:13px}.web3-tools-preview{align-items:center;gap:var(--space-3);padding:var(--space-6);background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);margin-bottom:var(--space-5);text-align:center;flex-direction:column;display:flex}.web3-tools-avatar{border-radius:var(--radius-full);object-fit:cover;width:80px;height:80px;box-shadow:var(--shadow-md)}.web3-tools-address{flex-direction:column;align-items:center;gap:6px;display:flex}.web3-tools-address span{color:var(--text-muted);font-size:12px}.web3-tools-address code{font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;font-size:14px}.web3-tools-section{margin-bottom:var(--space-5)}.web3-tools-toggle{background:var(--glass-bg-subtle);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-3);align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;display:inline-flex}.web3-tools-toggle:hover{background:var(--glass-bg)}.web3-tools-toggle.small{padding:6px 12px;font-size:12px}.web3-mnemonic-reveal{gap:var(--space-3);flex-direction:column;display:flex}.web3-mnemonic-card{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--glass-bg-heavy);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex}.web3-mnemonic-text{font-family:var(--font-mono);word-break:break-word;color:var(--text-primary);flex:1;font-size:14px;line-height:1.6}.web3-tools-section>.web3-tools-danger{margin-bottom:var(--space-4)}.web3-derive-table-wrap{border-radius:var(--radius-lg);border:1px solid var(--glass-border);overflow-x:auto}.web3-derive-table{border-collapse:collapse;width:100%;font-size:13px}.web3-derive-table th,.web3-derive-table td{text-align:left;border-bottom:1px solid var(--glass-border);white-space:nowrap;padding:10px 12px}.web3-derive-table th{background:var(--glass-bg-subtle);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600}.web3-derive-table th:hover{background:var(--glass-bg)}.web3-derive-table th.danger,.web3-derive-table td.danger{color:var(--danger)}.web3-derive-table tbody tr:hover{background:var(--glass-bg-subtle)}.web3-derive-table td{font-family:var(--font-mono);color:var(--text-primary);font-size:12px}.web3-derive-table td:nth-child(2){text-overflow:ellipsis;max-width:160px;overflow:hidden}.web3-derive-th{white-space:nowrap}.web3-box-workspace{gap:var(--space-5);flex-direction:column;display:flex}.web3-box-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.web3-box-account,.web3-box-flow{padding:var(--space-5)}.web3-box-source-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--glass-shadow)}.web3-box-account{min-width:0}.web3-box-account-header,.web3-box-flow-header,.web3-box-result-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.web3-box-account-header,.web3-box-flow-header{margin-bottom:var(--space-4)}.web3-box-account h2,.web3-box-flow h2{letter-spacing:0;color:var(--text-primary);font-size:17px;line-height:1.25}.web3-box-account p,.web3-box-flow-header p,.web3-box-placeholder{color:var(--text-secondary);margin-top:4px;font-size:13px;line-height:1.5}.web3-box-login,.web3-box-key-list,.web3-box-result-grid{gap:var(--space-3);display:grid}.web3-box-key-list{margin-top:var(--space-4)}.web3-box-key-row>span,.web3-box-label,.web3-box-result-header span{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.web3-box-key-row .mono-row{min-height:42px}.web3-box-actions{gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.web3-box-result-grid{margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.web3-box-result{min-width:0}.web3-box-token-meta{margin-top:var(--space-3);margin-bottom:var(--space-3);gap:8px;display:flex}.web3-box-token-meta-row{gap:var(--space-2);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg-subtle);flex-wrap:wrap;align-items:start;padding:10px 12px;display:flex}.web3-box-token-meta-row span{color:var(--text-secondary);font-size:12px;font-weight:600}.web3-box-token-meta-row code{color:var(--text-primary);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:12px}.web3-box-result-header{align-items:center;min-height:34px}.web3-box-result-header span{margin-bottom:0}.web3-box-source-panel{min-width:0}.web3-box-source-loading{min-height:120px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:13px;display:flex}.web3-box-source-editor{min-height:0}.web3-box-source-editor .milkdown{height:auto}.web3-box-source-editor .ProseMirror{width:100%;min-height:0;margin:0;padding:0;font-size:13px;line-height:1.65}.web3-box-source-editor .ProseMirror h2{margin:0 0 var(--space-4);color:var(--text-primary);font-size:17px;line-height:1.25}.web3-box-source-editor .milkdown-code-block{margin:0}.web3-box-flow-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=860px){.web3-box-grid,.web3-box-result-grid,.web3-box-flow-grid{grid-template-columns:1fr}}.cid-layout{background:var(--bg-primary);flex-direction:column;min-height:100dvh;display:flex}.cid-page{flex:1;place-items:start center;min-height:calc(100dvh - 64px);padding:32px 20px 56px;display:grid}.cid-shell{gap:24px;width:min(1120px,100%);display:grid}.cid-heading{gap:10px;display:grid}.cid-kicker{color:var(--accent);font-size:13px;font-weight:700}.cid-heading h1{color:var(--text-primary);overflow-wrap:anywhere;font-size:32px;line-height:1.15}.cid-heading p{color:var(--text-secondary);max-width:68ch;line-height:1.6}.cid-workspace{grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);align-items:start;gap:20px;display:grid}.cid-panel,.cid-share-panel{border-radius:var(--radius-md);gap:22px;padding:24px;display:grid}.cid-main-panel{min-width:0}.cid-receiver-start{border-radius:var(--radius-md);gap:18px;padding:22px 24px;display:grid}.cid-receiver-start-main{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;display:grid}.cid-receiver-start-copy{gap:6px;display:grid}.cid-receiver-start-copy h2{color:var(--text-primary);font-size:21px;line-height:1.3}.cid-receiver-start-copy p{max-width:72ch;color:var(--text-secondary);line-height:1.55}.cid-receiver-start-actions{gap:8px;min-width:174px;display:grid}.cid-connect-remote-btn{white-space:nowrap;justify-content:center;width:100%;min-height:44px}.cid-client-download{border-top:1px solid var(--glass-border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-width:0;padding-top:16px;display:grid}.cid-client-download.is-loading{min-height:44px;color:var(--text-secondary);grid-template-columns:auto minmax(0,1fr)}.cid-client-download-copy{min-width:0;color:var(--accent);align-items:center;gap:12px;display:flex}.cid-client-download-copy>svg{flex:none}.cid-client-download-copy>div{gap:3px;min-width:0;display:grid}.cid-client-download-copy strong{color:var(--text-primary);font-size:14px}.cid-client-download-copy span{color:var(--text-secondary);overflow-wrap:anywhere;font-size:13px;line-height:1.45}.cid-client-download-actions{align-items:center;gap:12px;display:flex}.cid-client-download-actions .btn{white-space:nowrap;min-height:40px}.cid-client-other-platforms{color:var(--text-secondary);white-space:nowrap;font-size:13px;font-weight:650}.cid-client-other-platforms:hover{color:var(--accent)}.cid-process-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.cid-process-step{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg-subtle);grid-template-rows:auto auto 1fr auto;gap:8px;min-width:0;min-height:178px;padding:14px;display:grid}.cid-process-steps.is-preview .cid-process-step{grid-template-rows:auto auto 1fr;min-height:132px}.cid-process-step.active{background:var(--accent-soft);border-color:#5ac8fa7a;box-shadow:inset 0 0 0 1px #5ac8fa29}.cid-process-index{width:28px;height:28px;color:var(--accent);background:#5ac8fa24;border-radius:999px;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.cid-process-step.active .cid-process-index{color:#fff;background:var(--accent)}.cid-process-step strong{color:var(--text-primary);font-size:15px;line-height:1.35}.cid-process-desc{color:var(--text-secondary);font-size:13px;line-height:1.45}.cid-process-action,.cid-process-action-stack{gap:8px;min-width:0;display:grid}.cid-process-action{align-self:end}.cid-process-action .btn{white-space:normal;justify-content:center;width:100%;min-width:0;min-height:40px;padding-inline:12px;font-size:13px;line-height:1.25}.cid-process-action .btn span{overflow-wrap:anywhere;min-width:0}.cid-process-action .btn svg{flex:none}.cid-share-panel{gap:18px;position:sticky;top:84px}.cid-share-heading{gap:8px;display:grid}.cid-share-heading h2{color:var(--text-primary);margin:0 0 6px;font-size:20px;line-height:1.25}.cid-share-heading p{color:var(--text-secondary);margin:0;line-height:1.55}.cid-web-link-box{gap:8px;display:grid}.cid-share-label{color:var(--text-muted);font-size:12px;font-weight:700}.cid-web-link-row{grid-template-columns:1fr;gap:10px;display:grid}.cid-web-link-row code{border:1px solid var(--glass-border);border-radius:var(--radius-sm);min-width:0;color:var(--text-primary);background:var(--glass-bg-subtle);font-family:var(--font-mono);overflow-wrap:anywhere;padding:12px 14px;font-size:12px;line-height:1.45}.cid-copy-link-btn{justify-content:center;width:100%}.cid-qr-block{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg-subtle);justify-items:center;gap:14px;padding:18px;display:grid}.cid-qr-frame{border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);background:#fff;padding:12px;display:inline-flex}.cid-qr-frame canvas{width:176px;height:176px;display:block}.cid-status{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:16px;display:grid}.cid-status-icon{border-radius:var(--radius-md);width:48px;height:48px;color:var(--accent);background:var(--accent-soft);justify-content:center;align-items:center;display:inline-flex}.cid-status-icon.checking svg,.cid-spin-icon{animation:1s linear infinite cid-spin}.cid-status-icon.error{color:var(--danger);background:#ff3b301f}.cid-status-icon.backend-missing,.cid-status-icon.login-required,.cid-status-icon.waiting-backend,.cid-status-icon.partial{color:var(--warning);background:#ff950024}.cid-status-icon.available,.cid-status-icon.already-local{color:var(--success);background:#34c75924}.cid-status-label{color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:700}.cid-status-message{color:var(--text-secondary);line-height:1.55}.cid-details{gap:12px;margin:0;display:grid}.cid-details div{border-top:1px solid var(--glass-border);grid-template-columns:150px minmax(0,1fr);gap:16px;padding:12px 0;display:grid}.cid-details dt,.cid-details dd{margin:0}.cid-details dt{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.cid-details dd{color:var(--text-primary);overflow-wrap:anywhere;line-height:1.5}.cid-collection-summary{border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);background:var(--glass-bg-subtle);padding:12px 14px;line-height:1.5}.cid-collection-summary p{margin:0}.cid-collection-files{gap:10px;min-width:0;display:grid}.cid-collection-files h2{color:var(--text-primary);font-size:15px;line-height:1.4}.cid-collection-list{gap:6px;max-height:280px;padding:2px;display:grid;overflow:auto}.cid-collection-item{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg-subtle);grid-template-columns:18px minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:38px;padding:7px 9px;display:grid}.cid-collection-item input{width:16px;height:16px;accent-color:var(--accent);margin:0}.cid-collection-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cid-collection-size,.cid-collection-status{color:var(--text-secondary);white-space:nowrap;font-size:12px}.cid-collection-status{justify-content:flex-end;align-items:center;gap:4px;min-width:76px;display:inline-flex}.cid-collection-status.is-local{color:var(--success)}.cid-mono{font-family:var(--font-mono);font-size:13px}.cid-download-state{border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--glass-bg-subtle);color:var(--text-secondary);gap:12px;padding:14px 16px;display:grid}.cid-download-state.completed{color:var(--success);background:#34c7591a;border-color:#34c75959}.cid-download-state.error,.cid-download-state.cancelled{color:var(--danger);background:#ff3b301a;border-color:#ff3b3059}.cid-download-state.partial{color:var(--warning);background:#ff95001a;border-color:#ff950059}.cid-progress{gap:8px;display:grid}.cid-progress span{color:var(--text-muted);font-size:12px}.cid-progress-bar{width:100%;height:10px;accent-color:var(--accent)}@keyframes cid-spin{to{transform:rotate(360deg)}}.global-download-tray{z-index:180;flex-direction:column-reverse;align-items:flex-end;gap:8px;width:min(360px,100vw - 36px);display:flex;position:fixed;bottom:18px;right:18px}.global-download-panel{border-radius:var(--radius-lg);flex-direction:column;width:100%;max-height:min(520px,100dvh - 110px);display:flex;overflow:hidden}.global-download-panel-header{border-bottom:1px solid var(--glass-border);flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 12px 10px 16px;display:flex}.global-download-panel-header>div{gap:2px;min-width:0;display:grid}.global-download-panel-header strong{color:var(--text-primary);font-size:14px}.global-download-panel-header span{color:var(--text-muted);font-size:12px}.global-download-list{overscroll-behavior:contain;flex:auto;min-height:0;overflow:auto}.global-download-item{border-bottom:1px solid var(--glass-border);gap:10px;padding:14px 16px;display:grid}.global-download-item:last-child{border-bottom:0}.global-download-item-heading{min-width:0;color:var(--text-secondary);grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.global-download-item-heading>span{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.global-download-item-heading strong{color:var(--accent);white-space:nowrap;font-size:11px}.global-download-progress-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.global-download-progress-row .ui-progress{min-width:0}.global-download-progress-row span{color:var(--text-muted);white-space:nowrap;font-size:11px}.global-download-actions{justify-content:flex-end;gap:8px;display:flex}.global-download-toggle{border-radius:var(--radius-md);width:min(320px,100%);min-height:54px;color:var(--text-primary);cursor:pointer;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:8px 12px 8px 10px;display:grid}.global-download-toggle-copy{text-align:left;gap:2px;min-width:0;display:grid}.global-download-toggle-copy strong,.global-download-toggle-copy span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.global-download-toggle-copy strong{font-size:13px}.global-download-toggle-copy span{color:var(--text-muted);font-size:11px}@media (width<=900px){.cid-workspace{grid-template-columns:1fr}.cid-share-panel{position:static}.cid-process-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.global-download-tray{right:calc(12px + env(safe-area-inset-right));left:calc(12px + env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));width:auto}.global-download-toggle{width:100%}.global-download-panel{max-height:min(70dvh, calc(100dvh - 96px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}.global-download-panel-header .btn-icon{width:44px;height:44px}.global-download-actions .btn{flex:1;min-height:44px}.cid-page{place-items:stretch stretch;padding:24px 14px}.cid-workspace{grid-template-columns:1fr}.cid-heading h1{font-size:26px}.cid-receiver-start{padding:18px}.cid-receiver-start-main,.cid-client-download{grid-template-columns:1fr;align-items:stretch}.cid-receiver-start-actions{width:100%}.cid-connect-remote-btn,.cid-client-download-actions .btn,.cid-client-download.is-unsupported>.btn{justify-content:center;width:100%}.cid-client-download-actions{justify-items:stretch;display:grid}.cid-client-other-platforms{justify-content:center;align-items:center;min-height:40px;display:inline-flex}.cid-panel,.cid-share-panel{padding:18px}.cid-share-panel{position:static}.cid-process-steps{grid-template-columns:1fr}.cid-details div{grid-template-columns:1fr;gap:6px}.cid-collection-item{grid-template-columns:18px minmax(0,1fr) auto}.cid-collection-status{grid-column:2/-1;justify-self:start;min-width:0}.cid-share-heading,.cid-web-link-row{grid-template-columns:1fr}.cid-copy-link-btn{justify-content:center;width:100%}}