:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e5eef9;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0,#3b82f63d,#0000 34rem),radial-gradient(circle at 85% 12%,#22d3ee29,#0000 28rem),#07111f;min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button{color:#e5eef9;cursor:pointer;background:#14243a;border:1px solid #94a3b833;border-radius:8px;padding:.72rem 1rem}button:hover{border-color:#22d3eea6}button.primary,.hero button{color:#04111f;background:linear-gradient(135deg,#3b82f6,#22d3ee);border:0;font-weight:800}textarea{resize:vertical;color:#e5eef9;background:#081525;border:1px solid #94a3b833;border-radius:8px;width:100%;min-height:220px;padding:1rem}input.search{color:#e5eef9;background:#081525;border:1px solid #94a3b833;border-radius:8px;width:100%;margin-bottom:1rem;padding:.85rem 1rem}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07111fe6;border-right:1px solid #94a3b81f;height:100vh;padding:1.2rem;position:sticky;top:0}.brand{align-items:center;gap:.85rem;margin-bottom:1.5rem;display:flex}.brand img{width:52px;height:52px}.brand strong,.brand span{display:block}.brand span{color:#96a7bd;margin-top:.2rem;font-size:.82rem}.nav{text-align:left;background:0 0;width:100%;margin-bottom:.45rem;display:block}.nav.active{background:#0e1b2e;border-color:#3b82f6bf;box-shadow:inset 3px 0 #22d3ee}.main{padding:1.5rem}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.topbar h1{letter-spacing:0;margin:0;font-size:clamp(2rem,4vw,3.2rem)}.eyebrow{color:#22d3ee;text-transform:uppercase;margin:0 0 .35rem;font-size:.78rem;font-weight:800}.sync-pill,.notice{color:#fde68a;background:#fbbf241f;border:1px solid #fbbf2473;border-radius:999px;padding:.55rem .8rem}.sync-pill.good{color:#86efac;background:#22c55e1f;border-color:#22c55e73}.notice{border-radius:8px;margin-bottom:1rem}.dashboard-grid{grid-template-columns:repeat(12,1fr);gap:1rem;display:grid}.code-layout{grid-template-columns:minmax(260px,.9fr) minmax(0,1.5fr);gap:1rem;display:grid}.hero,.metric,.panel,.card,.task,.suggestion{background:#0e1b2ee6;border:1px solid #94a3b824;border-radius:8px;box-shadow:0 24px 80px #00000038}.hero{background:linear-gradient(135deg,#123b6d,#172554 54%,#0e1b2e);flex-direction:column;grid-column:span 6;justify-content:space-between;min-height:210px;padding:1.4rem;display:flex}.hero span,.metric span,.task span,.suggestion span,.line span{color:#96a7bd}.hero strong{font-size:2rem}.metric{grid-column:span 2;padding:1.2rem}.metric strong{color:#3b82f6;font-size:2.2rem;display:block}.metric.warn strong{color:#fbbf24}.metric.info strong{color:#22d3ee}.panel{grid-column:span 4;padding:1rem}.panel h2{margin:0 0 1rem}.card,.task,.suggestion,.week-row,.line{margin-bottom:.75rem;padding:.9rem}.card-head,.task,.week-row,.line{justify-content:space-between;align-items:center;gap:1rem;display:flex}.card p{color:#96a7bd}.bar{background:#14243a;border-radius:99px;height:8px;overflow:hidden}.bar i{border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#22d3ee);height:100%;display:block}.task div,.suggestion strong,.suggestion span{display:block}.button-row{flex-wrap:wrap;gap:.65rem;margin-bottom:1rem;display:flex}.muted{color:#96a7bd}.file{text-align:left;width:100%;margin-bottom:.65rem;display:block}.file strong,.file span{display:block}.file span{color:#96a7bd;font-size:.82rem}.file.active{background:#15345d;border-color:#22d3eecc}.code-viewer{color:#c7d7ea;background:#081525;border:1px solid #94a3b824;border-radius:8px;max-height:58vh;padding:1rem;font-size:.86rem;line-height:1.55;overflow:auto}.legal-footer{color:#96a7bd;flex-wrap:wrap;align-items:center;gap:.8rem 1rem;margin-top:1.5rem;padding:1rem 0 0;font-size:.9rem;display:flex}.legal-footer a{color:#c7d7ea;text-decoration:none}.legal-footer a:hover{color:#22d3ee;text-decoration:underline}@media (width<=920px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.dashboard-grid{display:block}.code-layout{grid-template-columns:1fr}.hero,.metric,.panel{margin-bottom:1rem}.topbar,.card-head,.task,.week-row,.line{flex-direction:column;align-items:flex-start}}
