:root{--ink:#263e35;--green:#35634d;--cream:#f8f7f2;--line:#dfe4db;--muted:#6e7b71}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.65 -apple-system,BlinkMacSystemFont,'PingFang TC',sans-serif}header{max-width:1000px;margin:auto;padding:23px 28px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none;font-weight:700}small{font-size:12px;font-weight:400}button,input,select{font:inherit}button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:11px;padding:9px 16px;cursor:pointer}button:hover{background:#edf1e9}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9ab9a5;outline-offset:2px}main{max-width:870px;margin:auto;padding:0 25px}.hero{display:flex;align-items:center;justify-content:space-between;padding:43px 0 30px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--green)}h1{font-size:38px;line-height:1.35;letter-spacing:1px;margin:14px 0}h2{font-size:19px;margin:0}.hero p{color:var(--muted)}.cat{background:#e6eadc;border-radius:50% 50% 44% 44%;padding:35px 22px;font-size:32px;transform:rotate(-6deg);text-align:center}.cat span{font-size:12px;letter-spacing:3px}aside{border:1px solid #ddd9bf;background:#f2eedc;padding:12px 16px;border-radius:12px;font-size:12px}.day{display:flex;justify-content:space-between;align-items:center;margin:28px 0 20px;gap:12px}.day input{margin-left:8px;padding:7px;width:155px}.stats{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}.stats article{padding:20px 25px;border:1px solid var(--line);border-radius:18px;background:#fff}.stats article:first-child{background:#e8eddf}.stats span{font-size:13px}.stats strong{font-size:42px;display:block;line-height:1.5}.stats strong small{font-size:17px}.stats p{margin:0;font-size:12px;color:var(--muted)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:27px 0 10px}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover{background:#254b38}.hint,footer{color:var(--muted);font-size:12px}.period{font-size:14px;letter-spacing:1px;color:var(--muted);margin:25px 0 10px}.bowl{border:1px solid var(--line);background:#fff;padding:19px;border-radius:17px;margin-bottom:14px}.bowl h3{margin:0;font-size:17px}.bowl .section-title{margin:0 0 10px}.badge{font-size:11px;border-radius:20px;background:#edf0e7;padding:3px 9px}.summary{white-space:pre-wrap;background:#f5f6f0;border-radius:10px;padding:14px;font-size:14px}.event{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:13px 0}.event img{width:58px;height:58px;object-fit:cover;border-radius:9px;cursor:pointer}.event div{flex:1}.event small{display:block;color:var(--muted)}.event button{padding:6px 10px;font-size:12px}.empty{text-align:center;padding:32px;border:1px dashed #c7d1c1;border-radius:16px;color:var(--muted)}.products{margin-top:35px}.product{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);gap:10px}.product small{display:block;color:var(--muted)}footer{text-align:center;padding:38px 0}dialog{width:min(95vw,510px);border:0;border-radius:20px;padding:24px;color:var(--ink);max-height:90vh;overflow:auto}dialog::backdrop{background:#1e302a80}dialog .section-title{margin:0 0 20px}label.field{display:block;margin:14px 0}input,select{background:#fff;border:1px solid #cbd4c8;border-radius:9px;padding:11px;color:var(--ink);max-width:100%}.field input,.field select{display:block;width:100%;margin-top:5px}.save{width:100%;margin-top:15px}#error{color:#a03625;font-size:13px}.danger{color:#a03625}#toast{display:none;position:fixed;bottom:26px;left:50%;transform:translateX(-50%);padding:12px 22px;border-radius:20px;background:var(--ink);color:#fff;z-index:5}#preview{max-width:100%;max-height:180px;border-radius:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}output{display:block;background:#edf1e7;padding:12px;border-radius:10px}@media(max-width:520px){header{padding:17px 18px}header a{font-size:14px}main{padding:0 18px}.hero{padding:30px 0 20px}h1{font-size:31px}.cat{font-size:23px;padding:27px 12px}.eyebrow{font-size:8px;letter-spacing:1px}.day{align-items:flex-end}.day label{font-size:12px}.day input{display:block;margin:5px 0 0}.day button{font-size:12px}.stats article{padding:17px}.stats strong{font-size:36px}button{padding:9px 12px}.bowl{padding:15px}.event{gap:8px}}

.cat{margin:0 0 0 15px;padding:0;background:none;border-radius:0;transform:none;flex-shrink:0;text-align:center}.portrait{width:174px;height:174px;overflow:hidden;border-radius:50%;border:6px solid #e6eadc;position:relative;background:#e6eadc}.portrait img{position:absolute;width:340%;max-width:none;height:auto;left:-113%;top:-111%}.cat figcaption{font-size:12px;letter-spacing:3px;margin-top:10px;color:var(--muted)}@media(max-width:520px){.portrait{width:124px;height:124px;border-width:4px}.cat{padding:0}.cat figcaption{font-size:11px;letter-spacing:2px}}

[hidden]{display:none!important}#login-panel{max-width:400px;margin:28px auto;padding:24px;border:1px solid var(--line);border-radius:18px;background:white}#login-error{color:#a03625;font-size:13px}#login-submit{width:100%}