:root{--primary-50:oklch(97.5% .013 296);--primary-100:oklch(94.5% .029 296);--primary-200:oklch(89% .06 296);--primary-300:oklch(81% .108 296);--primary-400:oklch(72% .165 296);--primary-500:oklch(63.5% .223 296);--primary-600:oklch(55.5% .28 296);--primary-700:oklch(47% .257 296);--primary-800:oklch(39% .213 296);--primary-900:oklch(31% .169 296);--primary-950:oklch(23.5% .128 296);--secondary-50:oklch(97.5% .012 266);--secondary-100:oklch(94.5% .026 266);--secondary-200:oklch(89% .053 266);--secondary-300:oklch(81% .095 266);--secondary-400:oklch(72% .145 266);--secondary-500:oklch(63.5% .195 266);--secondary-600:oklch(55.5% .245 266);--secondary-700:oklch(47% .219 266);--secondary-800:oklch(39% .181 266);--secondary-900:oklch(31% .144 266);--secondary-950:oklch(23.5% .109 266);--tertiary-50:oklch(97.5% .012 326);--tertiary-100:oklch(94.5% .026 326);--tertiary-200:oklch(89% .053 326);--tertiary-300:oklch(81% .095 326);--tertiary-400:oklch(72% .145 326);--tertiary-500:oklch(63.5% .195 326);--tertiary-600:oklch(55.5% .245 326);--tertiary-700:oklch(47% .219 326);--tertiary-800:oklch(39% .181 326);--tertiary-900:oklch(31% .144 326);--tertiary-950:oklch(23.5% .109 326);--neutral-50:oklch(97.5% .012 296);--neutral-100:oklch(94.5% .012 296);--neutral-200:oklch(89% .012 296);--neutral-300:oklch(81% .012 296);--neutral-400:oklch(72% .012 296);--neutral-500:oklch(63.5% .012 296);--neutral-600:oklch(55.5% .012 296);--neutral-700:oklch(47% .012 296);--neutral-800:oklch(39% .012 296);--neutral-900:oklch(31% .012 296);--neutral-950:oklch(23.5% .012 296);--success-50:oklch(97.5% .013 157);--success-100:oklch(94.5% .029 157);--success-200:oklch(89% .06 157);--success-300:oklch(81% .108 157);--success-400:oklch(72% .165 157);--success-500:oklch(63.5% .151 157);--success-600:oklch(55.5% .132 157);--success-700:oklch(47% .112 157);--success-800:oklch(39% .093 157);--success-900:oklch(31% .074 157);--success-950:oklch(23.5% .056 157);--warning-50:oklch(97.5% .013 68);--warning-100:oklch(94.5% .029 68);--warning-200:oklch(89% .06 68);--warning-300:oklch(81% .108 68);--warning-400:oklch(72% .158 68);--warning-500:oklch(63.5% .139 68);--warning-600:oklch(55.5% .122 68);--warning-700:oklch(47% .103 68);--warning-800:oklch(39% .086 68);--warning-900:oklch(31% .068 68);--warning-950:oklch(23.5% .052 68);--error-50:oklch(97.5% .012 15);--error-100:oklch(94.5% .028 15);--error-200:oklch(89% .058 15);--error-300:oklch(81% .108 15);--error-400:oklch(72% .165 15);--error-500:oklch(63.5% .223 15);--error-600:oklch(55.5% .222 15);--error-700:oklch(47% .188 15);--error-800:oklch(39% .156 15);--error-900:oklch(31% .124 15);--error-950:oklch(23.5% .094 15);--info-50:oklch(97.5% .013 245.9);--info-100:oklch(94.5% .028 245.9);--info-200:oklch(89% .057 245.9);--info-300:oklch(81% .102 245.9);--info-400:oklch(72% .155 245.9);--info-500:oklch(63.5% .163 245.9);--info-600:oklch(55.5% .142 245.9);--info-700:oklch(47% .121 245.9);--info-800:oklch(39% .1 245.9);--info-900:oklch(31% .08 245.9);--info-950:oklch(23.5% .06 245.9);--action:var(--primary-600);--on-action:#fff;--quiet-action:var(--primary-100);--on-quiet-action:var(--primary-800);--page:var(--neutral-50);--card:var(--neutral-100);--outline:var(--neutral-500);--outline-on-card:var(--neutral-600);--text:var(--neutral-950);--text-secondary:var(--neutral-700);--disabled:var(--neutral-200);--on-disabled:var(--neutral-500);--elevation-3:0 1px 3px 0 #0000004d, 0 4px 8px 3px #00000026;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:28px;--radius-full:9999px;--state-hover:.08;--state-focus:.1;--state-pressed:.1;--touch-target:48px;--screen-width:360px;--font-display:Gabarito, sans-serif;--font-text:"Atkinson Hyperlegible Next", sans-serif;--font-mono:"Atkinson Hyperlegible Mono", monospace}.headline-medium{font-family:var(--font-display);font-size:28px;font-weight:800;line-height:36px}.headline-small{font-family:var(--font-display);font-size:24px;font-weight:700;line-height:32px}.title-large{font-family:var(--font-display);font-size:22px;font-weight:700;line-height:28px}.title-medium{font-family:var(--font-display);font-size:16px;font-weight:600;line-height:24px}.label-large{font-family:var(--font-display);font-size:14px;font-weight:600;line-height:20px}.button-medium{font-family:var(--font-display);font-size:16px;font-weight:700;line-height:24px}.button-small{font-family:var(--font-display);font-size:14px;font-weight:700;line-height:20px}.body-large{font-family:var(--font-text);font-size:16px;font-weight:400;line-height:24px}.body-medium{font-family:var(--font-text);font-size:14px;font-weight:400;line-height:20px}.body-small{font-family:var(--font-text);font-size:12px;font-weight:400;line-height:16px}.label-medium{font-family:var(--font-text);font-size:12px;font-weight:600;line-height:16px}.label-small{font-family:var(--font-text);font-size:11px;font-weight:600;line-height:16px}.code{font-family:var(--font-mono);letter-spacing:4px;font-size:36px;font-weight:700;line-height:44px}.timer{font-family:var(--font-mono);font-size:16px;font-weight:500;line-height:24px}body{background:var(--page);color:var(--text);font-family:var(--font-text);margin:0}.ec-btn{box-sizing:border-box;border-radius:var(--radius-full);font-family:var(--font-display);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex;position:relative}.ec-btn:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:currentColor;position:absolute;inset:0}.ec-btn:before,.ec-chip:before,.ec-banner-link:before{content:"";width:max(100%,48px);height:max(100%,48px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ec-btn:hover:after,.ec-btn.is-hover:after{opacity:var(--state-hover)}.ec-btn:focus-visible:after,.ec-btn.is-focus:after{opacity:var(--state-focus)}.ec-btn:active:after,.ec-btn.is-pressed:after{opacity:var(--state-pressed)}.ec-btn-md{height:56px;padding:0 24px;font-size:16px;line-height:24px}.ec-btn-md svg{width:24px;height:24px}.ec-btn-sm{height:40px;padding:0 16px;font-size:14px;line-height:20px}.ec-btn-sm svg{width:20px;height:20px}.ec-btn-filled{background:var(--action);color:var(--on-action)}.ec-btn-tonal{background:var(--quiet-action);color:var(--on-quiet-action)}.ec-btn-outlined{color:var(--primary-700);box-shadow:inset 0 0 0 1px var(--outline);background:0 0}.ec-btn-text{color:var(--primary-700);background:0 0}.ec-btn-vendor{background:var(--neutral-900);color:var(--neutral-50);font-family:var(--font-text)}.ec-btn-outlined.is-vendor{color:var(--neutral-950);font-family:var(--font-text)}.ec-btn-destructive{color:var(--error-700);box-shadow:inset 0 0 0 1px var(--error-700);background:0 0}.ec-btn:disabled{background:var(--disabled);color:var(--on-disabled);box-shadow:none;cursor:default}.ec-btn:disabled:after{display:none}.ec-btn.ec-btn-soldout:disabled{color:var(--neutral-700)}.ec-spin{animation:1s linear infinite ec-spin}@keyframes ec-spin{to{transform:rotate(360deg)}}.ec-chip{box-sizing:border-box;border-radius:var(--radius-sm);height:32px;box-shadow:inset 0 0 0 1px var(--outline);color:var(--text);font:600 14px/20px var(--font-display);background:0 0;border:0;align-items:center;gap:8px;padding:0 16px;display:inline-flex;position:relative}.ec-chip svg{width:18px;height:18px}.ec-chip.is-selected{box-shadow:none;background:var(--quiet-action);color:var(--on-quiet-action)}.ec-field{flex-direction:column;gap:4px;width:280px;display:flex}.ec-field-box{box-sizing:border-box;border-radius:var(--radius-xs);height:56px;box-shadow:inset 0 0 0 1px var(--outline);font:400 16px/24px var(--font-text);color:var(--text);align-items:center;padding:0 16px;display:flex;position:relative}.ec-field-label{background:var(--page);font:400 12px/16px var(--font-text);color:var(--text-secondary);padding:0 4px;position:absolute;top:-8px;left:12px}.ec-field-support{font:400 12px/16px var(--font-text);color:var(--text-secondary);padding:0 16px}.ec-card .ec-field-label{background:var(--card)}.ec-field.is-error .ec-field-box{box-shadow:inset 0 0 0 2px var(--error-600)}.ec-field.is-error .ec-field-label,.ec-field.is-error .ec-field-support{color:var(--error-700)}.ec-badge{box-sizing:border-box;border-radius:var(--radius-full);height:24px;font:600 12px/16px var(--font-text);white-space:nowrap;align-items:center;padding:0 12px;display:inline-flex}.ec-badge-info{background:var(--info-100);color:var(--info-800)}.ec-badge-success{background:var(--success-100);color:var(--success-800)}.ec-badge-warning{background:var(--warning-100);color:var(--warning-800)}.ec-badge-error{background:var(--error-100);color:var(--error-800)}.ec-badge-neutral{background:var(--neutral-200);color:var(--neutral-800)}.ec-badge-outlined{color:var(--neutral-800);box-shadow:inset 0 0 0 1px var(--outline);background:0 0}.ec-banner{box-sizing:border-box;border-radius:var(--radius-md);height:56px;font:400 14px/20px var(--font-text);align-items:center;gap:12px;padding:0 16px;display:flex}.ec-banner svg{flex:none;width:24px;height:24px}.ec-banner-offline{background:var(--neutral-900);color:var(--neutral-50)}.ec-banner-warning{background:var(--warning-100);color:var(--warning-900)}.ec-banner-error{background:var(--error-100);color:var(--error-900)}.ec-banner-neutral{background:var(--neutral-200);color:var(--neutral-800)}.ec-banner-multi{align-items:flex-start;height:auto;min-height:56px;padding:16px}.ec-banner-title{font-weight:600}.ec-banner-link{font:700 14px/20px var(--font-display);color:inherit;margin-top:4px;text-decoration:underline;display:inline-block;position:relative}.ec-card{--outline:var(--outline-on-card);background:var(--card);border-radius:var(--radius-md);padding:var(--space-16);box-sizing:border-box}