.js-app{--bone:#efeae0;--line:#cfc6b5;--ink:#4a1a23;--cedar:#8c603e;--sage:#6a7657;background:var(--bone);min-height:100vh;color:var(--ink);padding:0 5vw 40px;font:16px/1.6 Arial,Helvetica,sans-serif}.js-app *{box-sizing:border-box}.js-app a{color:inherit;text-underline-offset:4px}.js-app button,.js-app input,.js-app textarea{font:inherit}.js-app button,.js-primary{cursor:pointer;color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:4px;padding:10px 17px;text-decoration:none;display:inline-block}.js-app button:hover{border-color:var(--ink)}.js-app .js-primary{background:var(--cedar);color:var(--bone);border-color:var(--cedar)}.js-app button:disabled{opacity:.5;cursor:wait}.js-app :focus-visible{outline:2px solid var(--cedar);outline-offset:4px}.js-header{border-bottom:1px solid var(--line);align-items:center;gap:32px;max-width:1440px;margin:auto;padding:27px 0 24px;display:flex}.js-brand{font:32px/1 Georgia,serif;text-decoration:none}.js-brand span{margin-top:5px;font:12px/2 Arial,sans-serif;display:block}.js-product{border-left:1px solid var(--line);padding-left:32px}.js-text-link{margin-left:auto;font-size:14px}.js-demo{background:#e4ded1;flex-wrap:wrap;align-items:center;gap:12px;max-width:1440px;margin:16px auto;padding:9px 14px;font-size:13px;display:flex}.js-demo span{margin-right:auto}.js-demo button{padding:4px 10px}.js-status{max-width:1440px;min-height:24px;margin:10px auto}.js-welcome{max-width:820px;margin:9vh auto 18vh}.js-app h1{letter-spacing:-1.2px;white-space:pre-line;margin:16px 0 20px;font:clamp(38px,4.3vw,66px)/1.08 Georgia,serif}.js-app h2{margin:12px 0;font:32px/1.15 Georgia,serif}.js-app h3{margin:12px 0;font:25px/1.2 Georgia,serif}.js-welcome p{max-width:540px;margin:22px 0}.js-layout{max-width:1120px;margin:30px auto 75px}.js-with-admin{grid-template-columns:250px minmax(0,1fr);gap:60px;max-width:1440px;display:grid}.js-clients{border-right:1px solid var(--line);padding-right:28px}.js-clients h2{font-size:28px}.js-clients>p{font-size:14px}.js-clients nav{margin:28px 0}.js-clients nav button{text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;flex-direction:column;width:100%;padding:14px 12px;display:flex}.js-clients small{font-size:12px}.js-selected{background:#e4ded1!important}.js-app details{border-top:1px solid var(--line);padding:20px 0}.js-app summary{cursor:pointer;font-weight:600}.js-app details p{font-size:14px}.js-intro>p:first-child{margin:0;font-size:14px}.js-intro>p{max-width:650px}.js-intro h1{max-width:900px}.js-access{max-width:680px}.js-access button{margin-top:12px}.js-sprint-overview{border-top:2px solid var(--ink);border-bottom:1px solid var(--line);justify-content:space-between;gap:30px;margin:40px 0;padding:28px 0;display:flex}.js-sprint-overview h2{font-size:34px}.js-sprint-overview p{margin:0}.js-budget{flex-direction:column;justify-content:center;min-width:220px;display:flex}.js-budget strong{font:32px/1.3 Georgia,serif}.js-budget span{font-size:13px}.js-budget progress{width:100%;height:8px;accent-color:var(--sage);margin-top:14px}.js-budget small{max-width:240px}.js-task-heading{justify-content:space-between;align-items:baseline;gap:20px;margin:25px 0 15px;display:flex}.js-task-heading span{font-size:13px}.js-tasks{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:32px;display:grid}.js-task{border-top:1px solid var(--line);padding:23px 0 28px}.js-task-meta{justify-content:space-between;font-size:13px;display:flex}.js-task p{max-width:65ch;min-height:48px;font-size:15px}.js-task-actions{gap:10px;margin-top:20px;display:flex}.js-done .js-task-meta{color:#4d593d}.js-done h3:before{content:"✓ ";color:#4d593d}.js-skipped{opacity:.65}.js-schedule{margin-top:18px}.js-schedule label{font-size:13px}.js-schedule a{margin-top:8px;font-size:13px;display:inline-block}.js-app label{margin:14px 0 7px;display:block}.js-app input,.js-app textarea{width:100%;color:var(--ink);background:#f6f2ea;border:1px solid #b4a895;border-radius:3px;max-width:100%;margin-top:6px;padding:10px 12px;display:block}.js-app textarea{resize:vertical;min-height:85px}.js-app input[type=number]{max-width:130px}.js-app form button,.js-add-task{margin-top:15px}.js-add-task form{max-width:600px}.js-retro{background:#e4ded1;margin:35px 0;padding:32px}.js-retro>p{max-width:620px}.js-retro>p:first-child{font-size:13px}.js-retro form{max-width:720px}.js-retro h2{max-width:570px;font-size:40px}.js-footer{border-top:1px solid var(--line);flex-wrap:wrap;gap:20px;max-width:1440px;margin:auto;padding-top:22px;font-size:13px;display:flex}.js-footer a{margin-left:auto}.js-empty{padding:40px 0}@media (max-width:1000px){.js-with-admin{grid-template-columns:210px minmax(0,1fr);gap:30px}.js-tasks{grid-template-columns:1fr}.js-sprint-overview{flex-wrap:wrap}.js-budget{width:100%}}@media (max-width:700px){.js-app{padding:0 22px 28px}.js-header{flex-wrap:wrap;gap:18px;padding-top:20px}.js-brand{font-size:27px}.js-product{padding-left:18px;font-size:13px}.js-text-link{font-size:13px}.js-with-admin{display:block}.js-clients{border:0;padding:0}.js-clients nav{gap:10px;display:flex;overflow:auto}.js-clients nav button{min-width:150px}.js-clients details{padding:14px 0}.js-content{margin-top:32px}.js-layout{margin-top:20px}.js-app h1{letter-spacing:-.6px;font-size:41px}.js-sprint-overview{margin:28px 0;padding:22px 0}.js-task-heading{display:block}.js-task-heading h2{margin-bottom:4px}.js-retro{margin-left:-6px;margin-right:-6px;padding:24px 20px}.js-retro h2{font-size:34px}.js-task{padding-bottom:24px}.js-app input,.js-app textarea{font-size:16px}}.js-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px;display:grid}.js-app select{font:inherit;width:100%;color:var(--ink);background:#f6f2ea;border:1px solid #b4a895;border-radius:3px;margin-top:6px;padding:10px 12px;display:block}.js-app fieldset{border:1px solid var(--line);margin-top:18px;padding:10px 16px}.js-days{flex-wrap:wrap;gap:18px;display:flex}.js-app .js-days label,.js-app .js-check{align-items:center;gap:8px;display:flex}.js-app input[type=checkbox]{width:18px;height:18px;accent-color:var(--cedar);margin:0}.js-reason{color:#5c4b43;display:block}.js-task .js-time-hint{min-height:0;font-size:12px}.js-header button{margin-left:auto}@media (max-width:700px){.js-profile-grid{grid-template-columns:1fr}}
