:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#444;background:#fdfdfd;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:280px;font-size:14px;line-height:1.6}button,input{font:inherit}a{color:inherit;text-underline-offset:4px}a:hover{color:#111}h1,h2,h3{color:#303030;font-weight:500;line-height:1.25}h1{margin:8px 0 12px;font-size:clamp(28px,4vw,40px);letter-spacing:-1.2px}h2{font-size:20px;letter-spacing:-.4px}h3{font-size:18px}p{margin:12px 0}:focus-visible{outline:2px solid #555;outline-offset:4px}button,.button{min-height:44px;padding:10px 16px;border:1px solid #e4e4e4;border-radius:5px;background:#f5f5f5;color:#303030;cursor:pointer;text-decoration:none;text-align:center;transition:background .15s,border-color .15s}button:hover:not(:disabled),.button:hover{background:#eee;border-color:#bdbdbd}button:disabled{opacity:.5;cursor:not-allowed}button[type=submit],.button.primary{background:#303030;color:#fdfdfd;border-color:#303030}button[type=submit]:hover:not(:disabled),.button.primary:hover{background:#111}input{min-width:0;width:100%;min-height:44px;padding:10px 12px;border:1px solid #bdbdbd;border-radius:5px;background:#fff;color:#303030}form{display:grid;gap:10px}label{font-size:13px;font-weight:500}form label:not(:first-child){margin-top:8px}form button[type=submit]{margin-top:6px}.eyebrow{color:#707070;font:11px/1.6 monospace;letter-spacing:1px;text-transform:uppercase}.muted{color:#707070}.site-header{border-bottom:1px solid #e4e4e4}.header-inner{width:min(1080px,calc(100% - 48px));margin:auto;min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:15px;font-weight:600;text-decoration:none;color:#303030}.brand-group{display:flex;align-items:center;gap:16px;min-width:0}.technology-logos{display:flex;align-items:center;gap:12px;padding-right:16px;border-right:1px solid #e4e4e4;flex-shrink:0}.technology-logos img{display:block;object-fit:contain}.brand-caption{margin:2px 0 0;color:#707070;font-size:11px}nav{display:flex;gap:24px}nav a{display:flex;align-items:center;min-height:44px;font-size:13px;text-decoration:none}nav a[aria-current]{text-decoration:underline}.workspace{width:min(1080px,calc(100% - 48px));margin:48px auto 80px}.auth-layout{width:min(400px,calc(100% - 40px));margin:64px auto}.auth-layout h1{font-size:32px}.auth-layout form{margin-top:28px}.auth-layout>div>button{margin-top:16px;width:100%}.welcome{max-width:600px}.welcome .button{display:inline-block;margin:18px 12px 0 0}.account-id{overflow-wrap:anywhere;font-size:12px;color:#707070}p[role=alert],p[role=status]{padding:12px 16px;border:1px solid #e4e4e4;border-radius:5px;overflow-wrap:anywhere}p[role=alert]{background:#fff4f3;border-color:#edc7c2;color:#9b3026}p[role=status]{background:#f5f5f5}.skip-link{position:absolute;top:-100px;left:16px}.skip-link:focus{top:12px;background:#fff;padding:12px}@media(prefers-reduced-motion:reduce){button,.button{transition:none}}.stats{display:grid;gap:4px;margin:28px 0 32px;padding:20px 24px;border:1px solid #e4e4e4;border-radius:5px}.stats strong{font-size:32px;line-height:1.3;font-weight:500;color:#303030}.projects-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 32px}.project-card{padding:24px;border:1px solid #e4e4e4;border-radius:5px}.project-card>.eyebrow{margin:0}.project-card h3{margin:12px 0 24px;overflow-wrap:anywhere}.project-card h3 a{text-decoration:none}.project-card h3 a:hover{text-decoration:underline}.project-card>button{margin:0 8px 8px 0}.project-card form{margin-bottom:12px}button.danger{color:#9b3026;background:#fff}.create-form{padding:24px;background:#f5f5f5;border:1px solid #e4e4e4;border-radius:5px;grid-template-columns:1fr auto;align-items:center}.create-form label{grid-column:1 / -1}.create-form button[type=submit]{margin:0}.empty-state{grid-column:1 / -1;padding:32px 24px;text-align:center;border:1px dashed #bdbdbd;border-radius:5px}dialog{width:min(420px,calc(100% - 32px));padding:24px;border:1px solid #e4e4e4;border-radius:5px;color:#303030}dialog::backdrop{background:#0000004d}dialog button{margin:8px 8px 0 0}@media(max-width:900px){.projects-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.project-page h1{overflow-wrap:anywhere}.milestones-list,.tasks-list{padding:0;list-style:none}.milestones-list{display:grid;gap:8px;margin-top:16px}.milestones-list>li{border:1px solid #e4e4e4;border-radius:5px;overflow:hidden}.milestone-card,.task-card{display:flex;align-items:center;gap:8px}.milestone-card{padding:8px 16px}.item-name{flex:1;min-width:0;overflow-wrap:anywhere}.milestone-card form,.task-card form{display:flex;flex:1;flex-wrap:wrap}.milestone-card form input,.task-card form input{flex:1;min-width:140px}.milestone-card form button[type=submit],.task-card form button[type=submit]{margin:0}.task-section{padding:8px 16px 12px}.task-card{display:grid;grid-template-columns:20px minmax(0,1fr) auto auto;gap:8px 12px}.task-card>.item-name{grid-column:2}.task-card>input[type=checkbox]{grid-column:1;grid-row:1}.task-card>input[type=checkbox],.milestones-list summary>input[type=checkbox]{width:20px;height:20px;min-height:0;margin:0;padding:0;accent-color:#303030;cursor:pointer}.task-card:has(>input[type=checkbox]:checked)>.item-name,.milestones-list summary:has(>input[type=checkbox]:checked)>.item-name{color:#707070;text-decoration:line-through}.task-card>form{grid-column:1 / -1;min-width:0}.tasks-list{margin:8px 0}.tasks-list>li{padding:6px 0;border-bottom:1px solid #e4e4e4}.task-form{grid-template-columns:1fr auto;align-items:center}.task-form button[type=submit]{margin:0}.project-page .stats{margin:16px 0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.project-page .stats strong{font-size:24px}.project-page .create-form{padding:12px 16px;gap:8px}.milestones-list summary{display:grid;grid-template-columns:12px 20px minmax(0,1fr) auto;align-items:center;gap:8px 12px;list-style:none;min-height:44px;padding:12px 16px;background:#f5f5f5;color:#303030;font-size:16px;font-weight:500;cursor:pointer}.milestones-list summary>input[type=checkbox]{grid-column:2;grid-row:1}.milestones-list summary>.item-name{grid-column:3;grid-row:1}.milestones-list summary>.milestone-actions{grid-column:4;grid-row:1}.milestones-list details[open]>summary{border-bottom:1px solid #e4e4e4}.milestone-card button,.milestone-actions button,.task-card button{padding:6px 10px}.milestones-list summary:before{content:"▸";grid-column:1;grid-row:1}.milestones-list details[open]>summary:before{content:"▾"}.milestones-list summary::-webkit-details-marker{display:none}.milestone-actions{display:flex;gap:8px;flex-shrink:0;font-size:14px;font-weight:400}@media(max-width:600px){.header-inner{width:calc(100% - 32px);min-height:72px;flex-wrap:wrap;gap:8px 16px;padding:16px 0}.brand-group{width:100%;gap:12px}.technology-logos{gap:8px;padding-right:12px}nav{gap:16px}.workspace{width:calc(100% - 32px);margin-top:32px}.auth-layout{margin-top:40px}.projects-list,.create-form{grid-template-columns:1fr}.project-card,.create-form{padding:20px}.task-form{grid-template-columns:1fr}.task-card>.item-name{grid-column:2 / -1}.task-card>button{grid-row:2}.task-card>button:not(.danger){grid-column:3}.task-card>button.danger{grid-column:4}.milestones-list summary>.item-name{grid-column:3 / -1}.milestones-list summary>.milestone-actions{grid-column:3 / -1;grid-row:2;justify-self:end}}
