*{box-sizing:border-box}body{margin:0;background:#fcf8f0;color:#393f30;font:14px/1.65 system-ui,sans-serif}.sidebar{width:225px;background:#e5eadb;position:fixed;inset:0 auto 0 0;padding:38px 25px}.brand{text-decoration:none;font:700 28px/1.05 Georgia;color:#36482f;display:block}.brand span{display:block}.brand b{float:right;font:55px Georgia;margin-top:-59px;color:#83906e}.sidebar p{font-size:11px;color:#77806c}.sidebar nav{display:grid;gap:22px;margin-top:70px}.sidebar nav a{color:#4b6041;text-decoration:none;font-size:13px}.side-note{position:absolute;bottom:30px;font-size:10px;line-height:2;color:#7b8671;letter-spacing:.08em}main{margin-left:225px;padding:0 5vw;max-width:1500px}header{display:flex;align-items:center;justify-content:space-between;padding:28px 0;gap:20px;border-bottom:1px solid #dddccc}header>span,.eyebrow{font-size:10px;font-weight:750;letter-spacing:.13em;color:#8a856f}header div{display:flex;gap:9px}.intro{padding:45px 0 25px}h1{font:400 clamp(40px,4.5vw,67px)/1.06 Georgia,serif;letter-spacing:-2px;margin:18px 0;color:#3d4c31}.intro p{max-width:600px;color:#888371;font-size:16px}.notice{padding:16px 20px;background:#f1eadb;border-radius:7px;display:flex;gap:20px;font-size:11px;color:#807961}.notice b{min-width:90px}button,.button{cursor:pointer;border:1px solid #5b714a;background:#5b714a;color:white;border-radius:5px;padding:11px 15px;font:600 11px system-ui;display:inline-block}.secondary{background:transparent;color:#606c50;border-color:#cbcbb9}.section-top{display:flex;justify-content:space-between;align-items:center;margin-top:32px;gap:15px}h2{font:400 27px Georgia;margin:8px 0 18px}.identity{font-size:10px;display:flex;align-items:center;gap:12px}.identity input{width:180px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0 24px}.stats article{padding:15px 20px;background:#fffdf9;border:1px solid #e7e1d3;border-radius:8px}.stats strong{font:34px Georgia;display:block}.stats span{font-size:10px;color:#8e8878}.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.task{background:#fffdf8;border:1px solid #e2dbc9;border-radius:9px;padding:22px;display:flex;flex-direction:column}.task small{font-size:10px;color:#8b805f;font-weight:700}.task h3{font-size:17px;line-height:1.4;font-weight:600;min-height:46px}.task p{font-size:11px;color:#88806c;margin:6px 0}.task .due{margin-bottom:20px;font-size:10px}.task button{align-self:start;margin-top:auto}.task.done{opacity:.65}.lower{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:50px;border-top:1px solid #dfddce;padding-top:40px}form label{font-size:11px;display:block;margin:15px 0}input{display:block;padding:11px;border:1px solid #d9d2c1;border-radius:5px;background:#fffefb;width:100%;margin-top:6px;color:#4d513e;font:13px system-ui}form small,.muted{display:block;font-size:10px;color:#8b8878;margin-top:15px}.activity li{font-size:11px;color:#777e67;margin:15px 0}.activity ol{padding-left:18px}#about{padding:35px 0;margin-top:35px;border-top:1px solid #dfddce}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.about-grid p{font-size:11px;color:#8b8574}a{color:#586e42}#about>a{font-size:12px}#reset{margin-left:20px}footer{padding:25px 0;color:#938c7a;font-size:10px}#error{color:#ad512f}button:focus-visible,a:focus-visible,input:focus-visible,.button:focus-within{outline:3px solid #c0904f;outline-offset:3px}@media(max-width:1050px){.sidebar{width:180px}main{margin-left:180px;padding:0 25px}.task-grid{grid-template-columns:1fr 1fr}.notice{display:block}.lower{gap:25px}.about-grid{grid-template-columns:1fr}}@media(max-width:720px){.sidebar{position:static;width:auto;display:flex;padding:20px;align-items:center;justify-content:space-between}.brand{font-size:22px}.brand span{display:inline}.brand b{display:none}.sidebar p{display:none}.sidebar nav{display:flex;gap:14px;margin:0}.sidebar nav a{font-size:10px}.side-note{display:none}main{margin:0;padding:0 20px}header>span{display:none}header{justify-content:flex-end}.task-grid,.lower{grid-template-columns:1fr}.section-top{display:block}.identity input{width:200px}.stats{gap:7px}.stats article{padding:13px}.intro{padding-top:30px}}