:root{--bg-0:#04131d;--bg-1:#072436;--bg-2:#0b3446;--surface-0:rgba(9,26,36,.7);--surface-1:rgba(13,37,50,.88);--surface-2:rgba(18,51,67,.92);--text-0:#e8f5f8;--text-1:#b6d8de;--line:rgba(145,193,205,.25);--accent:#22c55e;--accent-2:#0ea5e9;--warning:#f97316;--danger:#ef4444}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{color:var(--text-0);font-family:Trebuchet MS,Segoe UI Variable Text,Segoe UI,sans-serif;background:radial-gradient(120% 140% at 0 0,var(--bg-2),transparent 55%),radial-gradient(150% 120% at 100% 0,#113247,transparent 62%),linear-gradient(180deg,var(--bg-0) 0,#020b13 100%)}a{color:inherit}.landing{min-height:100vh;display:grid;place-items:center;padding:24px}.landing-card{width:min(760px,100%);border:1px solid var(--line);border-radius:22px;padding:32px;background:linear-gradient(160deg,var(--surface-2),var(--surface-0));box-shadow:0 30px 80px rgba(0,0,0,.35)}.eyebrow{margin:0 0 6px;letter-spacing:.2em;text-transform:uppercase;font-size:12px;color:#7fd4dc}h1{margin:0;font-family:Rockwell,Georgia,serif;font-size:clamp(2rem,5vw,2.9rem)}.subtitle{margin:10px 0 0;color:var(--text-1);max-width:64ch}.landing-actions{margin-top:24px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.button-primary{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:999px;background:linear-gradient(120deg,#0ea5e9,#22c55e);color:#022514;font-weight:700;padding:10px 16px;cursor:pointer;text-decoration:none}.button-primary:hover{filter:brightness(1.05)}.button-primary:disabled{opacity:.55;cursor:not-allowed;filter:none}.hint{font-size:13px;color:#9fc6ce}.room-shell{max-width:1200px;margin:0 auto;padding:24px}.room-header{border:1px solid var(--line);border-radius:18px;padding:22px;background:linear-gradient(160deg,var(--surface-1),var(--surface-0));display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.room-header h1{margin-top:0;margin-bottom:6px}.header-side{display:flex;align-items:center;gap:10px}.telemetry-meta{display:grid;grid-gap:4px;gap:4px;min-width:220px}.telemetry-pill{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:12px;display:inline-flex;align-items:center;gap:7px;width:-moz-fit-content;width:fit-content}.telemetry-pill.is-live{border-color:rgba(34,197,94,.55);background:rgba(34,197,94,.15)}.telemetry-pill.is-stale{border-color:rgba(249,115,22,.5);background:rgba(249,115,22,.12)}.telemetry-dot{width:8px;height:8px;border-radius:50%;background:#22c55e}.telemetry-pill.is-stale .telemetry-dot{background:#fb923c}.telemetry-age{margin:0;color:#9ac2cc;font-size:11px}.connection-pill{border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:13px;min-width:120px;text-align:center}.connection-pill.is-online{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.5)}.connection-pill.is-offline{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.5)}.presence-strip{margin-top:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-0);padding:12px;display:flex;flex-wrap:wrap;gap:10px;min-height:56px}.presence-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(8,20,30,.55);font-size:13px}.presence-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.presence-empty{color:var(--text-1);font-size:14px}.stats-row{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:10px;gap:10px}.stat-card{border:1px solid var(--line);border-radius:14px;padding:12px;background:rgba(8,24,34,.72)}.stat-card p{margin:0;color:var(--text-1);font-size:13px}.stat-card strong{display:block;margin-top:6px;font-size:1.5rem}.collab-row{margin-top:14px;display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1.6fr);grid-gap:12px;gap:12px}.collab-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:rgba(8,24,34,.72)}.collab-card h3{margin:0 0 10px;font-family:Rockwell,Georgia,serif;letter-spacing:.02em}.control-label{display:block;color:var(--text-1);font-size:12px;margin-bottom:6px}.range-select{width:100%;border:1px solid var(--line);border-radius:10px;background:rgba(3,13,20,.65);color:var(--text-0);padding:9px 10px;font-size:14px}.control-note{margin:8px 0 0;color:#95bdc8;font-size:12px}.chat-card{display:grid;grid-template-rows:auto minmax(150px,1fr) auto auto;grid-gap:8px;gap:8px;min-height:230px}.chat-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.chat-head h3{margin:0}.chat-head span{color:#91c5d2;font-size:12px}.chat-body{overflow:auto;border:1px solid var(--line);border-radius:12px;background:rgba(3,13,20,.6);padding:8px;display:grid;grid-gap:8px;gap:8px}.chat-empty{margin:0;color:#8cb6c1;font-size:13px}.chat-item{border:1px solid rgba(127,175,187,.25);border-radius:10px;background:rgba(7,24,34,.85);padding:7px 9px}.chat-item.is-mine{border-color:rgba(14,165,233,.45);background:rgba(7,31,46,.9)}.chat-meta{display:flex;gap:7px;align-items:center;font-size:12px}.chat-meta strong{font-weight:700}.chat-meta time{margin-left:auto;color:#90b9c5}.chat-item p{margin:5px 0 0;font-size:14px;color:#d6edf2;line-height:1.3}.typing-indicator{margin:0;min-height:16px;color:#95bdc8;font-size:12px}.chat-form{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px}.chat-form input{width:100%;border:1px solid var(--line);border-radius:999px;background:rgba(2,10,15,.8);color:var(--text-0);padding:9px 12px;font-size:14px}.chat-form input::placeholder{color:#82aeb9}.annotation-head,.checklist-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.annotation-head span,.checklist-head span{color:#91c5d2;font-size:12px}.reply-form,.task-form{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px}.reply-form input,.task-actions select,.task-form input{width:100%;border:1px solid var(--line);border-radius:10px;background:rgba(2,10,15,.8);color:var(--text-0);padding:8px 10px;font-size:13px}.reply-form input::placeholder,.task-form input::placeholder{color:#82aeb9}.task-list{margin-top:10px;display:grid;grid-gap:8px;gap:8px;max-height:280px;overflow:auto}.task-empty{margin:0;color:#8cb6c1;font-size:13px}.task-row{border:1px solid var(--line);border-radius:10px;background:rgba(3,13,20,.55);padding:8px;display:grid;grid-gap:7px;gap:7px}.task-row.is-done label span{text-decoration:line-through;opacity:.7}.task-row label{display:flex;gap:8px;align-items:flex-start;font-size:13px}.task-actions{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px}.task-row small{color:#8cb6c1;font-size:11px}.ghost-button{border:1px solid var(--line);border-radius:10px;background:rgba(7,24,34,.9);color:var(--text-0);padding:7px 10px;cursor:pointer;font-size:12px}.ghost-button:hover{background:rgba(12,34,48,.95)}.ghost-button.danger{border-color:rgba(239,68,68,.4);color:#fecaca}.annotation-row{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.annotation-list{margin-top:8px;max-height:260px;overflow:auto;display:grid;grid-gap:8px;gap:8px}.annotation-item{width:100%;text-align:left;border:1px solid var(--line);border-radius:10px;background:rgba(3,13,20,.55);padding:8px;color:inherit;cursor:pointer}.annotation-item.is-selected{border-color:rgba(14,165,233,.55);background:rgba(7,31,46,.8)}.annotation-item p{margin:6px 0 4px;font-size:13px;color:#d6edf2}.annotation-item small{color:#90b9c5;font-size:11px}.annotation-meta{display:flex;align-items:center;gap:7px;font-size:12px}.annotation-meta time{margin-left:auto;color:#90b9c5}.thread-parent{border:1px solid var(--line);border-radius:10px;background:rgba(3,13,20,.55);padding:9px;margin-bottom:10px}.thread-parent p{margin:7px 0;font-size:14px}.thread-replies{display:grid;grid-gap:8px;gap:8px;max-height:200px;overflow:auto;margin-bottom:8px}.thread-reply{border:1px solid var(--line);border-radius:10px;background:rgba(3,13,20,.55);padding:8px}.thread-reply p{margin:6px 0 0;font-size:13px}.panel-grid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.panel{position:relative;min-height:280px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(8,27,39,.8),rgba(7,21,30,.88));overflow:hidden;cursor:crosshair}.panel.is-active{border-color:rgba(14,165,233,.6);box-shadow:inset 0 0 0 1px rgba(14,165,233,.2)}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 14px 8px}.panel-head h2{margin:0;font-family:Rockwell,Georgia,serif;letter-spacing:.02em}.panel-head span{color:#8cb8c3;font-size:12px}.panel-body{padding:10px 14px 42px}.sparkline{width:100%;height:190px;border-radius:10px;border:1px solid rgba(120,169,180,.22);background:rgba(4,14,21,.45)}.bars{display:grid;grid-gap:12px;gap:12px}.bars p{margin:0 0 6px;font-size:13px;color:var(--text-1)}.bar-track{border:1px solid var(--line);border-radius:999px;height:12px;background:rgba(5,16,24,.6);overflow:hidden}.bar-fill{height:100%}.bar-fill.warm{background:linear-gradient(90deg,#f59e0b,#f97316)}.bar-fill.hot{background:linear-gradient(90deg,#f97316,#ef4444)}.bar-fill.cool{background:linear-gradient(90deg,#0ea5e9,#14b8a6)}.small-list{display:grid;grid-gap:8px;gap:8px}.telemetry-list{margin-top:10px}.telemetry-list .small-list-row{grid-template-columns:minmax(120px,1fr) auto auto}.telemetry-list .small-list-row span:nth-child(2){justify-self:end;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.telemetry-list .small-list-row span:last-child{font-size:12px}.small-list-row{display:grid;grid-template-columns:auto 1fr auto;grid-gap:8px;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:rgba(3,13,20,.55);font-size:13px}.small-list-row span:last-child{color:#8ab4c0}.event-feed{display:grid;grid-gap:8px;gap:8px}.event-feed p{margin:0;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:rgba(3,13,20,.55);color:#c2dee4;font-size:13px}.panel-overlay{position:absolute;inset:0;pointer-events:none}.cursor-tag{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:6px;font-size:11px;border:1px solid;background:rgba(8,16,23,.9);border-radius:999px;padding:3px 7px;white-space:nowrap}.cursor-tag span{width:7px;height:7px;border-radius:50%}.ping-marker{position:absolute;transform:translate(-50%,-50%);text-align:center;min-width:68px}.ping-core{width:18px;height:18px;margin:0 auto 4px;border-radius:50%;border:2px solid var(--warning);background:rgba(249,115,22,.24);animation:ping-pulse 1s ease-out infinite}.ping-marker small{font-size:10px;color:#ffd9be}.annotation-marker{position:absolute;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:999px;border:1px solid hsla(0,0%,100%,.45);background:rgba(2,10,16,.92);display:grid;place-items:center;pointer-events:auto;cursor:pointer}.annotation-marker span{width:8px;height:8px;border-radius:50%}.annotation-marker.is-selected{box-shadow:0 0 0 2px rgba(14,165,233,.45)}.focus-strip{position:absolute;left:10px;right:10px;bottom:8px;display:flex;flex-wrap:wrap;gap:7px}.focus-chip,.focus-empty{border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:11px;background:rgba(2,10,16,.8)}.focus-empty{color:#8cb5c0}@keyframes ping-pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(2.2);opacity:0}}@media (max-width:980px){.room-shell{padding:16px}.room-header{flex-direction:column}.header-side{width:100%;justify-content:space-between;flex-wrap:wrap}.telemetry-meta{width:100%}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.annotation-row,.collab-row,.panel-grid,.task-actions{grid-template-columns:1fr}}