.capsule-tabs{color:var(--foreground)}.capsule-tabs h2,.capsule-tabs h3{letter-spacing:0}.capsule-tabs [data-tone=creativity],.capsule-tabs [data-tone=melmac]{--capsule-tone:var(--capsule-magenta)}.capsule-tabs [data-tone=mental-clarity]{--capsule-tone:var(--savings)}.capsule-tabs [data-tone=mood-elevation],.capsule-tabs [data-tone=golden-teacher]{--capsule-tone:var(--gold)}.capsule-tabs [data-tone=focus]{--capsule-tone:var(--capsule-amethyst)}.capsule-tabs [data-tone=tidal-wave]{--capsule-tone:var(--capsule-blue)}.capsule-tabs [data-tone=sensory-depth]{--capsule-tone:var(--capsule-orange)}.capsule-tabs .capsule-panel{border:1px solid color-mix(in oklab,var(--primary) 36%,var(--border));background:linear-gradient(145deg,color-mix(in oklab,var(--primary) 13%,var(--card)),color-mix(in oklab,var(--obsidian) 86%,transparent));box-shadow:inset 0 1px color-mix(in oklab,var(--foreground) 5%,transparent),inset 0 0 32px color-mix(in oklab,var(--primary) 8%,transparent);border-radius:8px}.capsule-tabs .capsule-artwork{border:1px solid var(--border);box-shadow:0 20px 50px -35px var(--primary);border-radius:8px}.capsule-artwork-shade{background:linear-gradient(200deg,color-mix(in oklab,var(--primary) 16%,transparent),transparent 45%),linear-gradient(to top,color-mix(in oklab,var(--obsidian) 65%,transparent),transparent 40%)}.capsule-tabs .capsule-effect{border:1px solid #0000;border-radius:8px;transition:background .22s,border-color .22s}.capsule-tabs .capsule-effect:hover,.capsule-tabs .capsule-effect:focus-within,.capsule-tabs .capsule-effect[data-open=true]{background:color-mix(in oklab,var(--capsule-tone) 7%,transparent);border-color:color-mix(in oklab,var(--capsule-tone) 22%,transparent)}.capsule-tabs .capsule-effect-trigger{white-space:normal;text-align:left;height:auto;color:var(--foreground);grid-template-columns:36px minmax(0,1fr) 36px 14px;gap:7px 10px;padding:10px 8px;display:grid}.capsule-tabs .capsule-effect-trigger:hover{color:var(--foreground);background:0 0}.capsule-tabs .capsule-colored-icon{color:var(--capsule-tone);background:linear-gradient(145deg,color-mix(in oklab,var(--capsule-tone) 16%,transparent),color-mix(in oklab,var(--capsule-tone) 5%,transparent));border:1px solid color-mix(in oklab,var(--capsule-tone) 30%,transparent);box-shadow:0 0 16px -9px var(--capsule-tone),inset 0 1px color-mix(in oklab,var(--capsule-tone) 15%,transparent)}.capsule-tabs .capsule-effect-icon{grid-row:span 2;align-self:center;width:36px;height:36px}.capsule-tabs .capsule-score,.capsule-tabs .capsule-percent{color:var(--capsule-tone)}.capsule-tabs .capsule-track{background:color-mix(in oklab,var(--capsule-tone) 9%,var(--obsidian));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--capsule-tone) 15%,transparent),inset 0 2px 4px var(--obsidian)}.capsule-tabs .capsule-fill{background:linear-gradient(90deg,color-mix(in oklab,var(--capsule-tone) 76%,var(--obsidian)),var(--capsule-tone));box-shadow:0 0 10px -2px color-mix(in oklab,var(--capsule-tone) 55%,transparent),inset 0 1px color-mix(in oklab,var(--foreground) 22%,transparent);transition:width .45s}.capsule-tabs .capsule-blend-panel{container-type:inline-size}.capsule-tabs .capsule-blend-content{justify-items:center;gap:16px;display:grid}.capsule-tabs .capsule-pie{width:172px;height:172px;filter:drop-shadow(0 6px 12px color-mix(in oklab,var(--obsidian) 70%,transparent));overflow:visible}.capsule-tabs .capsule-pie path{fill:var(--capsule-tone);stroke:var(--card);stroke-width:2px;stroke-linejoin:round}.capsule-tabs .capsule-pie text{fill:var(--obsidian);font-family:var(--font-sans);text-anchor:middle;dominant-baseline:middle;font-size:15px;font-weight:650}.capsule-tabs .capsule-blend-legend{width:100%;margin:0;padding:0;list-style:none}.capsule-tabs .capsule-blend-legend li{border-bottom:1px solid var(--border);grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0;display:grid}.capsule-tabs .capsule-blend-legend li:last-child{border-bottom:0}.capsule-tabs .capsule-blend-swatch{background:var(--capsule-tone);width:9px;height:9px;box-shadow:0 0 10px -3px var(--capsule-tone);border-radius:50%}.capsule-tabs .capsule-ingredient-check{color:var(--savings);background:color-mix(in oklab,var(--savings) 9%,transparent);border:1px solid color-mix(in oklab,var(--savings) 20%,transparent)}@container (width>=420px){.capsule-tabs .capsule-blend-content{grid-template-columns:172px minmax(0,1fr);align-items:center;gap:20px;min-height:275px}}.capsule-tabs .capsule-dose{white-space:normal;border:1px solid var(--border);background:color-mix(in oklab,var(--card) 65%,transparent);height:auto;color:var(--foreground);transition:border-color .22s,background .22s,box-shadow .22s}.capsule-tabs .capsule-dose:hover{border-color:color-mix(in oklab,var(--capsule-amethyst) 50%,var(--border));background:color-mix(in oklab,var(--primary) 10%,var(--card));color:var(--foreground)}.capsule-tabs .capsule-dose[aria-pressed=true]{border-color:var(--capsule-amethyst);background:linear-gradient(145deg,color-mix(in oklab,var(--primary) 24%,var(--card)),var(--card));box-shadow:0 0 24px -12px var(--capsule-amethyst),inset 0 1px color-mix(in oklab,var(--capsule-amethyst) 20%,transparent)}.capsule-tabs .capsule-selection{border:1px solid var(--border);color:var(--primary-foreground)}.capsule-tabs .capsule-dose[aria-pressed=true] .capsule-selection{border-color:var(--capsule-amethyst);background:var(--primary);box-shadow:0 0 14px -6px var(--capsule-amethyst)}.capsule-tabs .capsule-dose-icon{color:var(--capsule-amethyst)}.capsule-tabs .capsule-dose-label{color:var(--foreground)}.capsule-tabs .capsule-dose[aria-pressed=true] .capsule-dose-label{color:var(--gold)}@media(min-width:1024px){.capsule-tabs .capsule-artwork{height:100%;position:absolute;inset:0}}@media(prefers-reduced-motion:reduce){.capsule-tabs .capsule-fill,.capsule-tabs .capsule-effect,.capsule-tabs .capsule-dose{transition:none}}