@layer theme,base;@layer components{.seed-glyph{flex:none;width:12px;height:12px;display:inline-block}.seed-play{--sp-size:56px;width:var(--sp-size);height:var(--sp-size);background:var(--color-lime-400);color:var(--color-seed);cursor:pointer;transition:transform var(--dur-ui) var(--ease-pop), box-shadow var(--dur-ui) var(--ease-swap);-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;flex:none;place-items:center;padding:0;display:inline-grid;position:relative;box-shadow:0 0 0 6px #c9e23d29,0 12px 32px -10px #0009,inset 0 1px #ffffff59,inset 0 -2px #4f650840}.seed-play>svg{pointer-events:none;width:60%;height:60%}.seed-play:before{content:"";inset:min(0px, calc((var(--sp-size) - 44px) / 2));border-radius:999px;position:absolute}@media (hover:hover){.seed-play:hover{transform:scale(1.04);box-shadow:0 0 0 8px #c9e23d33,0 14px 36px -10px #0009,inset 0 1px #ffffff59,inset 0 -2px #4f650840}}.seed-play:active{transform:scale(.96)}.seed-play:focus-visible{outline:2px solid var(--c-focus);outline-offset:4px}.seeds-spinner{color:var(--c-accent);place-items:center;display:inline-grid}.seeds-spinner>svg{animation:1.2s linear infinite seeds-orbit;display:block}html.motion-reduce .seeds-spinner>svg{animation:none}@keyframes seeds-orbit{to{transform:rotate(360deg)}}.star-burst{pointer-events:none;opacity:0;color:var(--color-lime-300);transform-origin:50%;will-change:transform, opacity;display:block}.rn{white-space:nowrap;font-variant-numeric:tabular-nums}.rn-col{clip-path:inset(0);vertical-align:baseline;display:inline-block;position:relative}.rn-ph{visibility:hidden}.rn-vis{-webkit-user-select:none;user-select:none}.rn-strip{width:100%;transition:transform var(--rn-dur,.42s) var(--ease-pop);will-change:transform;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:0}.rn-strip>span{display:block}html.motion-reduce .rn-strip{transition:none}.seg{background:var(--c-elevated);max-width:100%;box-shadow:inset 0 0 0 1px var(--c-border);border-radius:999px;align-items:stretch;display:inline-flex}.seg-opt{isolation:isolate;min-width:44px;min-height:44px;color:var(--c-muted);font:inherit;white-space:nowrap;cursor:pointer;transition:color var(--dur-ui) var(--ease-swap);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;flex:auto;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:.875rem;font-weight:600;line-height:1.1;display:inline-flex;position:relative}.seg-opt:before{content:"";z-index:-1;background:var(--c-btn-bg);opacity:0;transition:opacity var(--dur-ui) var(--ease-swap), transform var(--dur-ui) var(--ease-reveal);border-radius:999px;position:absolute;inset:4px;transform:scale(.9)}.seg-opt[aria-checked=true]{color:var(--c-btn-fg)}.seg-opt[aria-checked=true]:before{opacity:1;transform:none}@media (hover:hover){.seg-opt[aria-checked=false]:hover{color:var(--c-text)}}.seg-opt:active:before{transform:scale(.96)}.seg-opt:focus-visible{outline-offset:-2px;border-radius:999px}.seg--sm .seg-opt{min-width:40px;min-height:40px;padding:0 12px;font-size:.8125rem}.seg--sm .seg-opt:after{content:"";position:absolute;inset:-2px 0}.switch{min-height:44px;color:var(--c-text);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-size:.9375rem;font-weight:600;line-height:1.25;display:inline-flex}.switch-track{background:var(--c-elevated);width:44px;height:26px;box-shadow:inset 0 0 0 1.5px var(--c-border);transition:background-color var(--dur-ui) var(--ease-swap), box-shadow var(--dur-ui) var(--ease-swap);border-radius:999px;flex:none;position:relative}.switch-thumb{background:var(--c-muted);width:20px;height:20px;transition:transform var(--dur-ui) var(--ease-snap), background-color var(--dur-ui) var(--ease-swap);border-radius:999px;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000047}.switch[aria-checked=true] .switch-track{background:var(--c-btn-bg);box-shadow:none}.switch[aria-checked=true] .switch-thumb{background:var(--c-btn-fg);transform:translate(18px)}.switch:active .switch-thumb{width:23px}.switch[aria-checked=true]:active .switch-thumb{transform:translate(15px)}.media-caption{background:var(--c-elevated);min-height:26px;color:var(--c-muted);border-radius:13px;align-items:center;gap:6px;padding:4px 10px 4px 8px;font-size:.78125rem;font-weight:500;line-height:1.3;display:inline-flex}.media-caption>svg{opacity:.85;flex:none;width:13px;height:13px}.axis-chip{height:34px;color:var(--axis);background:color-mix(in srgb, var(--axis) 10%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--axis) 42%, transparent);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 10px;font-size:.875rem;font-weight:600;line-height:1;display:inline-flex}.axis-chip>svg{flex:none;width:16px;height:16px}.axis-chip--sm{gap:5px;height:28px;padding:0 10px 0 8px;font-size:.78125rem}.axis-chip--sm>svg{width:14px;height:14px}.axis-chip--filled{color:#0b0b0a;background:var(--axis-fill);box-shadow:none}.axis-chip-count{background:color-mix(in srgb, var(--axis) 18%, transparent);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;min-width:20px;height:20px;margin-right:-4px;padding:0 5px;font-size:.75rem;font-weight:700;display:inline-grid}.axis-chip--sm .axis-chip-count{min-width:17px;height:17px;margin-right:-3px;font-size:.6875rem}.axis-chip--filled .axis-chip-count{background:#0b0b0a24}.toast-host{left:50%;bottom:calc(var(--sticky-h,0px) + env(safe-area-inset-bottom) + 16px);z-index:70;pointer-events:none;width:max-content;max-width:calc(100vw - 32px);position:fixed;transform:translate(-50%)}.toast{color:#f3f2ea;pointer-events:auto;animation:toast-in var(--dur-ui) var(--ease-reveal) both;background:#1d1d1a;border-radius:14px;align-items:center;gap:10px;padding:12px 16px;font-size:.875rem;font-weight:500;line-height:1.4;display:flex;box-shadow:inset 0 0 0 1px #2c2c27,0 18px 40px -16px #000000b3}.toast[data-leaving=true]{animation:toast-out .18s var(--ease-swap) both}.toast>svg{color:#c9e23d;flex:none;width:16px;height:16px}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}@keyframes toast-out{to{opacity:0;transform:translateY(6px)}}}@layer utilities;
