.cs-wheel{gap:var(--cs-space-6);flex-direction:column;display:flex}.cs-wheel__stage{gap:var(--cs-space-8);align-items:center;display:grid}@media (width>=860px){.cs-wheel__stage{gap:var(--cs-space-12);grid-template-columns:minmax(0,26rem) 1fr}}.cs-wheel__disc{aspect-ratio:1;touch-action:none;user-select:none;cursor:crosshair;width:100%;max-width:26rem;margin-inline:auto;position:relative}.cs-wheel__ring{background:conic-gradient(red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080,red);border-radius:50%;position:absolute;inset:0;mask:radial-gradient(closest-side,#0000 63%,#000 63.5%)}.cs-wheel__arm{pointer-events:none;position:absolute;inset:0}.cs-wheel__handle{border:2px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;top:9%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #0000008c}.cs-wheel__handle--base{pointer-events:auto;cursor:grab;border-width:3px;width:28px;height:28px}.cs-wheel__handle--base:focus-visible{outline:2px solid var(--cs-accent-soft);outline-offset:3px}.cs-wheel__center{aspect-ratio:1;border:1px solid var(--cs-border-strong);width:52%;font-size:var(--cs-text-md);letter-spacing:.04em;cursor:pointer;transition:background-color var(--cs-duration-fast) var(--cs-ease);border-radius:50%;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cs-wheel__side{gap:var(--cs-space-5);flex-direction:column;min-width:0;display:flex}.cs-wheel__schemes{border:0;margin:0;padding:0}.cs-wheel__schemes legend{margin-bottom:var(--cs-space-2);font-size:var(--cs-text-sm);color:var(--cs-text-muted)}.cs-wheel__schemebtns{gap:var(--cs-space-2);flex-wrap:wrap;display:flex}.cs-wheel__scheme{min-height:var(--cs-touch-target);padding-inline:var(--cs-space-4);border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-pill);color:var(--cs-text-secondary);font-size:var(--cs-text-sm);cursor:pointer;transition:background-color var(--cs-duration-fast) var(--cs-ease), color var(--cs-duration-fast) var(--cs-ease), border-color var(--cs-duration-fast) var(--cs-ease);background:0 0}.cs-wheel__scheme:hover{color:var(--cs-text-strong);border-color:var(--cs-border-hover)}.cs-wheel__scheme[aria-pressed=true]{background:var(--cs-plate);border-color:var(--cs-plate);color:var(--cs-plate-ink)}.cs-wheel__reading{color:var(--cs-text-secondary);line-height:var(--cs-leading-relaxed);max-width:var(--cs-prose-max)}.cs-wheel__field{gap:var(--cs-space-2);flex-direction:column;max-width:22rem;display:flex}.cs-wheel__field label{font-size:var(--cs-text-sm);color:var(--cs-text-muted);justify-content:space-between;display:flex}.cs-wheel__field output{color:var(--cs-text-secondary);font-variant-numeric:tabular-nums}.cs-wheel__field input[type=text]{min-height:var(--cs-touch-target);padding-inline:var(--cs-space-3);background:var(--cs-inset);border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-md);color:var(--cs-text-strong)}.cs-wheel__field input[type=text]:focus-visible{outline:2px solid var(--cs-accent-soft);outline-offset:1px}.cs-wheel__hint{font-size:var(--cs-text-sm);color:var(--cs-text-muted)}.cs-wheel__strip{border-radius:var(--cs-radius-xl);grid-auto-flow:row;gap:2px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}@media (width>=640px){.cs-wheel__strip{grid-auto-columns:1fr;grid-auto-flow:column}}.cs-wheel__swatch{min-height:96px;transition:background-color var(--cs-duration-fill) var(--cs-ease-out);justify-content:center;align-items:center;display:flex}@media (width>=640px){.cs-wheel__swatch{min-height:140px}}.cs-wheel__hex{min-height:var(--cs-touch-target);padding-inline:var(--cs-space-3);letter-spacing:.04em;cursor:pointer;opacity:.85;background:0 0;border:none;font-size:.9375rem;font-weight:500}.cs-wheel__hex:hover{opacity:1}.cs-wheel__actions{gap:var(--cs-space-2);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){.cs-wheel__center,.cs-wheel__swatch,.cs-wheel__scheme{transition:none}}.cs-wheelhead[data-astro-cid-zngug74c]{gap:var(--cs-space-4);padding-block:var(--cs-space-8);flex-direction:column;display:flex}.cs-wheelhead[data-astro-cid-zngug74c] h1[data-astro-cid-zngug74c]{font-size:var(--cs-text-xl);letter-spacing:var(--cs-tracking-tight)}@media (width>=768px){.cs-wheelhead[data-astro-cid-zngug74c] h1[data-astro-cid-zngug74c]{font-size:var(--cs-text-2xl)}}.cs-answer[data-astro-cid-zngug74c]{font-size:var(--cs-text-md);line-height:var(--cs-leading-relaxed);color:var(--cs-text-secondary)}.cs-wheelgrid[data-astro-cid-zngug74c]{gap:var(--cs-space-4);display:grid}@media (width>=760px){.cs-wheelgrid[data-astro-cid-zngug74c]{grid-template-columns:repeat(2,1fr)}}@media (width>=1180px){.cs-wheelgrid[data-astro-cid-zngug74c]{grid-template-columns:repeat(3,1fr)}.cs-wheelgrid--prose[data-astro-cid-zngug74c]{grid-template-columns:repeat(2,1fr)}}.cs-wheelgrid__card[data-astro-cid-zngug74c]{padding:var(--cs-space-5);background:var(--cs-inset);border:1px solid var(--cs-border);border-radius:var(--cs-radius-lg)}.cs-wheelgrid__card[data-astro-cid-zngug74c] h3[data-astro-cid-zngug74c]{font-size:var(--cs-text-base);margin-bottom:var(--cs-space-3)}.cs-wheelgrid__card[data-astro-cid-zngug74c] p[data-astro-cid-zngug74c]{color:var(--cs-text-secondary);line-height:var(--cs-leading-relaxed)}.cs-wheelgrid__card[data-astro-cid-zngug74c] p[data-astro-cid-zngug74c]+.cs-swatchrow{margin-top:var(--cs-space-4)}.cs-wheelgrid__card[data-astro-cid-zngug74c] a[data-astro-cid-zngug74c]{color:var(--cs-text-strong);text-underline-offset:3px;text-decoration:underline}