:root{color-scheme:light;--host-bg:#f3f3f5;--host-text:#222;--preview-bg:#fff0b0;--preview-text:#584500;--link-bg:#252525;--link-text:#fff;--card-bg:#fff;--muted-text:#676767;--accent:#ffcf70;--accent-text:#1d1d1d;--icon-bg:#f3f3f5}
@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--host-bg:#201f1e;--host-text:#ebebeb;--preview-bg:#3d3217;--preview-text:#ffe6a0;--link-bg:#ffcf70;--link-text:#211a0a;--card-bg:#2a2826;--muted-text:#b8b4af;--accent:#e9a419;--accent-text:#201f1e;--icon-bg:#363331}}
:root[data-theme=dark]{color-scheme:dark;--host-bg:#201f1e;--host-text:#ebebeb;--preview-bg:#3d3217;--preview-text:#ffe6a0;--link-bg:#ffcf70;--link-text:#211a0a;--card-bg:#2a2826;--muted-text:#b8b4af;--accent:#e9a419;--accent-text:#201f1e;--icon-bg:#363331}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:system-ui,sans-serif;background:var(--host-bg);color:var(--host-text)}body{display:flex;flex-direction:column}iframe{border:0;width:100%;flex:1;min-height:0;background:var(--host-bg)}#preview{background:var(--preview-bg);color:var(--preview-text);text-align:center;font-size:12px;padding:8px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 16px}#preview label{display:flex;align-items:center;gap:6px}#preview select{font:inherit;color:inherit;background:var(--host-bg);border:1px solid currentColor;border-radius:6px;padding:4px}#message{align-self:center;width:min(100% - 32px,420px);margin:auto;padding:28px 24px;border-radius:24px;background:var(--card-bg);box-shadow:0 12px 36px rgba(0,0,0,.08);text-align:center;font-size:15px;line-height:1.5}#message strong{display:block;margin:12px 0 8px;font-size:21px;line-height:1.25}#message p{margin:0;color:var(--muted-text)}#message button{width:100%;min-height:48px;margin-top:24px;border:0;border-radius:14px;background:var(--accent);color:var(--accent-text);font:600 16px system-ui,sans-serif;cursor:pointer}#message button:focus-visible{outline:3px solid var(--host-text);outline-offset:3px}.message-icon{display:grid;place-items:center;width:48px;height:48px;margin:auto;border-radius:50%;background:var(--icon-bg);color:var(--host-text);font-size:27px;font-weight:700}#checkout{padding:14px;background:var(--link-bg);color:var(--link-text);text-align:center;text-decoration:none}[hidden]{display:none!important}