:root{color-scheme:dark;--bg:#070914;--panel:rgba(255,255,255,0.075);--panel-strong:rgba(255,255,255,0.11);--line:rgba(255,255,255,0.13);--text:#f6f7fb;--muted:#a7afc3;--accent:#8b5cf6;--accent-2:#22d3ee;--danger:#fb7185;--radius:24px}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(139,92,246,.34),transparent 34rem),radial-gradient(circle at top right,rgba(34,211,238,.22),transparent 30rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.page-shell{width:min(1440px,100%);margin:0 auto;padding:28px}.hero{border:1px solid var(--line);border-radius:32px;background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.045));box-shadow:0 24px 90px rgba(0,0,0,.32);overflow:hidden}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px;border-bottom:1px solid var(--line)}.brand,.status-pill{display:inline-flex;align-items:center;gap:10px}.brand{font-weight:800;letter-spacing:-.02em}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:white}.status-pill{max-width:46vw;overflow:hidden;border:1px solid var(--line);border-radius:999px;padding:9px 13px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);grid-gap:24px;gap:24px;padding:34px}.hero-copy h1{max-width:780px;margin:0;font-size:clamp(2.4rem,6vw,5.8rem);line-height:.92;letter-spacing:-.08em}.eyebrow{margin:0 0 14px;color:var(--accent-2);font-size:.78rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.hero-text{max-width:620px;color:var(--muted);font-size:1.08rem;line-height:1.7}.create-card,.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.create-card{align-self:end;padding:20px}.field-row{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px}label{display:grid;grid-gap:8px;gap:8px;color:var(--muted);font-size:.88rem}input,select{width:100%;border:1px solid var(--line);border-radius:16px;outline:none;background:rgba(0,0,0,.24);color:var(--text);padding:14px}input:focus,select:focus{border-color:rgba(34,211,238,.7);box-shadow:0 0 0 4px rgba(34,211,238,.1)}.actions button,.primary-button{border:0;border-radius:16px;color:white}.primary-button{width:100%;margin-top:16px;padding:15px 18px;background:linear-gradient(135deg,var(--accent),var(--accent-2));font-weight:800}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr) minmax(320px,.85fr);grid-gap:18px;gap:18px;margin-top:18px}.panel{min-height:480px;padding:18px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-header h2,.panel-header p{margin:0}.panel-header h2{overflow:hidden;font-size:1rem;text-overflow:ellipsis}.empty,.inbox-item small,.message-item span,.panel-header p{color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.actions button{border:1px solid var(--line);background:var(--panel-strong);padding:9px 11px;color:var(--text)}.messages,.stack{display:grid;grid-gap:10px;gap:10px}.inbox-item,.message-item{width:100%;border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.18);color:var(--text);padding:14px;text-align:left}.inbox-item{display:grid;grid-gap:6px;gap:6px}.inbox-item span,.message-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-item.active,.message-item:hover{border-color:rgba(34,211,238,.58);background:rgba(34,211,238,.08)}.message-item{display:flex;justify-content:space-between;gap:18px}.message-item div{display:grid;min-width:0;grid-gap:6px;gap:6px}.reader h3{margin:0 0 16px;font-size:1.35rem}.reader pre{overflow:auto;min-height:260px;margin:0;border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.24);color:#eef2ff;padding:18px;white-space:pre-wrap}@media (max-width:1120px){.hero-grid,.workspace{grid-template-columns:1fr}.panel{min-height:auto}}@media (max-width:680px){.page-shell{padding:12px}.hero{border-radius:24px}.hero-grid,.nav{padding:18px}.nav{align-items:flex-start;flex-direction:column}.status-pill{max-width:100%}.workspace{gap:12px}.message-item,.panel-header{align-items:stretch;flex-direction:column}.actions{justify-content:flex-start}}