*{box-sizing:border-box}body{margin:0;background:#f5f5eb;color:#263a2d;font-family:'DM Sans',sans-serif}.topbar{height:78px;padding:0 max(calc((100vw - 1120px)/2),28px);display:flex;align-items:center;justify-content:space-between;background:#fffdf6;border-bottom:1px solid #e7e9dc}.brand{display:flex;align-items:center;gap:11px;color:#263a2d;text-decoration:none}.brandmark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#e5eddb;color:#54734b}.brandmark svg{width:23px}.brand b{display:block;font-family:Fraunces,serif;font-size:17px}.brand small{display:block;font-size:9px;letter-spacing:1.8px;color:#829077;margin-top:2px}.topbar nav{display:flex;gap:8px}.topbar nav a{padding:10px 14px;color:#647361;text-decoration:none;border-radius:10px;font-weight:600;font-size:13px}.topbar nav a.active,.topbar nav a:hover{background:#eaf0e4;color:#355c3d}.wrap{max-width:1120px;margin:0 auto;padding:36px 24px}.hero{position:relative;overflow:hidden;min-height:330px;border-radius:24px;padding:45px 56px;background:#45694d;color:#fffdf3;display:flex;align-items:center;justify-content:space-between}.hero h1,.page-heading h1{font:600 43px/1.12 Fraunces,serif;letter-spacing:-.7px;margin:18px 0 12px}.hero h1 em,.page-heading h1 em{font-style:normal;color:#d8e5b8}.hero p{max-width:470px;line-height:1.7;color:#e3eadb;margin-bottom:24px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#87977d;display:inline-flex;align-items:center;gap:7px}.hero .eyebrow{color:#dce8cf}.eyebrow svg{width:15px}.button{border:0;border-radius:11px;padding:12px 16px;display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:700 13px 'DM Sans',sans-serif;cursor:pointer;transition:.18s}.button:hover{transform:translateY(-1px)}.button svg{width:16px}.button-light{background:#f5f4e7;color:#36563c}.button-green{background:#45694d;color:white;margin-top:4px}.hero-art{position:relative;width:270px;height:240px;display:grid;place-items:center}.sun-disc{position:absolute;width:200px;height:200px;background:#a9bd84;border-radius:48% 52% 49% 51%;transform:rotate(-18deg);opacity:.9}.dog-icon{position:relative;z-index:1;width:124px;height:124px;stroke:#405e3f;stroke-width:1.2}.art-note{position:absolute;right:-6px;bottom:5px;background:#fff9e9;color:#405b40;padding:12px 17px;border-radius:13px;font:600 14px Fraunces,serif;transform:rotate(3deg)}.art-note span{color:#d47c5c}.art-leaf{position:absolute;top:6px;right:24px;font-size:38px;color:#d7dfb7}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 30px}.stat,.panel{background:#fffdf7;border:1px solid #e9eadf;border-radius:18px}.stat{padding:18px 21px}.stat span,.stat small{display:block;color:#778374;font-size:12px}.stat b{display:block;font:700 30px Fraunces,serif;color:#45694d;margin:4px 0}.stat small{font-size:11px}.columns{display:grid;grid-template-columns:.92fr 1.08fr;gap:18px}.panel{padding:24px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.section-title h2{font:600 23px Fraunces,serif;margin:5px 0 0}.icon-bubble,.icon-button{display:grid;place-items:center;border:0;border-radius:12px;background:#eaf0e4;color:#54734b;width:42px;height:42px}.icon-bubble svg,.icon-button svg{width:20px}.icon-button{cursor:pointer}.muted{color:#7d8778;font-size:13px;line-height:1.6}.form-grid{display:grid;gap:13px;margin-top:20px}.form-grid label{font-size:12px;font-weight:700;color:#52634f}.form-grid input:not([type=checkbox]){display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #dfe3d6;border-radius:10px;background:#fffefa;font:14px 'DM Sans',sans-serif;color:#263a2d;outline-color:#73936a}.form-grid .check{display:flex;align-items:center;gap:9px;font-weight:500}.message{font-size:12px;color:#45694d}.case-list{display:grid;gap:10px}.case-card{border:1px solid #e9eadf;border-radius:14px;padding:15px;background:#fffefa}.case-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.case-card h3{font-size:15px;margin:0 0 4px}.case-card p{font-size:12px;color:#7b8578;margin:4px 0;line-height:1.5}.badge{display:inline-block;border-radius:99px;background:#edf1e7;color:#526d4f;font-size:10px;font-weight:700;padding:6px 9px;white-space:nowrap}.badge.wait{background:#fff0d7;color:#946528}.badge.done{background:#e2f1e7;color:#39714c}.case-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.case-actions .button{padding:9px 12px;font-size:11px}.button-soft{background:#edf1e7;color:#45694d}.button-danger{background:#f8e9e4;color:#995747}.history{border-top:1px solid #eceee6;margin-top:12px;padding-top:9px}.history summary{font-size:11px;font-weight:700;color:#668060;cursor:pointer}.history p{font-size:11px}.rule-note{display:flex;gap:14px;padding:19px 21px;margin-top:18px;background:#e9efdf;border-radius:16px;color:#456148}.rule-note>svg{width:21px;flex:none;margin-top:2px}.rule-note b{font-size:13px}.rule-note p{font-size:12px;line-height:1.6;margin:4px 0 0;color:#657360}.inner{max-width:900px}.page-heading{padding:35px 4px 26px}.page-heading h1{font-size:42px;color:#314a35;margin:10px 0}.page-heading p{font-size:14px;color:#788274}footer{text-align:center;color:#899182;font-size:11px;padding:35px 0 8px}footer span{color:#d47c5c}.deadline-box{display:grid;gap:5px;margin-top:13px;padding:14px 16px;border-left:4px solid #c58b46;border-radius:8px;background:#fff4df}.deadline-label{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:1px;color:#8c642b}.deadline-label svg{width:15px}.deadline-box strong{font:700 19px Fraunces,serif;color:#624925}.deadline-box>span:last-child{font-size:11px;color:#846c48}.deadline-tool{margin-top:16px}.deadline-test label{display:block;font-size:12px;font-weight:700;color:#52634f;margin-bottom:7px}.deadline-test>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.deadline-test input{padding:11px 12px;border:1px solid #dfe3d6;border-radius:10px;background:#fffefa;font:14px 'DM Sans',sans-serif;color:#263a2d}.deadline-result{display:grid;gap:5px;margin-top:13px;padding:13px 15px;border-radius:10px;background:#edf1e7;color:#456148;font-size:12px}.deadline-result strong{font:700 17px Fraunces,serif}.deadline-result.extended{background:#fff0d7;color:#805c26;border-left:4px solid #c58b46}.deadline-result span{line-height:1.5}.deadline-overview{margin:0 0 14px;padding:14px 15px;border-radius:13px;background:#fff4df;border:1px solid #f0ddba}.deadline-overview-title{display:flex;align-items:center;gap:8px;color:#805c26;font-size:12px}.deadline-overview-title svg{width:17px}.deadline-overview-title span{margin-left:auto;font-size:10px;color:#997b4c}.deadline-overview-list{display:grid;gap:8px;margin-top:10px}.deadline-row{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding-top:8px;border-top:1px solid #f0dfc2}.deadline-animal{font-size:12px;font-weight:700;color:#465a42}.deadline-animal small{font-weight:500;color:#8a8b78;margin-left:5px}.deadline-row strong{font-size:12px;color:#704d1f}.deadline-hint{grid-column:1/-1;font-size:10px;color:#8c7045}.deadline-empty{background:#eaf0e4;border-color:#d8e4ce}.deadline-empty .deadline-overview-title{color:#456148}.deadline-empty .deadline-overview-title svg{width:17px}.preview-toggle{margin-top:11px;border:0;border-radius:9px;padding:8px 10px;background:#fffdf7;color:#4d6847;font:600 11px 'DM Sans',sans-serif;cursor:pointer}.preview-toggle:hover{background:#e3ebda}.preview-row{background:#fffdf8;border:1px dashed #c69a5d;border-radius:9px;padding:10px;margin-top:9px}.preview-row .deadline-animal small{display:block;margin:3px 0 0;color:#9a7540}.preview-row .deadline-hint{color:#916a36}.urgent-notice{display:flex;align-items:center;gap:9px;margin-top:11px;padding:10px 12px;border-radius:10px;background:#f8e8df;color:#8d4331;font-size:11px;line-height:1.45}.urgent-notice svg{width:18px;flex:none}.urgent-row{background:#fff8f3;border-radius:8px;padding:9px;border:1px solid #efd2c5}.urgent-row .deadline-row strong,.urgent-row strong{color:#a13e2f}.urgent-tag{display:inline-block;margin-left:7px;padding:3px 6px;border-radius:99px;background:#f7dfd6;color:#9c4233;font-size:9px;font-style:normal;font-weight:700}.urgent-row .deadline-hint{color:#974a3d}@media(max-width:760px){.topbar{height:auto;padding:12px 16px;display:block}.topbar nav{margin-top:12px;overflow:auto}.topbar nav a{padding:9px 10px;white-space:nowrap}.wrap{padding:22px 15px}.hero{padding:30px 25px;min-height:300px}.hero h1{font-size:34px}.hero-art{position:absolute;right:-75px;bottom:-48px;opacity:.26}.stats{gap:8px}.stat{padding:13px 10px}.stat span{font-size:10px}.stat b{font-size:24px}.stat small{font-size:9px}.columns{grid-template-columns:1fr}.panel{padding:19px}.page-heading{padding:20px 4px}.page-heading h1{font-size:36px}.deadline-test input{width:100%}.deadline-row{grid-template-columns:1fr}.deadline-row strong{font-size:13px}.deadline-hint{grid-column:1}.urgent-tag{margin:5px 0 0}}