:root{color-scheme:dark;font-family:Inter,'Segoe UI',Arial,sans-serif;color:#f5f8fc;background:#081421;--blue:#1a95f8;--surface:#0e2032;--soft:#142a40;--border:#24384b;--muted:#9fb0c3}
body{background:#081421;color:#f5f8fc}
h1,h2,h3{font-family:Inter,'Segoe UI',Arial,sans-serif;letter-spacing:-.035em}
p{color:var(--muted)}
.page{max-width:1280px;padding:0 30px 90px}
.page{max-width:none;margin-left:222px;width:calc(100% - 222px)}
.workspace-rail{position:fixed;inset:0 auto 0 0;width:222px;background:#0e2032;border-right:1px solid #24384b;display:flex;flex-direction:column;padding:23px 14px 18px;z-index:3}
.rail-brand{display:flex;align-items:center;gap:10px;padding:0 11px 35px;color:#f5f8fc}
.rail-brand strong{font-size:22px;letter-spacing:-.05em}
.rail-mark{display:grid;place-items:center;background:#1a95f8;border-radius:7px;width:33px;height:33px;font-size:20px;font-weight:800;box-shadow:0 0 0 4px #1a95f81a}
.rail-label{color:#8fa5bb;font-size:10px;letter-spacing:.16em;font-weight:700;padding:0 11px 11px}
.workspace-rail nav{display:grid;gap:5px}
.rail-link{display:flex;align-items:center;gap:13px;text-decoration:none;color:#a9bbcd;font-size:13px;font-weight:600;border-radius:7px;padding:11px 13px;border-left:3px solid transparent;transition:background .18s,color .18s}
.rail-link span{font-size:18px;width:20px;text-align:center;line-height:1}
.rail-link:hover,.rail-link.active{background:#153652;color:#88c7ff}
.rail-link.active{border-left-color:#1a95f8}
.rail-bottom{margin-top:auto;border-top:1px solid #24384b;padding:18px 11px 0;display:flex;align-items:center;gap:9px;color:#8fa5bb;font-size:11px}
.rail-dot{width:7px;height:7px;border-radius:2px;background:#1a95f8}
#overview,#milestones{scroll-margin-top:85px}
.topbar{height:68px;background:var(--surface);border:1px solid var(--border);border-top:0;padding:0 25px;margin:0 -30px 0;position:sticky;top:0;z-index:2}
.topbar .brand{font-size:13px;letter-spacing:.13em;text-transform:uppercase}
.brand{color:#f5f8fc;font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:20px;font-weight:750;letter-spacing:-.05em}
.brand span{color:#6d849b;font-weight:400}
.top-right{color:var(--muted)}
.avatar{background:#19344e;color:#b8d6ef;border:1px solid #31516d}
.link-button{color:#b3c8dc}
.link-button:hover{color:#fff}
.eyebrow{color:#84b9e5;font-size:11px;letter-spacing:.13em}
.hero{padding:45px 0 30px;align-items:center}
.hero h1{font-size:clamp(30px,3vw,42px);line-height:1.18;margin:9px 0 10px}
.hero p{font-size:14px;color:#a5b8c9}
.button{background:#142a40;color:#d7e8f8;border-color:#2a4258;border-radius:8px;box-shadow:none}
.button:hover{background:#1b3852;color:#fff}
.button.primary{background:#087ed8;border-color:#087ed8;color:white}
.button.primary:hover{background:#1a95f8;border-color:#1a95f8}
.button.ghost{color:#9fb0c3}
.button.danger{color:#f18e99}
.progress-panel{background:linear-gradient(110deg,#102b47,#153956);border:1px solid #31516d;border-radius:12px;padding:29px 34px;box-shadow:none}
.progress-panel .eyebrow{color:#7dbfff}
.progress-panel h2{font-size:19px;margin:8px 0 5px;letter-spacing:-.03em}
.progress-panel p{color:#a9bed1}
.big-percent{font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:49px;letter-spacing:-.065em}
.track{height:6px;background:#2c506d;margin-top:25px}
.fill,.mini-track .fill{background:#1a95f8}
.section-heading{margin:41px 0 16px}
.section-heading h2{font-size:19px}
.section-heading p{color:#8fa5b8}
.task-list{gap:11px}
.task{background:var(--surface);border-color:var(--border);border-radius:10px;box-shadow:none;transition:border-color .18s,transform .18s}
.task:hover{border-color:#3c6383;transform:translateY(-1px)}
.task-head{padding:20px 22px}
.task-title{font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:15px;letter-spacing:-.02em}
.task-description{color:#8fa5b8}
.mini-track{background:#24415b}
.mini-percent{color:#8dc8fc}
.chevron,.icon-button{color:#91a6b9}
.icon-button:hover{background:#1c3a55;color:#d4ebff}
.task-body{border-top-color:var(--border);background:#0c1c2c}
.subtask+.subtask{border-top-color:#1e3449}
.subtask-label{color:#e0eaf4}
.done-text{color:#8298aa}
.check{border-color:#54718b;background:transparent}
.check:checked{background:#1a95f8;border-color:#1a95f8}
.empty{background:var(--surface);border-color:#31516d}
.empty-icon{color:#1a95f8}
.footer{border-color:var(--border);color:#7f94a7}
.state-shell{max-width:1280px;padding:30px}
.state-card{background:var(--surface);border-color:var(--border);box-shadow:0 18px 55px #0003}
.state-card h1{font-size:28px}
.state-card p{color:#a6b7c8}
.state-symbol{background:#143652;color:#74beff}
.spinner{border-color:#264057;border-top-color:#1a95f8}
dialog{background:var(--surface);color:#f5f8fc;border-color:#31516d}
dialog::backdrop{background:#020912b3}
.dialog-inner p{color:#a6b7c8}
label.field{color:#c4d8e9}
input[type=text],input[type=email],textarea{background:#0a1928;border-color:#31516d;color:#f5f8fc}
input:focus,textarea:focus{border-color:#1a95f8;box-shadow:0 0 0 3px #1a95f833}
.invite-row{background:#142a40}
.toast{background:#1a95f8;color:white}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #69bbff;outline-offset:3px}
@media(max-width:800px){.workspace-rail{display:none}.page{margin-left:0;width:100%}}
@media(max-width:720px){.page{padding:0 18px 65px}.topbar{height:66px;margin:0 -18px;padding:0 18px}.brand{font-size:17px}.hero{padding:38px 0 25px}.hero h1{font-size:32px}.progress-panel{padding:25px 22px}.big-percent{font-size:42px}.section-heading{margin-top:35px}.task-head{padding:17px}.state-shell{padding:22px 18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}