:root{color-scheme:light;--cream:#f5eddd;--ink:#183f3a;--blue:#88c9d8;--red:#bf4d3e;--line:#d9cdb8;--white:#fffaf0}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,a{font:inherit}.login{max-width:420px;margin:12vh auto;padding:28px}.login h1,.top h1{font-size:2.1rem;letter-spacing:.12em;margin:0}.login p{color:#4f6864}.login input{width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--white);margin:18px 0 10px}.primary,.login button{display:inline-flex;justify-content:center;width:100%;border:0;border-radius:12px;padding:13px 18px;background:var(--ink);color:#fff;text-decoration:none;font-weight:750;cursor:pointer}.error{color:#9a3025;min-height:1.5em}
.shell{max-width:980px;margin:auto;padding:22px}.top{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}.top p{margin:3px 0 0;color:#58706c}.top button{border:1px solid var(--line);background:var(--white);border-radius:10px;padding:9px 12px;cursor:pointer}
.category{background:rgba(255,250,240,.8);border:1px solid var(--line);border-radius:18px;margin:14px 0;overflow:hidden}.category-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.category-head h2{font-size:1.15rem;margin:0}.items{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1px;background:var(--line)}.item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--white);padding:13px 16px}.item strong{display:block}.price{font-size:.85rem;color:#637773}
.switch{position:relative;width:48px;height:28px;flex:0 0 auto}.switch input{position:absolute;opacity:0}.switch span{display:block;width:100%;height:100%;border-radius:99px;background:#b8b1a7;cursor:pointer;transition:.15s}.switch span:after{content:"";display:block;width:22px;height:22px;border-radius:50%;background:#fff;margin:3px;transition:.15s;box-shadow:0 1px 3px #0004}.switch input:checked+span{background:var(--ink)}.switch input:checked+span:after{transform:translateX(20px)}.switch input:disabled+span{opacity:.55;cursor:wait}
.notice{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 14px;border-radius:10px;box-shadow:0 8px 28px #0003}.muted{opacity:.55}.loading{text-align:center;padding:18vh 20px}
@media(max-width:600px){.shell{padding:14px}.top{align-items:flex-start}.items{grid-template-columns:1fr}.category-head{padding:14px}.item{padding:12px 14px}}