:root{--black:#171815;--lime:#c9f05b;--sand:#e9e3d5;--paper:#f7f5ee;--red:#f05a3f;--muted:#777a70;font-family:Inter,Arial,"PingFang SC",sans-serif;color:var(--black);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-image:linear-gradient(rgba(23,24,21,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,24,21,.035) 1px,transparent 1px);background-size:24px 24px}.masthead{height:65px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;border-bottom:1px solid var(--black);background:var(--paper);gap:22px}.logo{color:inherit;text-decoration:none;font-weight:950;font-size:19px;letter-spacing:-1px}.logo span{background:var(--lime);padding:2px 4px;margin-left:2px}.masthead p{font-size:11px;color:var(--muted);letter-spacing:1px}.masthead button{margin-left:auto;border:0;background:none;text-decoration:underline;cursor:pointer;font-size:12px}main{max-width:1240px;margin:auto;padding:48px 24px 80px}.intro{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;border-bottom:1px solid var(--black);padding-bottom:35px}.section-no{font:700 10px/1 monospace;letter-spacing:1.5px;margin:0 0 15px;color:var(--muted)}h1{font-size:clamp(48px,7vw,94px);line-height:.88;letter-spacing:-6px;margin:0;font-weight:950}h1 em{font-style:normal;color:var(--red)}.intro-note{max-width:400px;justify-self:end}.intro-note>p{font:15px/1.7 Georgia,"Songti SC",serif}.legend{display:flex;gap:18px;margin-top:18px;font-size:10px}.legend span{display:flex;align-items:center;gap:6px}.legend i{display:block;width:18px;height:7px;background:var(--black)}.legend span:last-child i{background:var(--lime)}.planner{display:grid;grid-template-columns:360px 1fr;gap:42px;padding-top:35px}.entry-card{background:var(--black);color:#fff;padding:24px;align-self:start;position:sticky;top:18px}.card-head{display:flex;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #464740;font-size:11px;letter-spacing:1px}.card-head strong{color:var(--lime)}label{display:block;margin-top:21px;font-size:12px;color:#c9c9c5;position:relative}input:not([type=range]){display:block;width:100%;border:0;border-bottom:1px solid #696a63;background:transparent;color:#fff;padding:10px 0 8px;font-size:21px;outline:none}input:not([type=range]):focus{border-color:var(--lime)}input::placeholder{color:#666760}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two-col small{position:absolute;right:0;bottom:12px;color:#83847e;font-size:9px}.two-col input{padding-right:45px}.entry-card output{float:right;color:var(--lime);font-weight:bold;font-size:20px}input[type=range]{width:100%;accent-color:var(--lime);margin:18px 0 7px}.ratio-visual{height:36px;display:flex;position:relative;background:#3b3c37;overflow:hidden;font-size:9px;align-items:center;justify-content:space-between;padding:0 9px}.ratio-visual div{position:absolute;left:0;inset-block:0;width:70%;background:var(--lime);transition:width .2s}.ratio-visual span{z-index:1;color:#fff}.ratio-visual span:first-of-type{color:var(--black)}.form-error{color:#ff937f;font-size:11px;min-height:16px}.primary{width:100%;border:0;background:var(--lime);color:var(--black);padding:15px 16px;display:flex;justify-content:space-between;cursor:pointer;font-weight:bold}.primary b{font-size:18px}.cancel-edit{width:100%;border:0;background:none;color:#aaa;text-decoration:underline;padding:12px;cursor:pointer;font-size:11px}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--black);background:var(--sand)}.summary-strip>div{padding:16px;border-right:1px solid var(--black)}.summary-strip>div:last-child{border:0}.summary-strip span{display:block;text-transform:uppercase;font-size:9px;color:var(--muted);height:20px}.summary-strip strong{font-size:28px}.summary-strip small{margin-left:4px;color:var(--muted)}.results-head{display:flex;justify-content:space-between;align-items:end;margin:34px 0 15px}.results-head h2{font-size:30px;letter-spacing:-1px;margin:0}.results-head>p{max-width:330px;font-size:11px;line-height:1.6;color:var(--muted);text-align:right}.pet-list{display:flex;flex-direction:column;gap:10px}.pet-card{border:1px solid var(--black);background:#fff}.pet-main{display:grid;grid-template-columns:56px 1fr 115px;gap:16px;padding:18px;align-items:center}.avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--lime);font-size:20px;font-weight:900;text-transform:uppercase}.pet-name h3{margin:0 0 5px;font-size:20px}.pet-name p{margin:0;color:var(--muted);font-size:11px}.days{text-align:right}.days strong{display:block;font-size:30px;line-height:1}.days span{font-size:10px;color:var(--muted)}.stockline{height:12px;background:var(--sand);border-top:1px solid var(--black);position:relative}.stockline div{height:100%;background:var(--black)}.stockline i{position:absolute;width:3px;height:18px;background:var(--lime);top:-3px}.pet-detail{display:grid;grid-template-columns:repeat(4,1fr) auto;border-top:1px solid var(--black)}.metric{padding:10px 13px;border-right:1px solid #d8d5cc}.metric span{display:block;font-size:9px;color:var(--muted);margin-bottom:3px}.metric b{font-size:13px}.card-actions{display:flex}.card-actions button{border:0;border-left:1px solid var(--black);background:none;width:42px;cursor:pointer}.card-actions button:hover{background:var(--sand)}.shortage{color:var(--red)}.safe{color:#497319}.empty{border:1px dashed #9b9b91;text-align:center;padding:70px 20px;color:var(--muted)}.empty span{font-size:46px}.empty h3{color:var(--black);margin:10px 0 5px}.empty p{font:13px/1.5 Georgia,serif}.flash{animation:flash .7s}@keyframes flash{50%{background:#fff3a8}}@media(max-width:850px){main{padding-top:30px}.intro{grid-template-columns:1fr;gap:25px}.intro-note{justify-self:start}.planner{grid-template-columns:1fr}.entry-card{position:static}.summary-strip{order:-1}h1{letter-spacing:-4px}.results-head{align-items:start;flex-direction:column}.results-head>p{text-align:left}.pet-detail{grid-template-columns:repeat(2,1fr)}.card-actions{grid-column:1/-1}.card-actions button{height:38px;flex:1;border-top:1px solid var(--black)}}@media(max-width:500px){.masthead p{display:none}.intro{padding-bottom:24px}h1{font-size:50px}.planner{gap:25px}.summary-strip{grid-template-columns:repeat(2,1fr)}.summary-strip>div:nth-child(2){border-right:0}.summary-strip>div:nth-child(-n+2){border-bottom:1px solid var(--black)}.pet-main{grid-template-columns:45px 1fr 80px;padding:14px;gap:10px}.avatar{width:43px;height:43px}.days strong{font-size:24px}.two-col{grid-template-columns:1fr}.pet-detail{grid-template-columns:1fr 1fr}.metric:nth-child(even){border-right:0}}