@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]{--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]{--bg-base:#090b0e;--bg-surface:#16191dc2;--bg-glass:#ffffff09;--bg-radial-top:#38bdf81f;--bg-radial-bottom:#f59e0b14;--sidebar-bg:#090b0ead;--header-bg:#090b0e80;--input-bg:#00000061;--input-shell-bg:#0000007a;--surface-hover:#ffffff13;--scroll-thumb:#94a3b833;--border-color:#e2e8f017;--text-primary:#f8fafc;--text-secondary:#a8b0ba;--accent-primary:#38bdf8;--accent-secondary:#f59e0b;--accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--accent-glow:#38bdf859;--accent-faint:#38bdf80b;--accent-soft:#38bdf824;--accent-border:#38bdf847;--focus-ring:#38bdf833}html[data-theme=midnight]{--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]{--bg-base:#07110f;--bg-surface:#0b1c18c7;--bg-glass:#ffffff09;--bg-radial-top:#34d3991f;--bg-radial-bottom:#fbbf2414;--sidebar-bg:#07110fb3;--header-bg:#07110f80;--input-bg:#0108067a;--input-shell-bg:#0108068f;--surface-hover:#ffffff13;--scroll-thumb:#6ee7b72e;--border-color:#d1fae516;--text-primary:#f5fffb;--text-secondary:#9db9ae;--accent-primary:#34d399;--accent-secondary:#fbbf24;--accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--accent-glow:#34d39952;--accent-faint:#34d3990b;--accent-soft:#34d39924;--accent-border:#34d39947;--focus-ring:#34d39933}html[data-theme=burgundy]{--bg-base:#12080d;--bg-surface:#1f0e16c7;--bg-glass:#ffffff09;--bg-radial-top:#f43f5e1f;--bg-radial-bottom:#f59e0b14;--sidebar-bg:#12080db3;--header-bg:#12080d80;--input-bg:#0802057a;--input-shell-bg:#0802058f;--surface-hover:#ffffff13;--scroll-thumb:#fb71852e;--border-color:#ffe4e616;--text-primary:#fff8fa;--text-secondary:#c0a2aa;--accent-primary:#f43f5e;--accent-secondary:#f59e0b;--accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--accent-glow:#f43f5e52;--accent-faint:#f43f5e0b;--accent-soft:#f43f5e24;--accent-border:#f43f5e47;--focus-ring:#f43f5e33}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:100vh;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:12px 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:center;gap:12px;padding:14px 16px;display:flex}.ollama-health-strip{border-bottom:1px solid var(--border-color);background:#ffffff05;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.ollama-health-summary{align-items:center;gap:12px;min-width:0;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-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,.openclaw-mini-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-mini-pill{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-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.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-connection-chip{border:1px solid var(--border-color);color:var(--text-secondary);background:#ffffff08;border-radius:999px;align-items:center;gap:8px;padding:7px 10px;font-size:.78rem;display:inline-flex}.openclaw-mini-stack{gap:8px;width:100%;display:grid}.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){.sidebar{width:96px;min-width:96px}.sidebar:not(.is-collapsed){width:240px;min-width:240px}.header{height:auto;min-height:64px;padding:12px 16px}.chat-area,.openclaw-chat-area,.input-area{padding:16px}.openclaw-checklist-row{grid-template-columns:auto minmax(0,1fr)}}