*{box-sizing:border-box}body{margin:0;padding:32px 20px;background:radial-gradient(ellipse at 80% 0,#69318d55,transparent 65%),#0d0915;color:#f6edff;font:16px/1.7 system-ui,sans-serif;min-height:100vh}main{max-width:760px;margin:30px auto;padding:clamp(24px,5vw,48px);border:1px solid #76518d;border-radius:26px;background:linear-gradient(145deg,#2e1b3c,#171020);box-shadow:0 25px 80px #0004}h1{font-size:clamp(2.4rem,6vw,4rem);line-height:1.05;letter-spacing:-.05em}p{color:#d7c6e3}button,select{font:inherit;border-radius:12px;padding:12px 18px;margin:8px 8px 8px 0;border:1px solid #ba8ed9}button{background:linear-gradient(120deg,#ead5ff,#bd89ef);color:#210e32;font-weight:700;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}select{background:#170e22;color:#fff}a{color:#e1bdff}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #e5c2ff;outline-offset:4px}[hidden]{display:none!important}#status,#amount{overflow-wrap:anywhere}label{display:block}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}section{margin-top:24px;padding:22px;border:1px solid #63457c;border-radius:18px;background:#ffffff04}h2{font-size:1.25rem}.button{display:inline-block;padding:12px 18px;border-radius:12px;background:#d8b1fa;color:#210f32;font-weight:700;text-decoration:none}.eyebrow{letter-spacing:.12em;font-size:.8rem}select{width:100%}@media(max-width:600px){.grid{grid-template-columns:1fr}main{margin:0 auto}section{padding:18px}}
body{--line:#785394;--black:#160d21;--tint:#362047;--accent:#d8b1fa;--glow:#a65cdb30}.checkout-header{max-width:1120px;margin:auto}.checkout-brand{display:inline-block;font-weight:800;font-size:1.25rem;text-decoration:none;margin-bottom:18px}.appearance-tools{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.appearance-switch{display:flex;gap:4px;border:1px solid var(--line);border-radius:999px;padding:4px;background:var(--black)}.appearance-switch button{background:transparent;color:inherit;border:0;border-radius:999px;margin:0;padding:9px 16px}.appearance-switch button[aria-pressed="true"]{background:var(--accent);color:var(--black)}.companion-nav{display:flex;flex-wrap:wrap;gap:7px}.back-button{display:inline-block;padding:9px 14px;border:1px solid var(--line);border-radius:12px;text-decoration:none}.companion-nav a{color:inherit}body[data-theme="original"]{--line:#315446;--black:#061a14;--tint:#193f2e;--accent:#ffd267;--glow:#216f4333;background:#061a14;color:#f4f8f1}body[data-theme="original"] main{background:linear-gradient(145deg,#173f30,#0a241b);border-color:#315446}body[data-theme="original"] p{color:#bdcfc3}body[data-theme="original"] a{color:#f4f8f1}body[data-theme="original"] .button{background:#ffd267;color:#061a14}body[data-theme="original"] select{background:#0a241b;border-color:#315446}body[data-theme="original"] section{border-color:#315446}

.companion-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--line);background:var(--black);border-radius:12px;padding:9px 14px;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s}
.companion-nav a[aria-current="page"]{border-color:var(--accent);background:var(--tint);box-shadow:inset 0 0 0 1px var(--accent)}
.companion-nav a:hover{border-color:var(--accent);background:var(--tint);box-shadow:0 4px 18px var(--glow)}
.companion-nav a[data-app="checkout"],.companion-nav a[data-theme-link="checkout"]{background:var(--accent);color:var(--black);font-weight:700;border-color:var(--accent)}
@media(prefers-reduced-motion:reduce){.companion-nav a{transition:none}}