@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Space+Grotesk:wght@500;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-bg:#181818;--page-bg-deep:#1f1f1f;--panel-bg:#1f1f1fe6;--panel-bg-strong:#181818f5;--panel-muted:#313131d1;--border-strong:#2b2b2b;--border-soft:#ffffff17;--heading:#fff;--body:#ccc;--muted:#9d9d9d;--accent-strong:#0078d4;--accent-bright:#4daafc;--comparison:#6e7681;--success:#2ea043;--warning:#f85149;--panel-shadow:0 24px 60px #00000061;color:var(--body);background:radial-gradient(circle at top left, #0078d43d, transparent 36%), radial-gradient(circle at top right, #4daafc1f, transparent 28%), radial-gradient(circle at bottom center, #ffffff0a, transparent 44%), linear-gradient(180deg, var(--page-bg), var(--page-bg-deep));font-family:IBM Plex Sans,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0}button,input,textarea,select{font:inherit}#root{min-height:100vh}h1,h2,h3{letter-spacing:-.03em;color:var(--heading);font-family:Space Grotesk,sans-serif;line-height:1.04}h1{font-size:clamp(3rem,8vw,5.5rem)}h2{font-size:clamp(1.5rem,3vw,2.3rem)}h3{font-size:clamp(1.25rem,2vw,1.6rem)}p{margin:0}a{color:inherit}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-strong);margin:0 0 .75rem;font-size:.82rem;font-weight:700}.observe-shell{width:min(1220px,100% - 2rem);margin:0 auto;padding:1.5rem 0 4rem}.app-topbar{border:1px solid var(--border-strong);background:linear-gradient(135deg, #0078d429, transparent 48%), var(--panel-bg);box-shadow:var(--panel-shadow);border-radius:1.45rem;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1rem 1.1rem;display:flex}.brand-lockup{align-items:center;gap:.85rem;display:flex}.brand-mark{background:linear-gradient(180deg, var(--accent-bright), var(--accent-strong));color:#fff;border-radius:.95rem;place-items:center;width:2.65rem;height:2.65rem;font-family:Space Grotesk,sans-serif;font-size:1.2rem;font-weight:700;display:grid}.brand-lockup h1{margin:0;font-size:1.05rem}.topbar-actions,.hero-actions{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.brand-chip{border:1px solid var(--border-strong);min-height:2.2rem;color:var(--heading);letter-spacing:.04em;text-transform:uppercase;background:#ffffff0f;border-radius:999px;align-items:center;padding:0 .85rem;font-size:.84rem;font-weight:700;display:inline-flex}.cta-button,.secondary-button,.ghost-button{min-height:2.9rem;font:inherit;cursor:pointer;border-radius:999px;padding:0 1.15rem;font-weight:700;transition:transform .16s,border-color .16s,background .16s}.cta-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.cta-button{border:1px solid var(--accent-strong);background:linear-gradient(180deg, var(--accent-bright), var(--accent-strong));color:#fff}.secondary-button{color:var(--heading);background:#0078d41a;border:1px solid #0078d447}.ghost-button{border:1px solid var(--border-strong);color:var(--heading);background:#ffffff08}.observe-hero{grid-template-columns:minmax(0,1.7fr) minmax(19rem,1fr);gap:1.25rem;margin-bottom:1.25rem;display:grid}.hero-copy,.hero-panel,.panel,.metric-card,.trend-card,.endpoint-card{border:1px solid var(--border-strong);background:var(--panel-bg);box-shadow:var(--panel-shadow);border-radius:1.5rem}.hero-copy,.hero-panel,.panel,.trend-card{padding:1.4rem}.hero-copy h1{max-width:11ch;margin:0}.hero-copy h2{max-width:12ch;margin:0}.hero-panel{background:linear-gradient(180deg, #0078d429, #0078d40a), var(--panel-bg)}.panel-kicker,.metric-card span,.endpoint-card span,.project-table-head span,.legend span{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);margin:0;font-size:.75rem;font-weight:700}.lede{max-width:46rem;font-size:1.03rem}.chip-row{flex-wrap:wrap;gap:.65rem;margin-top:1.3rem;display:flex}.hero-actions{margin-top:1.1rem}.chip{min-height:2.2rem;color:var(--heading);background:#0078d41a;border:1px solid #0078d43d;border-radius:999px;align-items:center;padding:0 .9rem;font-size:.92rem;font-weight:600;display:inline-flex}.endpoint-stack{gap:.85rem;display:grid}.endpoint-card{padding:1rem}.endpoint-card strong{color:var(--heading);overflow-wrap:anywhere;margin-top:.35rem;display:block}.endpoint-card small,.metric-card small,.project-table-row span,.callout-note,.bar-group small{color:var(--muted)}.filter-panel{border:1px solid var(--border-strong);background:var(--panel-bg-strong);box-shadow:var(--panel-shadow);border-radius:1.5rem;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:1rem;margin-bottom:1.25rem;padding:1.2rem 1.35rem;display:grid}.filter-panel h2,.section-header h2,.trend-header h3{margin:0}.filter-row,.surface-tabs{flex-wrap:wrap;gap:.7rem;display:flex}.surface-tab{border:1px solid var(--border-strong);background:var(--panel-muted);color:var(--body);font:inherit;cursor:default;border-radius:999px;padding:.78rem 1rem;font-weight:600}.surface-tab.active{background:var(--accent-strong);color:#fff;border-color:var(--accent-strong)}.panel{margin-bottom:1.25rem}.dashboard-banner p:last-child{color:var(--muted);margin-bottom:0}.status-callout{gap:.45rem;padding:.35rem 0;display:grid}.loading-callout h2,.empty-callout h2,.error-callout h2{margin:0}.loading-callout p,.empty-callout p,.section-empty-copy{color:var(--muted)}.error-callout p{color:#ffb4b4}.status-pill-tab{cursor:default;margin-left:auto}.realtime-header{grid-template-columns:minmax(0,1.2fr) minmax(20rem,.9fr);align-items:start;gap:1rem;display:grid}.realtime-note,.mascot-card-copy{color:var(--muted)}.mascot-board{gap:1rem;display:grid}.board-lane{border:1px solid var(--border-strong);background:linear-gradient(180deg, #ffffff08, transparent), var(--panel-muted);border-radius:1.4rem;padding:1rem}.board-lane-head{grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);align-items:start;gap:1rem;margin-bottom:1rem;display:grid}.board-lane-head h3{margin:0}.board-lane-note{color:var(--muted);margin:0}.board-slot-grid{gap:1rem;display:grid}.board-slot-grid-planning{grid-template-columns:1fr}.board-slot-grid-coding,.board-slot-grid-review{grid-template-columns:repeat(2,minmax(0,1fr))}.mapping-row{flex-wrap:wrap;gap:.65rem;margin-bottom:1rem;display:flex}.mapping-pill{min-height:2.25rem;color:var(--heading);background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;padding:0 .9rem;font-size:.9rem;font-weight:600;display:inline-flex}.mascot-card,.mascot-slot-card{border:1px solid var(--border-strong);background:linear-gradient(180deg, #ffffff08, transparent), var(--panel-muted);border-radius:1.45rem;grid-template-columns:minmax(12rem,16rem) minmax(0,1fr);display:grid;overflow:hidden}.mascot-card-media,.mascot-slot-media{background:radial-gradient(circle at top,#0078d447,#0000 46%),radial-gradient(circle at bottom,#ffffff14,#0000 38%),#0f0f0fb8;min-height:16rem;padding:1rem}.mascot-video-shell,.mascot-fallback{background:#0003;border-radius:1rem;justify-content:center;align-items:center;height:100%;min-height:14rem;display:flex;overflow:hidden}.mascot-video,.mascot-fallback img{object-fit:contain;object-position:center center;transform-origin:50%;width:100%;height:100%;display:block;transform:scale(.72)}.slot-placeholder{text-align:center;background:#0000002e;border:1px dashed #ffffff2e;border-radius:1rem;place-items:center;height:100%;min-height:14rem;padding:1.2rem;display:grid}.slot-placeholder span{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);font-size:.78rem;font-weight:700;display:block}.slot-placeholder strong{color:var(--heading);font-size:1.1rem}.mascot-card-body{flex-direction:column;gap:.95rem;padding:1rem 1.05rem 1.1rem;display:flex}.mascot-card-head{justify-content:space-between;align-items:start;gap:.9rem;display:flex}.mascot-card-head h3{margin:0}.state-pill{text-transform:capitalize;color:#fff;border-radius:999px;flex-shrink:0;align-items:center;min-height:2rem;padding:0 .75rem;font-size:.85rem;font-weight:700;display:inline-flex}.state-idle{background:#6e7681}.state-thinking{background:#2563eb}.state-working{background:#0078d4}.state-needs_attention{background:#d97706}.empty-pill{text-transform:uppercase;min-height:2rem;color:var(--heading);border:1px solid var(--border-strong);background:#ffffff0a;border-radius:999px;flex-shrink:0;align-items:center;padding:0 .75rem;font-size:.85rem;font-weight:700;display:inline-flex}.slot-pill-row{flex-wrap:wrap;gap:.65rem;display:flex}.difficulty-pill{border-radius:999px;align-items:center;min-height:2.25rem;padding:0 .9rem;font-size:.9rem;font-weight:700;display:inline-flex}.difficulty-easy{color:#8ff0cb;background:#0596692e;border:1px solid #05966957}.difficulty-medium{color:#8ec5ff;background:#2563eb2e;border:1px solid #2563eb57}.difficulty-hard{color:#ffc57a;background:#d977062e;border:1px solid #d9770657}.mascot-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.mascot-meta-grid span{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);margin-bottom:.2rem;font-size:.74rem;font-weight:700;display:block}.mascot-meta-grid strong{color:var(--heading);overflow-wrap:anywhere;display:block}.transition-row{border-top:1px solid var(--border-soft);flex-wrap:wrap;align-items:center;gap:.55rem;padding-top:.9rem;display:flex}.transition-row span{text-transform:capitalize;color:var(--heading)}.transition-row small{color:var(--muted)}.transition-row strong{color:var(--accent-bright);margin-left:auto}.section-header{margin-bottom:1rem}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.95rem;display:grid}.weekly-grid{margin-bottom:1rem}.metric-card{padding:1rem 1.05rem}.metric-card strong{color:var(--heading);margin-top:.55rem;font-family:Space Grotesk,sans-serif;font-size:clamp(1.6rem,3vw,2.4rem);display:block}.metric-card small{margin-top:.45rem;display:block}.delta{margin-top:.75rem;font-weight:700}.delta.up{color:var(--success)}.delta.down{color:var(--warning)}.delta.neutral{color:var(--accent-strong)}.section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-bottom:1.25rem;display:grid}.analytics-grid{align-items:start}.project-table{gap:.65rem;display:grid}.project-table-head,.project-table-row{grid-template-columns:1.5fr repeat(5,minmax(0,1fr));align-items:center;gap:.75rem;display:grid}.project-table-head{border-bottom:1px solid var(--border-soft);padding:0 .15rem .35rem}.project-table-row{border-bottom:1px solid #ffffff0d;padding:.85rem .15rem}.project-table-row strong{color:var(--heading)}.priority-list{margin:0;padding-left:1.2rem}.priority-list li+li{margin-top:.55rem}.callout-note{margin-top:1rem}.section-empty-copy{margin-top:.2rem}.trend-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.95rem;display:grid}.trend-header{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.legend{flex-direction:column;flex-shrink:0;gap:.4rem;display:flex}.legend-current:before,.legend-previous:before{content:"";border-radius:999px;width:.7rem;height:.7rem;margin-right:.45rem;display:inline-block}.legend-current:before{background:var(--accent-strong)}.legend-previous:before{background:var(--comparison)}.bars{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:.6rem;display:grid}.bar-group{flex-direction:column;align-items:center;gap:.4rem;display:flex}.bar-stack{justify-content:center;align-items:end;gap:.22rem;width:100%;min-height:138px;display:flex}.bar{border-radius:999px 999px 0 0;width:.72rem}.bar.current{background:linear-gradient(180deg, var(--accent-bright), var(--accent-strong))}.bar.previous{background:linear-gradient(180deg, #8b949e, var(--comparison))}.bar-group strong{color:var(--heading)}.bullet-list{margin:0;padding-left:1.1rem}.bullet-list li+li{margin-top:.55rem}@media (width<=1100px){.metric-grid,.trend-grid,.board-slot-grid-coding,.board-slot-grid-review{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=960px){.app-topbar,.observe-hero,.section-grid,.filter-panel,.metric-grid,.trend-grid,.realtime-header,.board-lane-head,.board-slot-grid-coding,.board-slot-grid-review,.mascot-card,.mascot-slot-card{grid-template-columns:1fr}.project-table-head{display:none}.project-table-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem .8rem;padding:1rem .15rem}.project-table-row strong{grid-column:1/-1}}@media (width<=640px){.observe-shell{width:min(100% - 1rem,1220px);padding-top:1rem}.hero-copy,.hero-panel,.panel,.trend-card,.metric-card,.endpoint-card,.filter-panel,.app-topbar,.mascot-card-media,.mascot-slot-media,.mascot-card-body{border-radius:1.15rem;padding:1.05rem}.brand-lockup,.topbar-actions,.hero-actions{width:100%}.brand-chip{order:-1}.filter-row{flex-wrap:nowrap;padding-bottom:.2rem;overflow-x:auto}.surface-tab{flex:none}.status-pill-tab{margin-left:0}.trend-header{flex-direction:column}}