.sf-root{--sf-accent: #8B5CF6;--sf-accent-2: #A855F7;--sf-brand: #7C3AED;--sf-brand-2: #9333EA;--sf-grad: linear-gradient(135deg, #7C3AED 0%, #9333EA 55%, #A855F7 100%);--sf-bar: linear-gradient(90deg, #7C3AED, #A855F7);--sf-ease: cubic-bezier(.22, .9, .3, 1);position:relative;isolation:isolate;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:var(--sf-text);background:var(--sf-bg)}.sf-root[data-theme=dark]{--sf-bg: radial-gradient(60% 45% at 8% 0%, rgba(139, 92, 246, .22), transparent 70%), radial-gradient(45% 40% at 100% 30%, rgba(168, 85, 247, .12), transparent 70%), linear-gradient(170deg, #0E0B1A 0%, #0A0A12 55%, #0A0911 100%);--sf-text: #F5F3FF;--sf-muted: rgba(226, 220, 248, .66);--sf-faint: rgba(226, 220, 248, .42);--sf-card: rgba(22, 18, 38, .62);--sf-card-strong: rgba(28, 22, 48, .74);--sf-surface: rgba(255, 255, 255, .05);--sf-surface-hover: rgba(139, 92, 246, .12);--sf-edge: rgba(255, 255, 255, .1);--sf-edge-top: rgba(255, 255, 255, .16);--sf-track: rgba(255, 255, 255, .08);--sf-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 8px 30px rgba(0, 0, 0, .35);--sf-shadow-hover: 0 1px 0 rgba(255, 255, 255, .08) inset, 0 14px 40px rgba(0, 0, 0, .45), 0 0 0 1px rgba(139, 92, 246, .35);--sf-glow: 0 0 24px -6px rgba(139, 92, 246, .75);--sf-active-text: #EDE4FF;--sf-tint: rgba(139, 92, 246, .14);--sf-link: #C4A6FF;color-scheme:dark}.sf-root[data-theme=light]{--sf-bg: radial-gradient(55% 45% at 6% 0%, rgba(196, 167, 245, .38), transparent 70%), radial-gradient(45% 40% at 100% 35%, rgba(186, 214, 255, .3), transparent 70%), linear-gradient(170deg, #FBFBFF 0%, #F8F9FE 55%, #F3F1FC 100%);--sf-text: #1C1630;--sf-muted: #5D5675;--sf-faint: #8C86A1;--sf-card: rgba(255, 255, 255, .8);--sf-card-strong: rgba(255, 255, 255, .9);--sf-surface: rgba(124, 58, 237, .05);--sf-surface-hover: rgba(124, 58, 237, .09);--sf-edge: rgba(221, 214, 254, .6);--sf-edge-top: rgba(255, 255, 255, .95);--sf-track: rgba(124, 58, 237, .1);--sf-shadow: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 8px 30px rgba(0, 0, 0, .06);--sf-shadow-hover: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 14px 38px rgba(76, 29, 149, .14), 0 0 0 1px rgba(124, 58, 237, .3);--sf-glow: 0 8px 22px -10px rgba(124, 58, 237, .65);--sf-active-text: #FFFFFF;--sf-tint: rgba(124, 58, 237, .08);--sf-link: #7C3AED;color-scheme:light}.sf-glass{background:var(--sf-card);border:1px solid var(--sf-edge);box-shadow:var(--sf-shadow);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%)}.sf-glass-strong{background:var(--sf-card-strong);border:1px solid var(--sf-edge);box-shadow:var(--sf-shadow);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%)}.sf-tile{background:var(--sf-card);border:1px solid var(--sf-edge);box-shadow:var(--sf-shadow)}.sf-lift{transition:transform .3s var(--sf-ease),box-shadow .3s var(--sf-ease),border-color .3s var(--sf-ease)}@media(hover:hover){.sf-lift:hover{transform:scale(1.01);box-shadow:var(--sf-shadow-hover)}}.sf-lift:active{transform:scale(.985);transition-duration:.12s}.sf-pill-on{background:var(--sf-grad);color:#fff;box-shadow:var(--sf-glow),inset 0 1px #ffffff40}.sf-bar-fill{background:var(--sf-bar);box-shadow:0 0 10px -2px #8b5cf68c;transform-origin:left center;animation:sf-grow .6s var(--sf-ease) both}@keyframes sf-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.sf-fade{animation:sf-in .35s var(--sf-ease)}.sf-root.sf-portal{position:static;background:none;isolation:auto}@keyframes sf-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sf-root select option{background:#fff;color:#1c1630}.sf-root[data-theme=dark] select option{background:#16122a;color:#f5f3ff}.sf-noscroll{scrollbar-width:none}.sf-noscroll::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){.sf-lift,.sf-lift:hover,.sf-lift:active{transform:none;transition:none}.sf-bar-fill,.sf-fade{animation:none}}@media(prefers-reduced-transparency:reduce){.sf-glass,.sf-glass-strong{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--sf-card-strong)}}
