:root{--page:#F4F2ED;--content-panel:#F8F6F1;--surface:#FFFFFF;--surface-rgb:255 255 255;--surface2:#E9E5DE;--surface3:#E3DED4;--field:#F8F6F1;--invert:#16161A;--invert2:#222228;--teal:#3F786C;--teal-fill:#3F786C;--teal-rgb:63 120 108;--teal-fill-rgb:63 120 108;--teal-d:#2E6358;--teal-s:rgba(77,148,132,0.14);--teal-t:rgba(77,148,132,0.28);--teal-100:#4D9484;--teal-200:#468678;--teal-300:#3F786C;--teal-400:#386B60;--teal-500:#315E54;--teal-600:#2A5048;--teal-050:#6FB4A5;--amber:#D97706;--amber-s:rgba(217,119,6,0.14);--ad-indigo:#3E51A8;--ad-violet:#5B3F94;--ad-gold:#E08A0B;--diff-easy:#4C63B6;--diff-easy-bg:#EDF0FB;--diff-easy-bd:rgba(76,99,182,0.22);--diff-medium:#6A4DA6;--diff-medium-bg:#F1ECF9;--diff-medium-bd:rgba(106,77,166,0.22);--diff-hard:#7E3F9C;--diff-hard-bg:#F4EBF7;--diff-hard-bd:rgba(126,63,156,0.22);--medal-silver:#5E646C;--medal-silver-bg:#EDEEF1;--medal-silver-bd:rgba(94,100,108,0.24);--medal-bronze:#7A5522;--medal-bronze-bg:#F4EDE2;--medal-bronze-bd:rgba(143,102,49,0.24);--dots-1:#AA80D1;--dots-2:#9154C9;--dots-3:#7230B0;--dots-empty-bd:#8A8A8A;--text-1:#131211;--text-2:#585349;--text-3:#6A6559;--text-inv:#F0EDE6;--text-inv2:rgba(240,237,230,0.50);--bd:rgba(45,38,28,0.12);--bd-m:rgba(45,38,28,0.19);--bd-s:rgba(45,38,28,0.06);--shadow-card:3px 3px 0 rgba(0,0,0,0.13);--shadow-hover:5px 5px 0 rgba(0,0,0,0.13);--shadow-btn:2px 2px 0 var(--teal-d);--shadow-btn-h:3px 3px 0 var(--teal-d);--shadow-btn-a:1px 1px 0 var(--teal-d);--shadow-out:2px 2px 0 rgba(0,0,0,0.13);--shadow-out-h:3px 3px 0 rgba(0,0,0,0.13);--ok:#2D7A52;--ok-bg:#E8F5EE;--ok-bd:rgba(45,122,82,0.22);--warn:#8A5D00;--warn-bg:#FFF4DC;--warn-bd:rgba(138,93,0,0.22);--err:#C03A28;--err-bg:#FDECEA;--err-bd:rgba(192,58,40,0.22);--live:#E00000;--live-s:rgba(224,0,0,0.14);--r-xs:6px;--r-sm:10px;--r-md:16px;--r-lg:20px;--r-full:9999px;--font-display:"Montserrat",sans-serif;--font-sans:"Mulish",system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace;--fluid-3xs:clamp(0.6rem,0.55rem + 0.15vw,0.7rem);--fluid-2xs:clamp(0.65rem,0.6rem + 0.2vw,0.8rem);--fluid-xs:clamp(0.75rem,0.7rem + 0.25vw,0.9rem);--fluid-sm:clamp(0.8rem,0.74rem + 0.3vw,1rem);--fluid-base:clamp(0.875rem,0.8rem + 0.375vw,1.125rem);--fluid-md:clamp(1rem,0.9rem + 0.5vw,1.3rem);--fluid-lg:clamp(1.15rem,1rem + 0.75vw,1.7rem);--fluid-xl:clamp(1.35rem,1.1rem + 1.25vw,2rem);--fluid-2xl:clamp(1.5rem,1.15rem + 1.75vw,2.5rem);--fluid-3xl:clamp(1.75rem,1.3rem + 2.25vw,3rem);--dur-click:120ms;--dur-hover:180ms;--dur-modal:260ms;--ease-out:cubic-bezier(0,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--grad-cta:linear-gradient(180deg,#3F786C,#356257);--grad-cta-hover:linear-gradient(180deg,#457F72,#37665A);--grad-cta-active:linear-gradient(180deg,#336054,#2E6358);--specular:rgba(255,255,255,0.30);--specular-soft:rgba(255,255,255,0.14);--elev-cta:inset 0 1px 0 var(--specular),2px 2px 0 var(--teal-d),0 4px 14px -6px rgba(63,120,108,0.55);--elev-cta-h:inset 0 1px 0 var(--specular),3px 3px 0 var(--teal-d),0 8px 22px -8px rgba(63,120,108,0.65);--elev-cta-a:1px 1px 0 var(--teal-d),inset 0 2px 5px rgba(20,16,12,0.28);--elev-2:0 6px 20px -8px rgba(45,38,28,0.22),0 2px 6px -3px rgba(45,38,28,0.14);--glow-teal:0 0 0 1px rgba(77,148,132,0.28),0 10px 30px -10px rgba(77,148,132,0.40);--glow-amber:0 0 0 1px rgba(217,119,6,0.32),0 10px 30px -10px rgba(217,119,6,0.42);--grad-hero:radial-gradient(120% 90% at 12% -10%,rgba(77,148,132,0.16),transparent 55%),radial-gradient(90% 80% at 100% 115%,rgba(217,119,6,0.10),transparent 60%);--grad-reward:linear-gradient(135deg,#F6C15A,#E1911F 38%,#B45309);--reward-ink:#3A2A08;--reward-hi:#F6C15A;--reward-hi-rgb:246 193 90;--grad-reward-fill:linear-gradient(135deg,#FFDD9B,#F7C662 45%,#EBA93C);--medal-silver-hi:#C4C9D1;--medal-bronze-hi:#D6A968;--grad-coin-pie:radial-gradient(120% 120% at 32% 22%,#FCD57E,#F0A93C 42%,#C9791B);--grad-coin-mana:radial-gradient(120% 120% at 32% 22%,#7FC7BA,#4D9484 44%,#2E6358);--edge-teal:radial-gradient(75% 55% at 50% 0%,rgba(77,148,132,0.22),transparent 70%);--edge-amber:radial-gradient(80% 60% at 50% 0%,rgba(217,119,6,0.20),transparent 70%)}.dark{--page:#18171A;--content-panel:#121115;--surface:#1F1E21;--surface-rgb:31 30 33;--surface2:#27262A;--surface3:#302E33;--field:#2E2D33;--invert:#F0EDE6;--invert2:#E0DDD6;--text-1:#F0EDE6;--text-2:#97928C;--text-3:#A49E97;--teal:#4D9484;--teal-fill:#3F786C;--teal-rgb:77 148 132;--teal-fill-rgb:63 120 108;--text-inv:#16161A;--text-inv2:rgba(22,22,26,0.50);--bd:rgba(250,245,240,0.10);--bd-m:rgba(250,245,240,0.17);--bd-s:rgba(250,245,240,0.06);--shadow-card:3px 3px 0 rgba(0,0,0,0.35);--shadow-hover:5px 5px 0 rgba(0,0,0,0.35);--shadow-out:2px 2px 0 rgba(255,255,255,0.10);--shadow-out-h:3px 3px 0 rgba(255,255,255,0.10);--ok:#53B37F;--ok-bg:rgba(83,179,127,0.15);--ok-bd:rgba(83,179,127,0.30);--warn:#CE9433;--warn-bg:rgba(206,148,51,0.14);--warn-bd:rgba(206,148,51,0.30);--err:#EF7460;--err-bg:rgba(239,116,96,0.15);--err-bd:rgba(239,116,96,0.30);--live:#E00000;--live-s:rgba(224,0,0,0.18);--amber:#FF8C00;--amber-s:rgba(255,140,0,0.14);--diff-easy:#93A6EC;--diff-easy-bg:rgba(76,99,182,0.16);--diff-easy-bd:rgba(147,166,236,0.28);--diff-medium:#B394E6;--diff-medium-bg:rgba(106,77,166,0.16);--diff-medium-bd:rgba(179,148,230,0.28);--diff-hard:#C79BDE;--diff-hard-bg:rgba(126,63,156,0.16);--diff-hard-bd:rgba(199,155,222,0.28);--medal-silver:#C4C9D1;--medal-silver-bg:rgba(94,100,108,0.22);--medal-silver-bd:rgba(196,201,209,0.28);--medal-bronze:#D6A968;--medal-bronze-bg:rgba(143,102,49,0.22);--medal-bronze-bd:rgba(214,169,104,0.28);--dots-1:#8B44CD;--dots-2:#A76FDB;--dots-3:#C29DE6;--dots-empty-bd:#727272;--elev-cta:inset 0 1px 0 var(--specular),2px 2px 0 var(--teal-d),0 4px 16px -6px rgba(77,148,132,0.42);--elev-cta-h:inset 0 1px 0 var(--specular),3px 3px 0 var(--teal-d),0 10px 26px -8px rgba(77,148,132,0.55);--elev-cta-a:1px 1px 0 var(--teal-d),inset 0 2px 5px rgba(0,0,0,0.45);--elev-2:0 8px 24px -8px rgba(0,0,0,0.5),0 2px 6px -3px rgba(0,0,0,0.4);--glow-teal:0 0 0 1px rgba(77,148,132,0.35),0 12px 34px -10px rgba(77,148,132,0.50);--glow-amber:0 0 0 1px rgba(255,140,0,0.38),0 12px 34px -10px rgba(255,140,0,0.50);--grad-hero:radial-gradient(120% 90% at 12% -10%,rgba(77,148,132,0.22),transparent 55%),radial-gradient(90% 80% at 100% 115%,rgba(255,140,0,0.14),transparent 60%)}[data-accent=oge]{--teal:#4770A5;--teal-fill:#4770A5;--teal-rgb:71 112 165;--teal-fill-rgb:71 112 165;--teal-d:#376095;--teal-s:rgba(86,128,183,0.14);--teal-t:rgba(86,128,183,0.28);--teal-050:#98AFCE;--teal-100:#5680B7;--teal-200:#4B77AF;--teal-300:#4770A5;--teal-400:#3E689E;--teal-500:#385D8F;--teal-600:#325481;--grad-cta:linear-gradient(180deg,#4770A5,#3E689E);--grad-cta-hover:linear-gradient(180deg,#4B77AF,#4770A5);--grad-cta-active:linear-gradient(180deg,#3E689E,#376095);--shadow-btn:2px 2px 0 var(--teal-d);--shadow-btn-h:3px 3px 0 var(--teal-d);--shadow-btn-a:1px 1px 0 var(--teal-d);--glow-teal:0 0 0 1px rgba(86,128,183,0.28),0 10px 30px -10px rgba(86,128,183,0.40);--edge-teal:radial-gradient(75% 55% at 50% 0%,rgba(86,128,183,0.22),transparent 70%);--elev-cta:inset 0 1px 0 var(--specular),2px 2px 0 var(--teal-d),0 4px 14px -6px rgba(71,112,165,0.55);--elev-cta-h:inset 0 1px 0 var(--specular),3px 3px 0 var(--teal-d),0 8px 22px -8px rgba(71,112,165,0.65);--grad-coin-mana:radial-gradient(120% 120% at 32% 22%,#98AFCE,#5680B7 44%,#376095)}.dark[data-accent=oge]{--teal:#7B9AC2;--teal-fill:#4770A5;--teal-rgb:123 154 194;--teal-fill-rgb:71 112 165;--teal-d:#376095;--teal-s:rgba(86,128,183,0.16);--teal-t:rgba(86,128,183,0.28);--teal-050:#98AFCE;--teal-100:#5680B7;--teal-200:#4B77AF;--teal-300:#4770A5;--teal-400:#3E689E;--teal-500:#385D8F;--teal-600:#325481;--grad-cta:linear-gradient(180deg,#4770A5,#3E689E);--grad-cta-hover:linear-gradient(180deg,#4B77AF,#4770A5);--grad-cta-active:linear-gradient(180deg,#3E689E,#376095);--shadow-btn:2px 2px 0 var(--teal-d);--shadow-btn-h:3px 3px 0 var(--teal-d);--shadow-btn-a:1px 1px 0 var(--teal-d);--glow-teal:0 0 0 1px rgba(86,128,183,0.35),0 12px 34px -10px rgba(86,128,183,0.50);--edge-teal:radial-gradient(75% 55% at 50% 0%,rgba(86,128,183,0.22),transparent 70%);--elev-cta:inset 0 1px 0 var(--specular),2px 2px 0 var(--teal-d),0 4px 16px -6px rgba(86,128,183,0.42);--elev-cta-h:inset 0 1px 0 var(--specular),3px 3px 0 var(--teal-d),0 10px 26px -8px rgba(86,128,183,0.55);--grad-coin-mana:radial-gradient(120% 120% at 32% 22%,#98AFCE,#5680B7 44%,#376095)}[data-accent=crm]{--teal:#A14BAE;--teal-fill:#A14BAE;--teal-rgb:161 75 174;--teal-fill-rgb:161 75 174;--teal-d:#8E3A9C;--teal-s:rgba(174,95,187,0.14);--teal-t:rgba(174,95,187,0.28);--teal-050:#CB9ED2;--teal-100:#AE5FBB;--teal-200:#A752B5;--teal-300:#A14BAE;--teal-400:#9841A6;--teal-500:#8B3B97;--teal-600:#7C3588;--grad-cta:linear-gradient(180deg,#A14BAE,#9841A6);--grad-cta-hover:linear-gradient(180deg,#A752B5,#A14BAE);--grad-cta-active:linear-gradient(180deg,#9841A6,#8E3A9C);--shadow-btn:2px 2px 0 var(--teal-d);--shadow-btn-h:3px 3px 0 var(--teal-d);--shadow-btn-a:1px 1px 0 var(--teal-d);--glow-teal:0 0 0 1px rgba(174,95,187,0.28),0 10px 30px -10px rgba(174,95,187,0.40);--edge-teal:radial-gradient(75% 55% at 50% 0%,rgba(174,95,187,0.22),transparent 70%);--elev-cta:inset 0 1px 0 var(--specular),2px 2px 0 var(--teal-d),0 4px 14px -6px rgba(161,75,174,0.55);--elev-cta-h:inset 0 1px 0 var(--specular),3px 3px 0 var(--teal-d),0 8px 22px -8px rgba(161,75,174,0.65);--grad-coin-mana:radial-gradient(120% 120% at 32% 22%,#CB9ED2,#AE5FBB 44%,#8E3A9C)}.dark[data-accent=crm]{--teal:#BD83C5;--teal-fill:#A14BAE;--teal-rgb:189 131 197;--teal-fill-rgb:161 75 174;--teal-d:#8E3A9C;--teal-s:rgba(174,95,187,0.16);--teal-t:rgba(174,95,187,0.28);--teal-050:#CB9ED2;--teal-100:#AE5FBB;--teal-200:#A752B5;--teal-300:#A14BAE;--teal-400:#9841A6;--teal-500:#8B3B97;--teal-600:#7C3588;--grad-cta:linear-gradient(180deg,#A14BAE,#9841A6);--grad-cta-hover:linear-gradient(180deg,#A752B5,#A14BAE);--grad-cta-active:linear-gradient(180deg,#9841A6,#8E3A9C);--shadow-btn:2px 2px 0 var(--teal-d);--shadow-btn-h:3px 3px 0 var(--teal-d);--shadow-btn-a:1px 1px 0 var(--teal-d);--glow-teal:0 0 0 1px rgba(174,95,187,0.35),0 12px 34px -10px rgba(174,95,187,0.50);--edge-teal:radial-gradient(75% 55% at 50% 0%,rgba(174,95,187,0.22),transparent 70%);--elev-cta:inset 0 1px 0 var(--specular),2px 2px 0 var(--teal-d),0 4px 16px -6px rgba(174,95,187,0.42);--elev-cta-h:inset 0 1px 0 var(--specular),3px 3px 0 var(--teal-d),0 10px 26px -8px rgba(174,95,187,0.55);--grad-coin-mana:radial-gradient(120% 120% at 32% 22%,#CB9ED2,#AE5FBB 44%,#8E3A9C)}