:root{--paper:#f3f2ee;--card:#fff;--ink:#16171a;--muted:#6b6c70;--line:#e2e0da;--sunken:#eae8e2;--shop:#0c7a4d;--focus:#3a5ccc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,roboto,sans-serif;font-size:15px;line-height:1.45}body,h1,h2,h3,p,dl,dd,ol{margin:0}a{color:inherit;text-underline-offset:2px}code{font-family:ui-monospace,Cascadia Mono,consolas,monospace;font-size:.92em}.topbar{flex-wrap:wrap;align-items:center;gap:10px 16px;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.brand{letter-spacing:-.01em;margin-right:auto;font-weight:700}.brand span{color:var(--muted);font-weight:500}.tag{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:13px}.source-link{font-size:13px;font-weight:550}.layout{grid-template-columns:minmax(200px,1fr) 448px 320px;align-items:start;gap:28px;max-width:1200px;margin:0 auto;padding:8px 24px 40px;display:grid}.summary{gap:14px;padding-top:8px;display:grid}.eyebrow{color:var(--muted);font-size:13px}h1{letter-spacing:-.02em;margin-top:-10px;font-size:28px;font-weight:700}.order div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.order dd{font-variant-numeric:tabular-nums}.order .total{border-bottom:0;font-weight:650}.explain{color:var(--muted);font-size:13px}.stage{border:1px dashed #c4c1b8;border-radius:24px;padding:23px}.gone{color:var(--muted);text-align:center;padding:48px 12px}.panel{background:var(--card);border:1px solid var(--line);border-radius:20px;gap:18px;padding:20px;display:grid;position:sticky;top:16px}.panel h2{font-size:17px;font-weight:650}fieldset{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}legend,.log h3{color:var(--muted);margin-bottom:8px;padding:0;font-size:13px;font-weight:600}.hint{color:var(--muted);font-size:12px}.segments{background:var(--sunken);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.segments label{position:relative}.segments input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segments span{text-align:center;color:var(--muted);border-radius:9px;padding:7px 4px;font-size:13px;font-weight:550;display:block}.segments input:checked+span{color:var(--ink);background:var(--card);box-shadow:0 1px 2px #16171a1f}.segments input:focus-visible+span{outline:2px solid var(--focus);outline-offset:1px}.switches label{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;display:flex}.switches small{color:var(--muted);margin-top:1px;font-size:12px;display:block}input[role=switch]{cursor:pointer;appearance:none;background:#d3d1ca;border-radius:999px;flex:none;width:40px;height:24px;margin:0;transition:background-color .15s;position:relative}input[role=switch]:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #16171a40}input[role=switch]:checked{background:var(--ink)}input[role=switch]:checked:after{transform:translate(16px)}input[role=switch]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.log ol{gap:4px;max-height:140px;padding:0;list-style:none;display:grid;overflow-y:auto}.log li{grid-template-columns:auto auto minmax(0,1fr);align-items:baseline;gap:8px;font-size:12px;display:grid}.log time{color:var(--muted);font-variant-numeric:tabular-nums}.source{color:var(--muted);background:var(--sunken);border-radius:6px;padding:0 6px;font-size:11px;font-weight:600}.source.shop{color:var(--shop);background:#e2f3e9}.log code{overflow-wrap:anywhere}.note{color:var(--muted);border-top:1px solid var(--line);padding-top:14px;font-size:12px}@media (width<=1180px){.layout{grid-template-columns:minmax(0,448px) minmax(280px,340px);justify-content:center}.summary,.stage{grid-column:1}.panel{grid-area:1/2/span 2}}@media (width<=760px){.layout{grid-template-columns:minmax(0,1fr);gap:20px;padding:4px 12px 32px}.topbar{padding:12px}.tag{display:none}.panel{grid-area:auto/1;position:static}h1{font-size:22px}.summary{gap:10px;padding-top:0}.stage{padding:8px}}@media (prefers-reduced-motion:reduce){input[role=switch],input[role=switch]:after{transition:none}}