:root{color-scheme:light;--ink:#181916;--muted:#74766f;--line:#e4e5df;--paper:#f6f6f3;--card:#fff;--acid:#c7f36b;--red:#d85f4f;--green:#3e794b;--mono:ui-monospace,'SFMono-Regular',Menlo,monospace;--sans:'Avenir Next',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{min-height:100%;background:var(--paper)}body{margin:0;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}button{font:inherit;color:inherit}.shell{width:min(100%,650px);margin:0 auto;padding:18px 22px 24px}.topbar{height:46px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none}.brand-mark{width:34px;height:34px;display:grid;place-items:center;position:relative;border-radius:11px;background:var(--ink);color:#f4f3ee;font-size:19px;font-weight:800;letter-spacing:-2px}.brand-mark span{position:absolute;width:7px;height:7px;right:5px;top:5px;border-radius:50%;background:var(--acid)}.brand-name{font-size:11px;font-weight:800;letter-spacing:1.4px}.brand-name span{color:var(--muted);margin-left:4px}.icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:transparent;display:grid;place-items:center;cursor:pointer}.icon-button svg,.alert-symbol svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.intro{padding:39px 2px 26px}.eyebrow,.section-kicker,.filter-head,.updated,footer{font-family:var(--mono);font-size:10px;letter-spacing:1.15px}.eyebrow{display:flex;align-items:center;gap:8px;color:#5d6158}.live-dot{height:7px;width:7px;border-radius:50%;background:#b9bcb2}.live-dot.ok{background:#6eae5c;box-shadow:0 0 0 3px #6eae5c20}.live-dot.error{background:var(--red)}h1{margin:15px 0 10px;font-size:clamp(48px,13vw,76px);line-height:.98;letter-spacing:-5px;font-weight:700}h1 span{color:#85877f}.lead{max-width:350px;margin:0;color:#65675f;font-size:14px;line-height:1.65}.alert-card{display:flex;align-items:center;gap:14px;padding:16px 16px;border-radius:18px;background:var(--ink);color:#fff;box-shadow:0 12px 28px #11111112}.alert-symbol{width:40px;height:40px;flex:0 0 40px;border:1px solid #ffffff2e;border-radius:13px;display:grid;place-items:center;color:var(--acid)}.alert-copy{flex:1;min-width:0}#testNotification[hidden]{display:none}.test-notification{display:block;margin-top:7px;padding:0;border:0;background:none;color:var(--acid);font-size:10px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.test-notification:disabled{opacity:.6}.alert-copy h2{margin:0 0 4px;font-size:14px;font-weight:700;letter-spacing:-.2px}.alert-copy p{margin:0;color:#b8bbb2;font-size:11px;line-height:1.45}.toggle{border:0;background:#54574f;border-radius:20px;width:45px;height:26px;padding:3px;flex:0 0 45px;cursor:pointer;transition:background .2s}.toggle span{display:block;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}.toggle[aria-pressed=true]{background:var(--acid)}.toggle[aria-pressed=true] span{transform:translateX(19px);background:var(--ink)}.filters{padding:22px 0 26px;border-bottom:1px solid var(--line)}.filter-head{display:flex;justify-content:space-between;color:#84867e;margin-bottom:10px}.filter-head span:last-child{font-family:var(--sans);letter-spacing:0;font-size:11px}.chip-row{display:flex;gap:7px;overflow:auto;padding:0 0 8px;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip{white-space:nowrap;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;color:#64665f;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:600;cursor:pointer}.chip.selected{border-color:var(--ink);color:var(--ink);background:#edeee9}.store-row{padding-top:4px}.swatch{width:11px;height:11px;border-radius:50%;border:1px solid #c7c8c2}.swatch.dark{background:#252a31;border-color:#252a31}.store-pin{font-size:15px;line-height:10px;color:#81837b}.section-heading{display:flex;align-items:end;justify-content:space-between;padding:23px 2px 12px}.section-kicker{font-size:9px;color:#83857c}.section-heading h2{font-size:21px;letter-spacing:-.8px;margin:4px 0 0}.updated{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:9px;letter-spacing:0;color:#85877f;padding-bottom:4px}.next-refresh{font:8px var(--mono);color:#74766f;white-space:nowrap}.next-refresh.paused{color:#9a3d34}.stores{display:grid;gap:10px}.store-card{background:var(--card);border:1px solid #e9eae5;border-radius:17px;padding:15px 15px 13px;box-shadow:0 4px 14px #1f231008}.store-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.store-place{display:flex;gap:10px;align-items:center}.store-icon{height:35px;width:35px;display:grid;place-items:center;border-radius:12px;background:#f0f1ec;color:#55584f}.store-icon svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.store-title{font-size:13px;font-weight:700;letter-spacing:-.2px}.store-subtitle{margin-top:3px;color:#83857d;font-size:10px}.availability-pill{display:flex;align-items:center;gap:6px;border-radius:999px;padding:6px 8px;background:#f1f2ed;color:#6c6f66;font:9px var(--mono);white-space:nowrap}.availability-pill.available{background:#e9f5e7;color:#337540}.availability-pill .tiny-dot{width:6px;height:6px;border-radius:50%;background:#b8bbb2}.availability-pill.available .tiny-dot{background:#3f9650}.variant-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.variant{min-width:0;display:block;padding:9px 10px;border-radius:11px;background:#f7f7f4;border:1px solid #f0f0ec;color:inherit;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.variant:hover{border-color:#b5b8ad;background:#f2f3ee}.variant:focus-visible{outline:2px solid #74855e;outline-offset:2px}.variant-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.variant-capacity{font-size:10px;font-weight:700}.variant-state{font:8px var(--mono);color:#878980;text-align:right}.variant.available{background:#f0f8ec;border-color:#dcebd5}.variant.stale{opacity:.67}.variant.available .variant-state{color:#367647}.variant.stale .variant-state{font-size:7px;color:#876c3e}.variant-footer{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:5px}.variant-colour{font-size:9px;color:#82847b}.link-cue{font:7px var(--mono);letter-spacing:.3px;color:#686d60;white-space:nowrap}.variant:hover .link-cue,.variant:focus-visible .link-cue{color:#252a20;text-decoration:underline}.loading-card,.error-card{display:flex;align-items:center;gap:11px;padding:17px;border-radius:15px;background:#fff;border:1px solid var(--line);font-size:11px;color:#71736b}.error-card{align-items:flex-start;color:#9a3d34;background:#fff8f6}.pause-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:13px 14px;border:1px solid #eddda7;border-radius:14px;background:#fff8df;color:#4d411e}.pause-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.pause-title{font-size:12px;font-weight:700}.pause-detail{font-size:10px;line-height:1.4;color:#77693f}.pause-button{flex:0 0 auto;border:0;border-radius:999px;padding:9px 12px;background:#282a24;color:#fff;font-size:10px;font-weight:700;cursor:pointer}.pause-button:disabled{opacity:.55}.spinner{width:15px;height:15px;border:2px solid #e3e5dd;border-top-color:#7c8d64;border-radius:50%;animation:spin .8s linear infinite;flex:0 0 15px}@keyframes spin{to{transform:rotate(360deg)}}.footnote{display:flex;gap:9px;align-items:flex-start;margin:22px 2px 27px;color:#808279}.footnote p{font-size:10px;line-height:1.55;margin:0}.apple-mark{font-size:9px;color:#9da096;padding-top:2px}footer{display:flex;justify-content:space-between;color:#a0a298;font-size:8px}.toast{position:fixed;z-index:5;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%,20px);max-width:calc(100vw - 36px);opacity:0;pointer-events:none;background:var(--ink);color:#fff;border-radius:12px;padding:11px 15px;font-size:11px;box-shadow:0 8px 30px #0002;transition:all .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:700px){.shell{padding:22px 34px 28px}.intro{padding-top:54px}.lead{font-size:15px}.alert-card{padding:18px}.filters{padding-top:26px}.store-card{padding:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.check-button{width:auto;height:38px;display:flex;align-items:center;gap:8px;padding:0 13px;border-radius:999px;font-size:11px;font-weight:650}.check-button svg{width:16px;height:16px}.check-button:disabled{cursor:wait}
