:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182e37;background:#f2f5f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.5}header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px max(5vw,24px);background:#fff;border-bottom:1px solid #dce3e8}.brand{display:flex;align-items:center;gap:14px}.brand strong{font-size:21px;letter-spacing:-.5px}.mark{display:grid;place-items:center;width:44px;height:44px;background:#0b5662;color:white;font-size:28px;font-family:Georgia,serif;border-radius:12px}.sub{display:block;font-size:12px;letter-spacing:1.6px;color:#62757f;margin-top:2px}.account{display:flex;align-items:center;gap:18px;font-size:14px}main{max-width:1280px;margin:auto;padding:28px 32px 64px}nav{display:flex;gap:26px;border-bottom:1px solid #d6dfe5}nav a{padding:8px 0 17px;color:#5b6a74;text-decoration:none;font-weight:600;font-size:15px}nav a.selected{color:#095764;border-bottom:3px solid #095764}.heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:38px 0 30px}h1{font-size:clamp(28px,3vw,38px);line-height:1.2;letter-spacing:-1.1px;margin:9px 0 0;font-weight:650}.eyebrow{font-size:12px;letter-spacing:1.5px;color:#5a727e;font-weight:650}.count{display:flex;align-items:baseline;gap:10px;color:#48616d;white-space:nowrap}.count strong{font-size:40px;font-weight:500;color:#0c5965}.count span{font-size:14px}.layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:30px;align-items:start}.card{background:#fff;border:1px solid #dce4e9;border-radius:14px;padding:25px;box-shadow:0 4px 16px #18374403}h2{font-size:19px;margin:0 0 22px;letter-spacing:-.3px}label{display:block;font-size:14px;font-weight:600;margin:0 0 19px}input,select,textarea{display:block;width:100%;border:1px solid #c5d1d9;border-radius:7px;background:#fff;color:#182e37;padding:12px;margin-top:8px;font:inherit;font-size:16px;min-height:46px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#798b95}button{font:inherit;font-size:14px;font-weight:600;cursor:pointer;border-radius:7px;padding:11px 15px;min-height:44px;border:1px solid transparent}button:hover{filter:brightness(.94)}:focus-visible{outline:3px solid #34a8cf;outline-offset:3px}.primary{background:#0b5965;color:white}.wide{width:100%}.quiet{background:#f0f4f6;color:#34525e}.outline{background:#fff;border-color:#b9d4d6;color:#075665}.writer{font-size:13px;color:#5c707b;display:flex;justify-content:space-between;gap:12px;margin:25px 0 18px}.writer strong{color:#344e59}.muted{color:#647783;font-weight:400}small{display:block;font-size:13px;color:#60747f;margin-top:5px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px}.section-heading h2{margin:0}.section-heading>span{font-size:14px}.task{margin-bottom:16px;padding:22px 25px}.task-top{display:flex;justify-content:space-between;align-items:center;gap:14px}.badge{padding:4px 10px;background:#fff1d9;color:#875400;border-radius:5px;font-size:12px;font-weight:600}.complete{background:#e6f3ee;color:#286750}time{font-size:12px;color:#71818c}h3{font-size:20px;line-height:1.4;margin:16px 0 10px;overflow-wrap:anywhere}.note{font-size:15px;line-height:1.65;color:#5c6e79;margin:0 0 20px;overflow-wrap:anywhere}.meta{display:flex;gap:50px;margin:21px 0}.meta span{display:block;font-size:11px;letter-spacing:1.1px;color:#70818b;margin-bottom:4px}.meta strong{font-size:14px;font-weight:600}.task-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #edf0f3;padding-top:16px}.task-bottom small{margin:0}.done h3{color:#667680}.auth{max-width:460px;margin:50px auto;padding:36px}.auth h1{margin-top:15px}.auth p{margin:17px 0 30px}.notice,.error{padding:14px 18px;margin-bottom:20px;border-radius:8px;font-size:15px}.notice{background:#e0f1e9;color:#225e45}.error{background:#ffe8e7;color:#8b302c}.person{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;border-top:1px solid #edf0f3}.person strong{font-size:16px}.password{margin-top:22px}.empty{text-align:center;padding:50px 20px;color:#617680}.empty h2{margin:18px 0 8px;color:#264551}.empty-icon{display:inline-grid;place-items:center;font-size:26px;border-radius:50%;height:54px;width:54px;color:#0b5965;background:#eaf4f5}footer{text-align:center;padding:20px;color:#6c7d87;font-size:12px}@media(max-width:850px){.layout{grid-template-columns:290px minmax(0,1fr);gap:18px}main{padding:24px 20px}.meta{gap:25px}.task-bottom{flex-wrap:wrap}}@media(max-width:680px){header{padding:18px;flex-wrap:wrap;gap:16px}.brand strong{font-size:19px}.account{width:100%;justify-content:space-between}.layout{grid-template-columns:1fr}.heading{margin:27px 0;align-items:flex-start}.count{flex-direction:column;gap:0}.count strong{font-size:30px}.eyebrow{font-size:11px}.task,.card{padding:21px}.task-top{flex-wrap:wrap}.auth{margin:24px auto}main{padding:20px 16px 40px}.meta{justify-content:space-between;gap:20px}.meta>div{min-width:0;overflow-wrap:anywhere}.person{flex-wrap:wrap}h1{letter-spacing:-.6px}.compose{margin-bottom:8px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}