html{background:#07111f}a{color:#7dd3fc}:root{color:#e5eef7;font-synthesis:none;text-rendering:optimizelegibility;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 0 0,#0ea5e92e,#0000 30rem),radial-gradient(circle at 100% 0,#2563eb24,#0000 34rem),#07111f;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{color:#e5eef7;cursor:pointer;background:#0f172ad6;border:1px solid #94a3b83d;border-radius:12px;justify-content:center;align-items:center;gap:.45rem;padding:.7rem .9rem;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}button:hover{border-color:#38bdf8b8;transform:translateY(-1px)}.button-link{color:#dbeafe;background:#0ea5e924;border:1px solid #7dd3fc47;border-radius:12px;align-items:center;gap:.45rem;padding:.7rem .9rem;font-weight:800;text-decoration:none;display:inline-flex}.button-link:hover{border-color:#38bdf8b8;transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.full-width{width:100%}.primary{background:linear-gradient(135deg,#0ea5e9,#2563eb);border:none;font-weight:700;box-shadow:0 12px 24px #2563eb40}.app-shell{max-width:1480px;margin:0 auto;padding:2rem}.hero{background:radial-gradient(circle at 0 0,#0ea5e938,#0000 35%),linear-gradient(135deg,#0f172afa,#0f172aa8);border:1px solid #94a3b82e;border-radius:28px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:2rem;display:flex;box-shadow:0 24px 80px #00000052}h1{letter-spacing:-.06em;margin:.25rem 0;font-size:clamp(2rem,5vw,4rem)}h2{letter-spacing:-.04em;align-items:center;gap:.6rem;margin:.5rem 0 0;font-size:clamp(1.5rem,3vw,2.5rem);display:flex}h3{align-items:center;gap:.5rem;margin-top:0;display:flex}p{color:#bfd0e3;line-height:1.6}.eyebrow,.mode-pill{color:#7dd3fc;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.4rem;font-size:.78rem;font-weight:800;display:inline-flex}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.mode-pill{color:#dbeafe;text-transform:none;letter-spacing:0;background:#0ea5e924;border:1px solid #7dd3fc33;border-radius:999px;padding:.55rem .75rem}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin:1.5rem 0;display:grid}.stat{background:#0f172adb;border:1px solid #94a3b829;border-radius:22px;gap:.4rem;min-height:132px;padding:1.2rem;display:grid}.stat svg{color:#38bdf8}.stat span{color:#94a3b8}.stat strong{font-size:2rem}.focus-strip{grid-template-columns:minmax(260px,.72fr) 1fr;align-items:start;gap:1.5rem;margin-bottom:1.2rem;display:grid}.focus-strip h2{font-size:clamp(1.25rem,2vw,2rem)}.focus-strip p{margin-bottom:0}.focus-strip ol{gap:.55rem;margin:0;display:grid}.focus-strip li{background:#0206176b;border:1px solid #94a3b81f;border-radius:14px;padding:.75rem .9rem}.content-grid{grid-template-columns:390px 1fr;align-items:start;gap:1.2rem;display:grid}.panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172ae6;border:1px solid #94a3b829;border-radius:24px;padding:1rem;box-shadow:0 16px 50px #00000040}.panel-title{align-items:center;gap:.5rem;font-weight:900;display:flex}.sidebar{position:sticky;top:1rem}.sidebar-head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.project-list{gap:.65rem;margin-top:1rem;display:grid}.project-row{text-align:left;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:.25rem;width:100%}.project-row span{font-weight:800}.project-row small{color:#94a3b8}.project-row.selected{background:#0ea5e929;border-color:#38bdf8}.form-panel{gap:.8rem;margin:1rem 0;display:grid}label{color:#cbd5e1;gap:.35rem;font-weight:700;display:grid}input,textarea,select{color:#e2e8f0;background:#020617;border:1px solid #94a3b840;border-radius:12px;outline:none;width:100%;padding:.75rem}input:focus,textarea:focus,select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf824}textarea{resize:vertical;min-height:88px}.form-row{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.form-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.actions{gap:.6rem;display:flex}.project-detail{gap:1.15rem;padding:1.5rem;display:grid}.project-header{justify-content:space-between;gap:1rem;display:flex}.owner{color:#93c5fd;font-weight:800}.badge{background:#94a3b829;border-radius:999px;margin-right:.45rem;padding:.38rem .6rem;font-size:.78rem;font-weight:900;display:inline-flex}.badge.active{color:#86efac;background:#16a34a26}.badge.planning{color:#bfdbfe;background:#2563eb26}.badge.blocked{color:#fca5a5;background:#dc262626}.badge.done{color:#c4b5fd;background:#7c3aed29}.priority-high{color:#fdba74}.priority-medium{color:#7dd3fc}.priority-low{color:#cbd5e1}.goal-box{background:#0ea5e91a;border:1px solid #7dd3fc2e;border-radius:18px;align-items:flex-start;gap:.8rem;padding:1rem;display:flex}.detail-columns{grid-template-columns:1fr 1fr;gap:1rem;display:grid}li{color:#d9e8f7;margin:.45rem 0;line-height:1.45}.notes,.muted{color:#94a3b8}.small{font-size:.82rem}.editor-card{background:#02061773;border:1px solid #7dd3fc26;border-radius:18px;gap:.9rem;padding:1rem;display:grid}.editor-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.editor-head p{margin:.25rem 0 0}.timeline{gap:.75rem;display:grid}.timeline div{background:#02061780;border-left:3px solid #38bdf8;border-radius:12px;padding:.85rem}.timeline span{color:#93c5fd;font-size:.82rem}.timeline p{margin:.25rem 0 0}.error{color:#fecaca;background:#7f1d1d6b;border:1px solid #f871714d;border-radius:14px;align-items:center;gap:.6rem;margin:1rem 0;padding:.9rem;display:flex}.center,.login-shell{place-items:center;min-height:100vh;padding:2rem;display:grid}.login-card{text-align:center;background:#0f172aeb;border:1px solid #94a3b82e;border-radius:28px;max-width:520px;padding:2rem;box-shadow:0 24px 80px #0006}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:330px 1fr}}@media (width<=960px){.hero,.project-header,.editor-head{flex-direction:column}.stats-grid,.content-grid,.detail-columns,.focus-strip,.form-row.three{grid-template-columns:1fr}.sidebar{position:static}.app-shell{padding:1rem}}