:root{--bg:#f7f0e8;--bg-strong:#efe3d4;--surface:rgba(255,250,244,0.82);--surface-strong:rgba(255,248,238,0.95);--ink:#15281b;--muted:#516357;--line:rgba(29,49,36,0.12);--accent:#f4b942;--accent-strong:#de8f13;--success:#2e7d59;--danger:#b24d3f;--shadow:0 24px 90px rgba(38,37,32,0.14);--radius-lg:28px;--radius-md:20px;--radius-sm:14px;--font-sans:"Avenir Next","Segoe UI",sans-serif;--font-mono:"SFMono-Regular","JetBrains Mono",monospace}*{box-sizing:border-box}html{background:radial-gradient(circle at top left,rgba(244,185,66,.35),transparent 28%),radial-gradient(circle at bottom right,rgba(29,49,36,.12),transparent 32%),var(--bg);color:var(--ink)}body{margin:0;font-family:var(--font-sans);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.shell{min-height:100vh;padding:20px}.shell-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:1fr}.hero{background:linear-gradient(135deg,rgba(29,49,36,.96),rgba(48,76,58,.9));color:#fdf7ef;border-radius:36px;padding:22px;box-shadow:var(--shadow);overflow:hidden;position:relative}.hero:after{content:"";position:absolute;inset:auto -10% -30% auto;width:240px;height:240px;background:radial-gradient(circle,rgba(244,185,66,.35),transparent 70%)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;opacity:.72;margin-bottom:10px}.hero h1{margin:0;font-size:clamp(2rem,5vw,3.6rem);line-height:.96}.hero p{max-width:58rem;font-size:1rem;line-height:1.5;color:rgba(253,247,239,.82)}.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.pill{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 12px;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:1fr}.panel{background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:18px}.panel h2,.panel h3{margin:0 0 12px}.stack{display:grid;grid-gap:12px;gap:12px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.field{display:grid;grid-gap:6px;gap:6px}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(21,40,27,.12);background:rgba(255,255,255,.76);border-radius:16px;padding:12px 14px;color:var(--ink)}.action{border:none;border-radius:999px;padding:12px 18px;background:var(--ink);color:#fff8f1;font-weight:700}.download-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.action.secondary{background:rgba(29,49,36,.08);color:var(--ink)}.action.warn{background:var(--danger)}.subtle{color:var(--muted);font-size:.95rem}.list{display:grid;grid-gap:10px;gap:10px}.card{background:var(--surface-strong);border:1px solid rgba(29,49,36,.1);border-radius:var(--radius-md);padding:14px}.card strong{display:block;margin-bottom:4px}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag{border-radius:999px;padding:5px 9px;background:rgba(29,49,36,.08);color:var(--muted);font-size:.82rem}.thread-view{min-height:320px;display:grid;grid-gap:12px;gap:12px;align-content:start}.event{border-left:3px solid rgba(244,185,66,.8);padding-left:12px}.event pre,.json{margin:0;white-space:pre-wrap;font-family:var(--font-mono);font-size:.84rem}.status{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 10px;background:rgba(46,125,89,.12);color:var(--success);font-size:.85rem}.status.offline{background:rgba(178,77,63,.12);color:var(--danger)}.metrics{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.metric{background:rgba(255,255,255,.56);border-radius:var(--radius-md);padding:14px}.metric span{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.metric strong{font-size:1.8rem}.shell-grid-auth{align-items:stretch}.auth-panel{align-self:start}.workspace-preview{display:grid;grid-gap:1px;gap:1px;border:1px solid rgba(22,30,26,.08);border-radius:32px;overflow:hidden;background:rgba(17,24,20,.84);box-shadow:var(--shadow)}.workspace-preview__context,.workspace-preview__rail{background:rgba(16,22,19,.94);color:rgba(255,248,240,.92);padding:18px;display:grid;grid-gap:10px;gap:10px}.workspace-preview__main{background:radial-gradient(circle at top right,rgba(244,185,66,.16),transparent 25%),linear-gradient(180deg,rgba(249,243,235,.98),rgba(244,235,223,.98));padding:18px;display:grid;grid-gap:14px;gap:14px}.preview-badge{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,248,240,.56)}.preview-item,.preview-thread{border-radius:16px;padding:12px 14px;background:rgba(255,255,255,.06)}.preview-item.active,.preview-thread.active{background:linear-gradient(135deg,rgba(244,185,66,.2),rgba(255,255,255,.08));border:1px solid rgba(244,185,66,.28)}.preview-thread{margin-left:10px}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:.92rem}.preview-card,.preview-message{background:rgba(255,255,255,.72);border:1px solid rgba(29,49,36,.08);border-radius:24px;padding:16px}.preview-card p,.preview-message p{margin:6px 0 0;color:var(--muted)}.workspace-shell{min-height:100vh;padding:18px;background:radial-gradient(circle at top left,rgba(244,185,66,.16),transparent 24%),linear-gradient(180deg,#131918,#1b2220 28%,#e8ded0 0,#efe7dc)}.workspace-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:18px;color:#fff7ef}.workspace-header h1{margin:4px 0 0;font-size:clamp(2rem,4vw,2.8rem)}.workspace-header__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.workspace-layout{display:grid;grid-gap:16px;gap:16px;grid-template-columns:1fr}.workspace-pane{min-width:0}.workspace-pane--left,.workspace-pane--right{display:grid;grid-gap:16px;gap:16px;align-content:start}.rail-card{background:rgba(255,250,244,.86);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(22,30,26,.08);border-radius:28px;box-shadow:var(--shadow);padding:16px}.rail-card--grow{min-height:0}.detail-row,.rail-card__header,.section-heading,.thread-composer__actions,.thread-stage__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-label{display:block;margin-bottom:4px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.section-heading{align-items:center;margin-bottom:12px;font-weight:700}.section-count{border-radius:999px;padding:5px 9px;background:rgba(29,49,36,.08);color:var(--muted);font-size:.82rem}.empty-copy{color:var(--muted);font-size:.94rem;line-height:1.5}.detail-stack,.mini-list,.project-tree,.thread-tree{display:grid;grid-gap:10px;gap:10px}.project-cluster{border-radius:22px;background:rgba(20,29,25,.82);border:1px solid rgba(255,255,255,.08);overflow:hidden}.project-cluster.active{border-color:rgba(244,185,66,.42);box-shadow:inset 0 0 0 1px rgba(244,185,66,.14)}.project-node,.thread-node{width:100%;border:none;text-align:left}.project-node{display:grid;grid-gap:8px;gap:8px;padding:16px;color:#fff8f1;background:linear-gradient(135deg,rgba(22,30,26,.96),rgba(39,53,46,.92))}.project-node__meta,.project-node__title-row,.thread-node__foot{display:flex;justify-content:space-between;gap:10px;align-items:center}.project-node__meta,.project-node__path,.thread-node__foot,.thread-node__meta{color:rgba(255,248,240,.66);font-size:.84rem}.project-node__path{font-family:var(--font-mono);font-size:.76rem;word-break:break-all}.thread-tree{padding:10px;background:rgba(15,22,18,.9)}.thread-node{display:grid;grid-gap:6px;gap:6px;border-radius:18px;padding:12px;background:rgba(255,255,255,.04);color:rgba(255,248,240,.9);border:1px solid transparent}.thread-node.active{background:rgba(244,185,66,.12);border-color:rgba(244,185,66,.28)}.thread-node__title{font-weight:700}.thread-node__meta{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.thread-node__foot{font-size:.76rem}.thread-stage{min-height:calc(100vh - 150px);display:grid;grid-template-rows:auto minmax(320px,1fr) auto;grid-gap:16px;gap:16px;background:rgba(250,245,238,.92);border:1px solid rgba(22,30,26,.08);border-radius:32px;box-shadow:var(--shadow);padding:20px}.thread-stage__header h2{margin:6px 0 8px;font-size:clamp(1.4rem,3vw,2.2rem)}.thread-stage__header p{margin:0;color:var(--muted)}.thread-stage__body{display:grid;grid-gap:12px;gap:12px;align-content:start;min-height:320px}.thread-empty,.timeline-card{background:rgba(255,255,255,.76);border:1px solid rgba(29,49,36,.1);border-radius:24px;padding:16px}.thread-empty p{margin:6px 0 0;color:var(--muted)}.timeline-card{display:grid;grid-gap:12px;gap:12px}.timeline-card__meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.82rem}.timeline-kind{font-weight:700;color:var(--ink)}.timeline-card__body{white-space:pre-wrap;line-height:1.55}.timeline-card__json{margin:0;padding:14px;border-radius:18px;background:rgba(20,29,25,.94);color:rgba(255,248,240,.9);font-size:.78rem;overflow-x:auto}.thread-composer{display:grid;grid-gap:12px;gap:12px;padding-top:8px;border-top:1px solid rgba(29,49,36,.1)}.thread-composer__actions{align-items:center}.detail-stack{gap:12px}.detail-row{padding-bottom:10px;border-bottom:1px solid rgba(29,49,36,.08)}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-row span{color:var(--muted)}.action-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.mini-card{background:rgba(255,255,255,.74);border:1px solid rgba(29,49,36,.08);border-radius:18px;padding:12px}.pairing-callout{margin:12px 0;padding:12px 14px;border-radius:18px;background:rgba(244,185,66,.16);color:var(--ink);font-weight:700}.compact{padding:8px 12px;font-size:.84rem}@media (min-width:960px){.shell{padding:26px}.shell-grid{grid-template-columns:420px minmax(0,1fr);align-items:start}.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:span 2}.workspace-preview{grid-template-columns:280px minmax(0,1.2fr) 320px;min-height:560px}.workspace-layout{grid-template-columns:320px minmax(0,1fr) 340px;align-items:start}.workspace-pane--left,.workspace-pane--right{position:-webkit-sticky;position:sticky;top:18px}}@media (max-width:959px){.workspace-shell{padding:14px}.detail-row,.preview-toolbar,.project-node__meta,.project-node__title-row,.section-heading,.thread-composer__actions,.thread-node__foot,.thread-stage__header,.workspace-header__meta{flex-direction:column;align-items:flex-start}.action-grid{grid-template-columns:1fr}}