*{box-sizing:border-box}body{margin:0;background:#f7f8f5;color:#263c38;font:14px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #dce4dc;background:#fff;border-radius:9px;padding:9px 15px;color:#36534b;transition:.18s}button:hover{background:#eaf0e9;border-color:#92aa9a}button:focus-visible,a:focus-visible{outline:3px solid #bc9563;outline-offset:3px}.primary{background:#315d4e;color:#fff;border-color:#315d4e}.primary:hover{background:#214638;color:white}.quiet{border-color:transparent;background:transparent}.danger{color:#9c554b}aside{width:225px;position:fixed;inset:0 auto 0 0;background:#edf1e9;border-right:1px solid #e0e5dc;padding:34px 22px;display:flex;flex-direction:column}.brand{text-decoration:none;color:#274d3f;font-size:25px;font-weight:650;letter-spacing:3px}.brand>span{display:inline-grid;place-items:center;width:40px;height:40px;background:#315d4e;color:#fff;border-radius:13px;font-size:21px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:2px;margin:14px 0 38px}.nav-label{font-size:10px;letter-spacing:2px;color:#879589;padding-left:12px}nav{display:grid;gap:9px;margin-top:18px}nav button{text-align:left;background:transparent;border:0;padding:12px}nav button span{display:inline-block;width:28px;font-size:20px;vertical-align:middle}nav .active{background:#dae5d7;color:#214b3b;font-weight:600}.sidebar-foot{margin-top:auto;font-size:12px;color:#566b60}.sidebar-foot p{font-size:11px;color:#8a968b;margin-top:15px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#738f67;margin-right:5px}.workspace{margin-left:225px}.topbar{height:65px;border-bottom:1px solid #e8ebe3;display:flex;align-items:center;justify-content:space-between;padding:0 44px;color:#859085;font-size:10px;letter-spacing:1.5px}main{max-width:1320px;margin:auto;padding:34px 44px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:2px;color:#7a8c7d;font-weight:600}h1{font-size:29px;font-weight:600;letter-spacing:1px;margin:6px 0}h2{font-size:19px;font-weight:600;margin:0 0 8px}h3{font-size:15px;font-weight:600;margin:8px 0}p{margin:8px 0}header p,.muted{color:#7e8c82;font-size:12px}.hero{display:flex;justify-content:space-between;align-items:center;padding:32px 38px;background:#e4ecdf;border:1px solid #dce5d7;border-radius:17px;overflow:hidden;min-height:210px}.hero h2{font-size:26px;line-height:1.55;letter-spacing:2px;margin-top:13px}.hero p{color:#748775;font-size:12px}.orbit{width:220px;height:160px;border:1px solid #bdcbb7;border-radius:50%;transform:rotate(-22deg);display:flex;align-items:center;justify-content:space-around;margin:10px 25px}.orbit strong{display:grid;place-items:center;width:86px;height:86px;border-radius:50%;background:#315d4e;color:#fff;font-weight:400;font-size:21px;box-shadow:0 0 0 13px #d4e0cc;transform:rotate(22deg)}.orbit span{background:#f4f5ed;padding:8px;border-radius:50%;font-size:11px;transform:rotate(22deg)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.stats article{background:#fff;border:1px solid #e4e8df;border-radius:13px;padding:20px 23px}.stats small{display:block;color:#758378}.stats strong{font-size:32px;font-weight:500;display:block;margin:2px 0}.stats span{font-size:11px;color:#9a9f95}.panel{background:#fff;border:1px solid #e2e7df;border-radius:14px;padding:25px;margin-bottom:20px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.section-title p{color:#8a958b;font-size:11px}.section-title h2{margin-bottom:0}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.actions button{font-size:12px}.reminder{display:flex;gap:17px;align-items:center;border-top:1px solid #eef0e9;padding:17px 0}.day{background:#edf2e9;color:#738568;border-radius:9px;padding:10px;font-size:12px;min-width:63px;text-align:center}.day.due{background:#f4ede0;color:#a58951}.grow{flex:1}.grow small{display:block;color:#939a8d;font-size:10px;margin-top:4px}.notice{background:#f1f0e5;border:1px solid #e7e4d4;color:#8c805f;border-radius:9px;padding:13px 16px;font-size:12px;margin:15px 0}.toolbar{display:flex;gap:10px;margin-bottom:20px}.toolbar input{flex:1}.toolbar select{width:145px}input,select,textarea{border:1px solid #dae2d6;border-radius:8px;padding:10px 12px;color:#334e43;background:#fff;max-width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #a7bba2;outline-offset:1px}textarea{resize:vertical;min-height:90px;line-height:1.7}label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#66796b}label.check{flex-direction:row;align-items:center;gap:8px;display:inline-flex;margin-right:12px}.check input{width:auto}.directory{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(350px,1.25fr);gap:23px;align-items:start}.cards{display:grid;gap:12px}.person-card{display:flex;position:relative;gap:16px;text-align:left;padding:21px;border-radius:13px;background:#fff}.person-card.selected{border-color:#78977f;background:#f0f4ec;box-shadow:0 0 0 1px #78977f}.avatar{width:42px;height:42px;flex-shrink:0;border-radius:13px;display:grid;place-items:center;background:#e0e9d9;color:#5f7b57;font-size:19px}.person-card:nth-child(2n) .avatar{background:#eae3d7;color:#947853}.person-card h3{margin:0}.person-card p{font-size:12px;margin:4px 0;color:#71806f}.person-card small{font-size:11px;color:#939b8e}.arrow{margin-left:auto;color:#96a38e}.tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.badge{border-radius:4px;background:#e8ede3;color:#75826a;font-size:10px;padding:2px 7px}.detail h2{font-size:25px}dl{display:grid;grid-template-columns:88px 1fr;gap:13px;font-size:12px;margin:22px 0}dt{color:#8c9688}dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.subjective{background:#f5f3ec;border-radius:10px;padding:16px 20px;margin:24px 0}.subjective h3 small{font-size:10px;color:#a0957a;margin-left:8px}.subjective p{font-size:12px;white-space:pre-wrap;color:#7d7a68}.subjective b{font-weight:500;color:#5f6757}.log{border-left:2px solid #d6e2ce;padding:1px 0 15px 15px;margin:18px 0;font-size:12px}.log p{white-space:pre-wrap;overflow-wrap:anywhere}.log small{color:#8d9986;font-size:10px}.log .actions{margin-top:10px}.bottom{margin-top:23px;justify-content:flex-end}.empty{text-align:center;padding:35px 15px;color:#8c9884;font-size:13px}.draft{width:100%;min-height:580px;font:13px/1.9 ui-monospace,monospace;background:#fafbf8;padding:22px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-grid form{display:flex;gap:15px;align-items:end;margin:22px 0}.holiday{display:flex;align-items:center;gap:6px;margin:9px 0;border-bottom:1px solid #eef0e8;padding-bottom:10px}.holiday span{flex:1}.holiday button{padding:5px 10px;font-size:11px}.stack{display:grid;gap:12px;margin:24px 0}.file-label{border:1px dashed #9fb095;border-radius:9px;padding:13px}.file-label input{font-size:11px}hr{border:0;border-top:1px solid #e8ebdf;margin:25px 0}dialog{border:1px solid #d8e2d2;border-radius:17px;width:min(690px,95vw);max-height:90vh;padding:28px;color:#304a3c;box-shadow:0 25px 100px #243c3a30}dialog::backdrop{background:#263e3860;backdrop-filter:blur(3px)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.wide{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select{width:100%}.form-grid .check input{width:auto}footer{padding:22px 44px;font-size:10px;color:#9aa394;display:flex;justify-content:space-between;border-top:1px solid #e8ebe1}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(90px);background:#2c5141;color:#fff;border-radius:10px;padding:13px 25px;z-index:5;transition:.25s;box-shadow:0 8px 30px #314b3d20}#toast.show{transform:translateX(-50%) translateY(0)}@media(min-width:1500px){main{padding-top:50px}}@media(max-width:1050px){aside{width:180px;padding:30px 15px}.workspace{margin-left:180px}main{padding:25px}.topbar{padding:0 25px}.directory{grid-template-columns:1fr 1.15fr;gap:15px}.orbit{width:160px;margin:0}.hero{padding:25px}.hero h2{font-size:23px}.settings-grid{grid-template-columns:1fr}.stats{gap:10px}.stats article{padding:17px}}@media(max-width:760px){aside{position:static;width:100%;padding:14px 20px;border-bottom:1px solid #dfe6d8;border-right:0}.brand{font-size:20px}.brand>span{width:30px;height:30px;font-size:16px}.brand small,.nav-label,.sidebar-foot{display:none}nav{grid-template-columns:repeat(4,1fr);margin-top:12px;gap:4px}nav button{font-size:11px;padding:8px 4px;text-align:center}nav button span{display:none}.workspace{margin:0}.topbar{height:42px;font-size:8px;padding:0 20px}main{padding:23px 18px}header{align-items:start}h1{font-size:23px}header p{font-size:11px}.eyebrow{font-size:8px}.hero{padding:25px;min-height:180px}.hero h2{font-size:21px}.hero p{max-width:240px}.orbit{display:none}.stats{gap:8px}.stats article{padding:13px 10px}.stats small{font-size:10px}.stats strong{font-size:27px}.stats span{font-size:9px}.panel{padding:18px}.section-title{flex-wrap:wrap}.reminder{flex-wrap:wrap;gap:10px}.reminder .actions{margin-left:72px}.reminder .grow{min-width:180px}.directory{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.person-card{padding:16px}.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}.toolbar select{flex:1}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.settings-grid form{flex-wrap:wrap}.draft{min-height:550px;padding:12px}footer{padding:20px;display:block}footer span{display:block}.actions button{padding:8px 11px}dialog{padding:20px}}
/* Accessible checkbox libraries: native keyboard controls with clear selection. */
.picker{border:1px solid #dbe4d5;border-radius:12px;padding:16px;margin:8px 0 16px;min-width:0}.picker legend{font-weight:600;padding:0 7px;font-size:13px}.picker p{margin-top:0}.choice-group h4{font-size:12px;margin:14px 0 8px;color:#71806f}.choices{display:flex;flex-wrap:wrap;gap:8px}.choice{display:flex;flex-direction:row;align-items:center;gap:8px;padding:9px 12px;border:1px solid #dce4d6;border-radius:9px;background:#fafbf8;cursor:pointer;overflow-wrap:anywhere}.choice:has(input:checked){background:#e7f0e1;border-color:#6d8b65;color:#304f36}.choice:focus-within{outline:2px solid #577a50;outline-offset:2px}.form-grid .choice input,.choice input{width:16px;flex-shrink:0;accent-color:#577a50}.holiday-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.holiday-choice{align-items:flex-start}.holiday-choice small,.holiday>span>small{display:block;font-size:10px;color:#768570;margin-top:4px}.holiday-choice b{font-size:12px}.library-group{margin:14px 0;padding:10px 12px;background:#f8faf5;border-radius:9px}.library-group summary{cursor:pointer;font-size:12px;font-weight:600}.holiday span{overflow-wrap:anywhere;min-width:0}.holiday button{flex-shrink:0}@media(max-width:560px){.holiday-choices{grid-template-columns:1fr}.picker{padding:12px}.choice{padding:8px 10px}}

.demo-banner{margin:20px 44px 0;padding:14px 18px;border:1px solid #d5b980;border-radius:12px;background:#fff7e6;color:#614920;font-size:13px}.demo-banner strong{font-size:14px}@media(max-width:700px){.demo-banner{margin:16px 18px 0}}
