@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#1B4332;--muted:#52624D;--line:#dce5df;--paper:#F4EBDC;--green:#1B4332;--lime:#A9B79C}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,select,summary{cursor:pointer}button{border:1px solid var(--line);border-radius:8px;padding:10px 14px;background:#fff;color:var(--ink);font-weight:600}button:hover{background:#edf3e7;border-color:#6B8F55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6B8F55;outline-offset:2px}header{height:94px;max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:1.5px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px;color:var(--muted)}.mark{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--ink);border-radius:50%;font-size:25px}.badge{font-size:10px;letter-spacing:1px;background:#e7ecdf;padding:7px 10px;border-radius:5px;white-space:nowrap}main{max-width:1320px;padding:44px 36px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.eyebrow,label[for=profile]{font-size:10px;font-weight:700;letter-spacing:1.6px;color:var(--muted)}h1,h2,.big,.metric strong{font-family:Manrope,sans-serif}h1{font-size:42px;letter-spacing:-1.6px;line-height:1.2;margin:12px 0}p{color:var(--muted);line-height:1.65;margin:8px 0}h2{font-size:20px;margin:6px 0 12px;letter-spacing:-.5px}.rating{display:flex;background:#e5eadd;padding:5px;border-radius:12px;gap:5px}.rating button{border:0;background:transparent;padding:12px 25px;font-size:21px}.rating small{display:block;font-size:9px;letter-spacing:1px;margin-top:4px}.rating button.active{background:var(--ink);color:#fff}.panel{border:1px solid var(--line);background:#fff;border-radius:14px}.profile{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;margin-bottom:20px;gap:30px}.profile select{display:block;min-width:280px;margin-top:8px;font-weight:700}.profile p{font-size:12px}.profile-note{max-width:440px;border-left:1px solid var(--line);padding-left:28px}.profile-note strong{font-size:13px}select,input,textarea{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:11px;width:100%}.stats{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:18px;margin-bottom:30px}.progress{background:var(--ink);color:#fff;padding:25px}.progress .eyebrow{color:#b6cec3}.big{font-size:49px;font-weight:700;letter-spacing:-2px;margin:8px 0 14px}.big small{font-size:20px;font-weight:400;letter-spacing:0;color:#bfd0c8}.track{height:7px;background:#45635a;border-radius:10px;position:relative}.track i{display:block;height:100%;background:var(--lime);border-radius:10px}.track>span{position:absolute;left:70%;height:13px;top:-3px;width:2px;background:#fff}.progress-foot{display:flex;justify-content:space-between;font-size:11px;color:#cad8ce;margin-top:12px}.metric{padding:26px;display:flex;flex-direction:column;justify-content:center}.metric strong{font-size:43px;font-weight:600;margin:12px 0}.metric>span:last-child{font-size:12px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.tasks{padding:25px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.filters{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:8px;margin:16px 0 20px}.filters select,.filters input{font-size:12px;min-width:0}.task{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid #edf0e9}.task-icon{border-radius:50%;width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;color:var(--muted);background:#f2f4ee}.task-icon.x{background:#e6f0db;color:var(--green)}.task-icon.na{background:#f5eee0;color:#93763a}.task-text{flex:1;min-width:0}.task-text strong{font-size:13px;font-weight:500;line-height:1.5;display:block}.task-text small{display:block;margin-top:5px;font-size:10px;color:var(--muted)}.task>button{font-size:11px;padding:8px 11px}.side{padding:23px;margin-bottom:20px}.side>p{font-size:12px}.chapter{padding:12px 0;border:0;border-top:1px solid #edf0e9;width:100%;text-align:left;border-radius:0;font-size:12px}.chapter div{display:flex;justify-content:space-between;gap:12px}.chapter small{color:var(--muted)}.mini{height:4px;background:#edf0e7;margin-top:8px;border-radius:3px}.mini i{display:block;height:100%;background:#6B8F55}.wide{width:100%;margin-top:8px}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#174d3d;color:white}#chapters{max-height:360px;overflow:auto;margin-top:15px}footer{font-size:11px;line-height:1.8;color:var(--muted);border-top:1px solid var(--line);padding-top:24px;margin-top:35px}footer span{display:block;margin-top:10px;font-size:10px}details{margin-top:20px;font-size:12px}dialog{border:1px solid var(--line);border-radius:16px;max-width:560px;width:calc(100% - 24px);color:var(--ink);padding:25px}dialog::backdrop{background:#142d286b;backdrop-filter:blur(3px)}dialog h2{font-size:19px}dialog label{display:block;font-size:12px;margin:12px 0}dialog input,dialog select,dialog textarea{margin-top:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.check{display:flex!important;align-items:center;gap:8px}.check input{width:18px;margin:0}.hint{font-size:11px}.bulk{padding:10px;background:#f3f5ed;margin-bottom:15px;border-radius:8px;font-size:11px}.bulk button{padding:6px 10px;font-size:11px;margin-left:6px}.empty{padding:50px 20px;text-align:center;color:var(--muted)}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 20px;border-radius:9px;display:none;z-index:10;max-width:90vw}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.workspace aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-note{max-width:350px}.stats{gap:10px}.metric{padding:20px}}@media(max-width:600px){header{height:75px;padding:0 18px}.brand{font-size:12px}.brand small{font-size:7px}header .badge{font-size:8px}main{padding:28px 16px}.intro{align-items:flex-start;gap:20px;flex-direction:column}h1{font-size:32px}.intro p{font-size:12px}.rating{width:100%}.rating button{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:9px}.profile{padding:18px;display:block}.profile select{min-width:0}.profile-note{border-left:0;padding:12px 0 0;border-top:1px solid var(--line);margin-top:12px}.stats{grid-template-columns:1fr 1fr}.progress{grid-column:1/-1}.metric{padding:17px}.metric strong{font-size:32px}.metric .eyebrow{font-size:9px}.tasks{padding:17px}.filters{grid-template-columns:1fr 1fr}.filters input{grid-column:1/-1}.workspace aside{display:block}.section-head h2{font-size:19px}.task-text strong{font-size:12px}.form-grid{grid-template-columns:1fr}.bulk span{display:block;margin-bottom:8px}}
.additional{margin-top:25px}.extra-summary{display:flex;gap:30px;margin:20px 0;flex-wrap:wrap}.extra-summary strong{display:block;font:700 30px Manrope,sans-serif}.extra-summary>div{font-size:12px;color:var(--muted)}.additional>button{margin-top:16px}footer a{color:var(--green);text-decoration:underline}#taskList{max-height:750px;overflow:auto;padding-right:6px}
.quick-check{width:24px;height:24px;min-width:24px;padding:0;margin:0 3px;accent-color:var(--green);cursor:pointer}.quick-help{font-size:12px;margin:4px 0 15px}.task:has(.quick-check:checked){background:#f6f9f1}.task .quick-check:focus-visible{outline:3px solid #6B8F55;outline-offset:3px}
.show-all-label{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin:-9px 0 15px}.show-all-label input{width:16px;height:16px;margin:0;accent-color:var(--green)}.task .quick-na{font-size:10px;padding:7px 9px;white-space:nowrap;background:#f5f3eb;color:#715e35;border-color:#e8e0cf}.task .quick-na:hover{background:#efe9d9;border-color:#cdbb91}
.rating{flex-wrap:wrap}.rating button{padding:10px 17px}.combined-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.combined-cards>div{padding:16px;background:#F4EBDC;border-radius:10px}.combined-cards span{font-size:12px;display:block;color:var(--muted)}.combined-cards strong{font:700 25px Manrope,sans-serif;display:block;margin-top:8px}#ratingBreakdown{font-size:12px}#combined[hidden]{display:none}@media(max-width:600px){.rating button{min-width:40%;font-size:18px}.rating small{font-size:8px}.combined-cards{grid-template-columns:1fr 1fr}}
.rating-choices{width:310px;flex-shrink:0}.rating-choices>.rating:first-child button{flex:1;font-size:23px}.rating-secondary{margin-top:8px;background:transparent;border:1px solid var(--line);padding:3px}.rating-secondary button{font-size:15px;flex:1;padding:9px 6px}.rating-secondary small{font-size:7px}.mark{border:0;border-radius:0;width:58px;height:58px}.mark img{width:100%;height:100%;object-fit:contain}.combined-cards small{color:var(--muted)}@media(max-width:600px){.rating-choices{width:100%}.rating-secondary button{min-width:0}.mark{width:45px;height:45px}}

.app-nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.app-nav a{font-size:12px;color:var(--green)}@media(max-width:600px){header:has(.app-nav){height:auto;min-height:90px;flex-wrap:wrap;gap:12px;padding-top:12px;padding-bottom:12px}.app-nav{width:100%;justify-content:flex-end}}
