*{box-sizing:border-box} :root{color-scheme:light;--paper:#faf5ef;--plum:#65164d;--ink:#251923;--soft:#efdeeb;--line:#e3d4df;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#eee7ee} body{margin:0} [hidden]{display:none!important} .shell{max-width:550px;margin:auto;min-height:100dvh;background:var(--paper);position:relative;padding:22px 18px 150px} header{display:flex;gap:10px;align-items:center;margin-bottom:18px} h1,h2,h3{color:var(--plum);margin:0} h1{font-size:29px;letter-spacing:-.035em} h2{font-size:23px;margin:0 0 14px} h3{font-size:16px;margin:17px 0 3px} button,input,select,textarea{font:inherit} button{cursor:pointer;color:var(--plum);background:transparent;border:0;border-radius:10px;min-height:44px} button:disabled{opacity:.5;cursor:default} :focus-visible{outline:2px solid var(--plum);outline-offset:2px} .controls{display:flex;gap:8px}.controls input{flex:1;min-width:0} input,select,textarea{width:100%;border:1px solid var(--line);padding:10px 12px;background:#fffaf7;color:inherit;border-radius:11px;min-height:44px} .tabs{display:grid;grid-template-columns:1fr .85fr 1.35fr .8fr;border-bottom:1px solid var(--line);padding:10px 0;gap:2px} .tabs button{padding:0 4px;font-size:.85rem;line-height:1.2} .tabs [aria-pressed=true],.chip{background:var(--soft);font-weight:650} .chip{margin-top:8px;padding:0 12px} .row{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--line)} .row .open{flex:1;text-align:left;color:var(--ink);min-width:0;padding:7px 3px;line-height:1.28} small{display:block;color:#624d60;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem} .check{flex:none;width:44px;font-size:24px}.pill{font-size:.73rem;background:var(--soft);border-radius:20px;padding:5px 8px;white-space:nowrap}.primary,.add{background:var(--plum);color:white;font-weight:650}.outline{border:1px solid var(--plum)}.add{position:fixed;bottom:calc(77px + env(safe-area-inset-bottom));right:max(18px,calc((100vw - 550px)/2 + 18px));width:54px;height:54px;border-radius:50%;font-size:28px;box-shadow:0 3px 12px #3f123933}.shell:has(.toast:not([hidden])) .add{bottom:calc(132px + env(safe-area-inset-bottom))} nav{position:fixed;bottom:0;left:50%;translate:-50% 0;width:min(550px,100%);display:grid;grid-template-columns:repeat(3,1fr);background:var(--paper);border-top:1px solid var(--line);padding:6px 10px calc(5px + env(safe-area-inset-bottom))} nav button{font-size:.79rem;color:#655363} nav span{display:block;font-size:20px;line-height:1.1} nav [aria-current=page]{background:var(--soft);color:var(--plum);font-weight:700}.offline,.summary,.toast{padding:12px;border-radius:12px;margin-bottom:12px}.offline{background:#f8e7ba}.summary{background:var(--soft);display:flex;align-items:center;justify-content:space-between;gap:10px}.summary strong{font-size:21px;color:var(--plum)}.toast{position:fixed;z-index:1;bottom:calc(54px + env(safe-area-inset-bottom));left:50%;translate:-50% 0;width:min(514px,calc(100% - 36px));background:var(--plum);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px}.toast button{color:white;text-decoration:underline}.empty{text-align:center;padding:38px 4px}.error{color:#8b1948;font-size:.85rem;margin:4px 0}.guide p{line-height:1.5}.guide details{border:1px solid var(--line);border-radius:11px;margin:8px 0}.guide details p{padding:0 12px 12px;margin:0}.guide summary{padding:12px;cursor:pointer;color:var(--plum);font-weight:650} dialog{position:fixed;inset:auto 0 0;margin:0 auto;width:min(550px,100%);max-width:100%;max-height:90dvh;border:0;border-radius:19px 19px 0 0;background:var(--paper);color:var(--ink);padding:20px 20px calc(20px + env(safe-area-inset-bottom));overflow:auto} dialog::backdrop{background:#25192388} .sheet-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.sheet-head h2{margin:0}.sheet-head button{font-size:22px;width:44px}form{display:grid;gap:10px}form label{display:grid;gap:4px;font-size:.9rem}form .primary,.actions button{padding:0 12px;width:100%}.actions{display:grid;gap:6px}.danger{color:#a32048}.match{padding:8px 12px;background:var(--soft);border-radius:10px} p{overflow-wrap:anywhere}

.product-link{display:block;padding:10px 12px;margin:6px 0;border:1px solid var(--line);border-radius:10px;color:var(--plum);overflow-wrap:anywhere}.units{padding:0 9px;white-space:nowrap}.stepper{display:grid;grid-template-columns:44px 1fr 44px;gap:4px;max-width:220px}.stepper button{border:1px solid var(--line);font-size:21px}.stepper input{text-align:center}.history button{white-space:nowrap}.history span{white-space:nowrap}fieldset{min-width:0;border:1px solid var(--line);border-radius:10px;margin:8px 0;padding:10px}fieldset label+label{margin-top:8px}


.account{margin-left:auto;padding:0 12px}output{display:block;overflow-wrap:anywhere}