:root{color-scheme:dark;--bg: #05070c;--panel: rgba(12, 17, 27, .84);--panel-border: rgba(152, 179, 214, .16);--text: #eef3fb;--muted: rgba(214, 224, 241, .74);--accent: #6dd6ff;--accent-2: #ffca82;--good: #6dffbc;--warn: #ffb56d;--shadow: 0 24px 80px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at top,rgba(109,214,255,.12),transparent 28%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}#app{min-height:100vh}.shell{max-width:1440px;margin:0 auto;padding:24px}.hero{display:flex;justify-content:space-between;gap:20px;padding:28px;border:1px solid var(--panel-border);border-radius:24px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);box-shadow:var(--shadow)}.eyebrow{margin:0 0 10px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent-2);font-size:.72rem}h1,h2,h3,p{margin-top:0}h1{margin-bottom:10px;font-size:clamp(2rem,4vw,4rem);line-height:.96;max-width:11ch}.lede{max-width:70ch;color:var(--muted);line-height:1.7;margin-bottom:0}.meta-line{margin:10px 0 0;color:var(--muted)}.meta-line strong{color:var(--text)}.warning{margin:12px 0 0;color:var(--warn)}.hero-actions{display:flex;gap:12px;align-items:start;flex-wrap:wrap}button.primary,button.secondary{min-height:46px;padding:0 18px;border-radius:14px;border:1px solid transparent;color:var(--text)}button.primary{background:linear-gradient(135deg,#6dd6ff38,#6dd6ff14);border-color:#6dd6ff47}button.secondary{background:#ffffff0a;border-color:#ffffff14}.layout{display:grid;grid-template-columns:320px 1fr;gap:18px;margin-top:18px}.panel{border:1px solid var(--panel-border);border-radius:22px;background:var(--panel);box-shadow:var(--shadow);padding:18px}.stack{position:sticky;top:18px;align-self:start}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.panel-head h2{margin-bottom:0}.panel-head span{color:var(--muted);font-size:.9rem}.session-list,.trail,.replay-list,.artifact-grid,.mini-list{display:grid;gap:12px}.session-card,.replay-card{text-align:left;width:100%;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text)}.session-card.active,.replay-card.active{border-color:#6dd6ff6b;background:#6dd6ff14}.session-card strong,.replay-card strong{display:block;margin-bottom:4px}.session-card span,.session-card small,.replay-card span,.replay-card small,.empty,.trail-item small,.replay-view p,.artifact-grid p,.mini-list small{color:var(--muted)}.workspace{display:grid;gap:18px}.status-row,.artifact-grid{grid-template-columns:repeat(5,minmax(0,1fr));display:grid;gap:12px}.artifact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.status-row div,.artifact-grid article,.mini-list div{border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px;background:#ffffff08}.status-row span,.artifact-grid strong{color:var(--accent-2);text-transform:uppercase;font-size:.68rem;letter-spacing:.16em;display:block;margin-bottom:6px}.status-row strong{font-size:1.15rem}.forms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.forms .card{display:grid;gap:10px}.card{display:grid;gap:10px;padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}label{display:grid;gap:8px;color:var(--muted);font-size:.9rem}input,textarea,select{width:100%;min-height:44px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#03070fb8;color:var(--text)}textarea{min-height:92px;resize:vertical}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.trail-subhead{margin-top:20px}.connector-item{border-color:#6dd6ff38}.trail-item{padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.trail-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:6px}.trail-item p{margin-bottom:6px}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.replay-view{padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.replay-view h3{margin-bottom:10px}.mini-list div strong{display:block;margin-bottom:6px}.empty-state{padding:18px;border:1px dashed rgba(255,255,255,.16);border-radius:18px;color:var(--muted)}@media(max-width:1100px){.layout,.forms,.split,.status-row,.artifact-grid{grid-template-columns:1fr}.stack{position:static}.hero{flex-direction:column}}