.clash4a{--color-bg:#f5ead8;--color-surface:#ebddc5;--color-text:#201e1d;--color-accent:oklch(64% .19 32);--color-accent-2:oklch(60% .11 195);--color-divider:#201e1d29;--color-neutral-100:#f9f4ed;--color-neutral-200:#eee7db;--color-neutral-300:#dcd3c4;--color-neutral-400:#c0b6a5;--color-neutral-500:#a19786;--color-neutral-600:#82796a;--color-neutral-700:#645c50;--color-neutral-800:#474238;--color-neutral-900:#2e2b25;--color-accent-100:oklch(97% .038 32);--color-accent-200:oklch(93% .065 32);--color-accent-300:oklch(87% .103 32);--color-accent-400:oklch(79% .152 32);--color-accent-500:oklch(70% .19 32);--color-accent-600:oklch(61% .19 32);--color-accent-700:oklch(51% .167 32);--color-accent-800:oklch(41% .137 32);--color-accent-900:oklch(31% .106 32);--color-accent-2-100:oklch(97% .022 195);--color-accent-2-200:oklch(93% .037 195);--color-accent-2-300:oklch(87% .059 195);--color-accent-2-400:oklch(79% .088 195);--color-accent-2-500:oklch(70% .11 195);--color-accent-2-600:oklch(61% .11 195);--color-accent-2-700:oklch(51% .097 195);--color-accent-2-800:oklch(41% .079 195);--color-accent-2-900:oklch(31% .062 195);--font-heading:"Caprasimo", system-ui, sans-serif;--font-body:"Figtree", system-ui, sans-serif;--shadow-md:0 3px 10px #2e2b2529;--shadow-lg:0 12px 32px #2e2b2538;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);border-radius:20px;padding:32px 16px}.clash4a *,.clash4a :before,.clash4a :after{box-sizing:border-box}.clash4a h1,.clash4a h2,.clash4a h3{font-family:var(--font-heading);color:inherit;letter-spacing:0;font-weight:400}.clash4a-wrap{width:100%;position:relative;overflow:hidden}.clash4a-stage{transform-origin:top;flex-direction:column;gap:20px;width:max-content;display:flex;position:absolute;top:0;left:50%}.clash4a .c4-btn{cursor:pointer;color:var(--color-text);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-size:14px;line-height:1.2;display:inline-flex;font-family:var(--font-heading)!important;font-weight:400!important}.clash4a .c4-primary{background:var(--color-accent);color:var(--color-bg)}.c4-primary:hover{background:var(--color-accent-600)}.clash4a .c4-ghost{color:var(--color-accent)}.c4-ghost:hover{background:color-mix(in srgb, var(--color-accent) 10%, transparent)}.c4-tag{letter-spacing:.02em;border-radius:999px;align-items:center;padding:3px 10px;font-size:11px;display:inline-flex}.c4-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-700);font-size:12px;font-weight:700}.c4-back{all:unset;cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.c4-back:hover{background:var(--color-accent-100)}.c4-slot{all:unset;cursor:pointer;box-sizing:border-box;border:2px solid #0000;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:56px;padding:8px 12px;display:flex}.c4-slot:hover{border-color:var(--color-accent)!important;background:var(--color-accent-100)!important}.c4-field>label{color:color-mix(in srgb, var(--color-text) 70%, transparent);margin-bottom:5px;font-size:12px;display:block}.c4-input{width:100%;font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:999px;outline:none;padding:6px 14px}.c4-scroll{scrollbar-width:none}.c4-pulse{background:var(--color-accent-2);border-radius:50%;width:24px;height:24px;animation:1s infinite c4pulse}@keyframes c4pulse{0%,to{opacity:1}50%{opacity:.35}}.c4-client[data-readonly] button{cursor:default}
