@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;700;800&display=swap");:root{--color-primary-50:#f0f6ff;--color-primary-100:#d7e7fe;--color-primary-200:#a6cafc;--color-primary-300:#64a1f7;--color-primary-400:#287cf0;--color-primary-500:#1260ce;--color-primary-600:#0f4fa9;--color-primary-700:#0d3e82;--color-primary-800:#0b2c5b;--color-primary-900:#091f3e;--color-accent-50:#edfdfa;--color-accent-100:#cbf6f0;--color-accent-200:#96e9de;--color-accent-300:#4bd2c0;--color-accent-400:#2bab9a;--color-accent-500:#1f8477;--color-accent-600:#15655a;--color-success-400:#33cc6b;--color-success-500:#20a751;--color-success-600:#15843e;--color-warning-400:#faaf2e;--color-warning-500:#e19209;--color-danger-400:#eb4755;--color-danger-500:#e31c2d;--color-neutral-0:#fff;--color-neutral-50:#f9fafb;--color-neutral-100:#f0f2f4;--color-neutral-200:#dfe3e7;--color-neutral-300:#c6ccd2;--color-neutral-400:#949ea8;--color-neutral-500:#6b7580;--color-neutral-600:#4e575f;--color-neutral-700:#363d45;--color-neutral-800:#23292f;--color-neutral-900:#15191e;--color-neutral-950:#0c0f12;--color-bg-base:var(--color-neutral-950);--color-bg-surface:var(--color-neutral-900);--color-bg-elevated:var(--color-neutral-800);--color-bg-overlay:#1f2429;--color-border-subtle:var(--color-neutral-800);--color-border-default:var(--color-neutral-700);--color-border-strong:var(--color-neutral-600);--color-text-primary:var(--color-neutral-50);--color-text-secondary:var(--color-neutral-400);--color-text-tertiary:var(--color-neutral-500);--color-text-disabled:var(--color-neutral-600);--color-text-inverse:var(--color-neutral-950);--color-interactive:var(--color-primary-400);--color-interactive-hover:var(--color-primary-300);--color-interactive-active:var(--color-primary-500);--font-display:"Outfit",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.35);--shadow-lg:0 8px 28px rgba(0,0,0,.4);--shadow-xl:0 16px 48px rgba(0,0,0,.5);--shadow-glow-primary:0 0 20px rgba(18,96,206,.35);--shadow-glow-accent:0 0 20px rgba(31,132,119,.3);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms;--ease-default:cubic-bezier(0.25,0.46,0.45,0.94);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-out:cubic-bezier(0.0,0.0,0.2,1);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--sidebar-width:260px;--topbar-height:64px;--difficulty-easy:#31c467;--difficulty-medium:#f3a216;--difficulty-hard:#f16b27;--difficulty-expert:#e63342}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth;overscroll-behavior-x:none}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);background-color:var(--color-bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight)}a{color:var(--color-interactive);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}a:hover{color:var(--color-interactive-hover)}img,video{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{width:100%;max-width:var(--container-xl);margin-inline:auto;padding-inline:var(--space-6)}:focus-visible{outline:2px solid var(--color-primary-400);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-surface)}::-webkit-scrollbar-thumb{background:var(--color-neutral-700);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-600)}.glass{background:rgba(21,25,30,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border-subtle)}.gradient-text{background:linear-gradient(135deg,var(--color-primary-300) 0,var(--color-accent-300) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:root{--wf-white:#fff;--wf-black:#1a1a1a;--wf-gray-0:#fafbfb;--wf-gray-1:#f1f2f3;--wf-gray-2:#e3e5e7;--wf-gray-3:#cdd0d4;--wf-gray-4:#a3a7ad;--wf-gray-5:#6b6f76;--wf-gray-6:#4a4f56;--wf-danger:#e53935;--wf-heat-0:#edeef0;--wf-heat-1:#cdd0d4;--wf-heat-2:#a8adb4;--wf-heat-3:#7e848c;--wf-heat-4:#565b62;--wf-space-1:4px;--wf-space-1h:6px;--wf-space-2:8px;--wf-space-2h:10px;--wf-space-3:12px;--wf-space-3h:14px;--wf-space-4:16px;--wf-space-5:20px;--wf-space-6:24px;--wf-space-8:32px;--wf-space-10:40px;--wf-space-12:48px;--wf-space-14:56px;--wf-text-2xs:11px;--wf-text-xs:12px;--wf-text-sm:13px;--wf-text-md:14px;--wf-text-base:16px;--wf-text-lg:20px;--wf-text-xl:24px;--wf-text-2xl:28px;--wf-text-3xl:40px;--wf-radius-sm:4px;--wf-radius-md:6px;--wf-radius-lg:8px;--wf-radius-xl:10px;--wf-radius-2xl:12px;--wf-radius-full:999px;--wf-topbar-height:56px;--wf-safe-top:env(safe-area-inset-top,0px);--wf-safe-bottom:env(safe-area-inset-bottom,0px);--wf-topbar-offset:calc(var(--wf-topbar-height) + var(--wf-safe-top));--wf-bottomnav-height:72px;--wf-bottombar-offset:calc(var(--wf-bottomnav-height) + var(--wf-safe-bottom));--wf-header-height:var(--wf-topbar-height);--wf-sidebar-width:240px;--wf-profile-sidebar:220px;--wf-content-max:720px;--wf-page-max:1060px;--wf-page-pad-x:var(--wf-space-6);--wf-z-sticky:60;--wf-z-overlay:20;--wf-z-backdrop:49;--wf-z-modal:50;--wf-z-popover:51;--wf-shadow-sm:0 1px 3px rgba(0,0,0,.08);--wf-shadow-md:0 4px 12px rgba(0,0,0,.08);--wf-shadow-lg:0 4px 16px rgba(0,0,0,.12);--wf-shadow-panel:0 0 0 9999px rgba(0,0,0,.08);--wf-duration:150ms;--wf-duration-normal:200ms;--wf-duration-celebrate:600ms;--wf-goal-ring-track:var(--wf-gray-3);--wf-goal-ring-fill:var(--wf-gray-5);--wf-goal-ring-met:var(--wf-black);--wf-goal-ring-met-glow:0 0 6px rgba(26,26,26,.45);--wf-meta-ring-size:100px}@media (max-width:640px){:root{--wf-page-pad-x:var(--wf-space-4);--wf-header-height:calc(var(--wf-topbar-offset) + var(--wf-bottombar-offset))}.wf-page-area{padding-bottom:var(--wf-bottombar-offset)}}.DevModePanel_panel__WVKO_{position:fixed;bottom:var(--space-4);left:var(--space-4);z-index:9999;display:flex;align-items:center;flex-wrap:wrap;max-width:calc(100vw - 2 * var(--space-4));gap:var(--space-2);background:var(--color-bg-overlay);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-primary);box-shadow:var(--shadow-md)}@media (max-width:640px){.DevModePanel_panel__WVKO_{bottom:calc(var(--wf-bottombar-offset) + var(--space-4))}}.DevModePanel_labelBtn__kBqK_{background:none;border:none;padding:0;font:inherit;color:var(--color-warning-400);font-weight:var(--weight-bold);margin-right:var(--space-1);letter-spacing:.05em;cursor:pointer}.DevModePanel_btn__9L__G{background:var(--color-bg-elevated);color:var(--color-text-secondary);border:none;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font:inherit;cursor:pointer}.DevModePanel_btn__9L__G[data-active=true]{background:var(--color-warning-400);color:var(--color-text-inverse);font-weight:var(--weight-bold)}.DevModePanel_sep__KyLCW{width:1px;align-self:stretch;margin:0 var(--space-1);background:var(--color-text-secondary);opacity:.3}.DevModePanel_groupLabel__EOI3j{color:var(--color-text-secondary);letter-spacing:.03em}.DevModePanel_stateWrap__bWcGt{position:relative;display:inline-flex}.DevModePanel_dropup__aExKB{position:absolute;bottom:100%;left:0;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1);min-width:240px;padding-bottom:var(--space-2)}.DevModePanel_dropupInner__Q6Sqy{display:flex;flex-direction:column;gap:var(--space-1);background:var(--color-bg-overlay);border-radius:var(--radius-md);padding:var(--space-2);box-shadow:var(--shadow-md)}.DevModePanel_dropupTitle__boPGA{color:var(--color-text-secondary);letter-spacing:.03em;padding:0 var(--space-1)}.DevModePanel_dropupBtn__n9AnQ{background:var(--color-bg-elevated);color:var(--color-text-primary);border:none;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font:inherit;cursor:pointer;text-align:left}.DevModePanel_dropupBtn__n9AnQ:hover{background:var(--color-warning-400);color:var(--color-text-inverse)}.DevModePanel_dropupFalta__JPiJ7{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-1) var(--space-2);color:var(--color-text-secondary);opacity:.7}.DevModePanel_faltaTag__Gv90W{color:var(--color-warning-400);font-weight:var(--weight-bold);letter-spacing:.05em}.DevModePanel_lupaTool__krsbJ{display:flex;flex-direction:column;gap:var(--space-1);min-width:220px}.DevModePanel_lupaRow__bgtl6{display:flex;align-items:center;gap:var(--space-2)}.DevModePanel_lupaRowLabel__lFogI{width:2.5em;color:var(--color-text-secondary)}.DevModePanel_lupaSlider__7w7Jq{flex:1 1;min-width:0;accent-color:var(--color-warning-400);cursor:pointer}.DevModePanel_lupaVal__nwXxo{width:3em;text-align:right;color:var(--color-text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.DevModePanel_lupaBtns__tscG3{display:flex;gap:var(--space-2);margin-top:var(--space-1)}