:root{--bg:#0e0f13;--panel:#171920;--panel-2:#1d2029;--line:#262a35;--text:#e9ebf0;--muted:#9aa1b2;--accent:#fc6d26;--on:#2fbf71;--off:#7a8193;--error:#ff6b6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.92em}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:4px 12px;transition:border-color .15s,background-color .15s}button:hover:not(:disabled){border-color:var(--accent)}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.35;cursor:default}input{font:inherit;color:var(--text);border:1px solid var(--line);background:#0f1116;border-radius:8px;width:100%;padding:8px 10px}input::placeholder{color:#5b6170}.shell{max-width:1080px;margin:0 auto;padding:32px 20px 48px}.top{margin-bottom:20px}h1{letter-spacing:-.02em;align-items:center;gap:10px;margin:0 0 4px;font-size:28px;display:flex}h1 svg{flex:none}.muted{color:var(--muted);margin:0}.small{font-size:13px}.served{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.served-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-right:2px;font-size:12px}.flags{margin:0;padding:0;list-style:none;display:contents}.flag{border:1px solid var(--line);background:var(--panel);border-radius:999px;align-items:center;gap:7px;padding:3px 4px 3px 11px;font-size:12.5px;line-height:1.4;display:inline-flex}.flag code{color:var(--text);font-size:12px}.flag .state{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:0 8px;font-size:11px;font-weight:600}.flag.on .state{color:var(--on);background:#2fbf7124}.flag.off .state{color:var(--off);background:#7a819324}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}@media (max-width:900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;padding:16px;transition:border-color .15s;display:flex}.card.in-cart{border-color:#fc6d268c}.emoji{align-items:center;height:40px;font-size:34px;line-height:1;display:flex}.card h2{margin:10px 0 2px;font-size:16px;line-height:1.3}.price{color:var(--muted);margin:0 0 12px}.qty{align-items:center;gap:4px;margin-top:auto;display:flex}.qty button{place-items:center;width:34px;height:34px;padding:0;font-size:18px;line-height:1;display:grid}.qty output{text-align:center;font-variant-numeric:tabular-nums;min-width:28px}@media (max-width:640px){.card{padding:14px}.emoji{height:32px;font-size:28px}.card h2{font-size:15px}}@media (max-width:360px){.shell{padding:24px 14px 40px}.grid{gap:8px}.card{border-radius:12px;padding:12px}.card h2{font-size:14px}.qty button{width:30px;height:30px}.panel{padding:16px}}.bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px;margin-top:20px;display:grid}@media (max-width:760px){.bottom{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.panel h3{margin:0 0 12px;font-size:18px}.steps{counter-reset:s;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.steps li{counter-increment:s;border:1px solid var(--line);text-transform:capitalize;border-radius:8px;padding:2px 10px;font-size:13px}.steps li:before{content:counter(s) ". ";color:var(--accent)}.coupon{color:var(--muted);gap:6px;margin-bottom:14px;font-size:13px;display:grid}.totals{font-variant-numeric:tabular-nums;grid-template-columns:1fr auto;row-gap:6px;margin:0;display:grid}.totals dt{color:var(--muted)}.totals dd{text-align:right;margin:0;padding-left:12px}.totals .total{color:var(--text);border-top:1px solid var(--line);margin-top:4px;padding-top:10px;font-size:17px;font-weight:700}.empty{color:var(--muted);margin:0 0 12px;font-size:14px}.processor{margin-top:12px}.recs{gap:8px;margin:0;padding:0;list-style:none;display:grid}.recs li{align-items:center;gap:10px;min-width:0;display:flex}.recs .rec-emoji{text-align:center;flex:none;width:22px}.recs .rec-name{min-width:0;line-height:1.3}.recs .rec-price{color:var(--muted);flex:none}.recs li button{flex:none;margin-left:auto}.error{color:var(--error);margin:0}footer{margin-top:24px}