.humanity-alternative{--hum-accent:var(--primary);--hum-secondary:var(--chart-2);--hum-rival:#6a6e94;--hum-rival-ink:#505271;--hum-surface:color-mix(in oklch, var(--primary), var(--background) 94%);--hum-line:color-mix(in oklch, var(--primary), var(--border) 58%);--hum-on-accent:var(--primary-foreground)}@supports (color:lab(0% 0 0)){.humanity-alternative{--hum-rival:lab(47.2404% 5.5013 -21.6361);--hum-rival-ink:lab(35.7318% 4.61228 -18.0211)}}.dark .humanity-alternative{--hum-rival:#898ebd;--hum-rival-ink:#bdc1e5;--hum-surface:color-mix(in oklch, var(--primary), var(--background) 91%);--hum-line:color-mix(in oklch, var(--primary), var(--border) 52%)}@supports (color:lab(0% 0 0)){.dark .humanity-alternative{--hum-rival:lab(59.9111% 6.35996 -25.2612);--hum-rival-ink:lab(78.6976% 3.93099 -18.2776)}}@layer utilities{.hum-bridge-bg{background:linear-gradient(90deg, color-mix(in oklch, var(--primary), transparent 94%) 0%, transparent 28%, transparent 72%, color-mix(in oklch, var(--hum-rival), transparent 95%) 100%), repeating-linear-gradient(0deg, transparent, transparent 39px, color-mix(in oklch, var(--primary), transparent 96%) 39px, color-mix(in oklch, var(--primary), transparent 96%) 40px), linear-gradient(180deg, var(--hum-surface) 0%, var(--background) 84%)}.hum-frame{border:1px solid var(--hum-line);background:color-mix(in oklch, var(--card), var(--hum-surface) 44%);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--hum-on-accent), transparent 94%)}.hum-brand-lane{background:color-mix(in oklch, var(--primary), transparent 88%)}.hum-rival-lane{background:color-mix(in oklch, var(--hum-rival), transparent 90%)}.hum-console-head{border-bottom:1px solid var(--hum-line);background:color-mix(in oklch, var(--card), var(--primary) 6%)}.hum-site-row{border:1px solid var(--hum-line);background:color-mix(in oklch, var(--card), var(--background) 22%)}.hum-status-on{background:color-mix(in oklch, var(--primary), transparent 72%);border:1px solid color-mix(in oklch, var(--primary), transparent 50%)}.hum-status-late{background:color-mix(in oklch, var(--chart-4), transparent 78%);border:1px solid color-mix(in oklch, var(--chart-4), transparent 55%)}.hum-status-off{background:color-mix(in oklch, var(--muted), transparent 35%);border:1px solid var(--hum-line)}.hum-shift-bar{background:color-mix(in oklch, var(--primary), transparent 82%);border:1px solid color-mix(in oklch, var(--primary), transparent 60%)}.hum-lane-card{border:1px solid var(--hum-line);background:color-mix(in oklch, var(--card), var(--hum-surface) 38%)}.hum-lane-item{border:1px solid var(--hum-line);background:color-mix(in oklch, var(--card), var(--background) 18%)}.hum-explore-tile{border:1px solid var(--hum-line);background:linear-gradient(145deg, color-mix(in oklch, var(--card), var(--primary) 5%) 0%, var(--card) 100%)}.hum-pin-card{border:1px solid var(--hum-line);background:color-mix(in oklch, var(--card), var(--hum-surface) 40%)}.hum-pin-card:nth-child(odd){transform:translateY(.35rem)}.hum-bridge-rail{background:linear-gradient(90deg, var(--primary), color-mix(in oklch, var(--primary), transparent 100%));height:2px}.hum-bridge-step{border:1px solid var(--hum-line);background:color-mix(in oklch, var(--card), var(--hum-surface) 42%)}.hum-bento-cell{border:1px solid var(--hum-line);background:linear-gradient(180deg, color-mix(in oklch, var(--card), var(--primary) 4%) 0%, var(--card) 100%)}.hum-bento-cell[data-span=wide]{background:linear-gradient(135deg, color-mix(in oklch, var(--primary), transparent 90%) 0%, color-mix(in oklch, var(--card), var(--hum-surface) 35%) 100%)}.hum-switch-card{border:1px solid var(--hum-line);background:color-mix(in oklch, var(--card), var(--hum-surface) 36%)}.hum-ring-tier{border:1px solid var(--hum-line);background:color-mix(in oklch, var(--card), var(--primary) 4%)}.hum-ring-tier[data-active=true]{border-color:color-mix(in oklch, var(--primary), transparent 45%);background:color-mix(in oklch, var(--primary), transparent 86%)}.hum-guide-panel{border:1px solid var(--hum-line);background:linear-gradient(135deg, color-mix(in oklch, var(--primary), transparent 93%) 0%, color-mix(in oklch, var(--muted), transparent 50%) 100%)}.hum-accent-text{color:var(--primary)}.hum-section-rule{background:linear-gradient(90deg, var(--primary) 0%, color-mix(in oklch, var(--primary), transparent 100%) 100%);height:3px}}