html{background:#050608}body,#root{min-height:100dvh}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f6f5;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;--bg:#050607;--panel:#0f1114b8;--panel-strong:#14171beb;--line:#ffffff18;--line-strong:#ffffff2e;--text:#f4f6f5;--muted:#8b929e;--faint:#59606d;--accent:#22f2b5;--accent-soft:#22f2b529;--curve:cubic-bezier(.32, .72, 0, 1);background:#050607;font-family:Geist,Satoshi,Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 23% 18%,#22f2b521,#0000 28vw),radial-gradient(circle at 75% 18%,#697eff1a,#0000 32vw),radial-gradient(circle at 65% 90%,#ff467813,#0000 30vw),#050607;min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}button,textarea{font:inherit}button{cursor:pointer}.app-shell{isolation:isolate;grid-template-columns:286px minmax(0,1fr);min-height:100dvh;display:grid;position:relative}.ambient-grid{z-index:-1;pointer-events:none;opacity:.055;background-image:linear-gradient(#ffffffa6 1px,#0000 1px),linear-gradient(90deg,#ffffffa6 1px,#0000 1px);background-size:68px 68px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 36%,#000,#0000 78%);mask-image:radial-gradient(circle at 50% 36%,#000,#0000 78%)}.sidebar{border-right:1px solid var(--line);background:linear-gradient(#050607f5,#050607c7);height:100dvh;padding:22px 18px;position:sticky;top:0}.brand-row,.nav-item,.new-chat-button,.recent-row,.topbar,.mode-pill,.top-actions,.prompt-toolbar,.tool-chips,.card-heading{align-items:center;display:flex}.brand-row{gap:13px;margin-bottom:24px}.brand-mark,.round-button,.send-button,.sigil{place-items:center;display:grid}.brand-mark{color:#03120e;background:linear-gradient(135deg, var(--accent), #d7fff3);border-radius:17px;width:52px;height:52px;box-shadow:0 0 48px #22f2b53d}.brand-row span,.section-label,.card-heading span:first-child{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:900;display:block}.brand-row strong{letter-spacing:-.055em;margin-top:3px;font-size:21px;display:block}.new-chat-button{color:#06130f;background:linear-gradient(135deg, var(--accent), #e8fff8);width:100%;min-height:44px;transition:transform .52s var(--curve);border:0;border-radius:999px;justify-content:center;gap:9px;margin-bottom:18px;font-size:13px;font-weight:950}.new-chat-button:hover,.send-button:hover,.starter-grid button:hover,.workspace-list button:hover{transform:translateY(-2px)}.nav-list{gap:7px;display:grid}.nav-item{width:100%;min-height:56px;color:var(--muted);text-align:left;transition:color .52s var(--curve), background .52s var(--curve), border-color .52s var(--curve), transform .52s var(--curve);background:0 0;border:1px solid #0000;border-radius:18px;gap:12px;padding:10px 12px}.nav-item:hover,.nav-item-active{color:var(--text);border-color:var(--line-strong);background:#ffffff0f;transform:translate(3px)}.nav-item svg{flex:none}.nav-item strong{font-size:13px;display:block}.nav-item small{color:var(--faint);margin-top:2px;font-size:11px;display:block}.sidebar-section{border:1px solid var(--line);background:linear-gradient(#ffffff0e,#ffffff05);border-radius:24px;margin-top:24px;padding:16px}.section-label{color:var(--muted);margin-bottom:10px}.recent-row{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:10px;padding:10px 0}.recent-row:last-child{border-bottom:0}.recent-row span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.recent-row small{color:var(--faint);font-size:10px}.main-surface{grid-template-columns:minmax(0,1fr) 340px;gap:24px;min-width:0;padding:20px 24px 28px;display:grid;position:relative}.topbar{z-index:4;border:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);background:#080a0cc2;border-radius:999px;justify-content:space-between;min-height:54px;padding:8px 10px 8px 16px;position:fixed;top:18px;left:310px;right:24px}.mode-pill{color:var(--accent);gap:8px;font-size:12px;font-weight:900}.top-actions{gap:8px}.top-actions button,.tool-chips button{border:1px solid var(--line);color:var(--muted);background:#ffffff0b;border-radius:999px}.top-actions button{padding:8px 13px;font-size:12px}.center-stage{align-self:center;width:min(900px,100%);margin:0 auto;padding-top:112px}.hero-copy{text-align:center;justify-items:center;gap:16px;margin:0 auto 28px;display:grid}.sigil{border:1px solid var(--line-strong);width:54px;height:54px;color:var(--accent);background:#ffffff0e;border-radius:19px;box-shadow:inset 0 1px #ffffff1f}.hero-copy h1{letter-spacing:-.075em;max-width:780px;margin:0;font-size:clamp(44px,7vw,88px);line-height:.91}.hero-copy p{color:#a8b1be;max-width:570px;margin:0;font-size:16px;line-height:1.55}.prompt-box{border:1px solid var(--line-strong);background:linear-gradient(#ffffff13,#ffffff06),#0a0c0fb8;border-radius:34px;padding:12px;box-shadow:inset 0 1px #ffffff1f,0 32px 90px #0000004d}.prompt-box textarea{resize:vertical;width:100%;min-height:122px;color:var(--text);background:#0003;border:0;border-radius:25px;outline:0;padding:19px}.prompt-box textarea::placeholder{color:#6f7886}.prompt-toolbar{justify-content:space-between;gap:12px;padding:10px 6px 2px}.tool-chips{flex-wrap:wrap;gap:8px}.tool-chips button{align-items:center;gap:6px;padding:8px 11px;font-size:12px;display:inline-flex}.send-button{color:#06130f;background:var(--accent);width:46px;height:46px;transition:transform .52s var(--curve);border:0;border-radius:999px;flex:none}.starter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.starter-grid button{border:1px solid var(--line);color:#cbd2dd;text-align:left;min-height:74px;transition:transform .52s var(--curve), border-color .52s var(--curve), background .52s var(--curve);background:#ffffff0a;border-radius:24px;padding:16px}.starter-grid button:hover{border-color:var(--line-strong);background:#ffffff0f}.right-panel{align-content:start;gap:16px;padding-top:112px;display:grid}.glass-card{border:1px solid var(--line);background:linear-gradient(#fff1,#ffffff06);border-radius:30px;padding:18px;position:relative;box-shadow:inset 0 1px #ffffff1a,0 28px 80px #00000040}.card-heading{justify-content:space-between;margin-bottom:14px}.workspace-list{gap:9px;display:grid}.workspace-list button{width:100%;color:var(--text);text-align:left;transition:transform .52s var(--curve), background .52s var(--curve);background:#ffffff0a;border:1px solid #ffffff12;border-radius:19px;gap:4px;padding:14px;display:grid}.workspace-list small,.compact-card p{color:#8f99a8;font-size:12px;line-height:1.55}.live-dot{background:var(--accent);border-radius:999px;padding:5px 9px;color:#07130f!important;letter-spacing:0!important;text-transform:none!important;font-size:11px!important}.compact-card p{margin:0}.round-button{color:#06130f;background:var(--accent);border:0;border-radius:999px;width:42px;height:42px}.mobile-only{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}@media (width<=1180px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:8;width:min(286px,86vw);transition:transform .62s var(--curve);position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidebar-open{transform:translate(0)}.main-surface{grid-template-columns:1fr;padding:14px}.topbar{top:12px;left:14px;right:14px}.right-panel{padding-top:10px}.mobile-only{display:grid}}@media (width<=760px){.top-actions button:nth-child(2){display:none}.center-stage{padding-top:96px}.hero-copy h1{font-size:clamp(42px,14vw,62px)}.prompt-toolbar{flex-direction:column;align-items:stretch}.send-button{width:100%}.starter-grid{grid-template-columns:1fr}}