:root{--ink:#e9eadf;--muted:#8e958a;--night:#0c100e;--panel:#131815;--line:#2b332d;--acid:#bfd35a;--amber:#d99b52}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--night);color:var(--ink)}body{font-family:"Avenir Next",Avenir,"Helvetica Neue",sans-serif;background-image:radial-gradient(circle at 45% -20%,rgb(191 211 90/8%),transparent 38%),linear-gradient(rgb(255 255 255/1.4%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255/1.4%) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}.shell{height:100dvh;display:grid;grid-template-rows:74px 1fr}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:rgb(12 16 14/88%);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px}.brand h1{margin:0;font:500 24px Georgia,serif;letter-spacing:-.04em}.brand p{margin:2px 0 0;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.sigil{width:38px;height:38px;display:grid;place-items:center;border:1px solid #59614c;border-radius:50%;color:var(--acid);font:18px Georgia,serif}.connection{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px}.connection i,.machine i{width:7px;height:7px;border:1px solid currentColor;border-radius:50%;display:inline-block}.connection.online{color:var(--acid)}.connection.online i,.machine.active i{background:currentColor}.workspace{min-height:0;display:grid;grid-template-columns:220px minmax(0,1fr) 250px}.rail,.machines{padding:28px 20px;background:rgb(19 24 21/68%)}.rail{border-right:1px solid var(--line)}.machines{border-left:1px solid var(--line)}.eyebrow{display:block;margin-bottom:12px;color:#747c72;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.16em}.eyebrow.second{margin-top:32px}.lens{position:relative;overflow:hidden;padding:20px;min-height:154px;border:1px solid #394134;border-radius:18px;background:linear-gradient(145deg,#1e251b,#141914)}.lens:after{content:"";position:absolute;width:110px;height:110px;right:-35px;top:-36px;border:1px solid rgb(191 211 90/22%);border-radius:50%;box-shadow:0 0 0 18px rgb(191 211 90/3%),0 0 0 38px rgb(191 211 90/2%)}.lens b{color:var(--acid);font:500 22px Georgia,serif}.lens p{margin:48px 0 0;color:#aeb4a7;font-size:12px;line-height:1.55}.rail ul{margin:0;padding:0;list-style:none}.rail li{padding:11px 0;border-bottom:1px solid #252c27;color:#a8afa6;font-size:12px}.conversation{min-width:0;min-height:0;display:grid;grid-template-rows:1fr auto}.messages{overflow-y:auto;padding:40px max(32px,calc((100% - 720px)/2))}.message{max-width:680px;margin-bottom:30px}.message>span{display:block;margin-bottom:7px;color:#747c72;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.message p{margin:0;color:#d6d8cf;font-size:16px;line-height:1.7;white-space:pre-wrap}.message.bruv p{font:18px/1.7 Georgia,serif}.message.user{margin-left:auto;max-width:560px;padding:15px 18px;border:1px solid #303830;border-radius:16px 16px 4px 16px;background:#181e1a}.message.user>span{color:var(--amber)}.thinking{opacity:.6}.composer{position:relative;margin:0 max(24px,calc((100% - 760px)/2)) 24px}.composer textarea{width:100%;min-height:76px;resize:none;padding:16px 58px 25px 17px;border:1px solid #3a433b;border-radius:17px;background:rgb(25 31 27/94%);color:var(--ink);font:14px inherit;outline:none;box-shadow:0 16px 44px rgb(0 0 0/20%)}.composer textarea:focus{border-color:#68744a}.composer button{position:absolute;right:10px;top:10px;width:38px;height:38px;border:0;border-radius:11px;background:var(--acid);color:#11150f;font-size:22px}.composer small{position:absolute;left:17px;bottom:7px;color:#697069;font-size:9px}.machine{margin-bottom:12px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#171d19}.machine strong{display:flex;align-items:center;gap:8px;font-size:13px}.machine.active strong{color:var(--acid)}.machine strong:not(i){color:var(--ink)}.machine>span,.machine>p{display:block;margin:5px 0 0 16px;color:#737b73;font-size:10px}.machine dl{margin:15px 0 0}.machine dl div{display:flex;justify-content:space-between;gap:8px;margin-top:7px;font-size:10px}.machine dt{color:#737b73}.machine dd{margin:0;color:#aeb5ac;text-align:right}.asleep{opacity:.68}.memory{display:flex;align-items:center;gap:10px;margin-top:25px;padding-top:18px;border-top:1px solid var(--line);color:var(--acid)}.memory div{display:grid;gap:2px}.memory strong{color:#adb3aa;font-size:11px}.memory span{color:#6e756e;font-size:9px}@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1fr) 210px}.rail{display:none}}@media(max-width:680px){.shell{grid-template-rows:64px 1fr}.topbar{padding:0 16px}.brand p{display:none}.workspace{display:block}.machines{display:none}.conversation{height:calc(100dvh - 64px)}.messages{padding:26px 18px}.message p,.message.bruv p{font-size:16px;line-height:1.62}.composer{margin:0 12px max(12px,env(safe-area-inset-bottom))}}
