/* ═══════════════════════════════════════════════════════════
   Zythera OS v1.4 — Design System & Theme Engine
   Dark/Light mode, Claude-style chat, Voice terminal, 
   Dashboard, Landing Page & Stage 1 End-User Components
   ═══════════════════════════════════════════════════════════ */

:root {
  --bg:       #0a0a0f;
  --bg-s:     #111118;
  --bg-card:  #16161f;
  --bg-hover: rgba(255,255,255,0.04);
  --bg-input: rgba(255,255,255,0.05);

  --acc-blue:  #3B82F6;
  --acc-cyan:  #06B6D4;
  --acc-violet:#8B5CF6;
  --acc-orange:#F97316;
  --acc-green: #10B981;
  --acc-red:   #EF4444;

  --t1: #F1F5F9;
  --t2: #94A3B8;
  --t3: #4B5563;
  --t4: #1E2433;

  --sidebar-w: 256px;
  --topbar-h:  48px;
  --mobile-nav-h: 60px;

  --r-sm: 6px; --r-md:10px; --r-lg:14px; --r-xl:20px; --r-2xl:28px;
  --font: 'Inter',system-ui,sans-serif;
  --mono: 'JetBrains Mono','Fira Code',monospace;
  --ease: 0.18s ease;
  --ease-md: 0.28s ease;
}

/* ── Light Mode Token Overrides ── */
html[data-theme="light"] {
  --bg:       #f8fafc;
  --bg-s:     #ffffff;
  --bg-card:  #ffffff;
  --bg-hover: rgba(0,0,0,0.04);
  --bg-input: rgba(0,0,0,0.05);

  --t1: #0f172a;
  --t2: #475569;
  --t3: #94a3b8;
  --t4: #e2e8f0;
}

html[data-theme="light"] .sidebar {
  background: #f1f5f9;
  border-right-color: rgba(0,0,0,0.08);
}
html[data-theme="light"] .top-bar {
  background: rgba(248,250,252,0.85);
  border-bottom-color: rgba(0,0,0,0.08);
}
html[data-theme="light"] .claude-input-box {
  background: #ffffff;
  border-color: rgba(0,0,0,0.12);
  box-shadow: 0 4px 12px rgba(0,0,0,0.04);
}
html[data-theme="light"] .user-row .msg-content {
  background: rgba(59,130,246,0.1);
  border-color: rgba(59,130,246,0.2);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{font-size:15px;-webkit-text-size-adjust:100%;}
body{background:var(--bg);color:var(--t1);font-family:var(--font);overflow:hidden;height:100vh;height:100dvh;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
button{font-family:var(--font);cursor:pointer;border:none;background:none;}
input,select,textarea{font-family:var(--font);}

::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.09);border-radius:4px;}
::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.15);}

/* ── Layout ─────────────────────────────────────────── */
.app-container{display:flex;height:100vh;height:100dvh;width:100vw;overflow:hidden;}
.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;}
@keyframes fadeIn{from{opacity:0;transform:translateY(5px);}to{opacity:1;transform:none;}}
.canvas-view{flex:1;display:flex;flex-direction:column;overflow:hidden;animation:fadeIn .18s ease both;}
.hidden{display:none!important;}

/* ── LANDING PAGE OVERLAY ───────────────────────────── */
.landing-overlay{
  position:fixed;inset:0;z-index:900;
  background:var(--bg);
  overflow-y:auto;
  display:flex;flex-direction:column;
}
.landing-nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:1.25rem 2.5rem;
  border-bottom:1px solid rgba(255,255,255,0.05);
  position:sticky;top:0;background:rgba(10,10,15,0.9);backdrop-filter:blur(16px);
  z-index:10;
}
.landing-brand{display:flex;align-items:center;gap:.65rem;}
.landing-brand-name{font-size:1.1rem;font-weight:700;letter-spacing:.08em;background:linear-gradient(90deg,#F1F5F9,#94A3B8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.version-tag{font-size:.65rem;font-family:var(--mono);padding:.1rem .4rem;border-radius:4px;background:rgba(59,130,246,.15);color:var(--acc-blue);}
.landing-links{display:flex;gap:2rem;}
.landing-links a{font-size:.875rem;color:var(--t2);transition:color var(--ease);}
.landing-links a:hover{color:var(--t1);}
.landing-nav-actions{display:flex;gap:.75rem;align-items:center;}

.landing-content{flex:1;max-width:1120px;width:100%;margin:0 auto;padding:3rem 1.5rem 5rem;display:flex;flex-direction:column;gap:5rem;}

.hero-section{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;padding-top:1.5rem;}
.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:99px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.25);color:#6EE7B7;font-size:.78rem;font-weight:500;}
.live-pulse{width:6px;height:6px;border-radius:50%;background:var(--acc-green);animation:blink 1.2s infinite;}

.hero-title{font-size:3.2rem;font-weight:800;line-height:1.15;letter-spacing:-.03em;max-width:850px;}
.gradient-text{background:linear-gradient(135deg,var(--acc-blue) 0%,var(--acc-cyan) 50%,var(--acc-violet) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.hero-subtitle{font-size:1.1rem;color:var(--t2);max-width:640px;line-height:1.6;}

.hero-cta-group{display:flex;gap:1rem;margin-top:.5rem;}
.hero-cta-btn{padding:.75rem 1.5rem;font-size:.95rem;}

.hero-preview-card{
  width:100%;max-width:780px;
  background:var(--bg-s);border:1px solid rgba(255,255,255,0.08);
  border-radius:var(--r-xl);box-shadow:0 24px 64px rgba(0,0,0,0.7);
  overflow:hidden;margin-top:1.5rem;text-align:left;
}
.preview-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid rgba(255,255,255,0.05);background:rgba(255,255,255,0.02);}
.preview-dots{display:flex;gap:6px;}
.preview-dots span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.15);}
.preview-title{font-size:.75rem;font-family:var(--mono);color:var(--t3);}

.preview-body{padding:1.25rem;}
.preview-chat-sample{display:flex;flex-direction:column;gap:.85rem;font-size:.875rem;}
.preview-msg{padding:.75rem 1rem;border-radius:var(--r-md);}
.preview-msg.user{background:rgba(59,130,246,0.1);color:var(--t1);}
.preview-msg.ai{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);display:flex;flex-direction:column;gap:.5rem;}
.msg-author{font-size:.72rem;font-weight:700;color:var(--acc-blue);margin-right:.4rem;}

.landing-section{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;}
.section-title{font-size:2rem;font-weight:700;letter-spacing:-.02em;}
.section-desc{font-size:.98rem;color:var(--t2);max-width:540px;}

.landing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem;width:100%;margin-top:1.5rem;}
.feature-card{background:var(--bg-s);border:1px solid rgba(255,255,255,0.06);border-radius:var(--r-lg);padding:1.5rem;text-align:left;display:flex;flex-direction:column;gap:.75rem;transition:transform var(--ease),border-color var(--ease);}
.feature-card:hover{transform:translateY(-3px);border-color:rgba(59,130,246,0.25);}
.feature-icon{width:42px;height:42px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;}
.feature-icon.blue{background:rgba(59,130,246,0.12);color:var(--acc-blue);}
.feature-icon.cyan{background:rgba(6,182,212,0.12);color:var(--acc-cyan);}
.feature-icon.violet{background:rgba(139,92,246,0.12);color:var(--acc-violet);}
.feature-icon.green{background:rgba(16,185,129,0.12);color:var(--acc-green);}

.pricing-container{width:100%;max-width:520px;margin-top:1.5rem;}
.pricing-card{background:var(--bg-s);border:2px solid var(--acc-blue);border-radius:var(--r-2xl);padding:2.2rem;text-align:left;box-shadow:0 16px 48px rgba(59,130,246,0.12);}
.pricing-badge{font-size:.68rem;font-weight:800;letter-spacing:.1em;color:var(--acc-blue);background:rgba(59,130,246,0.12);padding:.25rem .6rem;border-radius:4px;}
.price-val{font-size:3rem;font-weight:800;margin:.8rem 0 .2rem;}
.price-period{font-size:1rem;color:var(--t2);font-weight:400;}
.pricing-list{list-style:none;display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0 2rem;}
.pricing-list li{display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:var(--t1);}
.pricing-list svg{color:var(--acc-green);flex-shrink:0;}

/* ── Sidebar (Claude-style) ─────────────────────────── */
.sidebar{
  width:var(--sidebar-w);flex-shrink:0;
  background:#0e0e16;
  border-right:1px solid rgba(255,255,255,0.05);
  display:flex;flex-direction:column;
  transition:transform var(--ease-md),width var(--ease-md);
  z-index:20;overflow:hidden;
}
.sidebar.collapsed{transform:translateX(calc(-1 * var(--sidebar-w)));position:fixed;height:100%;top:0;left:0;}

.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem .75rem;border-bottom:1px solid rgba(255,255,255,0.04);}
.sidebar-logo{display:flex;align-items:center;gap:.55rem;}
.logo-icon{width:26px;height:26px;background:linear-gradient(135deg,rgba(59,130,246,.18),rgba(139,92,246,.12));border:1px solid rgba(255,255,255,0.08);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:var(--acc-blue);}
.logo-text{font-size:.82rem;font-weight:700;letter-spacing:.12em;background:linear-gradient(90deg,#F1F5F9,#94A3B8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}

.workspace-selector-wrap{padding:.5rem .75rem .25rem;}
.workspace-select{width:100%;font-size:.78rem;padding:.35rem .6rem;}

.new-chat-btn{display:flex;align-items:center;gap:.5rem;margin:.5rem .75rem .25rem;padding:.55rem .875rem;border-radius:var(--r-md);background:rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.18);color:var(--acc-blue);font-size:.82rem;font-weight:500;transition:background var(--ease),transform var(--ease);}
.new-chat-btn:hover{background:rgba(59,130,246,.18);transform:translateY(-1px);}

.sidebar-section-label{font-size:.6rem;font-weight:600;letter-spacing:.1em;color:var(--t3);text-transform:uppercase;padding:.5rem 1rem .2rem;}
.sidebar-nav{display:flex;flex-direction:column;gap:1px;padding:0 .5rem;}
.nav-item{display:flex;align-items:center;gap:.6rem;padding:.52rem .75rem;border-radius:var(--r-sm);color:var(--t2);font-size:.835rem;font-weight:400;cursor:pointer;transition:background var(--ease),color var(--ease);}
.nav-item:hover{background:var(--bg-hover);color:var(--t1);}
.nav-item.active{background:rgba(59,130,246,.1);color:var(--acc-blue);font-weight:500;}
.nav-badge{margin-left:auto;background:var(--acc-blue);color:#fff;font-size:.58rem;font-weight:700;padding:.1rem .35rem;border-radius:99px;}

/* Sidebar history list */
.sidebar-history{flex:1;overflow-y:auto;padding:0 .5rem;display:flex;flex-direction:column;gap:1px;scrollbar-width:none;}
.sidebar-history::-webkit-scrollbar{display:none;}
.sidebar-hist-item{display:flex;align-items:center;gap:.5rem;padding:.42rem .75rem;border-radius:var(--r-sm);cursor:pointer;color:var(--t2);font-size:.8rem;transition:background var(--ease),color var(--ease);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sidebar-hist-item:hover{background:var(--bg-hover);color:var(--t1);}
.sidebar-hist-item.active-conv{color:var(--t1);background:rgba(255,255,255,.04);}
.sidebar-hist-icon{flex-shrink:0;opacity:.4;}

.sidebar-bottom{border-top:1px solid rgba(255,255,255,0.05);padding:.5rem;}
.sidebar-user{display:flex;align-items:center;gap:.625rem;padding:.55rem .75rem;border-radius:var(--r-sm);cursor:pointer;transition:background var(--ease);}
.sidebar-user:hover{background:var(--bg-hover);}
.sidebar-avatar{width:28px;height:28px;border-radius:50%;background:rgba(59,130,246,.2);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--acc-blue);flex-shrink:0;}
.sidebar-user-info{flex:1;min-width:0;display:flex;flex-direction:column;}
.sidebar-user-info span{font-size:.78rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sidebar-email{font-size:.68rem!important;color:var(--t2)!important;font-weight:400!important;}
.backend-pip-wrap{display:flex;align-items:center;}
.status-pip{width:7px;height:7px;border-radius:50%;background:var(--acc-red);transition:background .4s,box-shadow .4s;}
.status-pip.online{background:var(--acc-green);box-shadow:0 0 7px var(--acc-green);}

/* ── Top Bar ─────────────────────────────────────────── */
.top-bar{height:var(--topbar-h);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem 0 .875rem;border-bottom:1px solid rgba(255,255,255,0.04);z-index:10;background:rgba(10,10,15,0.85);backdrop-filter:blur(10px);}
.top-bar-left{display:flex;align-items:center;gap:.625rem;}
.top-bar-center{display:flex;align-items:center;}
.top-bar-right{display:flex;align-items:center;gap:.875rem;}
.top-bar-title{font-size:.85rem;font-weight:500;color:var(--t2);}
.sidebar-toggle{display:none;}
.ai-status-pill{display:flex;align-items:center;gap:.4rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);border-radius:99px;padding:.22rem .7rem;font-size:.73rem;color:var(--t2);}
.status-dot{width:6px;height:6px;border-radius:50%;background:var(--acc-blue);box-shadow:0 0 6px var(--acc-blue);transition:background .4s,box-shadow .4s;}
.conn-text{font-size:.72rem;color:var(--t3);}
.clock{font-size:.72rem;color:var(--t3);font-variant-numeric:tabular-nums;}

/* ── DASHBOARD CANVAS ────────────────────────────────── */
.dashboard-container{padding:1.5rem 1.75rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.75rem;}
.dash-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;}
.dash-card{background:var(--bg-s);border:1px solid rgba(255,255,255,0.06);border-radius:var(--r-md);padding:1.1rem;display:flex;flex-direction:column;gap:.4rem;}
.dash-card-header{display:flex;align-items:center;justify-content:space-between;}
.dash-label{font-size:.72rem;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.05em;}
.dash-val{font-size:1.6rem;font-weight:700;color:var(--t1);}
.dash-sub{font-size:.7rem;color:var(--t2);}

.dash-section-title{font-size:.9rem;font-weight:600;color:var(--t2);margin-bottom:.5rem;}
.dash-launchers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;}
.launch-card{background:var(--bg-s);border:1px solid rgba(255,255,255,0.06);border-radius:var(--r-md);padding:1rem;display:flex;align-items:center;gap:.85rem;cursor:pointer;transition:transform var(--ease),border-color var(--ease);}
.launch-card:hover{transform:translateY(-2px);border-color:rgba(59,130,246,0.3);}
.launch-icon{width:36px;height:36px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.launch-icon.blue{background:rgba(59,130,246,0.12);color:var(--acc-blue);}
.launch-icon.cyan{background:rgba(6,182,212,0.12);color:var(--acc-cyan);}
.launch-icon.violet{background:rgba(139,92,246,0.12);color:var(--acc-violet);}
.launch-icon.green{background:rgba(16,185,129,0.12);color:var(--acc-green);}
.launch-card h4{font-size:.85rem;font-weight:600;margin-bottom:.15rem;}
.launch-card p{font-size:.72rem;color:var(--t3);}

/* ── Buttons ─────────────────────────────────────────── */
.icon-btn{background:transparent;border:none;color:var(--t2);display:flex;align-items:center;justify-content:center;padding:.3rem;border-radius:var(--r-sm);transition:color var(--ease),background var(--ease);flex-shrink:0;}
.icon-btn:hover{color:var(--t1);background:var(--bg-hover);}
.danger-icon:hover{color:var(--acc-red)!important;}

.primary-btn{display:inline-flex;align-items:center;gap:.45rem;background:var(--acc-blue);color:#fff;padding:.5rem .95rem;border-radius:var(--r-sm);font-size:.835rem;font-weight:500;transition:opacity var(--ease),transform var(--ease),box-shadow var(--ease);cursor:pointer;white-space:nowrap;}
.primary-btn:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 4px 16px rgba(59,130,246,.3);}
.primary-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;}

.secondary-btn{display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.06);color:var(--t2);border:1px solid rgba(255,255,255,.1);padding:.5rem .95rem;border-radius:var(--r-sm);font-size:.835rem;transition:background var(--ease),color var(--ease);cursor:pointer;white-space:nowrap;}
.secondary-btn:hover{background:rgba(255,255,255,.1);color:var(--t1);}
.secondary-btn:disabled{opacity:.4;cursor:not-allowed;}

.guest-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,rgba(16,185,129,0.15),rgba(6,182,212,0.15));color:#6EE7B7;border:1px solid rgba(16,185,129,0.3);padding:.65rem 1rem;border-radius:var(--r-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:background var(--ease),transform var(--ease);}
.guest-btn:hover{background:linear-gradient(135deg,rgba(16,185,129,0.25),rgba(6,182,212,0.25));transform:translateY(-1px);}

.danger-btn{display:inline-flex;align-items:center;gap:.45rem;background:rgba(239,68,68,.1);color:#FCA5A5;border:1px solid rgba(239,68,68,.2);padding:.5rem .95rem;border-radius:var(--r-sm);font-size:.835rem;cursor:pointer;transition:background var(--ease);white-space:nowrap;}
.danger-btn:hover{background:rgba(239,68,68,.18);}

.primary-btn.sm,.secondary-btn.sm,.danger-btn.sm{padding:.28rem .6rem;font-size:.75rem;}
.full-width{width:100%;justify-content:center;}
.link-btn{color:var(--acc-blue);font-size:.835rem;background:none;border:none;cursor:pointer;transition:opacity var(--ease);}
.link-btn:hover{opacity:.75;}
.text-btn{background:none;border:none;color:var(--acc-blue);font-size:.835rem;cursor:pointer;font-family:var(--font);padding:0;}
.text-btn:hover{opacity:.8;}

/* ── Canvas header ───────────────────────────────────── */
.canvas-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.75rem .875rem;border-bottom:1px solid rgba(255,255,255,0.04);flex-shrink:0;}
.canvas-header h2{font-size:1rem;font-weight:600;margin-bottom:.15rem;}
.canvas-subtitle{font-size:.78rem;color:var(--t2);}
.canvas-actions{display:flex;gap:.5rem;}

/* Empty states */
.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;padding:3rem 1.5rem;color:var(--t3);}
.empty-state.sm{padding:1.5rem 1rem;}
.empty-icon{opacity:.2;margin-bottom:.2rem;}
.empty-state h3{font-size:.9rem;font-weight:500;color:var(--t2);}
.empty-state p{font-size:.8rem;max-width:240px;line-height:1.55;}
.empty-state code{font-family:var(--mono);font-size:.75rem;background:var(--bg-s);padding:.1rem .35rem;border-radius:3px;}
.muted-text{font-size:.8rem;color:var(--t3);padding:.5rem 0;}

/* ── VOICE CANVAS ─────────────────────────────────────── */
#voice-canvas{justify-content:center;align-items:center;position:relative;}
.voice-word-display{position:absolute;top:9%;width:min(68%,580px);text-align:center;min-height:80px;display:flex;align-items:center;justify-content:center;}
.voice-word-text{font-size:1.2rem;font-weight:300;color:var(--t1);opacity:0;transition:opacity .25s;}
.voice-word-text.visible{opacity:1;}
.voice-word-text.word-pop{
  font-size:4rem;font-weight:200;
  letter-spacing:-.03em;
  background:linear-gradient(135deg,var(--t1) 0%,var(--acc-blue) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  animation:wpop .12s cubic-bezier(.34,1.56,.64,1) both;
}
@keyframes wpop{from{opacity:0;transform:scale(.72)translateY(10px);}to{opacity:1;transform:scale(1)translateY(0);}}

.think-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--acc-blue);margin:0 5px;animation:tbounce 1.1s ease-in-out infinite;box-shadow:0 0 8px var(--acc-blue);}
.think-dot:nth-child(2){animation-delay:.18s;background:var(--acc-violet);}
.think-dot:nth-child(3){animation-delay:.36s;background:var(--acc-green);}
@keyframes tbounce{0%,80%,100%{transform:translateY(0);opacity:.35;}40%{transform:translateY(-12px);opacity:1;}}

.orb-wrap{position:relative;width:240px;height:240px;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;}
.orb-glow{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,var(--acc-blue) 0%,transparent 70%);opacity:.28;filter:blur(40px);animation:breathe 4s ease-in-out infinite;}
.orb-core{position:relative;width:152px;height:152px;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,0));border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 20px rgba(255,255,255,.04),0 12px 48px rgba(0,0,0,.6);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;overflow:hidden;}
.orb-wave{width:100%;height:100%;opacity:.65;}
.wave-ring{fill:none;stroke:var(--acc-blue);stroke-width:1.5;transform-origin:50% 50%;transition:stroke .5s;}
.inner-ring{stroke-dasharray:4 4;animation:spin 12s linear infinite;}
.middle-ring{stroke-width:1;opacity:.4;animation:spin-rev 18s linear infinite;}
.outer-ring{stroke-dasharray:2 8;animation:spin 25s linear infinite;}

.voice-footer{position:absolute;bottom:9%;display:flex;flex-direction:column;align-items:center;gap:.5rem;}
.hint-text{font-size:.78rem;color:var(--t3);animation:ptxt 2.5s ease-in-out infinite;letter-spacing:.02em;transition:opacity var(--ease);}
.hint-text kbd{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:.1rem .35rem;font-family:var(--mono);font-size:.7rem;}
.continuous-badge{display:flex;align-items:center;gap:.35rem;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.25);color:#6EE7B7;padding:.22rem .7rem;border-radius:99px;font-size:.7rem;font-weight:500;}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--acc-green);animation:blink 1s ease infinite;}

/* ── CHAT CANVAS (Claude-style) ───────────────────────── */
#chat-canvas{position:relative;}

.chat-top-toolbar {
  padding: .5rem 1.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(18, 18, 28, 0.85);
  backdrop-filter: blur(12px);
}
.model-picker-wrap {
  display: flex;
  align-items: center;
  gap: .6rem;
  font-size: .8rem;
  color: var(--t2);
}
.model-picker-icon {
  color: var(--acc-blue);
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.12);
  border: 1px solid rgba(59, 130, 246, 0.25);
  padding: .3rem;
  border-radius: var(--r-sm);
}
.model-label {
  font-weight: 600;
  color: var(--t1);
  letter-spacing: .02em;
}
.glass-select.model-select-dark {
  background: #141420 !important;
  color: #F1F5F9 !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: var(--r-md);
  padding: .4rem .85rem;
  font-weight: 500;
  font-size: .82rem;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4);
  transition: border-color var(--ease), box-shadow var(--ease), background var(--ease);
}
.glass-select.model-select-dark:hover {
  border-color: rgba(59, 130, 246, 0.4) !important;
  background: #1a1a2b !important;
}
.glass-select.model-select-dark:focus {
  border-color: var(--acc-blue) !important;
  box-shadow: 0 0 12px rgba(59, 130, 246, 0.3) !important;
}
.glass-select.model-select-dark option,
.glass-select.model-select-dark optgroup,
select option,
select optgroup {
  background-color: #111118 !important;
  color: #F1F5F9 !important;
  padding: .5rem .75rem;
}
.model-badge-chip {
  font-size: .68rem;
  font-weight: 700;
  background: rgba(16, 185, 129, 0.14);
  color: #6EE7B7;
  border: 1px solid rgba(16, 185, 129, 0.25);
  padding: .2rem .55rem;
  border-radius: 99px;
  letter-spacing: .03em;
}

.claude-welcome{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.claude-welcome-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;padding:2rem;max-width:600px;width:100%;}
.claude-logo-big{width:64px;height:64px;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(139,92,246,.1));border:1px solid rgba(255,255,255,.08);border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--acc-blue);}
.claude-greeting{font-size:1.75rem;font-weight:500;color:var(--t1);letter-spacing:-.02em;}
.claude-chips{display:flex;flex-wrap:wrap;gap:.625rem;justify-content:center;max-width:520px;}
.claude-chip{display:flex;align-items:center;gap:.5rem;background:var(--bg-card);border:1px solid rgba(255,255,255,.07);color:var(--t2);padding:.55rem 1rem;border-radius:var(--r-lg);font-size:.82rem;cursor:pointer;transition:background var(--ease),color var(--ease),border-color var(--ease),transform var(--ease);}
.claude-chip:hover{background:rgba(59,130,246,.08);color:var(--acc-blue);border-color:rgba(59,130,246,.2);transform:translateY(-1px);}

.chat-messages{flex:1;overflow-y:auto;padding:1.5rem 0;display:flex;flex-direction:column;scroll-behavior:smooth;}
.msg-row{display:flex;gap:.875rem;padding:.5rem 1.75rem;max-width:860px;width:100%;margin:0 auto;animation:fadeIn .2s ease both;}
.msg-row.user-row{flex-direction:row-reverse;}

.msg-avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;margin-top:.1rem;}
.aether-avatar{background:linear-gradient(135deg,rgba(59,130,246,.3),rgba(139,92,246,.2));color:var(--acc-blue);border:1px solid rgba(59,130,246,.2);}
.user-avatar{background:rgba(255,255,255,.06);color:var(--t2);border:1px solid rgba(255,255,255,.08);}

.msg-bubble{max-width:calc(100% - 46px);display:flex;flex-direction:column;gap:.3rem;}
.msg-name{font-size:.7rem;font-weight:600;color:var(--t3);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.1rem;}
.user-row .msg-name{text-align:right;}
.msg-content{font-size:.895rem;line-height:1.7;color:var(--t1);}
.user-row .msg-content{background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.12);border-radius:var(--r-lg) var(--r-lg) var(--r-sm) var(--r-lg);padding:.7rem 1rem;color:var(--t1);}

.file-preview-area{padding:0 1.75rem;max-width:860px;width:100%;margin:0 auto;display:flex;gap:.5rem;flex-wrap:wrap;}
.file-chip{display:inline-flex;align-items:center;gap:.4rem;background:rgba(59,130,246,0.12);border:1px solid rgba(59,130,246,0.25);color:var(--acc-blue);padding:.25rem .6rem;border-radius:var(--r-sm);font-size:.75rem;font-family:var(--mono);}
.file-chip-remove{cursor:pointer;color:var(--t3);margin-left:.2rem;}
.file-chip-remove:hover{color:var(--acc-red);}

.tool-step-pill{display:inline-flex;align-items:center;gap:.4rem;background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);color:#6EE7B7;padding:.2rem .6rem;border-radius:var(--r-sm);font-size:.75rem;margin:.25rem 0;}

.chat-input-wrap{flex-shrink:0;padding:.875rem 1.75rem 1.25rem;max-width:860px;width:100%;margin:0 auto;align-self:stretch;}
.claude-input-box{display:flex;align-items:flex-end;gap:.35rem;background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-xl);padding:.5rem .6rem .5rem .75rem;transition:border-color var(--ease),box-shadow var(--ease);}
.claude-input-box:focus-within{border-color:rgba(59,130,246,.35);box-shadow:0 0 0 3px rgba(59,130,246,.06);}
.claude-input-box textarea{flex:1;background:transparent;border:none;outline:none;color:var(--t1);font-size:.895rem;line-height:1.55;resize:none;max-height:200px;padding:.4rem .35rem;overflow-y:auto;}
.claude-input-box textarea::placeholder{color:var(--t3);}

.send-btn-claude,.stop-btn-claude{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--acc-blue);color:#fff;flex-shrink:0;transition:background var(--ease),transform var(--ease);margin-bottom:.1rem;}
.stop-btn-claude{background:var(--acc-red)!important;}

/* ── MEMORY CANVAS ───────────────────────────────────── */
.memory-toolbar{padding:.75rem 1.75rem;border-bottom:1px solid rgba(255,255,255,0.04);}
.memory-graph{flex:1;position:relative;overflow:hidden;}
.memory-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;stroke:rgba(255,255,255,.06);stroke-width:1.5;pointer-events:none;}
#memory-nodes-container{position:absolute;inset:0;z-index:2;}
.memory-node{position:absolute;padding:.4rem .85rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:99px;font-size:.75rem;cursor:pointer;transform:translate(-50%,-50%);transition:background var(--ease),border-color var(--ease),color var(--ease);backdrop-filter:blur(6px);white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis;color:var(--t2);}
.memory-node:hover,.memory-node.active{background:rgba(139,92,246,.1);border-color:var(--acc-violet);color:#C4B5FD;}
.memory-node.core{padding:.55rem 1.1rem;font-size:.82rem;font-weight:600;background:rgba(59,130,246,.1);border-color:var(--acc-blue);color:var(--t1);}

/* ── BILLING & FREE PLAN CANVAS ──────────────────────── */
.billing-container{padding:1.5rem 1.75rem;max-width:680px;}
.billing-active-box{background:var(--bg-s);border:2px solid var(--acc-blue);border-radius:var(--r-xl);padding:1.75rem;display:flex;flex-direction:column;gap:1rem;}
.active-badge-tag{display:inline-flex;align-items:center;gap:.4rem;background:rgba(16,185,129,0.15);color:#6EE7B7;padding:.2rem .6rem;border-radius:4px;font-size:.68rem;font-weight:700;letter-spacing:.08em;width:max-content;}
.billing-checks-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-top:.5rem;}
.check-item{display:flex;align-items:center;gap:.6rem;font-size:.82rem;color:var(--t1);}

/* ── AGENTS CANVAS ───────────────────────────────────── */
.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1rem;padding:1.25rem 1.75rem;overflow-y:auto;align-content:start;}
.agent-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:var(--r-md);padding:1.1rem;transition:border-color var(--ease),transform var(--ease);animation:fadeIn .2s ease both;}
.agent-card:hover{border-color:rgba(255,255,255,.1);transform:translateY(-2px);}
.agent-header{display:flex;align-items:center;gap:.7rem;margin-bottom:.875rem;}
.agent-icon{width:32px;height:32px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.agent-info{flex:1;min-width:0;}
.agent-info h3{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.agent-role{font-size:.65rem;color:var(--t3);text-transform:uppercase;letter-spacing:.05em;}
.agent-badge{font-size:.6rem;font-weight:600;padding:.15rem .4rem;border-radius:4px;text-transform:uppercase;flex-shrink:0;}
.agent-badge.idle{background:rgba(255,255,255,.07);color:var(--t2);}
.agent-badge.executing{background:rgba(16,185,129,.2);color:#6EE7B7;}

/* ── PROFILE CANVAS ──────────────────────────────────── */
.profile-layout{display:grid;grid-template-columns:290px 1fr;gap:1.25rem;padding:1.25rem 1.75rem;flex:1;overflow:hidden;}
.profile-left{display:flex;flex-direction:column;gap:1.1rem;overflow-y:auto;}
.profile-right{display:flex;flex-direction:column;gap:.75rem;overflow:hidden;}
.profile-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:var(--r-md);padding:1.1rem;display:flex;align-items:center;gap:.875rem;}
.profile-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#fff;flex-shrink:0;background:rgba(59,130,246,.2);}
.profile-info{min-width:0;}
.profile-info h3{font-size:.95rem;font-weight:600;margin-bottom:.1rem;}
.profile-email{font-size:.77rem;color:var(--t2);}
.profile-username{font-size:.72rem;color:var(--t3);font-family:var(--mono);}
.profile-section{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:var(--r-md);padding:.875rem;}
.section-label{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--t3);margin-bottom:.55rem;display:block;}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem;}
.stat-item{display:flex;flex-direction:column;align-items:center;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:var(--r-sm);padding:.75rem .5rem;}
.stat-value{font-size:1.5rem;font-weight:700;color:var(--acc-blue);}
.stat-label{font-size:.68rem;color:var(--t3);margin-top:.15rem;}

/* ── SETTINGS CANVAS ─────────────────────────────────── */
.settings-panel{flex:1;overflow-y:auto;padding:1.25rem 1.75rem;max-width:680px;}
.setting-group{margin-bottom:2rem;}
.setting-group h3{font-size:.63rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--t3);padding-bottom:.45rem;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:.2rem;}
.setting-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.03);gap:1rem;}
.setting-label{display:flex;flex-direction:column;gap:.18rem;}
.setting-label>span{font-size:.855rem;}
.setting-label small{font-size:.72rem;color:var(--t3);}
.setting-label code{font-family:var(--mono);font-size:.72rem;background:var(--bg-s);padding:.1rem .35rem;border-radius:3px;}
.version-badge{background:rgba(255,255,255,.06);color:var(--t2);padding:.18rem .5rem;border-radius:4px;font-size:.72rem;font-family:var(--mono);}
.status-chip{font-size:.7rem;font-weight:600;padding:.18rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;}
.status-chip.online{background:rgba(16,185,129,.15);color:#6EE7B7;}
.status-chip.offline{background:rgba(239,68,68,.1);color:#FCA5A5;}
.toggle-switch{position:relative;display:inline-block;width:38px;height:20px;flex-shrink:0;}
.toggle-switch input{opacity:0;width:0;height:0;}
.slider{position:absolute;cursor:pointer;inset:0;background:rgba(255,255,255,.1);border-radius:20px;transition:background var(--ease-md);}
.slider::before{content:'';position:absolute;height:14px;width:14px;left:3px;bottom:3px;background:var(--t2);border-radius:50%;transition:transform var(--ease-md),background var(--ease-md);}
input:checked+.slider{background:var(--acc-blue);}
input:checked+.slider::before{transform:translateX(18px);background:#fff;}

/* ── Glass inputs ────────────────────────────────────── */
.glass-input{background:var(--bg-input);border:1px solid rgba(255,255,255,.1);color:var(--t1);padding:.5rem .8rem;border-radius:var(--r-sm);outline:none;font-size:.855rem;width:100%;transition:border-color var(--ease),background var(--ease);}
.glass-input:focus{border-color:rgba(59,130,246,.4);background:rgba(255,255,255,.07);}
.glass-input::placeholder{color:var(--t3);}
.glass-select{background:var(--bg-input);border:1px solid rgba(255,255,255,.1);color:var(--t1);padding:.4rem .7rem;border-radius:var(--r-sm);outline:none;font-size:.82rem;cursor:pointer;min-width:185px;}
.glass-select.full-width{width:100%;}
.glass-select:focus{border-color:var(--acc-blue);}

/* ── AUTH OVERLAY ────────────────────────────────────── */
.auth-overlay{position:fixed;inset:0;z-index:1000;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:1rem;}
.auth-panel{width:min(440px,100%);background:var(--bg-s);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-2xl);padding:2rem;box-shadow:0 24px 64px rgba(0,0,0,.65),0 0 40px rgba(59,130,246,.08);}
.auth-brand{display:flex;align-items:center;gap:.875rem;margin-bottom:1.25rem;}
.auth-logo-icon{width:46px;height:46px;background:linear-gradient(135deg,rgba(59,130,246,.18),rgba(139,92,246,.12));border:1px solid rgba(255,255,255,.1);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;color:var(--acc-blue);}
.auth-brand-name{font-size:1.45rem;font-weight:700;letter-spacing:.1em;background:linear-gradient(90deg,#F1F5F9,#94A3B8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.auth-brand-sub{font-size:.72rem;color:var(--t3);}
.auth-divider{display:flex;align-items:center;text-align:center;color:var(--t3);font-size:.68rem;letter-spacing:.08em;margin:1rem 0;}
.auth-divider::before,.auth-divider::after{content:'';flex:1;border-bottom:1px solid rgba(255,255,255,0.08);}
.auth-divider span{padding:0 .6rem;}
.auth-tabs{display:flex;background:rgba(255,255,255,.04);border-radius:var(--r-sm);padding:3px;margin-bottom:1.375rem;}
.auth-tab{flex:1;padding:.45rem;border-radius:calc(var(--r-sm) - 2px);font-size:.82rem;font-weight:500;color:var(--t2);transition:background var(--ease),color var(--ease);background:transparent;}
.auth-tab.active{background:var(--bg-card);color:var(--t1);box-shadow:0 2px 8px rgba(0,0,0,.3);}
.auth-form{display:flex;flex-direction:column;gap:.875rem;}

/* ── Modals & Onboarding ─────────────────────────────── */
.modal-overlay{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--ease-md);padding:1rem;}
.modal-overlay.active{opacity:1;pointer-events:all;}
.modal-panel{width:min(460px,100%);background:var(--bg-s);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-lg);box-shadow:0 24px 64px rgba(0,0,0,.65);transform:translateY(-10px) scale(.97);transition:transform var(--ease-md);}
.modal-overlay.active .modal-panel{transform:translateY(0) scale(1);}
.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.375rem;border-bottom:1px solid rgba(255,255,255,.06);}
.modal-header h3{font-size:.9rem;font-weight:600;}
.modal-body{padding:1.375rem;display:flex;flex-direction:column;gap:.8rem;}
.modal-footer{display:flex;justify-content:flex-end;gap:.7rem;padding:.9rem 1.375rem;border-top:1px solid rgba(255,255,255,.06);}

.onboarding-panel{text-align:center;}
.onboarding-step-badge{font-size:.72rem;font-family:var(--mono);color:var(--acc-blue);}
.onboarding-body{padding:2rem 1.5rem;}
.onboard-icon{width:64px;height:64px;border-radius:var(--r-xl);display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem;}
.onboard-icon.blue{background:rgba(59,130,246,0.12);color:var(--acc-blue);}
.onboard-icon.cyan{background:rgba(6,182,212,0.12);color:var(--acc-cyan);}
.onboard-icon.violet{background:rgba(139,92,246,0.12);color:var(--acc-violet);}
.onboard-slide h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;}
.onboard-slide p{font-size:.875rem;color:var(--t2);line-height:1.55;}
.onboarding-footer{justify-content:space-between;}

/* ── Toast Notifications ────────────────────────────── */
.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none;}
.toast-item{display:flex;align-items:center;gap:.75rem;background:var(--bg-s);border:1px solid rgba(255,255,255,0.1);padding:.75rem 1rem;border-radius:var(--r-md);box-shadow:0 12px 32px rgba(0,0,0,0.5);pointer-events:all;animation:fadeIn .25s ease both;max-width:360px;font-size:.835rem;}
.toast-item.info{border-left:4px solid var(--acc-blue);}
.toast-item.success{border-left:4px solid var(--acc-green);}
.toast-item.error{border-left:4px solid var(--acc-red);}

/* ── Quick Command ───────────────────────────────────── */
.quick-command-overlay{position:fixed;inset:0;z-index:3000;background:rgba(0,0,0,.55);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:flex-start;padding-top:12vh;opacity:0;pointer-events:none;transition:opacity var(--ease);}
.quick-command-overlay.active{opacity:1;pointer-events:all;}
.quick-command-panel{width:min(540px,94vw);background:var(--bg-s);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-md);box-shadow:0 24px 64px rgba(0,0,0,.65);overflow:hidden;transform:translateY(-8px) scale(.96);transition:transform var(--ease-md);}
.quick-command-overlay.active .quick-command-panel{transform:translateY(0) scale(1);}
.qc-input-group{display:flex;align-items:center;gap:.7rem;padding:.8rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.06);}
.qc-icon{color:var(--t3);flex-shrink:0;}
.qc-input{flex:1;background:transparent;border:none;outline:none;color:var(--t1);font-size:.9rem;}
.qc-esc{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:.1rem .35rem;font-size:.67rem;color:var(--t3);font-family:var(--mono);}
.qc-results{padding:.35rem;}
.qc-item{display:flex;align-items:center;justify-content:space-between;padding:.525rem .875rem;border-radius:var(--r-sm);cursor:pointer;color:var(--t2);transition:background var(--ease),color var(--ease);}
.qc-item:hover{background:var(--bg-hover);color:var(--t1);}
.qc-item-left{display:flex;align-items:center;gap:.55rem;}

/* ── Mobile Bottom Nav ───────────────────────────────── */
.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-h);background:rgba(10,10,15,.95);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.07);z-index:50;}
.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;color:var(--t3);font-size:.6rem;font-weight:500;transition:color var(--ease);}
.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--acc-blue);}

/* ── Keyframes ───────────────────────────────────────── */
@keyframes breathe{0%,100%{transform:scale(1);opacity:.28;}50%{transform:scale(1.12);opacity:.45;}}
@keyframes spin{100%{transform:rotate(360deg);}}
@keyframes spin-rev{100%{transform:rotate(-360deg);}}
@keyframes ptxt{0%,100%{opacity:.35;}50%{opacity:.8;}}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0;}}

/* ── Mobile Responsive ───────────────────────────────── */
@media(max-width:768px){
  .sidebar{display:none;}
  .sidebar-toggle{display:flex!important;}
  .mobile-bottom-nav{display:flex;}
  .app-container{flex-direction:column;padding-bottom:var(--mobile-nav-h);}
  .main-content{height:calc(100dvh - var(--mobile-nav-h));}
  .landing-nav{padding:1rem 1.25rem;}
  .landing-links{display:none;}
  .hero-title{font-size:2.2rem;}
  .landing-content{padding:2rem 1rem 4rem;gap:3rem;}
  .top-bar{padding:0 .875rem;}
  .top-bar-center{display:none;}
  .orb-wrap{width:200px;height:200px;}
  .orb-core{width:126px;height:126px;}
  .chat-messages{padding:1rem 0;}
  .msg-row{padding:.45rem 1rem;}
  .chat-input-wrap{padding:.625rem 1rem 1rem;}
  .profile-layout{grid-template-columns:1fr;overflow-y:auto;padding:1rem;}
  .agents-grid{grid-template-columns:1fr;padding:1rem;}
  .modal-overlay{align-items:flex-end;padding:0;}
  .modal-panel{width:100%;border-radius:var(--r-xl) var(--r-xl) 0 0;}
}