@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";
:root,html[data-theme=aurora]{--color-scheme:dark;--bg-base:#0a0a0f;--bg-surface:#141419b3;--bg-glass:#ffffff08;--bg-radial-top:#8b5cf626;--bg-radial-bottom:#3b82f61a;--sidebar-bg:#0a0a0f99;--header-bg:#0a0a0f66;--input-bg:#0006;--input-shell-bg:#00000080;--surface-hover:#ffffff14;--scroll-thumb:#ffffff1a;--border-color:#ffffff14;--text-primary:#fff;--text-secondary:#a0a0b0;--accent-primary:#8b5cf6;--accent-secondary:#3b82f6;--accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--accent-glow:#8b5cf680;--accent-faint:#8b5cf60a;--accent-soft:#8b5cf624;--accent-border:#8b5cf647;--focus-ring:#8b5cf633;--danger:#ef4444;--success:#10b981;--warning:#f59e0b}html[data-theme=graphite]{--color-scheme:dark;--bg-base:#212121;--bg-surface:#202020d9;--bg-glass:#ffffff0a;--bg-radial-top:transparent;--bg-radial-bottom:transparent;--sidebar-bg:#1a1a1ae0;--header-bg:#1a1a1aad;--input-bg:#2d2d2db3;--input-shell-bg:#282828bf;--surface-hover:#ffffff0f;--scroll-thumb:#ffffff26;--border-color:#ffffff14;--text-primary:#fff;--text-secondary:#a0a0a0;--accent-primary:#10a37f;--accent-secondary:#10a37f;--accent-gradient:linear-gradient(135deg, #10a37f, #10a37f);--accent-glow:#10a37f40;--accent-faint:#10a37f0f;--accent-soft:#10a37f1f;--accent-border:#10a37f4d;--focus-ring:#10a37f33}html[data-theme=midnight]{--color-scheme:dark;--bg-base:#070b14;--bg-surface:#0d1424c7;--bg-glass:#ffffff09;--bg-radial-top:#06b6d421;--bg-radial-bottom:#a78bfa17;--sidebar-bg:#070b14ad;--header-bg:#070b1480;--input-bg:#0206177a;--input-shell-bg:#0206178f;--surface-hover:#ffffff13;--scroll-thumb:#7dd3fc2e;--border-color:#bfdbfe17;--text-primary:#f8fbff;--text-secondary:#9fb0c6;--accent-primary:#06b6d4;--accent-secondary:#a78bfa;--accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--accent-glow:#06b6d459;--accent-faint:#06b6d40b;--accent-soft:#06b6d424;--accent-border:#06b6d447;--focus-ring:#06b6d433}html[data-theme=evergreen]{--color-scheme:light;--bg-base:#f4efe7;--bg-surface:#fffbf5d6;--bg-glass:#ffffffb3;--bg-radial-top:#2f6b6324;--bg-radial-bottom:#7b5a3317;--sidebar-bg:#f8f2ead1;--header-bg:#f8f2eaad;--input-bg:#ffffffc7;--input-shell-bg:#ffffffdb;--surface-hover:#1f29370e;--scroll-thumb:#64748b42;--border-color:#47556926;--text-primary:#1e2927;--text-secondary:#5f6d68;--accent-primary:#2f6b63;--accent-secondary:#7b5a33;--accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--accent-glow:#2f6b632e;--accent-faint:#2f6b630f;--accent-soft:#2f6b631f;--accent-border:#2f6b6338;--focus-ring:#2f6b6329}html[data-theme=burgundy]{--color-scheme:light;--bg-base:#eef2f6;--bg-surface:#ffffffd6;--bg-glass:#ffffffad;--bg-radial-top:#355c7d24;--bg-radial-bottom:#8c5a4317;--sidebar-bg:#f3f6fad1;--header-bg:#f3f6faad;--input-bg:#ffffffc7;--input-shell-bg:#ffffffdb;--surface-hover:#0f172a0e;--scroll-thumb:#64748b3d;--border-color:#47556926;--text-primary:#1c2733;--text-secondary:#5e6b7d;--accent-primary:#355c7d;--accent-secondary:#8c5a43;--accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--accent-glow:#355c7d2e;--accent-faint:#355c7d0f;--accent-soft:#355c7d1f;--accent-border:#355c7d38;--focus-ring:#355c7d29}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;color-scheme:var(--color-scheme,dark);font-family:Inter,sans-serif;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.btn-primary:hover{box-shadow:0 6px 16px var(--accent-glow);filter:brightness(1.1);transform:translateY(-2px)}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--surface-hover);transform:translateY(-1px)}.btn-icon{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.btn-icon:hover{background:var(--bg-glass);color:var(--text-primary)}.input-field{background:var(--input-bg);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:12px;padding:14px 18px;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s}.input-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--focus-ring);outline:none}.input-field::placeholder{color:var(--text-secondary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.app-container{background:radial-gradient(circle at top right, var(--bg-radial-top) 0%, transparent 40%), radial-gradient(circle at bottom left, var(--bg-radial-bottom) 0%, transparent 40%);width:100vw;height:100vh;display:flex}.sidebar{border-right:1px solid var(--border-color);background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;flex-direction:column;width:280px;min-width:280px;height:100%;transition:width .2s,min-width .2s;display:flex}.sidebar.is-collapsed{width:84px;min-width:84px}.sidebar.is-collapsed .section-title{display:none}.main-content{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.header{border-bottom:1px solid var(--border-color);background:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-width:0;height:64px;padding:0 24px;display:flex}.chat-area{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;flex:1;gap:24px;min-width:0;padding:24px;display:flex;overflow-y:auto}.chat-scroll-shell{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.sidebar-scroll-region{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;overflow-y:auto}.scroll-to-bottom-button{z-index:8;border:1px solid var(--accent-border);background:var(--bg-surface);width:38px;height:38px;color:var(--accent-primary);cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;justify-content:center;align-items:center;transition:transform .18s,border-color .18s,background .18s;display:flex;position:absolute;bottom:18px;right:24px;box-shadow:0 14px 34px #00000059,0 0 0 1px #ffffff0a}.scroll-to-bottom-button:hover{border-color:var(--accent-primary);background:var(--accent-soft);transform:translateY(-2px)}.input-area{background:linear-gradient(to top, var(--bg-base) 60%, transparent);padding:24px}.message{opacity:0;gap:16px;max-width:85%;animation:.3s forwards fadeIn;display:flex}.message.user{flex-direction:row-reverse;margin-left:auto}.avatar{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.message.ai .avatar{background:var(--accent-gradient);border:none}.message-content{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;min-width:0;padding:16px;line-height:1.6}.message.user .message-content{background:var(--accent-faint);border-color:var(--accent-border)}.nav-item{color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:12px;margin:4px 12px;padding:6px 16px;font-size:.95rem;transition:all .2s;display:flex}.nav-item:hover{background:var(--bg-glass);color:var(--text-primary)}.nav-item.active{background:var(--accent-soft);color:var(--accent-primary);font-weight:500}.nav-item.compact{justify-content:center;gap:0;margin:4px 10px;padding:12px 10px}.sidebar-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-item.compact .sidebar-label{display:none}.openclaw-shell{grid-template-columns:minmax(0,1fr) minmax(320px,360px);gap:16px;height:100%;min-height:0;display:grid}.openclaw-shell.rail-collapsed{grid-template-columns:minmax(0,1fr) 84px}.openclaw-main-panel,.openclaw-rail{border:1px solid var(--border-color);background:#ffffff08;border-radius:18px;min-height:0;overflow:hidden}.openclaw-main-panel{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.openclaw-toolbar{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.openclaw-toolbar-copy{flex:280px;gap:4px;min-width:0;display:grid}.openclaw-toolbar-title{font-size:1.02rem;font-weight:700;line-height:1.25}.openclaw-toolbar-stack{flex:460px;justify-items:end;gap:10px;max-width:100%;margin-left:auto;display:grid}.openclaw-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.openclaw-toolbar-health{border:1px solid var(--border-color);background:#ffffff0a;border-radius:14px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;min-width:0;padding:10px 12px;display:flex}.ollama-health-badge{background:#ffffff08;border:1px solid;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:8px 10px;font-size:.78rem;font-weight:600;line-height:1;display:inline-flex}.openclaw-toolbar-health-copy{gap:4px;min-width:0;display:grid}.openclaw-toolbar-health-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:.72rem}.openclaw-toolbar-health-meta{text-overflow:ellipsis;white-space:nowrap;max-width:min(44vw,360px);color:var(--text-primary);font-size:.82rem;overflow:hidden}.openclaw-toolbar-health-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.openclaw-chat-area{padding:18px}.openclaw-empty-state{gap:24px;width:min(100%,960px);margin:auto;display:grid}.openclaw-quick-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.openclaw-quick-card,.openclaw-choice-card,.openclaw-choice-row,.openclaw-inline-button,.openclaw-toggle{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff08;font-family:inherit}.openclaw-quick-card{cursor:pointer;text-align:left;border-radius:14px;padding:14px;transition:transform .18s,border-color .18s,background .18s}.openclaw-quick-card:hover,.openclaw-choice-card:hover,.openclaw-choice-row:hover,.openclaw-inline-button:hover,.openclaw-toggle:hover{border-color:var(--accent-border);background:#ffffff0d;transform:translateY(-1px)}.openclaw-context-pills{flex-wrap:wrap;gap:8px;display:flex}.openclaw-pill{border:1px solid var(--border-color);color:var(--text-secondary);background:#ffffff08;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:.76rem;line-height:1;display:inline-flex}.openclaw-pill.accent,.openclaw-rail-chip{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-primary)}.openclaw-composer{border-top:1px solid var(--border-color);background:#ffffff05;gap:10px;padding:14px;display:grid}.openclaw-rail{background:linear-gradient(#ffffff0d,#ffffff05);flex-direction:column;display:flex}.openclaw-rail.is-collapsed{padding:12px}.openclaw-rail-collapsed-shell{flex-direction:column;align-items:center;gap:12px;height:100%;display:flex}.openclaw-rail-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.openclaw-rail-subtitle{color:var(--text-secondary);margin-top:2px;font-size:.78rem}.openclaw-rail-chip-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.openclaw-rail-chip{border:1px solid var(--accent-border);border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:.72rem;line-height:1;display:inline-flex}.openclaw-rail-chip.is-muted{border-color:var(--border-color);color:var(--text-secondary);background:#ffffff08}.openclaw-rail-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;gap:12px;min-height:0;padding:16px;display:grid;overflow-y:auto}.openclaw-card{border:1px solid var(--border-color);background:#ffffff08;border-radius:14px;gap:10px;padding:12px;display:grid}.openclaw-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.openclaw-choice-grid{gap:8px;display:grid}.openclaw-choice-card{cursor:pointer;text-align:left;border-radius:12px;padding:12px;transition:transform .18s,border-color .18s,background .18s}.openclaw-choice-card.active,.openclaw-choice-row.active,.openclaw-toggle.active{border-color:var(--accent-primary);background:var(--accent-soft);color:var(--accent-primary)}.openclaw-choice-row{cursor:pointer;text-align:left;border-radius:12px;gap:4px;width:100%;padding:10px 12px;transition:transform .18s,border-color .18s,background .18s;display:grid}.openclaw-inline-button,.openclaw-toggle{cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:7px 10px;font-size:.78rem;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.openclaw-inline-button:disabled{opacity:.7;cursor:not-allowed}.openclaw-field-label,.openclaw-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:.72rem}.openclaw-field-label{margin-bottom:6px;display:inline-flex}.openclaw-list-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;gap:6px;max-height:220px;display:grid;overflow-y:auto}.openclaw-rail-stat-cluster{gap:8px;width:100%;display:grid}.openclaw-rail-stat{border:1px solid var(--border-color);color:var(--text-secondary);background:#ffffff0a;border-radius:14px;justify-items:center;gap:6px;padding:10px 6px;display:grid}.openclaw-rail-stat.is-active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-primary)}.openclaw-rail-stat-label{letter-spacing:.08em;font-size:.68rem;font-weight:700;line-height:1}.openclaw-rail-collapsed-footer{border:1px solid var(--border-color);width:100%;color:var(--text-secondary);background:#ffffff08;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:10px 8px;font-size:.72rem;line-height:1;display:inline-flex}.openclaw-rail-status-dot{border-radius:999px;flex-shrink:0;width:8px;height:8px}.openclaw-checklist-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.openclaw-check-toggle{border:1px solid var(--border-color);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.openclaw-check-toggle.completed{border-color:var(--accent-primary);background:var(--accent-soft);color:var(--accent-primary)}.openclaw-capability-row{color:var(--text-secondary);align-items:flex-start;gap:8px;font-size:.82rem;line-height:1.55;display:flex}.openclaw-rail-footer{border-top:1px solid var(--border-color);color:var(--text-secondary);padding:14px 16px;font-size:.8rem}.section-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin:20px 0 8px 24px;font-size:.75rem;font-weight:600}.status-indicator{background:var(--success);width:8px;height:8px;box-shadow:0 0 8px var(--success);border-radius:50%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@media (max-width:1180px){.openclaw-shell,.openclaw-shell.rail-collapsed{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.openclaw-rail,.openclaw-rail.is-collapsed{min-height:auto}.openclaw-rail.is-collapsed{padding:14px 16px}}@media (max-width:960px){.openclaw-toolbar-stack{justify-items:stretch;width:100%}.openclaw-toolbar-actions,.openclaw-toolbar-health,.openclaw-toolbar-health-actions{justify-content:flex-start}.openclaw-toolbar-health-meta{max-width:none}.sidebar{width:96px;min-width:96px}.sidebar:not(.is-collapsed){width:240px;min-width:240px}.header{height:auto;min-height:64px;padding:6px 16px}.chat-area,.openclaw-chat-area,.input-area{padding:16px}.openclaw-checklist-row{grid-template-columns:auto minmax(0,1fr)}}