:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#202020;--muted:#5c5c5c;--line:#d8d8d8;--paper:#fff;--surface:#f5f5f5;--focus:#202020;font-family:system-ui,sans-serif;font-size:16px}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;line-height:1.55}a{color:inherit;text-underline-offset:3px}header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:18px 5vw;display:flex}main{max-width:1060px;margin:auto;padding:36px 24px 80px}nav{align-items:center;gap:24px;display:flex}h1{letter-spacing:-.04em;margin:0 0 20px;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15}h2{margin:0 0 16px;font-size:1.2rem}p{max-width:70ch}small,.muted{color:var(--muted)}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:.75rem}.stack{gap:20px;display:grid}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px;display:grid}.panel{border:1px solid var(--line);padding:24px}.narrow{max-width:470px;margin:30px auto}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.between{justify-content:space-between}.notice{background:var(--surface);border-left:3px solid var(--ink);padding:12px 16px}label{gap:6px;margin-bottom:14px;font-weight:500;display:grid}input,select,button,textarea{font:inherit;border:1px solid var(--line);border-radius:3px;max-width:100%;min-height:44px;padding:10px 12px}input,select{background:var(--paper);color:var(--ink);width:100%}button{background:var(--ink);color:var(--paper);cursor:pointer}button:disabled{opacity:.55;cursor:wait}button.secondary{background:var(--paper);color:var(--ink)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}ul.clean{padding:0;list-style:none}.clean li{border-bottom:1px solid var(--line);padding:14px 0}.price{font-variant-numeric:tabular-nums;font-size:1.25rem}.product-image{aspect-ratio:1;object-fit:contain;background:var(--surface);width:100%}table{border-collapse:collapse;width:100%;font-size:.9rem}td,th{text-align:left;border-bottom:1px solid var(--line);padding:10px}.scroll{overflow:auto}.feedback{overflow-wrap:anywhere;min-height:1.5em}@media (max-width:600px){main{padding:24px 16px 60px}.panel{padding:18px}header{padding:16px}nav{gap:16px}button{width:100%}}
