.wheniwork-alternative{--wiw-accent:#008b4e;--wiw-secondary:#009d82;--wiw-rival:#496684;--wiw-rival-ink:#334a62;--wiw-accent-muted:color-mix(in oklch, var(--wiw-accent), transparent 88%);--wiw-accent-ring:color-mix(in oklch, var(--wiw-accent), transparent 52%);--wiw-ink:#004523;--wiw-surface:color-mix(in oklch, var(--wiw-accent), var(--background) 94%);--wiw-line:color-mix(in oklch, var(--wiw-accent), var(--border) 58%);--wiw-on-accent:#f3fbf5}@supports (color:lab(0% 0 0)){.wheniwork-alternative{--wiw-accent:lab(51.0028% -51.935 26.9219);--wiw-secondary:lab(57.4715% -42.3473 3.65549);--wiw-rival:lab(41.8451% -4.52364 -20.642);--wiw-rival-ink:lab(30.2667% -3.68746 -17.1804);--wiw-ink:lab(24.7145% -32.5259 16.8723);--wiw-on-accent:lab(97.8159% -3.08818 1.58125)}}.dark .wheniwork-alternative{--wiw-accent:#43c07a;--wiw-secondary:#58c8ad;--wiw-rival:#608ab5;--wiw-rival-ink:#9bbbdd;--wiw-accent-muted:color-mix(in oklch, var(--wiw-accent), transparent 86%);--wiw-accent-ring:color-mix(in oklch, var(--wiw-accent), transparent 48%);--wiw-ink:#b9e4c6;--wiw-surface:color-mix(in oklch, var(--wiw-accent), var(--background) 91%);--wiw-line:color-mix(in oklch, var(--wiw-accent), var(--border) 52%);--wiw-on-accent:#000d04}@supports (color:lab(0% 0 0)){.dark .wheniwork-alternative{--wiw-accent:lab(69.4676% -47.8625 24.6835);--wiw-secondary:lab(73.5834% -38.329 3.33573);--wiw-rival:lab(55.7013% -5.79324 -27.4619);--wiw-rival-ink:lab(74.3675% -5.35214 -20.893);--wiw-ink:lab(86.8842% -18.681 9.57975);--wiw-on-accent:lab(2.71992% -5.25557 2.5739)}}@layer utilities{.wiw-terminal-bg{background:radial-gradient(ellipse 70% 50% at 8% -5%, color-mix(in oklch, var(--wiw-accent), transparent 84%), transparent 55%), radial-gradient(ellipse 45% 40% at 96% 12%, color-mix(in oklch, var(--wiw-rival), transparent 90%), transparent 50%), linear-gradient(180deg, var(--wiw-surface) 0%, var(--background) 78%)}.wiw-hero-grid{background-image:linear-gradient(90deg, color-mix(in oklch, var(--wiw-accent), transparent 94%) 1px, transparent 1px), linear-gradient(0deg, color-mix(in oklch, var(--wiw-accent), transparent 94%) 1px, transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(#000 0%,#0000 88%);mask-image:linear-gradient(#000 0%,#0000 88%)}.wiw-shift-rail{background:linear-gradient(90deg, transparent 0%, var(--wiw-accent) 6%, var(--wiw-accent) 94%, transparent 100%);opacity:.4;height:2px}.wiw-panel{border:1px solid var(--wiw-line);background:color-mix(in oklch, var(--card), var(--wiw-surface) 48%);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--wiw-on-accent), transparent 94%)}.wiw-brand-lane{background:linear-gradient(180deg, color-mix(in oklch, var(--wiw-accent), transparent 90%) 0%, color-mix(in oklch, var(--wiw-accent), transparent 96%) 100%)}.wiw-rival-lane{background:linear-gradient(180deg, color-mix(in oklch, var(--wiw-rival), transparent 90%) 0%, color-mix(in oklch, var(--muted), transparent 55%) 100%)}.wiw-shift-band{border-color:var(--wiw-line);background:color-mix(in oklch, var(--card), var(--wiw-accent) 5%)}.wiw-shift-band[data-active=true]{border-color:color-mix(in oklch, var(--wiw-accent), transparent 35%);background:color-mix(in oklch, var(--wiw-accent), transparent 82%);box-shadow:inset 0 -2px 0 var(--wiw-accent)}.wiw-readout{border:1px solid var(--wiw-line);background:color-mix(in oklch, var(--card), var(--background) 25%)}.wiw-beacon{border:1px solid var(--wiw-line);background:color-mix(in oklch, var(--wiw-accent), transparent 88%)}.wiw-section-rule{background:linear-gradient(90deg, var(--wiw-accent) 0%, color-mix(in oklch, var(--wiw-accent), transparent 100%) 100%);height:3px}.wiw-ladder-step{border-left:3px solid var(--wiw-accent);background:color-mix(in oklch, var(--card), var(--wiw-surface) 42%)}.wiw-score-tile{border:1px solid var(--wiw-line);background:color-mix(in oklch, var(--card), var(--wiw-surface) 40%)}.wiw-bridge-node{border:1px solid var(--wiw-line);background:color-mix(in oklch, var(--card), var(--wiw-accent) 6%)}.wiw-bridge-connector{background:linear-gradient(90deg, color-mix(in oklch, var(--wiw-accent), transparent 70%), var(--wiw-accent), color-mix(in oklch, var(--wiw-secondary), transparent 70%));height:2px}.wiw-outcome-bar{background:var(--wiw-accent)}.wiw-signal-card{border:1px solid var(--wiw-line);background:linear-gradient(145deg, color-mix(in oklch, var(--card), var(--wiw-accent) 5%) 0%, var(--card) 60%)}.wiw-sector-chip{border:1px solid var(--wiw-line);background:linear-gradient(135deg, color-mix(in oklch, var(--wiw-accent), transparent 90%) 0%, color-mix(in oklch, var(--muted), transparent 40%) 100%)}.wiw-guide-panel{background:linear-gradient(135deg, color-mix(in oklch, var(--wiw-accent), transparent 93%) 0%, color-mix(in oklch, var(--muted), transparent 50%) 100%);border:1px solid var(--wiw-line)}.wiw-trial-dock{border:1px solid var(--wiw-line);background:linear-gradient(180deg, color-mix(in oklch, var(--card), var(--wiw-accent) 4%) 0%, var(--card) 100%)}.wiw-cell-shift{background:color-mix(in oklch, var(--wiw-accent), transparent 78%);border-color:var(--wiw-accent-ring)}.wiw-cell-clock{background:color-mix(in oklch, var(--wiw-secondary), transparent 82%);border-color:color-mix(in oklch, var(--wiw-secondary), transparent 55%)}.wiw-accent-text{color:var(--wiw-accent)}}