:root{font-family:Nunito,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#203e34;background:#f7f6ee;font-variant-numeric:tabular-nums}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header,main{width:min(850px,calc(100% - 36px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:21px 0;border-bottom:1px solid #d9decf}header b{font-size:20px}main{padding:22px 0 40px}button,summary{cursor:pointer}button,input,textarea{font:inherit}button{border:1px solid #ccd5c7;border-radius:30px;background:#fdfcf6;color:#284e3e;padding:8px 15px}button+button{margin-left:7px}.solid{background:#2b5944;color:white;padding:12px 24px}.panel{border-radius:23px;overflow:hidden}.hero,.entry{display:grid;grid-template-columns:1fr 46%;align-items:center;background:#f1efdd}.hero>div,.entry>div{padding:25px 30px}.cow{width:100%;height:100%;max-height:260px;object-fit:cover}h1,h2,p{margin:0}h1{font-size:22px;margin:12px 0 5px}small{color:#526955;font-size:12px;font-weight:500}.hero strong{font-size:clamp(32px,6vw,66px);letter-spacing:-.04em;overflow-wrap:anywhere}.hero p,.purchase p{margin-top:6px;color:#495f4e;font-size:14px}.purchase{display:flex;align-items:center;gap:20px;background:#f6e5bc;padding:16px 27px;margin-top:12px}.purchase>span{font-size:46px}.purchase b{font-size:19px}.metrics,.days{display:grid;gap:12px}.metrics{grid-template-columns:repeat(3,1fr);margin:18px 0}.metrics>div{padding:8px 16px;border-left:2px solid #d6dfcb}.metrics b,.days b{display:block;margin-top:4px}.metrics b{font-size:22px}.days{grid-template-columns:1fr 1fr;background:#e4ecdc;padding:20px}.days>div{display:flex;align-items:center;gap:10px}.days span{font-size:30px}.days b{font-size:15px}details{font-size:13px;color:#506651;margin:16px 0}details p,details section{margin:10px 0;line-height:1.8}a{color:inherit}.entry{margin-top:5vh}.entry form{margin:20px 0 10px}.entry button{width:100%;margin-top:15px}label{display:block;font-size:14px}input:not([type=checkbox]),textarea{display:block;width:100%;border-radius:9px;border:1px solid #c7d0bf;padding:9px;background:#fffefa;color:inherit;margin-top:5px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}dialog{width:min(410px,94vw);border:0;border-radius:18px;padding:24px;color:inherit;background:#fafaf2;max-height:90dvh}dialog::backdrop{background:#16352760}dialog label,fieldset{margin:11px 0}fieldset{border:1px solid #d3daca;border-radius:8px}#week{display:flex;justify-content:space-between}#week label{text-align:center}#week input{display:block}textarea{min-height:60px}#error{color:#a53021}#notice{text-align:center}@media(max-width:600px){header,main{width:calc(100% - 28px)}header{padding:13px 0}header b{font-size:17px}header button{font-size:12px;padding:7px 10px}main{padding-top:14px}.hero{grid-template-columns:54% 46%;min-height:175px}.hero>div,.entry>div{padding:17px}.hero h1{font-size:18px}.hero p,.purchase p{font-size:12px}.hero .cow{min-height:175px}.metrics{gap:4px}.metrics>div{padding:4px 8px}.metrics b{font-size:16px}.days{grid-template-columns:1fr;padding:14px 18px}.days b{font-size:14px}.purchase{padding:14px;gap:12px}.purchase b{font-size:16px}.entry{display:flex;flex-direction:column-reverse;margin-top:0}.entry .cow{height:190px}.entry>div{width:100%}}

.purchase>div{flex:1;min-width:0}.purchase button{flex-shrink:0;font-size:12px}.purchase progress{width:100%;max-width:230px;height:6px;accent-color:#447451;display:block;margin-top:8px}#goal-form p{font-size:13px;color:#526955;margin:12px 0}@media(max-width:420px){.purchase{gap:8px}.purchase>span{font-size:32px}.purchase button{padding:7px 9px}}

#suggestions{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}#suggestions button{margin:0;padding:6px 10px;font-size:13px}

.workday{display:flex;align-items:center;gap:18px;background:#fcfcf7;border:1px solid #dce1d3;padding:16px 24px;margin:12px 0}
#shift-ring{--fill:0%;background:conic-gradient(#477556 var(--fill),#e2e8d9 0);border-radius:50%;width:60px;aspect-ratio:1;flex:none;display:grid;place-items:center}
#shift-ring b{display:grid;place-items:center;background:#fcfcf7;border-radius:50%;width:48px;aspect-ratio:1;font-size:14px}
.workday small,.shift-clock>b,.month-block>b{display:block}.workday small{line-height:1.6}.shift-clock>b,.month-block>b{font-size:21px;line-height:1.45;overflow-wrap:anywhere}.month-block{margin-left:auto;padding-left:20px;border-left:1px solid #d2dbcf;min-width:38%}.purchase progress{max-width:320px}.purchase>div{overflow-wrap:anywhere}dialog{scroll-padding:15px}.days b{line-height:1.55}
@media(max-width:600px){.workday{padding:14px 12px;gap:10px}.month-block{min-width:0;padding-left:12px}.shift-clock>b,.month-block>b{font-size:17px}#shift-ring{width:44px}#shift-ring b{width:35px;font-size:11px}.workday small{font-size:11px}.hero>div{min-width:0}.days{gap:8px}#suggestions button,.purchase button,dialog button,header button{min-height:42px}dialog input:not([type=checkbox]),dialog textarea{font-size:16px}.purchase progress{width:100%}.hero strong{font-size:clamp(26px,8vw,42px)}}