.surface-glass{isolation:isolate;background:color-mix(in oklab, var(--card) 86%, transparent);-webkit-backdrop-filter:blur(20px)saturate(140%);border:1px solid color-mix(in oklab, var(--border) 60%, transparent);box-shadow:inset 0 1px 0 0 oklab(100% 0 5.96046e-8/.7), 0 24px 48px -30px color-mix(in oklab, var(--primary) 38%, transparent), 0 10px 28px -18px color-mix(in oklab, var(--foreground) 22%, transparent);position:relative;overflow:hidden}.surface-glass-tile{background:color-mix(in oklab, var(--card) 78%, transparent);border:1px solid color-mix(in oklab, var(--border) 55%, transparent);box-shadow:inset 0 1px 0 0 oklab(100% 0 5.96046e-8/.6), 0 12px 28px -22px color-mix(in oklab, var(--foreground) 30%, transparent)}.ambient-grid{background-image:linear-gradient(to right, color-mix(in oklab, var(--foreground) 5%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--foreground) 5%, transparent) 1px, transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(78% 62% at 50% 0,#000 0%,#0000 72%);mask-image:radial-gradient(78% 62% at 50% 0,#000 0%,#0000 72%)}.ambient-aurora{filter:blur(48px);animation:22s ease-in-out infinite alternate ambient-aurora-float}.ambient-aurora--slow{animation-duration:30s;animation-direction:alternate-reverse}@keyframes ambient-aurora-float{0%{transform:translate(-2%)scale(1)}to{transform:translate(3%,-3%)scale(1.12)}}@media (prefers-reduced-motion:reduce){.ambient-aurora{animation:none}}.panel-surface{background:linear-gradient(180deg, var(--card) 0%, color-mix(in oklab, var(--secondary) 24%, var(--card)) 100%);border:1px solid color-mix(in oklab, var(--border) 82%, transparent);box-shadow:inset 0 1px 0 0 oklab(100% 0 5.96046e-8/.55), 0 1px 2px -1px color-mix(in oklab, var(--foreground) 14%, transparent)}.route-activity-indicator{z-index:60;pointer-events:none;opacity:0;background:color-mix(in oklab, var(--primary) 14%, transparent);width:100%;height:4px;transition:opacity .2s;position:fixed;inset:0 0 auto;overflow:hidden}.route-activity-indicator:before{background:linear-gradient(90deg, transparent 0%, color-mix(in oklab, var(--primary) 70%, transparent) 18%, var(--primary) 45%, color-mix(in oklab, var(--primary) 85%, var(--accent-foreground)) 58%, var(--primary) 72%, transparent 100%);width:42%;height:100%;box-shadow:0 0 8px color-mix(in oklab, var(--primary) 45%, transparent), 0 0 18px color-mix(in oklab, var(--primary) 28%, transparent);content:"";border-radius:9999px;display:block;transform:translate(-120%)}.route-activity-indicator[data-visible=true]{opacity:1}.route-activity-indicator[data-visible=true]:before{animation:2s cubic-bezier(.4,0,.2,1) infinite route-activity-progress}@keyframes route-activity-progress{0%{transform:translate(-120%)}to{transform:translate(260%)}}@media (prefers-reduced-motion:reduce){.route-activity-indicator{transition:none}.route-activity-indicator[data-visible=true]:before{width:100%;animation:none;transform:none}}.ci-donut{box-shadow:0 8px 22px -14px color-mix(in oklab, var(--primary) 55%, transparent), inset 0 0 0 1px color-mix(in oklab, var(--foreground) 8%, transparent)}.ci-donut-core{box-shadow:inset 0 1px 3px 0 color-mix(in oklab, var(--foreground) 12%, transparent)}[data-slot=sidebar-menu-button][data-active]{background:linear-gradient(90deg, color-mix(in oklab, var(--sidebar-primary) 18%, transparent), color-mix(in oklab, var(--sidebar-accent) 65%, transparent));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--sidebar-primary) 20%, transparent);position:relative}[data-slot=sidebar-menu-button][data-active]:before{content:"";background:var(--sidebar-primary);width:3px;box-shadow:0 0 8px 0 color-mix(in oklab, var(--sidebar-primary) 65%, transparent);border-radius:9999px;position:absolute;top:22%;bottom:22%;left:0}