.welcome-widget{z-index:500;background:color-mix(in srgb, var(--cl-main-950) 92%, transparent);border:1px solid color-mix(in srgb, var(--cl-main-50) 12%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(340px,100vw - 40px);animation:welcome-widget-in .35s var(--ease-out) both;border-radius:16px;align-items:flex-start;gap:10px;padding:16px 40px 16px 16px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 16px 48px #00000059}.welcome-widget[data-closing=true]{animation:welcome-widget-out .3s var(--ease-out) both}.welcome-widget-dot{background:var(--cl-accent-400);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--cl-accent-400) 25%, transparent);border-radius:50%;flex-shrink:0;margin-top:6px}.welcome-widget-text{color:var(--cl-main-100);margin:0;font-size:.875rem;line-height:1.5}.welcome-widget-cursor{vertical-align:text-bottom;background:var(--cl-accent-400);width:2px;height:1em;margin-left:1px;animation:1s step-end infinite welcome-widget-blink;display:inline-block}.welcome-widget-close{width:22px;height:22px;color:var(--cl-main-400);cursor:pointer;transition:color .2s var(--ease-out),background-color .2s var(--ease-out);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.125rem;line-height:1;display:flex;position:absolute;top:10px;right:10px}.welcome-widget-close:hover{color:var(--cl-main-50);background:color-mix(in srgb, var(--cl-main-50) 8%, transparent)}.welcome-reopen-button{font:inherit;color:var(--cl-main-300);cursor:pointer;transition:color .2s var(--ease-out);background:0 0;border:none;border-bottom:1px solid #0000;padding:0;font-size:.8125rem}.welcome-reopen-button:hover{color:var(--cl-accent-400);border-color:currentColor}@keyframes welcome-widget-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes welcome-widget-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@keyframes welcome-widget-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.welcome-widget,.welcome-widget-cursor{animation:none}}
.variant-switcher{flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:.8125rem;display:flex}.variant-switcher-label{color:var(--cl-main-500);text-transform:uppercase;letter-spacing:.04em}.variant-switcher-link{color:var(--cl-main-300);transition:color .2s var(--ease-out);border-bottom:1px solid #0000;text-decoration:none}.variant-switcher-link:hover{color:var(--cl-accent-400);border-color:currentColor}.variant-switcher-link-current{color:var(--cl-accent-400);cursor:default;border-color:currentColor}
.theme-switcher{background:var(--surface);border-radius:var(--radius-full);box-shadow:var(--shadow-soft);gap:4px;padding:4px;display:flex}.theme-switcher-button{width:36px;height:36px;color:var(--cl-main-400);cursor:pointer;border-radius:var(--radius-full);transition:color .2s var(--ease-out),background-color .2s var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.theme-switcher-button:hover{color:var(--cl-main-100);background-color:color-mix(in srgb, var(--cl-main-800) 40%, transparent)}.theme-switcher-icon{display:block}.dark:not(.system) .theme-switcher-dark,.system .theme-switcher-system,.light:not(.system) .theme-switcher-light{color:var(--cl-accent-400);background-color:color-mix(in srgb, var(--cl-accent-500) 12%, transparent)}