*,:before,:after{box-sizing:border-box}:root{--bg:#08090c;--bg-secondary:#111318b8;--bg-tertiary:#1a1d26e0;--bg-elevated:#14161c;--border:#ffffff14;--border-strong:#ffffff24;--text:#f4f4f5;--text-muted:#8b8f9a;--text-subtle:#5c6069;--accent:#a78bfa;--accent-hover:#c4b5fd;--accent-cyan:#22d3ee;--accent-gold:#d4a853;--accent-glow:#a78bfa59;--danger:#f87171;--user-bg:linear-gradient(135deg, #7c3aed 0%, #6366f1 55%, #4f46e5 100%);--assistant-bg:#1a1d26eb;--radius-sm:10px;--radius:16px;--radius-lg:24px;--radius-full:9999px;--sidebar-width:300px;--shadow-sm:0 1px 2px #0000003d;--shadow-md:0 8px 32px #00000052;--shadow-lg:0 24px 64px #0000007a;--glass:blur(20px) saturate(160%);--font-display:"Instrument Serif", Georgia, "Times New Roman", serif;--font-body:"DM Sans", system-ui, -apple-system, sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--transition:.22s var(--ease-out);font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55}body{background:radial-gradient(ellipse 80% 50% at 50% -20%, #7c3aed1f, transparent), radial-gradient(ellipse 60% 40% at 100% 0%, #22d3ee0f, transparent), var(--bg);min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.025;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,textarea{font:inherit;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);background:#ffffff0a;outline:none;padding:12px 16px}input::placeholder,textarea::placeholder{color:var(--text-subtle)}input:focus,textarea:focus{background:#ffffff0f;border-color:#a78bfa80;box-shadow:0 0 0 3px #a78bfa1f}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:linear-gradient(145deg,#a78bfa33,#22d3ee14);border:1px solid #a78bfa40;border-radius:11px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 0 24px #a78bfa26}.brand-mark svg{width:20px;height:20px}.brand-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.35rem;font-weight:400;line-height:1.1}.brand-tagline{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text-subtle);margin-top:2px;font-size:.65rem;font-weight:500;display:block}.gradient-text{background:linear-gradient(135deg,#f4f4f5 0%,#c4b5fd 45%,#67e8f9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page-center{flex:1;justify-content:center;align-items:center;min-height:200px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-text{color:var(--danger);margin:0;font-size:.875rem}.error-banner{color:#fca5a5;background:#f871711a;border-top:1px solid #f8717133;margin:0;padding:12px 20px;font-size:.875rem}.voice-mode-notice{color:#bfdbfef2;text-align:center;background:#60a5fa14;border-bottom:1px solid #60a5fa2e;margin:0;padding:10px 20px;font-size:.875rem}.empty-hint{color:var(--text-muted);padding:20px;font-size:.875rem;line-height:1.6}.empty-hint.center{text-align:center}.aurora-page{position:relative;overflow:hidden}.aurora-page:before,.aurora-page:after{content:"";filter:blur(80px);pointer-events:none;border-radius:50%;animation:18s ease-in-out infinite alternate aurora-drift;position:absolute}.aurora-page:before{background:radial-gradient(circle,#7c3aed38 0%,#0000 70%);width:480px;height:480px;top:-180px;left:50%;transform:translate(-50%)}.aurora-page:after{background:radial-gradient(circle,#22d3ee1f 0%,#0000 70%);width:360px;height:360px;animation-delay:-9s;bottom:-120px;right:-80px}@keyframes aurora-drift{0%{opacity:.7;transform:translate(-50%)translateY(0)}to{opacity:1;transform:translate(-40%)translateY(30px)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:1.5s}.aurora-page:before,.aurora-page:after{animation:none}.skill-card,.chat-item,.btn-primary,.btn-new-chat-split{transition:none}}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{z-index:1;background:var(--bg-secondary);-webkit-backdrop-filter:var(--glass);border:1px solid var(--border-strong);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:420px;box-shadow:var(--shadow-lg);animation:fade-up .6s var(--ease-out) both;padding:48px 40px;position:relative}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-logo{justify-content:center;margin-bottom:20px;display:flex}.brand-mark-only{justify-content:center}.auth-logo .brand-mark{border-radius:16px;width:56px;height:56px;margin:0 auto}.auth-logo .brand-mark svg{width:28px;height:28px}.auth-card h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 10px;font-size:2rem;font-weight:400}.auth-subtitle{color:var(--text-muted);margin:0 0 32px;font-size:.9375rem;line-height:1.6}.auth-form{text-align:left;flex-direction:column;gap:18px;display:flex}.auth-form label{color:var(--text-muted);letter-spacing:.02em;flex-direction:column;gap:8px;font-size:.8125rem;font-weight:500;display:flex}.auth-form button[type=submit]{color:#fff;border-radius:var(--radius-sm);transition:transform var(--transition), box-shadow var(--transition), filter var(--transition);background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:1px solid #ffffff1a;margin-top:8px;padding:14px;font-size:.9375rem;font-weight:600;box-shadow:0 4px 24px #7c3aed59}.auth-form button[type=submit]:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 8px 32px #7c3aed73}.auth-form button[type=submit]:active:not(:disabled){transform:translateY(0)}.auth-form button:disabled{opacity:.55;cursor:not-allowed}.btn-link{color:var(--accent);text-align:center;transition:color var(--transition);padding:4px;font-size:.875rem}.btn-link:hover{color:var(--accent-hover)}.phone-hint{color:var(--text-muted);border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff08;margin:0;padding:12px 16px;font-size:.875rem}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);-webkit-backdrop-filter:var(--glass);border-right:1px solid var(--border);min-height:0;transition:width .25s var(--ease-out), border-color .25s var(--ease-out);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.app-layout.sidebar-collapsed .sidebar{border-right-color:#0000;width:0}.sidebar-panel{width:var(--sidebar-width);flex-direction:column;height:100%;min-height:0;display:flex}.sidebar-header-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.sidebar-header-row .brand{min-width:0;margin-bottom:0}.btn-sidebar-toggle,.btn-sidebar-expand{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--text-subtle);transition:background var(--transition), color var(--transition);flex-shrink:0;place-items:center;display:none}.btn-sidebar-toggle:hover,.btn-sidebar-expand:hover{color:var(--text);background:#ffffff0f}.btn-sidebar-expand-floating{z-index:2;position:absolute;top:20px;left:20px}@media (width>=769px){.btn-sidebar-toggle,.btn-sidebar-expand,.btn-sidebar-expand-floating{display:grid}}.sidebar-header{z-index:10;border-bottom:1px solid var(--border);flex-shrink:0;padding:24px 20px 20px;position:relative}.sidebar-header .brand{margin-bottom:20px}.sidebar-header-row+.btn-new-chat-split,.sidebar-header-row~.btn-new-chat-split{margin-top:0}.btn-sidebar-skills{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;color:var(--text-muted);transition:border-color var(--transition), color var(--transition), background var(--transition);background:#ffffff08;align-items:center;gap:10px;margin-bottom:10px;padding:10px 14px;font-size:.875rem;font-weight:500;display:flex}.btn-sidebar-skills:hover{color:var(--text);background:#a78bfa0f;border-color:#a78bfa59}.btn-sidebar-skills svg{opacity:.85;flex-shrink:0}.btn-new-chat-split{border-radius:var(--radius-sm);width:100%;transition:transform var(--transition), box-shadow var(--transition);background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:1px solid #ffffff1a;display:flex;position:relative;box-shadow:0 4px 20px #7c3aed4d}.btn-new-chat-split:hover{transform:translateY(-1px);box-shadow:0 6px 28px #7c3aed66}.btn-new-chat-main{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:8px;width:100%;min-width:0;padding:12px 16px;font-size:.875rem;font-weight:600;display:flex}.btn-new-chat-main:hover,.btn-new-chat-main[aria-expanded=true]{background:#0000002e}.chat-type-overlay{z-index:10000;background:radial-gradient(ellipse 80% 50% at 50% -20%, #7c3aed1f, transparent), radial-gradient(ellipse 60% 40% at 100% 0%, #22d3ee0f, transparent), var(--bg);isolation:isolate;animation:.2s both fade-in;position:fixed;inset:0;overflow-y:auto}.chat-type-page{z-index:1;min-height:100vh;margin:0 auto;position:relative}.chat-type-page .new-chat-header,.chat-type-page .skill-grid{z-index:1;position:relative}.skill-card.is-soon{position:relative}.skill-card.is-soon .btn-dev-badge{z-index:2;position:absolute;top:14px;right:14px}.new-chat-dropdown{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:50;pointer-events:auto;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0}.new-chat-dropdown-item{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:10px;padding:11px 12px;transition:background .15s;display:flex}.new-chat-dropdown-item:hover{background:var(--bg-tertiary)}.new-chat-dropdown-item.is-disabled{opacity:.72;color:var(--text-muted);cursor:not-allowed}.new-chat-dropdown-item.is-disabled:hover{background:0 0}.new-chat-dropdown-item-icon{text-align:center;flex-shrink:0;width:20px;line-height:1.25}.new-chat-dropdown-item-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.new-chat-dropdown-item-title{color:var(--text-primary);font-size:.84rem;font-weight:650}.new-chat-dropdown-item-desc{color:var(--text-muted);font-size:.72rem;line-height:1.35}.new-chat-dropdown-item.is-disabled .new-chat-dropdown-item-title{color:var(--text-secondary)}.btn-dev-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle);border-radius:var(--radius-full);border:1px solid var(--border);background:#ffffff0a;flex-shrink:0;margin-top:2px;padding:2px 6px;font-size:.5625rem;font-weight:600}.chat-list{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex:1;min-height:0;padding:8px;overflow-y:auto}.chat-list::-webkit-scrollbar{width:5px}.chat-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}.skill-group{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.skill-group:first-of-type{border-top:none;margin-top:4px;padding-top:0}.skill-group-header{border-radius:var(--radius-sm);width:100%;color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;text-align:left;transition:background var(--transition), color var(--transition);align-items:center;gap:6px;padding:6px 10px;font-size:.75rem;font-weight:600;display:flex}.skill-group-header:hover{color:var(--text);background:#ffffff0a}.skill-group-chevron{width:14px;color:var(--text-subtle);text-align:center;flex-shrink:0;font-size:.6875rem}.skill-group-icon{border:1px solid var(--border);background:#ffffff08;border-radius:7px;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:.875rem;display:grid}.skill-group-name{white-space:nowrap;text-overflow:ellipsis;text-transform:none;letter-spacing:0;flex:1;min-width:0;font-size:.8125rem;overflow:hidden}.skill-group-count{color:var(--text-subtle);border-radius:var(--radius-full);border:1px solid var(--border);background:#ffffff0a;flex-shrink:0;padding:2px 7px;font-size:.6875rem;font-weight:500}.skill-group-chats{border-left:1px solid #ffffff1a;margin:4px 0 2px 13px;padding:4px 0 4px 14px}.skill-group-chats .chat-item{margin-bottom:3px;padding-left:10px}.chat-item{border-radius:var(--radius-sm);transition:background var(--transition), border-color var(--transition), box-shadow var(--transition);border:1px solid #0000;align-items:center;gap:8px;margin-bottom:2px;padding:7px 10px;display:flex;position:relative}.chat-item:hover{background:#ffffff0a}.chat-item.active{box-shadow:inset 3px 0 0 var(--accent);background:#a78bfa14;border-color:#a78bfa33}.chat-item-icon{border:1px solid var(--border);background:#ffffff0a;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:1rem;display:grid}.chat-item-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.chat-item-skill,.chat-item-title{white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;line-height:1.25;overflow:hidden}.chat-item-title-row{align-items:center;gap:2px;min-width:0;display:flex}.chat-item-title-row .chat-item-title{flex:1;min-width:0}.chat-item .btn-rename-chat-sm{opacity:0;flex-shrink:0;width:22px;height:22px}.chat-item:hover .btn-rename-chat-sm,.chat-item.active .btn-rename-chat-sm{opacity:1}.chat-item-rename-input{width:100%;color:var(--text);background:#ffffff0a;border:1px solid #a78bfa59;border-radius:6px;outline:none;padding:2px 6px;font-family:inherit;font-size:.8125rem;font-weight:500}.chat-item-rename-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #a78bfa1f}.chat-item-preview{color:var(--text-subtle);min-width:0;font-size:.6875rem;line-height:1.35}.chat-item-preview-md{max-height:2.7em;display:block;overflow:hidden}.chat-item-preview-md .markdown-body,.chat-item-preview-md .message-text{font-size:inherit;color:inherit;line-height:inherit;margin:0}.chat-item-preview-md .markdown-body p,.chat-item-preview-md .markdown-body ul,.chat-item-preview-md .markdown-body ol,.chat-item-preview-md .markdown-body blockquote,.chat-item-preview-md .markdown-body pre{margin:0;display:inline}.chat-item-preview-md .markdown-body pre{white-space:nowrap}.chat-item-preview-md .markdown-body code{background:#ffffff0f;border-radius:3px;padding:0 3px;font-size:.95em}.chat-item-preview-md .markdown-body strong{color:var(--text-muted);font-weight:600}.chat-item-preview-md .markdown-body a{color:var(--text-subtle);text-underline-offset:2px;text-decoration:underline}.chat-item-delete{opacity:0;color:var(--text-muted);transition:opacity var(--transition), color var(--transition), background var(--transition);border-radius:6px;padding:4px 6px;font-size:1.1rem}.chat-item:hover .chat-item-delete{opacity:1}.chat-item-delete:hover{color:var(--danger);background:#f871711a}.chat-item-favorites{border-bottom:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;padding-bottom:10px}.chat-item-favorites.active{border-bottom-color:#0000}@media (hover:none){.chat-item.active .chat-item-delete,.chat-item.active .btn-rename-chat-sm{opacity:1}}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding:14px 16px 18px;display:flex}.sidebar-user-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-top:6px;padding-top:10px;display:flex}.sidebar-user-trigger{text-align:left;min-width:0;color:var(--text);transition:color var(--transition);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;flex:1;padding:4px 0;font-size:.875rem;font-weight:600;overflow:hidden}.sidebar-user-trigger:hover{color:var(--accent-hover)}.sidebar-balance{color:var(--accent-hover);border-radius:var(--radius-full);transition:background var(--transition), border-color var(--transition), color var(--transition);background:#a78bfa0f;border:1px solid #a78bfa33;flex-shrink:0;align-items:center;gap:5px;padding:4px 8px;font-size:.8125rem;font-weight:500;display:inline-flex}.sidebar-balance:hover{color:var(--accent);background:#a78bfa1a;border-color:#a78bfa59}.sidebar-balance-plus{width:16px;height:16px;color:var(--accent);border-radius:var(--radius-full);background:#a78bfa26;place-items:center;font-size:.875rem;font-weight:700;line-height:1;display:grid}.success-text{color:#4ade80;margin:0;font-size:.875rem}.topup-page{max-width:560px;min-height:100vh;margin:0 auto;padding:24px}.topup-header{margin-bottom:28px}.topup-intro h1{margin:8px 0 4px}.topup-intro p{color:var(--text-muted);margin:0}.topup-form-section{margin-bottom:40px}.topup-form{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-secondary);flex-direction:column;gap:16px;padding:24px;display:flex}.topup-form label{color:var(--text-muted);flex-direction:column;gap:6px;font-size:.875rem;display:flex}.topup-form select{font:inherit;color:var(--text);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:10px 14px}.quick-amounts{flex-wrap:wrap;gap:8px;display:flex}.quick-amounts button{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text);border-radius:8px;padding:8px 14px;font-size:.875rem}.quick-amounts button:hover{border-color:var(--accent)}.quick-amounts button.active{background:var(--accent);border-color:var(--accent);color:#fff}.topup-hint{color:var(--text-muted);margin:0;font-size:.8125rem}.topup-submit{width:100%;margin-top:4px}.topup-qr-section{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);text-align:center;margin-bottom:40px;padding:24px}.topup-qr-section h2{margin:0 0 12px;font-size:1.125rem}.topup-qr-amount{color:var(--text-muted);margin:0 0 20px}.topup-qr-image{border-radius:var(--radius-sm);background:#fff;width:100%;max-width:280px;height:auto;margin:0 auto 16px;padding:8px;display:block}.topup-qr-placeholder{color:var(--text-subtle);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);margin-bottom:16px;padding:48px 24px}.topup-qr-link{margin-bottom:12px;display:inline-flex}.topup-history-section h2{margin:0 0 16px;font-size:1.1rem}.topup-history-table{border-collapse:collapse;width:100%;font-size:.875rem}.topup-history-table th,.topup-history-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}.topup-history-table th{color:var(--text-muted);font-weight:500}.btn-link-style{font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.model-picker-controls{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.model-search-input{border-radius:var(--radius-sm);width:100%;color:inherit;font:inherit;background:#ffffff0f;border:none;padding:11px 14px;font-size:.9375rem}.model-search-input::placeholder{color:#ffffff61}.model-search-input:focus{background:#ffffff17;outline:none;box-shadow:0 0 0 2px #a78bfa59}.model-picker-list-header{justify-content:flex-end;align-items:center;margin-bottom:12px;display:flex}.model-sort-field{align-items:center;gap:8px;display:flex}.model-sort-label{color:var(--text-muted);flex-shrink:0;font-size:.8125rem}.model-sort-select{appearance:none;border-radius:var(--radius-sm);min-width:140px;color:inherit;font:inherit;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.45)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 10px center no-repeat,0 0;border:none;padding:6px 32px 6px 10px;font-size:.875rem}.model-sort-select:hover{background-color:#ffffff0d}.model-sort-select:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.model-filter-tags-list{flex-wrap:wrap;gap:8px;display:flex}.model-filter-tag{color:#ffffff9e;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:999px;padding:5px 11px;font-size:.8125rem;line-height:1.2;transition:background .15s,color .15s,border-color .15s}.model-filter-tag:hover{color:var(--text);background:#ffffff0a;border-color:#a78bfa66}.model-filter-tag.is-active{color:#e9d5ff;background:#a78bfa2e;border-color:#a78bfa8c}.model-filter-tag.is-negative{color:#fca5a5;border-color:#f8717159}.model-filter-tag.is-negative:hover{color:#fecaca;background:#f871711a;border-color:#f8717180}.model-filter-tag.is-negative.is-active{color:#fecaca;background:#f8717133;border-color:#f871718c}.model-filter-tag:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.model-picker{flex-direction:column;gap:12px;display:flex}.model-picker-hint{color:var(--text-muted);margin:0 0 16px;font-size:.875rem}.model-card{text-align:left;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-secondary);flex-direction:column;gap:6px;padding:18px 20px 18px 48px;transition:border-color .15s;display:flex;position:relative}.model-card.is-disabled{opacity:.45;cursor:not-allowed}.model-card-check{border:1px solid var(--border);width:20px;height:20px;color:var(--accent);border-radius:6px;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;top:20px;left:16px}.model-card.selected .model-card-check{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, transparent)}.model-card:hover{border-color:var(--accent)}.model-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.model-name{font-size:1rem;font-weight:600}.model-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.model-vendor{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:.72rem;font-weight:500}.model-desc{color:var(--text-muted);font-size:.875rem;line-height:1.45}.model-tags{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.model-tag{color:#ffffffbf;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;padding:4px 8px;font-size:.72rem;line-height:1.2}.model-tag.is-negative{color:#fca5a5;background:#f871711f;border-color:#f8717159}.model-pricing{color:var(--accent-hover);margin-top:4px;font-size:.8125rem}.model-provider-hint{color:#fff6;font-size:.75rem}.model-confirm-bar{z-index:100;width:100%;max-width:960px;padding:16px 24px calc(16px + env(safe-area-inset-bottom,0px));border-radius:var(--radius) var(--radius) 0 0;border:1px solid var(--border);-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);background:#111318f0;border-bottom:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 40px #00000059}.new-chat-page.has-model-confirm{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.model-selected-hint{color:var(--text-muted);margin:0;font-size:.875rem}.admin-dashboard h2,.admin-models-page h2{margin:0 0 8px}.dashboard-subtitle{color:var(--text-muted);margin:0 0 24px;font-size:.875rem}.dashboard-cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:32px;display:grid}.dashboard-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-secondary);flex-direction:column;gap:8px;padding:16px;display:flex}.dashboard-card.highlight{border-color:var(--accent);background:#6366f114}.dashboard-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.dashboard-card strong{font-size:1.25rem}.model-admin-meta{color:var(--text-muted)!important;margin:4px 0 0!important;font-size:.75rem!important}.user-name{margin-bottom:4px;font-size:.875rem;font-weight:600}.btn-admin,.btn-logout{color:var(--text-muted);text-align:left;transition:color var(--transition);padding:8px 0;font-size:.8125rem}.btn-logout{width:100%;padding:6px 0 4px}.btn-admin:hover,.btn-logout:hover{color:var(--text)}.chat-main{background:0 0;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.welcome-screen{text-align:center;--cursor-x:50%;--cursor-y:50%;min-height:0;transition:padding .35s var(--ease-out), justify-content .35s var(--ease-out);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex;position:relative;overflow:hidden}.welcome-screen.is-bootstrapping{text-align:left;justify-content:flex-end;align-items:stretch;gap:0;padding:0}.welcome-chat-preview{min-height:0;animation:welcome-preview-in .35s var(--ease-out);flex-direction:column;flex:1;display:flex;overflow:hidden}.welcome-chat-preview .messages-area{flex:1;overflow-y:auto}@keyframes welcome-preview-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.welcome-compose{width:min(720px,100%);transition:width .35s var(--ease-out), padding .35s var(--ease-out);margin:0 auto;padding:0 24px 24px}.welcome-screen.is-bootstrapping .welcome-compose{width:100%;max-width:none;padding:16px 20px 20px}.welcome-hero{z-index:1;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.welcome-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,3.5vw,2.125rem);font-weight:400;line-height:1.2}.welcome-screen .message-input-row{align-items:center}.welcome-screen .message-input-row textarea{min-height:44px;padding-bottom:8px;line-height:1.45}.welcome-compose-error{border-radius:var(--radius-sm);width:min(720px,100%);margin:0 auto}.welcome-compose-stack{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.welcome-voice-notice{border-radius:var(--radius-sm);border-bottom:none;width:min(720px,100%);margin:0 auto;padding:10px 16px}.welcome-tags{justify-content:center;width:min(720px,100%);margin:0 auto;padding:0 24px}.welcome-tags .model-filter-tag{align-items:center;gap:6px;display:inline-flex}.welcome-tag-icon{font-size:.9375rem;line-height:1}.welcome-skills{width:min(720px,100%);margin:0 auto;padding:0 24px 8px}.welcome-selected-skill{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:min(720px,100%);margin:0 auto;padding:0 24px;display:inline-flex}.welcome-selected-skill-icon{font-size:1.125rem;line-height:1}.welcome-selected-skill-label{color:var(--text-muted);font-size:.8125rem}.welcome-selected-skill-name{color:#e9d5ff;font-size:.875rem;font-weight:500}.welcome-selected-skill-clear{border-radius:var(--radius-full);width:24px;height:24px;color:var(--text-muted);cursor:pointer;transition:background var(--transition), color var(--transition);background:#ffffff0f;border:none;place-items:center;font-size:1.125rem;line-height:1;display:grid}.welcome-selected-skill-clear:hover{color:#fca5a5;background:#f8717126}.welcome-skill-modal{max-width:640px}.welcome-skill-tabs{margin-bottom:16px}.welcome-skill-modal-hint{color:var(--text-muted);text-align:center;margin:0 0 16px;font-size:.875rem}.page-center.compact,.empty-state.compact{padding:32px 0}.empty-state.compact p{margin-bottom:12px}.welcome-skills-hint{text-align:center;color:var(--text-muted);margin:0;font-size:.8125rem;line-height:1.5}.welcome-skills-list{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.welcome-skill-chip{color:#ffffffb8;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.8125rem;line-height:1.2;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.welcome-skill-chip:hover{color:var(--text);background:#ffffff0a;border-color:#a78bfa66}.welcome-skill-chip.is-active{color:#e9d5ff;background:#a78bfa2e;border-color:#a78bfa8c}.welcome-stt-dropzone{width:100%;min-height:132px}.welcome-stt-file{flex:1;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.welcome-stt-file-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.875rem;overflow:hidden}.welcome-stt-file-remove{color:var(--text-muted);font:inherit;border-radius:var(--radius-full);cursor:pointer;background:#ffffff0f;border:none;flex-shrink:0;padding:6px 12px;font-size:.8125rem}.welcome-stt-file-remove:hover{color:var(--text);background:#ffffff1a}.welcome-stt-actions{justify-content:flex-end;margin-top:12px;display:flex}.welcome-stt-submit{min-width:140px}.welcome-screen.is-bootstrapping .welcome-compose-error{width:auto;margin:0 20px 12px}.welcome-cursor-glow{pointer-events:none;z-index:0;opacity:0;transition:opacity .5s var(--ease-out);background:radial-gradient(420px circle at var(--cursor-x) var(--cursor-y), #a78bfa24 0%, #22d3ee0f 28%, transparent 58%);position:absolute;inset:0}.welcome-cursor-glow.is-visible{opacity:1;transition:opacity .2s var(--ease-out)}.welcome-glow,.welcome-hero,.welcome-compose{z-index:1;position:relative}.welcome-glow,.welcome-hero{transition:opacity .3s var(--ease-out), transform .3s var(--ease-out)}.welcome-screen.is-bootstrapping .welcome-glow,.welcome-screen.is-bootstrapping .welcome-hero{opacity:0;pointer-events:none;transform:translateY(-16px)}.welcome-glow{filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#a78bfa26 0%,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute}.welcome-icon{filter:drop-shadow(0 8px 32px #a78bfa4d);font-size:72px;animation:4s ease-in-out infinite float;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.welcome-icon{animation:none}.welcome-cursor-glow{display:none}.welcome-screen,.welcome-compose,.welcome-glow,.welcome-hero,.welcome-chat-preview{transition:none;animation:none}}.welcome-screen h2{font-family:var(--font-display);letter-spacing:-.02em;max-width:480px;margin:0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400}.welcome-screen p{color:var(--text-muted);max-width:420px;margin:0 0 24px;font-size:1rem;line-height:1.65}.btn-primary{color:#fff;border-radius:var(--radius-sm);transition:transform var(--transition), box-shadow var(--transition);background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:1px solid #ffffff1a;align-items:center;gap:8px;padding:14px 28px;font-size:.9375rem;font-weight:600;display:inline-flex;box-shadow:0 4px 24px #7c3aed59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #7c3aed73}.chat-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);-webkit-backdrop-filter:var(--glass);flex-shrink:0;align-items:center;gap:14px;padding:18px 28px;display:flex}.btn-back-mobile{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-muted);transition:background var(--transition), color var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:none}.btn-menu-mobile,.mobile-drawer-backdrop,.mobile-bottom-nav{display:none}.btn-back-mobile:hover{color:var(--text);background:#ffffff0f}.chat-header-icon{border:1px solid var(--border);background:#ffffff0a;border-radius:12px;place-items:center;width:44px;height:44px;font-size:1.5rem;display:grid}.chat-header-info{flex:1;min-width:0}.chat-header-title-row{align-items:center;gap:8px;min-width:0;display:flex}.chat-header-title-row h3{white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.btn-rename-chat{width:28px;height:28px;color:var(--text-subtle);transition:background var(--transition), color var(--transition);border-radius:7px;flex-shrink:0;place-items:center;display:grid}.btn-rename-chat:hover{color:var(--text);background:#ffffff0f}.chat-rename-input{min-width:0;color:var(--text);border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid #a78bfa59;outline:none;flex:1;padding:4px 8px;font-family:inherit;font-size:1rem;font-weight:600}.chat-rename-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #a78bfa26}.chat-header h3{margin:0;font-size:1rem;font-weight:600}.chat-header-skill{color:var(--text-subtle);font-size:.8125rem}.chat-model-tabs{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chat-model-tab{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-muted);border-radius:999px;padding:6px 12px;font-size:.8125rem;text-decoration:none;transition:border-color .15s,color .15s,background .15s}.chat-model-tab:hover{border-color:var(--accent);color:var(--text)}.chat-model-tab.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--text)}.chat-split-view{border-top:1px solid var(--border);flex:1;min-height:0;display:grid;overflow:hidden}.chat-split-pane{border-right:1px solid var(--border);background:color-mix(in srgb, var(--bg-secondary) 35%, transparent);flex-direction:column;min-width:0;min-height:0;display:flex}.chat-split-pane:last-child{border-right:none}.chat-split-pane-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex}.chat-split-pane-model{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.875rem;font-weight:600;overflow:hidden}.chat-split-pane-spend{color:var(--text-subtle);white-space:nowrap;font-size:.75rem}.chat-split-messages{flex:1;min-height:0;padding:20px 16px;overflow-y:auto}.chat-split-messages .message{max-width:100%}.chat-item-model{color:var(--accent-hover);white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;font-size:.6875rem;font-weight:500;line-height:1.3;display:block;overflow:hidden}.messages-area{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex-direction:column;flex:1;gap:20px;padding:28px;display:flex;overflow-y:auto}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}.message{max-width:min(680px,78%);animation:message-in .35s var(--ease-out) both;flex-direction:column;gap:6px;display:flex}@keyframes message-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.message{animation:none}}.message-user{align-self:flex-end}.message-assistant{align-self:flex-start}.message-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle);padding:0 4px;font-size:.6875rem;font-weight:600}.message-user .message-label{text-align:right;color:#c4b5fdb3}.message-content{border-radius:var(--radius);word-break:break-word;padding:14px 18px;line-height:1.6}.selectable-text,.selectable-text pre,.selectable-text code,.message-text{-webkit-user-select:text;user-select:text}.message-text{white-space:pre-wrap;margin:0}.message-content .markdown-body>:first-child{margin-top:0}.message-content .markdown-body>:last-child{margin-bottom:0}.message-content .markdown-body p{margin:0 0 .75em}.message-content .markdown-body p:last-child{margin-bottom:0}.message-content .markdown-body strong{font-weight:600}.message-content .markdown-body em{font-style:italic}.message-content .markdown-body ul,.message-content .markdown-body ol{margin:.5em 0 .75em;padding-left:1.35em}.message-content .markdown-body li{margin:.3em 0}.message-content .markdown-body li>p{margin:0}.message-content .markdown-body h1,.message-content .markdown-body h2,.message-content .markdown-body h3,.message-content .markdown-body h4{margin:1em 0 .45em;font-weight:600;line-height:1.35}.message-content .markdown-body h1{font-size:1.25em}.message-content .markdown-body h2{font-size:1.125em}.message-content .markdown-body h3{font-size:1em}.message-content .markdown-body blockquote{border-left:3px solid var(--accent);color:var(--text-muted);margin:.75em 0;padding:.25em 0 .25em 1em}.message-content .markdown-body code{background:#ffffff14;border-radius:5px;padding:.15em .4em;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace;font-size:.88em}.message-content .markdown-body pre{border:1px solid var(--border);border-radius:var(--radius-sm);background:#00000059;margin:0;padding:36px 14px;overflow-x:auto}.message-content .markdown-body pre code{background:0 0;padding:0;font-size:.85em;line-height:1.5}.copyable-code-block{margin:.75em 0;position:relative}.copyable-code-block pre{margin:0}.copyable-code-btn{z-index:1;border:1px solid var(--border-strong);color:var(--text-muted);opacity:0;transition:opacity var(--transition), color var(--transition), border-color var(--transition);background:#111318eb;border-radius:6px;padding:4px 10px;font-size:.6875rem;font-weight:500;position:absolute;right:8px}.copyable-code-btn-top{top:8px}.copyable-code-btn-bottom{bottom:8px}.copyable-code-block:hover .copyable-code-btn,.copyable-code-block:focus-within .copyable-code-btn{opacity:1}.copyable-code-btn:hover{color:var(--text);border-color:#a78bfa59}@media (hover:none){.copyable-code-btn{opacity:1}}.message-content .markdown-body a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.message-content .markdown-body hr{border:none;border-top:1px solid var(--border);margin:1em 0}.message-content .markdown-body table{border-collapse:collapse;width:100%;margin:.75em 0;font-size:.9em}.message-content .markdown-body th,.message-content .markdown-body td{border:1px solid var(--border);text-align:left;padding:6px 10px}.message-content .markdown-body th{background:#ffffff0a;font-weight:600}.message-user .message-content .markdown-body a{color:#e0e7ff}.message-user .message-content{background:var(--user-bg);color:#fff;border-bottom-right-radius:6px;box-shadow:0 4px 24px #6366f140}.message-assistant .message-content{background:var(--assistant-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-left-radius:6px}.message-time{color:var(--text-subtle);padding:0 4px;font-size:.6875rem}.message-user .message-time{text-align:right}.message-highlight .message-content{transition:box-shadow .3s var(--ease-out);box-shadow:0 0 0 2px #d4a8538c,0 0 24px #d4a85326}.message-source-link{padding:0 4px}.btn-message-source{color:var(--accent-hover);border-radius:var(--radius-full);transition:background var(--transition), border-color var(--transition), color var(--transition);background:#a78bfa0f;border:1px solid #a78bfa40;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.btn-message-source:hover{color:var(--accent);background:#a78bfa1a;border-color:#a78bfa66}.btn-message-source.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.message-context-menu{z-index:1000;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);min-width:160px;box-shadow:var(--shadow-md);padding:4px;position:fixed}.message-context-menu button{text-align:left;width:100%;color:var(--text);transition:background var(--transition);border-radius:6px;padding:8px 12px;font-size:.8125rem;display:block}.message-context-menu button:hover{background:#ffffff0f}.message-attachments{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.attachment-image img{border-radius:var(--radius-sm);border:1px solid #ffffff1a;max-width:220px;max-height:220px;display:block}.attachment-image{cursor:zoom-in;border-radius:var(--radius-sm);transition:opacity var(--transition);background:0 0;border:none;padding:0;line-height:0}.attachment-image:hover{opacity:.92}.attachment-image:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.image-lightbox-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e0;justify-content:center;align-items:center;padding:0;animation:.2s both fade-in;display:flex;position:fixed;inset:0}.image-lightbox{background:var(--bg-elevated);width:100vw;height:100vh;max-height:100vh;box-shadow:none;animation:fade-up .25s var(--ease-out) both;border:none;border-radius:0;flex-direction:column;display:flex;overflow:hidden}.image-lightbox-toolbar{border-bottom:1px solid var(--border);background:var(--bg-elevated);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.image-lightbox-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.875rem;overflow:hidden}.image-lightbox-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.image-lightbox-close{border-radius:var(--radius-sm);border:1px solid var(--border);width:36px;height:36px;color:var(--text-primary);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:flex}.image-lightbox-close:hover{background:var(--bg-tertiary)}.image-lightbox-body{background:#00000059;flex:1;justify-content:center;align-items:center;min-height:0;padding:24px;display:flex}.image-lightbox-body img{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:calc(100vh - 92px)}.attachment-file{opacity:.9;background:#ffffff0f;border-radius:8px;padding:6px 10px;font-size:.8125rem}.attachment-media{flex-direction:column;gap:8px;max-width:min(100%,420px);display:flex}.audio-player{--ap-violet:#a78bfa;--ap-cyan:#22d3ee;--ap-glow:#a78bfa73;border-radius:var(--radius);background:linear-gradient(135deg,#7c3aed24 0%,#22d3ee0f 100%),#14161ceb;border:1px solid #a78bfa2e;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:min(100%,360px);padding:12px 14px 12px 12px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 12px 32px #00000047}.audio-player:before{content:"";background:radial-gradient(ellipse at 30% 50%, var(--ap-glow), transparent 65%);opacity:.35;pointer-events:none;height:80%;transition:opacity .4s var(--ease-out);position:absolute;inset:-40% -20% auto}.audio-player.is-playing:before{opacity:.65}.audio-player audio{display:none}.audio-player-play{z-index:1;color:#fff;width:44px;height:44px;transition:transform var(--transition), box-shadow var(--transition);background:linear-gradient(145deg,#8b5cf6 0%,#6366f1 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 4px 16px #6366f173}.audio-player-play:hover{transform:scale(1.04);box-shadow:0 6px 20px #6366f18c}.audio-player-play:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:3px}.audio-player-play-ring{opacity:0;border:1px solid #a78bfa59;border-radius:50%;transition:opacity .3s,transform .3s;position:absolute;inset:-4px;transform:scale(.92)}.audio-player.is-playing .audio-player-play-ring{opacity:1;animation:2s ease-in-out infinite audio-ring-pulse}@keyframes audio-ring-pulse{0%,to{opacity:.5;transform:scale(.92)}50%{opacity:.15;transform:scale(1.08)}}.audio-player-body{z-index:1;flex-direction:column;gap:8px;min-width:0;display:flex;position:relative}.audio-player-meta{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.audio-player-title{letter-spacing:.01em;color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.8125rem;font-weight:500;overflow:hidden}.audio-player-time{font-variant-numeric:tabular-nums;color:var(--text-muted);letter-spacing:.04em;flex-shrink:0;font-size:.6875rem}.audio-player-time-sep{opacity:.45;margin:0 .15em}.audio-player-track{cursor:pointer;touch-action:none;border-radius:8px;height:36px;position:relative}.audio-player-track:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.audio-player-wave{pointer-events:none;justify-content:space-between;align-items:center;gap:2px;height:100%;padding:4px 0;display:flex}.audio-player-bar{max-width:5px;height:calc(var(--h,.5) * 100%);transform-origin:bottom;background:#ffffff1f;border-radius:999px;flex:1;min-height:4px;transition:background .15s,box-shadow .15s}.audio-player-bar.is-lit{background:linear-gradient(to top, var(--ap-violet), var(--ap-cyan));box-shadow:0 0 8px #22d3ee40}.audio-player.is-playing .audio-player-bar.is-lit{animation:1.2s ease-in-out infinite audio-bar-breathe;animation-delay:calc(var(--i,0) * 40ms)}.audio-player.is-playing .audio-player-bar:nth-child(odd).is-lit{animation-duration:.95s}.audio-player.is-playing .audio-player-bar:nth-child(3n).is-lit{animation-duration:1.35s}@keyframes audio-bar-breathe{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.85;transform:scaleY(.72)}}.audio-player-scrubber{top:50%;left:calc(var(--p,0) * 100%);pointer-events:none;will-change:left;background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #a78bfa80,0 2px 8px #0006}.audio-player-download{z-index:1;border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);border:1px solid var(--border);transition:color var(--transition), background var(--transition), border-color var(--transition);background:#ffffff0a;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.audio-player-download:hover:not(:disabled){color:var(--text);background:#ffffff14;border-color:#a78bfa59}.audio-player-download:disabled{opacity:.6;cursor:wait}.audio-player-download-spinner{border:2px solid #ffffff26;border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@media (prefers-reduced-motion:reduce){.audio-player.is-playing .audio-player-play-ring,.audio-player.is-playing .audio-player-bar.is-lit{animation:none}}.audio-player--upload{background:linear-gradient(145deg,#7c3aed33 0%,#22d3ee14 55%,#14161cf2 100%),#0c0e14e0;border-color:#a78bfa47;border-radius:16px;gap:16px;width:100%;max-width:none;padding:16px 18px;box-shadow:inset 0 1px #ffffff14,0 16px 40px #00000059,0 0 0 1px #a78bfa0f}.audio-player--upload:before{opacity:.5;height:120%;inset:-30% -10% auto}.audio-player--upload .audio-player-play{width:52px;height:52px}.audio-player--upload .audio-player-title{font-size:.875rem}.audio-player--upload .audio-player-time{font-size:.75rem}.audio-player--upload .audio-player-track{height:48px}.audio-player--upload .audio-player-bar{max-width:4px}.audio-player.no-download,.audio-player--upload.no-download{grid-template-columns:auto 1fr}@media (width<=480px){.audio-player{gap:10px;width:100%;max-width:100%;padding:10px 12px 10px 10px}.audio-player-play{width:40px;height:40px}.audio-player--upload{gap:12px;padding:14px}.audio-player--upload .audio-player-play{width:46px;height:46px}.audio-player--upload .audio-player-track{height:40px}}.attachment-video{border-radius:var(--radius-sm);background:#00000040;width:100%;max-width:420px}.attachment-media-meta,.attachment-file-block{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.attachment-media-name,.attachment-file-name{opacity:.9;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.8125rem;overflow:hidden}.attachment-file-block .attachment-file{background:0 0;padding:0}.typing{gap:5px;display:flex;padding:18px 20px!important}.typing span{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite both bounce}.typing span:first-child{animation-delay:-.32s}.typing span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.message-form{border-top:1px solid var(--border);background:var(--bg-secondary);-webkit-backdrop-filter:var(--glass);padding:20px 28px 24px}.welcome-screen .message-form{-webkit-backdrop-filter:none;background:0 0;border-top:none}.pending-files{flex-flow:column wrap;gap:10px;width:100%;margin-bottom:12px;display:flex}.pending-file{border-radius:var(--radius-full);border:1px solid var(--border);background:#ffffff0d;align-items:center;gap:8px;padding:6px 12px;font-size:.8125rem;display:flex}.pending-file button{color:var(--text-muted);border-radius:4px;padding:0 2px;font-size:1rem;line-height:1}.pending-file button:hover{color:var(--danger)}.pending-audio-wrap{width:min(100%,360px);position:relative}.pending-audio-remove{z-index:2;width:28px;height:28px;color:var(--text-muted);border:1px solid var(--border);transition:color var(--transition), background var(--transition);background:#08090cb8;border-radius:50%;justify-content:center;align-items:center;font-size:1.125rem;line-height:1;display:flex;position:absolute;top:8px;right:8px}.pending-audio-remove:hover{color:var(--danger);background:#08090ceb}.message-input-row{border:1px solid var(--border-strong);border-radius:var(--radius);transition:border-color var(--transition), box-shadow var(--transition);background:#ffffff08;align-items:flex-end;gap:10px;padding:8px 8px 8px 12px;display:flex}.message-input-row:focus-within{border-color:#a78bfa66;box-shadow:0 0 0 3px #a78bfa1a}.message-input-row textarea{resize:none;field-sizing:content;min-height:44px;max-height:140px;box-shadow:none;background:0 0;border:none;flex:1;padding:10px 8px}.message-input-row textarea:focus{box-shadow:none;border:none}.btn-attach{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:background var(--transition), color var(--transition);flex-shrink:0;justify-content:center;align-items:center;padding:10px;font-size:1.125rem;display:inline-flex}.btn-attach-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn-attach:hover{color:var(--text);background:#ffffff0f}.message-input-row button[type=submit]{color:#fff;border-radius:var(--radius-sm);width:44px;height:44px;transition:transform var(--transition), box-shadow var(--transition), opacity var(--transition);background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);flex-shrink:0;place-items:center;font-size:1.125rem;display:grid;box-shadow:0 4px 16px #7c3aed59}.message-input-row button[type=submit]:hover:not(:disabled){transform:scale(1.04);box-shadow:0 6px 20px #7c3aed73}.message-input-row button[type=submit]:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.new-chat-page{max-width:960px;min-height:100vh;margin:0 auto;padding:32px 24px 64px;position:relative}.new-chat-header{animation:fade-up .5s var(--ease-out) both;margin-bottom:48px}.new-chat-page.is-instant-enter .new-chat-header{animation:none}.new-chat-intro{flex-direction:column;align-items:flex-start;gap:12px;margin-top:28px;display:flex}.new-chat-intro h1{font-family:var(--font-display);letter-spacing:-.03em;margin:4px 0 0;font-size:clamp(2rem,5vw,2.75rem);font-weight:400}.new-chat-intro p{color:var(--text-muted);max-width:480px;margin:0;font-size:1rem;line-height:1.6}.new-chat-page .error-banner{border-radius:var(--radius-sm);border:1px solid #f8717133;margin-bottom:24px}.back-link{color:var(--text-muted);transition:color var(--transition);align-items:center;gap:6px;padding:6px 0;font-size:.875rem;font-weight:500;display:inline-flex}.back-link:hover{color:var(--accent)}.page-nav-row{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.page-nav-row .back-link,.page-nav-row .btn-link-style{min-width:0}.btn-close-nav{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);transition:background var(--transition), color var(--transition);flex-shrink:0;place-items:center;margin-left:auto;display:grid}.btn-close-nav:hover{color:var(--text);background:#ffffff0f}.chat-header .btn-close-nav{margin-left:auto}.skill-categories{flex-direction:column;gap:40px;display:flex}.skill-category h2{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:12px;margin:0 0 16px;font-size:.75rem;font-weight:600;display:flex}.skill-category h2:after{content:"";background:var(--border);flex:1;height:1px}.skill-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.skill-card{background:var(--bg-secondary);-webkit-backdrop-filter:var(--glass);border:1px solid var(--border);border-radius:var(--radius);text-align:left;transition:border-color var(--transition), transform var(--transition), box-shadow var(--transition);flex-direction:column;gap:8px;padding:24px;display:flex;position:relative;overflow:hidden}.skill-card:before{content:"";opacity:0;transition:opacity var(--transition);background:linear-gradient(135deg,#a78bfa14 0%,#22d3ee0a 100%);position:absolute;inset:0}.skill-card:hover:not(:disabled){border-color:#a78bfa59;transform:translateY(-3px);box-shadow:0 12px 40px #0000004d,0 0 0 1px #a78bfa1a}.skill-card:hover:not(:disabled):before{opacity:1}.skill-card-no-skill{border-style:dashed}.skill-card:disabled{opacity:.55;cursor:not-allowed}.skill-icon{border:1px solid var(--border);background:#ffffff0a;border-radius:14px;place-items:center;width:48px;height:48px;font-size:2rem;display:grid;position:relative}.skill-name{font-size:1rem;font-weight:600;position:relative}.skill-desc{color:var(--text-muted);font-size:.8125rem;line-height:1.55;position:relative}.skill-loading{color:var(--accent);font-size:.75rem;font-weight:500;position:relative}.skill-author{color:var(--text-muted);font-size:.75rem;position:relative}.new-chat-actions,.empty-state-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.btn-secondary{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text);border-radius:10px;justify-content:center;align-items:center;padding:12px 20px;font-weight:500;display:inline-flex}.btn-secondary:hover{border-color:var(--accent)}.btn-primary.compact{padding:8px 14px;font-size:.875rem}.skills-page{max-width:920px;min-height:100vh;margin:0 auto;padding:24px}.skills-header{flex-direction:column;gap:16px;margin-bottom:28px;display:flex}.skills-intro h1{margin:8px 0 4px}.skills-title-row{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.skills-title-row h1{min-width:0;margin:8px 0 4px}.skills-intro p{color:var(--text-muted);margin:0}.skills-tabs{gap:8px;margin-bottom:20px;display:flex}.skills-tabs button{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-muted);border-radius:10px;padding:10px 18px}.skills-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.community-search{margin-bottom:20px}.community-search input{max-width:420px}.skill-list-cards{flex-direction:column;gap:12px;display:flex}.skill-list-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-secondary);align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.skill-list-body{flex:1;min-width:0}.skill-list-body h3{margin:0;font-size:1rem}.skill-list-body p{color:var(--text-muted);margin:6px 0 0;font-size:.875rem}.skill-list-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.skill-meta{color:var(--text-muted);flex-wrap:wrap;gap:6px;margin-top:8px;font-size:.75rem;display:flex}.visibility-badge{border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:500}.visibility-badge.public{color:var(--accent-hover);background:#6366f126}.visibility-badge.private{color:var(--text-muted);background:#9aa0b026}.skill-list-actions{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.skill-list-actions button{border:1px solid var(--border);background:var(--bg-tertiary);white-space:nowrap;border-radius:8px;padding:8px 12px;font-size:.8125rem}.btn-danger-text{color:var(--danger)!important}.library-badge{color:var(--accent-hover);white-space:nowrap;font-size:.8125rem}.empty-state{text-align:center;color:var(--text-muted);padding:48px 24px}.empty-state p{margin:0 0 16px}.visibility-block{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;margin-bottom:4px;padding:12px 14px}.visibility-block .visibility-hint{margin:8px 0 0}.visibility-switch{color:var(--text-muted);align-items:center;gap:12px;font-size:.875rem;display:flex}.visibility-switch span.active{color:var(--text);font-weight:600}.toggle-switch{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:999px;width:48px;height:28px;padding:3px;transition:background .2s}.toggle-switch.is-public{background:var(--accent);border-color:var(--accent)}.toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;display:block}.toggle-switch.is-public .toggle-thumb{transform:translate(20px)}.visibility-hint{color:var(--text-muted);margin:-8px 0 0;font-size:.8125rem}.skill-form-modal{max-width:560px}.skill-detail-modal{max-width:640px;position:relative}.modal-close{width:32px;height:32px;color:var(--text-muted);border-radius:8px;font-size:1.25rem;line-height:1;position:absolute;top:12px;right:12px}.modal-close:hover{background:var(--bg-tertiary);color:var(--text)}.skill-detail-header{align-items:flex-start;gap:14px;margin-bottom:12px;padding-right:28px;display:flex}.skill-icon.large{background:var(--bg-tertiary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:2.5rem;display:flex}.skill-detail-header h3{margin:0 0 8px;font-size:1.25rem}.skill-detail-badges{flex-wrap:wrap;gap:6px;display:flex}.skill-detail-meta,.skill-detail-section{margin-bottom:20px}.skill-detail-section h4{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 8px;font-size:.8125rem}.skill-detail-text{color:var(--text);white-space:pre-wrap;margin:0;line-height:1.6}.skill-detail-prompt{background:var(--bg-tertiary);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;border-radius:10px;max-height:280px;margin:0;padding:38px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;line-height:1.55;overflow-y:auto}.skill-detail-section .copyable-code-block{margin:0}.prompt-hidden-note{color:var(--text-muted);font-style:italic}.prompt-privacy-block{margin-top:-8px}.visibility-badge.private{color:#fbbf24;background:#fbbf241f;border-color:#fbbf2440}.page-center.compact{min-height:auto;padding:24px 0}.skill-comments-section{border-top:1px solid var(--border);margin-top:8px;padding-top:16px}.skill-comments-list{flex-direction:column;gap:14px;max-height:320px;margin-bottom:16px;display:flex;overflow-y:auto}.skill-comment{border:1px solid var(--border);background:#ffffff08;border-radius:10px;padding:12px 14px}.skill-comment-replies{border-left:2px solid var(--border);flex-direction:column;gap:10px;margin-top:10px;margin-left:12px;padding-left:12px;display:flex}.skill-comment-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.skill-comment-header strong{font-size:.8125rem}.skill-comment-header time{color:var(--text-subtle);font-size:.75rem}.skill-comment-text{white-space:pre-wrap;margin:0 0 8px;font-size:.875rem;line-height:1.5}.skill-comment-form textarea{resize:vertical;width:100%;margin-bottom:10px}.skill-comment-reply-hint{color:var(--text-muted);margin:0 0 8px;font-size:.8125rem}.btn-primary-inline{background:var(--accent);color:#fff;border-radius:8px;padding:8px 16px}.skill-list-body-btn{text-align:left;color:inherit;cursor:pointer;background:0 0;border:none;flex:1;min-width:0;padding:0}.skill-list-body-btn:hover h3{color:var(--accent-hover)}.skill-card-wrap{flex-direction:column;gap:6px;display:flex}.skill-card-wrap .skill-card{flex:1}.skill-card-info{color:var(--text-muted);text-align:center;border-radius:6px;padding:4px 8px;font-size:.75rem}.skill-card-info:hover{color:var(--accent-hover);background:var(--bg-tertiary)}.skill-type-picker{flex-direction:column;gap:8px;display:flex}.skill-type-picker-label{color:var(--text-secondary);font-size:.875rem}.skill-type-options{gap:8px;display:flex}.skill-type-option{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:10px;flex:1;padding:10px 12px}.skill-type-option.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.admin-layout{flex-direction:column;min-height:100vh;display:flex}.admin-header{background:var(--bg-secondary);-webkit-backdrop-filter:var(--glass);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;display:flex}.admin-header-left{align-items:center;gap:20px;display:flex}.admin-header h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:400}.admin-tabs{border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff08;gap:4px;padding:4px;display:flex}.admin-tabs a{color:var(--text-muted);transition:background var(--transition), color var(--transition);border-radius:8px;padding:8px 18px;font-size:.8125rem;font-weight:500}.admin-tabs a:hover{color:var(--text);background:#ffffff0d}.admin-tabs a.active{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);box-shadow:0 2px 12px #7c3aed4d}.admin-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px 28px}.admin-content>.error-banner{border-radius:var(--radius-sm);border:1px solid #f8717133;margin-bottom:20px}.admin-section{margin-bottom:36px}.admin-section h2{margin:0 0 16px;font-size:1.125rem;font-weight:600}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-header h2{margin:0}.section-actions{gap:8px;display:flex}.section-actions button,.inline-form button,.modal-actions button[type=submit],.item-actions button{color:#fff;border-radius:var(--radius-sm);transition:transform var(--transition), box-shadow var(--transition);background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:1px solid #ffffff1a;padding:9px 18px;font-size:.875rem;font-weight:500}.section-actions button:hover,.inline-form button:hover,.modal-actions button[type=submit]:hover{transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed4d}.btn-danger{background:var(--danger)!important;box-shadow:none!important}.inline-form{gap:10px;display:flex}.inline-form input{max-width:300px}.admin-skill-list{flex-direction:column;gap:10px;display:flex}.admin-skill-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);align-items:center;gap:14px;padding:16px 18px;display:flex}.admin-skill-item.inactive{opacity:.45}.admin-skill-item p{color:var(--text-muted);margin:4px 0 0;font-size:.8125rem}.admin-skill-item>div:nth-child(2){flex:1}.item-actions{gap:8px;display:flex}.item-actions button{color:var(--text);border:1px solid var(--border);box-shadow:none;background:#ffffff0d}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000b8;justify-content:center;align-items:center;padding:24px;animation:.2s both fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-lg);animation:fade-up .3s var(--ease-out) both;padding:28px;overflow-y:auto}.modal h3{font-family:var(--font-display);margin:0 0 24px;font-size:1.5rem;font-weight:400}.admin-form{flex-direction:column;gap:18px;display:flex}.admin-form label{color:var(--text-muted);flex-direction:column;gap:8px;font-size:.8125rem;font-weight:500;display:flex}.icon-picker{flex-wrap:wrap;gap:8px;max-height:160px;padding:4px 0;display:flex;overflow-y:auto}.icon-option{border-radius:var(--radius-sm);transition:border-color var(--transition), background var(--transition);border:2px solid #0000;padding:8px;font-size:1.5rem}.icon-option.selected{border-color:var(--accent);background:#a78bfa1a}.checkbox-label{align-items:center;flex-direction:row!important;gap:10px!important}.modal-actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.modal-actions button[type=button]{border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff0d;padding:9px 18px;font-weight:500}.admin-table{border-collapse:collapse;width:100%;font-size:.875rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 14px}.admin-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:500}.admin-table-sort{color:inherit;font:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;transition:color var(--transition);background:0 0;border:none;align-items:center;gap:6px;padding:0;display:inline-flex}.admin-table-sort:hover,.admin-table-sort.is-active{color:var(--text)}.admin-table-sort-icon{opacity:.72;font-size:.8125rem}.admin-models-tabs{margin-bottom:16px}.admin-models-type-filters{margin-bottom:20px}.admin-models-page .empty-hint{margin-top:24px}.admin-table tbody tr{transition:background var(--transition)}.admin-table tbody tr:hover{background:#ffffff05}.admin-errors-table tbody tr{cursor:pointer}.admin-errors-table tbody tr.is-expanded{background:#a78bfa14}.admin-errors-cell-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.admin-errors-details-row td{background:#0003;padding:16px 20px}.admin-errors-details{flex-direction:column;gap:16px;display:flex}.admin-errors-details pre{border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;background:#00000059;max-height:320px;margin:8px 0 0;padding:12px;font-size:.8125rem;line-height:1.5;overflow:auto}.admin-pagination{justify-content:center;align-items:center;gap:16px;margin-top:24px;display:flex}.admin-pagination button:disabled{opacity:.4;cursor:not-allowed}.admin-chats-layout{grid-template-columns:320px 1fr;gap:24px;height:calc(100vh - 120px);display:grid}.admin-chats-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);padding:16px;overflow-y:auto}.admin-chats-list h2{margin:0 0 14px;font-size:1rem;font-weight:600}.admin-chat-item{text-align:left;border-radius:var(--radius-sm);width:100%;transition:background var(--transition), border-color var(--transition);border:1px solid #0000;align-items:center;gap:12px;margin-bottom:4px;padding:12px;display:flex}.admin-chat-item:hover{background:#ffffff0a}.admin-chat-item.active{background:#a78bfa14;border-color:#a78bfa33}.admin-chat-item strong{font-size:.875rem;display:block}.admin-chat-item small{color:var(--text-subtle);font-size:.75rem}.admin-chat-view{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);flex-direction:column;display:flex;overflow:hidden}.admin-chat-view .messages-area{flex:1}.admin-thumb{border-radius:var(--radius-sm);max-width:120px;max-height:120px;margin-top:4px}@media (width<=768px){.app-layout{flex-direction:row;height:100dvh;position:relative;overflow:hidden}.app-layout.sidebar-collapsed .sidebar{border-right-color:var(--border);width:min(320px,88vw)}.sidebar{z-index:300;width:min(320px,88vw);max-width:88vw;transition:transform .28s var(--ease-out);border-right:1px solid var(--border);box-shadow:none;padding-top:env(safe-area-inset-top);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-layout.mobile-drawer-open .sidebar{transform:translate(0);box-shadow:12px 0 48px #00000073}.mobile-drawer-backdrop{z-index:290;-webkit-backdrop-filter:blur(3px);cursor:pointer;background:#0000008c;border:none;padding:0;display:none;position:fixed;inset:0}.app-layout.mobile-drawer-open .mobile-drawer-backdrop{display:block}.chat-main{flex-direction:column;flex:1;width:100%;min-width:0;min-height:0;display:flex}.sidebar-header{flex-shrink:0}.sidebar-footer{padding-bottom:max(12px, env(safe-area-inset-bottom));flex-shrink:0}.btn-menu-mobile{border-radius:var(--radius-sm);min-width:44px;min-height:44px;color:var(--text-muted);transition:background var(--transition), color var(--transition);flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.btn-menu-mobile span{color:var(--text);font-size:.875rem;font-weight:500}.btn-menu-mobile:hover{color:var(--text);background:#ffffff0f}.welcome-mobile-bar{z-index:3;padding:max(12px, env(safe-area-inset-top)) 16px 0;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.welcome-screen{padding-top:max(56px, calc(env(safe-area-inset-top) + 44px));padding-bottom:max(16px, env(safe-area-inset-bottom))}.welcome-compose-stack{padding-bottom:8px}.welcome-tags{padding:0 16px}.welcome-selected-skill,.welcome-voice-notice,.welcome-compose{width:100%;max-width:none;padding-left:16px;padding-right:16px}.btn-back-mobile{display:flex}.chat-header{padding:max(10px, env(safe-area-inset-top)) 12px 10px 8px;gap:10px}.chat-header .btn-close-nav{width:44px;height:44px}.chat-header-icon{width:40px;height:40px;font-size:1.25rem}.chat-header-title-row h3{font-size:.9375rem}.chat-header-skill{font-size:.75rem}.sidebar-header .brand-name{font-size:1.15rem}.message{max-width:92%}.messages-area{padding:16px 14px}.message-form{padding:12px 14px;padding-bottom:max(12px, env(safe-area-inset-bottom));z-index:2;position:sticky;bottom:0}.has-mobile-nav .message-form{padding-bottom:max(12px, env(safe-area-inset-bottom))}.chat-split-view{overflow-y:auto;grid-template-columns:1fr!important}.chat-split-pane{border-right:none;border-bottom:1px solid var(--border);min-height:40vh}.chat-split-pane:last-child{border-bottom:none}.chat-split-messages{max-height:none}.chat-item-delete,.btn-rename-chat-sm{opacity:1;width:36px;height:36px}.message-context-menu.is-mobile-sheet{bottom:max(16px, env(safe-area-inset-bottom));border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:fade-up .25s var(--ease-out) both;padding:8px;position:fixed;top:auto!important;left:16px!important;right:16px!important}.message-context-menu.is-mobile-sheet button{border-radius:var(--radius-sm);width:100%;min-height:48px;font-size:1rem}.mobile-bottom-nav{z-index:250;padding:8px 12px max(8px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);background:#0c0d12eb;grid-template-columns:repeat(3,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav-item{min-height:52px;color:var(--text-muted);transition:background var(--transition), color var(--transition);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:.6875rem;font-weight:500;display:flex}.mobile-bottom-nav-item.is-active{color:#e9d5ff;background:#a78bfa24}.has-mobile-nav .chat-main{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.has-mobile-nav-page{padding-bottom:calc(80px + env(safe-area-inset-bottom))!important}.new-chat-page{padding:max(16px, env(safe-area-inset-top)) 16px 48px}.skills-page{padding:max(16px, env(safe-area-inset-top)) 16px 24px}.skills-title-row{flex-direction:column;align-items:flex-start}.skill-grid{grid-template-columns:1fr}.skill-list-card{flex-direction:column;align-items:stretch}.skill-list-actions{flex-flow:wrap}.skill-list-actions button{flex:auto;min-height:44px}.topup-page{padding:max(16px, env(safe-area-inset-top)) 16px 24px}.topup-history-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.topup-history-table thead{display:none}.topup-history-table tbody,.topup-history-table tr,.topup-history-table td{width:100%;display:block}.topup-history-table tr{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);margin-bottom:12px;padding:14px 16px}.topup-history-table td{text-align:left;border:none;padding:4px 0}.topup-history-table td:before{content:attr(data-label);letter-spacing:.04em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:2px;font-size:.6875rem;font-weight:600;display:block}.admin-chats-layout{grid-template-columns:1fr;height:auto}.admin-header{padding:max(14px, env(safe-area-inset-top)) 16px 14px}.admin-content{padding:16px}.admin-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;overflow-x:auto}.admin-tabs::-webkit-scrollbar{display:none}.admin-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.auth-card{padding:36px 24px}.auth-page{padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom))}.page-nav-row .back-link{font-size:.875rem}.welcome-skill-modal{max-width:none;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin:0}.modal-overlay{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom))}}.stt-workspace{flex-direction:column;flex:1;gap:24px;width:100%;max-width:820px;margin:0 auto;padding:28px 32px 40px;display:flex;overflow-y:auto}.stt-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:24px 28px}.stt-panel-head{margin-bottom:20px}.stt-panel-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#a78bfad9;margin-bottom:8px;font-size:.72rem;display:inline-block}.stt-panel-title{margin:0 0 6px;font-size:1.15rem;font-weight:600}.stt-panel-desc{color:#ffffff8c;margin:0;font-size:.92rem;line-height:1.5}.stt-dropzone{background:#00000026;border:1.5px dashed #a78bfa59;border-radius:16px;align-items:stretch;min-height:160px;transition:border-color .2s,background .2s;display:flex;position:relative}.stt-dropzone.is-dragover,.stt-dropzone:hover{background:#a78bfa0f;border-color:#a78bfab3}.stt-dropzone.has-file{border-style:solid;border-color:#ffffff1f}.stt-dropzone-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.stt-dropzone-trigger{color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:32px 24px;display:flex}.stt-dropzone-icon{color:#c4b5fdf2;background:#a78bfa26;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.stt-dropzone-label{font-size:1rem;font-weight:600}.stt-dropzone-hint{color:#ffffff73;font-size:.85rem}.stt-dropzone.has-file{background:#0000001f;border-style:solid;border-color:#a78bfa38;min-height:0}.stt-file-card{flex-direction:column;flex:1;gap:18px;width:100%;padding:22px 24px;display:flex}.stt-file-header{align-items:center;gap:14px;min-width:0;display:flex}.stt-file-badge{background:linear-gradient(145deg,#7c3aed59,#22d3ee26);border:1px solid #a78bfa40;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.stt-file-badge-ring{border:1px solid #a78bfa33;border-radius:14px;animation:3s ease-in-out infinite stt-badge-glow;position:absolute;inset:-3px}@keyframes stt-badge-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.85;transform:scale(1.03)}}.stt-file-badge-icon{color:#c4b5fd;font-size:1.1rem}.stt-file-meta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.stt-file-name{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;overflow:hidden}.stt-file-size{color:#ffffff73;font-size:.8rem}.stt-upload-player{width:100%}.stt-file-remove{color:#ffffff8c;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s,color .2s,border-color .2s;display:flex}.stt-file-remove:hover{color:#fca5a5;background:#ef444426;border-color:#ef444459}.stt-options{flex-wrap:wrap;align-items:flex-end;gap:20px 28px;margin-top:20px;display:flex}.stt-field{flex-direction:column;gap:6px;min-width:200px;display:flex}.stt-field-label{color:#ffffff8c;font-size:.82rem}.stt-select{appearance:none;color:inherit;font:inherit;background:#00000040 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 12px center no-repeat;border:1px solid #ffffff1f;border-radius:10px;padding:10px 36px 10px 12px}.stt-advanced-options{flex-direction:column;gap:10px;min-width:240px;display:flex}.stt-checkbox{cursor:pointer;align-items:center;gap:10px;padding-bottom:10px;font-size:.92rem;display:flex}.stt-checkbox input{accent-color:#a78bfa;width:16px;height:16px}.stt-transcribe-btn{color:#fff;font:inherit;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:12px 28px;font-weight:600;transition:opacity .2s,transform .15s;display:inline-flex}.stt-transcribe-btn:hover:not(:disabled){transform:translateY(-1px)}.stt-transcribe-btn:disabled{opacity:.45;cursor:not-allowed}.stt-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.stt-result-textarea{resize:vertical;width:100%;min-height:280px;color:inherit;font:inherit;background:#00000038;border:1px solid #ffffff1a;border-radius:14px;padding:16px 18px;font-size:.95rem;line-height:1.55}.stt-result-textarea:focus{border-color:#a78bfa80;outline:none;box-shadow:0 0 0 3px #a78bfa1f}.stt-result-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.stt-export-group{flex-wrap:wrap;gap:10px;display:flex}.stt-export-btn,.stt-revert-btn{font:inherit;cursor:pointer;border-radius:10px;padding:9px 16px;font-size:.88rem;transition:background .2s}.stt-export-btn{color:inherit;background:#ffffff14;border:1px solid #ffffff1f}.stt-export-btn:hover:not(:disabled){background:#ffffff24}.stt-export-btn:disabled{opacity:.4;cursor:not-allowed}.stt-revert-btn{color:#fcd34d;background:0 0;border:1px solid #fbbf2459}.stt-revert-btn:hover{background:#fbbf241a}.stt-result-loading{color:#ffffff8c;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;display:flex}.stt-result-loading-bars{align-items:flex-end;gap:4px;height:32px;display:flex}.stt-result-loading-bars span{background:#a78bfab3;border-radius:2px;width:4px;animation:1s ease-in-out infinite stt-bar}.stt-result-loading-bars span:first-child{height:40%;animation-delay:0s}.stt-result-loading-bars span:nth-child(2){height:70%;animation-delay:.1s}.stt-result-loading-bars span:nth-child(3){height:100%;animation-delay:.2s}.stt-result-loading-bars span:nth-child(4){height:65%;animation-delay:.3s}.stt-result-loading-bars span:nth-child(5){height:45%;animation-delay:.4s}@keyframes stt-bar{0%,to{opacity:.5;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}.stt-error{margin:0}@media (width<=768px){.stt-workspace{padding:16px 16px 32px}.stt-panel{padding:18px 16px}.stt-options{flex-direction:column;align-items:stretch}.stt-field{min-width:0}}