@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#090d14;--surface:rgba(17,25,38,.76);--surface-solid:#111925;--ink:#edf2fa;--muted:#8c9aae;--line:rgba(144,165,198,.2);--mint:#b9f4d7;--blue:#bdc8ff;--danger:#ffb4b0}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif}body{margin:0;min-width:320px;background:radial-gradient(850px 600px at 78% -12%,rgba(104,124,219,.19),transparent 68%),radial-gradient(680px 520px at -8% 96%,rgba(49,176,145,.12),transparent 72%),var(--bg)}body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.13;background-image:linear-gradient(rgba(189,205,235,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(189,205,235,.1) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(#000,transparent 85%)}a{color:inherit;text-decoration:none}.mono{font-family:'DM Mono',monospace}.shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;gap:22px;background:rgba(10,16,26,.76);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;padding:0 8px;font-size:14px;font-weight:700;letter-spacing:-.02em}.mark{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--mint);color:var(--mint);font:11px 'DM Mono';box-shadow:inset 0 0 12px rgba(185,244,215,.16)}.nav-label{padding:0 8px;color:#64728a;font:10px 'DM Mono';letter-spacing:.13em}.nav a{display:block;margin:2px 0;padding:9px 10px;border:1px solid transparent;color:var(--muted);font-size:13px;transition:.18s}.nav a:hover,.nav a.active{border-color:var(--line);background:rgba(44,59,80,.43);color:var(--ink)}.side-bottom{margin-top:auto;padding:15px 8px 0;border-top:1px solid var(--line);color:var(--muted);font:11px/1.7 'DM Mono'}.app-main{min-width:0}.topbar{height:65px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(9,13,20,.36);backdrop-filter:blur(12px)}.eyebrow{color:var(--muted);font:10px 'DM Mono';letter-spacing:.11em;text-transform:uppercase}.status{display:flex;align-items:center;gap:7px;color:var(--mint);font:11px 'DM Mono'}.status:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(185,244,215,.1);animation:pulse 2.5s infinite}.page{max-width:1160px;margin:auto;padding:52px 48px 70px}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:42px;padding:42px 0 58px;border-bottom:1px solid var(--line)}h1{max-width:760px;margin:13px 0 20px;font-size:clamp(38px,5vw,66px);line-height:1.01;letter-spacing:-.07em;background:linear-gradient(125deg,#fff 15%,#dce4f5 55%,#a6d5c0);background-clip:text;-webkit-background-clip:text;color:transparent}h2{margin:0 0 13px;font-size:25px;letter-spacing:-.04em}p{color:var(--muted);font-size:14px;line-height:1.68}.hero-card,.metric{border:1px solid var(--line);background:var(--surface);backdrop-filter:blur(14px)}.hero-card{align-self:end;padding:21px;animation:rise .7s cubic-bezier(.2,.8,.2,1) both}.hero-card dl{margin:18px 0 0}.hero-card dl div{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid var(--line);font:11px 'DM Mono'}.hero-card dt{color:var(--muted)}.hero-card dd{margin:0;color:var(--mint)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:42px 0}.metric{min-height:160px;padding:19px;transition:transform .22s,border-color .22s}.metric:hover{transform:translateY(-4px);border-color:rgba(185,244,215,.45)}.metric span{color:var(--mint);font:11px 'DM Mono'}.metric h3{margin:25px 0 7px;font-size:15px}.button{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid var(--mint);background:var(--mint);color:#092019;font-size:12px;font-weight:700;transition:.2s}.button:hover{transform:translateY(-2px);background:#dcfaea}.button.ghost{margin-left:8px;border-color:var(--line);background:transparent;color:var(--ink)}.doc{max-width:760px}.doc h1{font-size:43px}.doc h2{margin-top:38px}.doc li{color:var(--muted);font-size:14px;line-height:1.75}.doc .updated{color:var(--mint);font:11px 'DM Mono'}
/* Workspace */.workspace{height:calc(100vh - 65px);display:grid;grid-template-columns:minmax(0,1fr) 236px}.conversation{overflow:auto;scroll-behavior:smooth;padding:38px max(28px,calc((100vw - 1020px)/2)) 180px}.welcome{max-width:680px;margin:13vh auto;animation:rise .65s cubic-bezier(.2,.8,.2,1) both}.welcome h1{font-size:42px}.prompt-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:30px}.prompt{padding:14px;border:1px solid var(--line);background:var(--surface);color:#afbbcc;text-align:left;font:12px Inter;cursor:pointer;transition:.2s}.prompt:hover{transform:translateY(-2px);border-color:#7c99a1;background:rgba(30,45,63,.9);color:var(--ink)}.turn{max-width:760px;margin:0 auto 38px;padding-left:18px;border-left:1px solid var(--line);animation:rise .28s ease both}.turn.user{border-color:#72859b}.turn.assistant{border-color:var(--mint)}.turn-label{margin-bottom:9px;color:var(--muted);font:10px 'DM Mono';letter-spacing:.1em}.answer{color:#dce4f0;font-size:14px;line-height:1.72;white-space:pre-wrap}.answer code{padding:2px 4px;background:#162131;color:var(--mint);font:12px 'DM Mono'}.composer{position:fixed;right:236px;bottom:0;left:248px;padding:18px max(28px,calc((100vw - 1020px)/2));background:linear-gradient(transparent,var(--bg) 28%)}.composer-box{display:flex;align-items:flex-end;gap:10px;padding:11px;border:1px solid #3b4c63;background:rgba(17,25,37,.9);backdrop-filter:blur(20px);transition:.2s}.composer-box:focus-within{border-color:#8aafaa;box-shadow:0 0 0 3px rgba(185,244,215,.08)}.composer textarea{flex:1;min-height:25px;max-height:160px;resize:none;border:0;outline:0;background:transparent;color:var(--ink);font:14px Inter;line-height:1.5}.composer textarea::placeholder{color:#748196}.send{height:31px;padding:0 11px;border:1px solid var(--mint);background:var(--mint);color:#10201e;font:bold 12px Inter;cursor:pointer}.send:disabled{opacity:.5}.hint{margin-top:8px;color:#748196;font:10px 'DM Mono'}.context{padding:22px 17px;border-left:1px solid var(--line);background:rgba(10,16,26,.5)}.context h2{margin:0 0 17px;font-size:12px;letter-spacing:0}.context-row{padding:12px 0;border-top:1px solid var(--line);color:var(--muted);font:11px 'DM Mono'}.context-row b{display:block;margin-top:5px;color:var(--ink);font-weight:500}.error{color:var(--danger)}
/* Local profile */.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);padding:32px;border:1px solid var(--line);background:rgba(15,23,35,.82);backdrop-filter:blur(20px);box-shadow:0 30px 80px rgba(0,0,0,.28);animation:rise .5s ease both}.login-card h1{font-size:42px}.field{display:block;margin:18px 0}.field span{display:block;margin-bottom:7px;color:var(--muted);font:10px 'DM Mono';letter-spacing:.1em}.field input{width:100%;padding:12px;border:1px solid var(--line);outline:0;background:#0c1420;color:var(--ink);font:14px Inter}.field input:focus{border-color:#8aafaa}.login-card .button{width:100%;justify-content:center;margin-top:8px}.notice{color:var(--muted);font-size:11px;line-height:1.6}.account-slot{margin-top:auto;padding:10px 8px;border-top:1px solid var(--line);color:var(--muted);font:11px 'DM Mono'}.account-slot a{color:var(--mint)}
@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(185,244,215,0)}}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:900px){.workspace{grid-template-columns:1fr}.context{display:none}.composer{right:0;left:0}.conversation{padding-right:20px;padding-left:20px}}@media(max-width:750px){.shell{display:block}.sidebar{height:auto;padding:13px;display:block;border-right:0;border-bottom:1px solid var(--line)}.nav{display:flex;overflow:auto;margin-top:13px}.nav-label,.side-bottom,.account-slot{display:none}.nav a{white-space:nowrap}.topbar{padding:0 18px}.page{padding:28px 20px 50px}.hero{display:block;padding-top:20px}.hero-card{margin-top:30px}.grid3,.prompt-list{grid-template-columns:1fr}.welcome{margin-top:7vh}.workspace{height:calc(100vh - 107px)}.composer{padding:14px 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}