.cc-button{font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:.6rem;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:0 1.1rem;font-size:.9375rem;font-weight:600;line-height:1;display:inline-flex}@media (prefers-reduced-motion:no-preference){.cc-button{transition:background-color .15s,border-color .15s,color .15s,transform .1s}}.cc-button:active{transform:translateY(1px)}.cc-button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.cc-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.cc-button--sm{min-height:36px;padding:0 .85rem;font-size:.875rem}.cc-button--lg{min-height:52px;padding:0 1.5rem;font-size:1rem}.cc-button--primary{background-color:var(--color-accent);color:var(--color-on-accent)}.cc-button--primary:hover:not(:disabled){background-color:var(--color-accent-hover)}.cc-button--secondary{background-color:var(--color-surface-raised);color:var(--color-text);border-color:var(--color-border)}.cc-button--secondary:hover:not(:disabled){border-color:var(--color-accent)}.cc-button--ghost{color:var(--color-text);background-color:#0000}.cc-button--ghost:hover:not(:disabled){background-color:var(--color-surface)}.cc-surface{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--cc-surface-radius,16px);padding:1.25rem}.cc-surface--raised{background-color:var(--color-surface-raised);box-shadow:0 8px 24px -12px #00000073}.cc-theme-toggle{align-items:center;gap:.6rem;display:inline-flex}.cc-theme-toggle__label{color:var(--color-text-muted);font-size:.875rem}.cc-theme-toggle__switch{all:unset;cursor:pointer;flex-shrink:0;width:44px;height:44px;position:relative}.cc-theme-toggle__switch:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.cc-theme-toggle__track{background-color:var(--color-surface-raised);border:1px solid var(--color-border);pointer-events:none;border-radius:999px;position:absolute;inset:9px 0}.cc-theme-toggle__switch[data-state=checked] .cc-theme-toggle__track{background-color:var(--color-accent);border-color:var(--color-accent)}.cc-theme-toggle__thumb{background-color:var(--color-bg);pointer-events:none;border-radius:999px;width:20px;height:20px;display:block;position:absolute;top:12px;left:2px}@media (prefers-reduced-motion:no-preference){.cc-theme-toggle__thumb{transition:transform .15s}}.cc-theme-toggle__thumb[data-state=checked]{transform:translate(20px)}.cc-theme-picker{align-items:center;gap:5px;display:flex}.cc-theme-swatch{border:2px solid var(--swatch-accent);background:var(--swatch-bg);cursor:pointer;width:18px;height:18px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--swatch-accent) 30%, transparent);border-radius:50%;flex-shrink:0;padding:0;transition:transform .13s,box-shadow .13s;position:relative}.cc-theme-swatch:hover{box-shadow:0 0 0 2px var(--swatch-accent), 0 0 10px var(--swatch-accent), 0 0 20px color-mix(in srgb, var(--swatch-accent) 50%, transparent);transform:scale(1.3)}.cc-theme-swatch--active{box-shadow:0 0 0 2px var(--swatch-accent), 0 0 12px var(--swatch-accent), 0 0 24px color-mix(in srgb, var(--swatch-accent) 40%, transparent);transform:scale(1.2)}.cc-theme-swatch:focus-visible{outline:2px solid var(--swatch-accent);outline-offset:3px}.cc-theme-swatch--active:after{content:"";background:var(--swatch-accent);opacity:.6;border-radius:50%;position:absolute;inset:3px}.cc-state{text-align:center;color:var(--color-text);border-radius:1rem;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1.5rem;display:flex}.cc-state__icon{width:40px;height:40px;color:var(--color-accent);justify-content:center;align-items:center;display:flex}.cc-state--danger .cc-state__icon{color:var(--color-danger)}.cc-state__title{font-family:var(--font-display);margin:0;font-size:1.15rem;font-weight:600}.cc-state__description{color:var(--color-text-muted);max-width:32ch;margin:0;font-size:.9375rem}.cc-state__action{margin-top:.25rem}.cc-state__dots{gap:.35rem;display:flex}.cc-state__dot{background-color:var(--color-accent);border-radius:999px;width:8px;height:8px}@media (prefers-reduced-motion:no-preference){.cc-state__dot{animation:1.1s ease-in-out infinite cc-state-dot-bounce}.cc-state__dot:nth-child(2){animation-delay:.15s}.cc-state__dot:nth-child(3){animation-delay:.3s}}@keyframes cc-state-dot-bounce{0%,80%,to{opacity:.6;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.cc-offline-badge{border:1px solid var(--color-border);color:var(--color-text);white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:.75rem;font-weight:500;display:inline-flex}.cc-offline-badge__dot{background-color:var(--color-text);border-radius:999px;flex-shrink:0;width:6px;height:6px}