@import"https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";:root{--color-primary-50:#f5f3ff;--color-primary-100:#ede9fe;--color-primary-200:#ddd6fe;--color-primary-300:#c4b5fd;--color-primary-400:#a78bfa;--color-primary-500:#8b5cf6;--color-primary-600:#7c3aed;--color-primary-700:#6d28d9;--color-primary-800:#5b21b6;--color-primary-900:#4c1d95;--color-primary-950:#2e1065;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-neutral-950:#020617;--color-dark-bg:#080b14;--color-dark-surface:#0f1629;--color-dark-elevated:#141d33;--color-dark-hover:#1a2540;--color-dark-active:#1e2d4a;--color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-green-200:#bbf7d0;--color-green-300:#86efac;--color-green-400:#4ade80;--color-green-500:#22c55e;--color-green-600:#16a34a;--color-green-700:#15803d;--color-cyan-400:#22d3ee;--color-cyan-500:#06b6d4;--color-cyan-600:#0891b2;--color-gold-400:#fbbf24;--color-gold-500:#f59e0b;--color-gold-600:#d97706;--color-orange-400:#fb923c;--color-orange-500:#f97316;--color-orange-600:#ea580c;--color-pink:#ec4899;--color-pink-glow:rgba(236,72,153,.12);--color-red-400:#f87171;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--color-bg:#080b14;--color-card-bg:#0f1623;--color-bg-muted:#0f1629;--color-surface:#0f1629;--color-surface-hover:#1a2540;--color-surface-active:#1e2d4a;--color-surface-elevated:#141d33;--color-sidebar-bg:#0d1117;--color-sidebar-active:#162032;--color-sidebar-active-bg:rgba(124,58,237,.08);--color-sidebar-active-border:rgba(124,58,237,.13);--color-border:#1e293b;--color-border-strong:#334155;--color-border-focus:#8b5cf6;--color-text-primary:#fff;--color-text-secondary:#cbd5e1;--color-text-muted:#3d4451;--color-text-dim:#64748b;--color-text-inverse:#0f172a;--color-primary:#8b5cf6;--color-primary-hover:#7c3aed;--color-primary-active:#a78bfa;--color-accent:#16a34a;--color-accent-hover:#22c55e;--color-accent-active:#16a34a;--color-success:#22c55e;--color-warning:#f97316;--color-error:#ef4444;--color-info:#06b6d4;--color-gold:#fbbf24;--color-orange:#f97316;--color-gradient-start:#ec4899;--color-gradient-end:#8b5cf6;--v3:#a78bfa;--bl2:#60a5fa;--cy:#06b6d4;--color-hint-1:#ef4444;--color-hint-2:#f97316;--color-hint-3:#06b6d4;--color-badge-easy:#22c55e;--color-badge-medium:#f59e0b;--color-badge-hard:#ef4444;--color-badge-faang:#ef4444;--color-glow-primary:rgba(139,92,246,.2);--color-glow-success:rgba(34,197,94,.2);--color-glow-accent:rgba(74,222,128,.15);--color-highlight:hsla(0,0%,100%,.05);--color-overlay-light:hsla(0,0%,100%,.08);--color-overlay-dark:rgba(0,0,0,.712);--text-gradient:linear-gradient(135deg,var(--v3) 0%,var(--bl2) 50%,var(--cy) 100%);--color-alert-success-bg:rgba(34,197,94,.12);--color-alert-error-bg:rgba(239,68,68,.12);--color-alert-warning-bg:rgba(249,115,22,.12);--color-alert-info-bg:rgba(6,182,212,.12);--spacing-px:1px;--spacing-0:0;--spacing-0-5:0.125rem;--spacing-1:0.25rem;--spacing-1-5:0.375rem;--spacing-2:0.5rem;--spacing-2-5:0.625rem;--spacing-3:0.75rem;--spacing-3-5:0.875rem;--spacing-4:1rem;--spacing-4-5:1.125rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-11:2.75rem;--spacing-12:3rem;--spacing-14:3.5rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-28:7rem;--spacing-32:8rem;--spacing-36:9rem;--spacing-40:10rem;--spacing-44:11rem;--spacing-48:12rem;--spacing-52:13rem;--spacing-56:14rem;--spacing-60:15rem;--spacing-64:16rem;--spacing-72:18rem;--spacing-80:20rem;--spacing-96:24rem;--spacing-sidebar:var( --spacing-6 );--spacing-card-padding:var( --spacing-5 );--spacing-section:var( --spacing-8 );--spacing-page-margin:var( --spacing-12 );--container-padding-sm:var(--spacing-4);--container-padding-md:var(--spacing-6);--container-padding-lg:var(--spacing-8);--section-spacing-y:var(--spacing-16);--component-spacing:var(--spacing-6);--radius-none:0;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--radius-button:var(--radius-md);--radius-card:var(--radius-lg);--radius-input:var(--radius-md);--radius-modal:var(--radius-xl);--radius-avatar:var(--radius-full);--shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.06);--shadow-none:0 0 #0000;--glow-primary:0 0 20px rgba(99,102,241,.3);--glow-primary-lg:0 0 40px rgba(99,102,241,.4);--glow-success:0 0 20px rgba(16,185,129,.3);--glow-warning:0 0 20px rgba(245,158,11,.3);--glow-error:0 0 20px rgba(239,68,68,.3);--ring-primary:0 0 0 3px rgba(99,102,241,.1);--ring-success:0 0 0 3px rgba(16,185,129,.1);--ring-warning:0 0 0 3px rgba(245,158,11,.1);--ring-error:0 0 0 3px rgba(239,68,68,.1);--backdrop-blur:blur(8px);--backdrop-blur-sm:blur(4px);--backdrop-blur-lg:blur(16px);--opacity-disabled:0.5;--opacity-loading:0.7;--opacity-hover:0.9;--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--transition-slow:350ms ease-in-out;--scale-hover:1.02;--scale-active:0.98}*,:after,:before{box-sizing:border-box}*{margin:0}body,html{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#__next,#root{isolation:isolate}button{background:none;border:none;padding:0;cursor:pointer}ol,ul{list-style:none;padding:0}a{color:inherit;text-decoration:none}:disabled{cursor:not-allowed}.invisible{visibility:hidden}.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus{outline:none}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.dark,[data-theme=dark]{--color-bg:#080b14;--color-bg-muted:#0f1629;--color-card-bg:#0f1623;--color-surface:#0f1629;--color-surface-hover:#1a2540;--color-surface-active:#1e2d4a;--color-surface-elevated:#141d33;--color-dark-bg:#080b14;--color-dark-surface:#0f1629;--color-dark-elevated:#141d33;--color-dark-hover:#1a2540;--color-dark-active:#1e2d4a;--color-sidebar-bg:#0d1117;--color-sidebar-active:#162032;--color-sidebar-active-bg:rgba(124,58,237,.08);--color-sidebar-active-border:rgba(124,58,237,.13);--color-border:#1e293b;--color-border-strong:#334155;--color-border-focus:#8b5cf6;--color-text-primary:#fff;--color-text-secondary:#cbd5e1;--color-text-muted:#3d4451;--color-text-dim:#64748b;--color-text-inverse:#0f172a;--color-primary:#8b5cf6;--color-primary-hover:#7c3aed;--color-primary-active:#a78bfa;--color-accent:#16a34a;--color-accent-hover:#22c55e;--color-accent-active:#16a34a;--color-accent-black:#111112;--color-black:#000;--color-success:#22c55e;--color-warning:#f97316;--color-error:#ef4444;--color-info:#06b6d4;--color-gold:#fbbf24;--color-orange:#f97316;--color-gradient-start:#ec4899;--color-gradient-end:#8b5cf6;--v3:#a78bfa;--bl2:#60a5fa;--cy:#06b6d4;--text-gradient:linear-gradient(135deg,var(--v3) 0%,var(--bl2) 50%,var(--cy) 100%);--color-hint-1:#ef4444;--color-hint-2:#f97316;--color-hint-3:#06b6d4;--color-badge-easy:#22c55e;--color-badge-medium:#f59e0b;--color-badge-hard:#ef4444;--color-badge-faang:#ef4444;--color-glow-primary:rgba(139,92,246,.2);--color-glow-success:rgba(34,197,94,.2);--color-glow-accent:rgba(74,222,128,.15);--color-highlight:hsla(0,0%,100%,.05);--color-overlay-light:hsla(0,0%,100%,.08);--color-overlay-dark:rgba(0,0,0,.712);--shadow-xs:0 1px 2px 0 rgba(0,0,0,.3);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.4),0 1px 2px 0 rgba(0,0,0,.2);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -1px rgba(0,0,0,.2);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.2);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.5),0 10px 10px -5px rgba(0,0,0,.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.6);--color-codeblock-bg:#1c1c1c;--color-codeblock-header:#161616}@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-bg:#080b14;--color-bg-muted:#0f1629;--color-card-bg:#0f1623;--color-surface:#0f1629;--color-surface-hover:#1a2540;--color-surface-active:#1e2d4a;--color-surface-elevated:#141d33;--color-dark-bg:#080b14;--color-dark-surface:#0f1629;--color-dark-elevated:#141d33;--color-dark-hover:#1a2540;--color-dark-active:#1e2d4a;--color-sidebar-bg:#0d1117;--color-sidebar-active:#162032;--color-sidebar-active-bg:rgba(124,58,237,.08);--color-sidebar-active-border:rgba(124,58,237,.13);--color-border:#1e293b;--color-border-strong:#334155;--color-border-focus:#8b5cf6;--color-text-primary:#fff;--color-text-secondary:#cbd5e1;--color-text-muted:#3d4451;--color-text-dim:#64748b;--color-text-inverse:#0f172a;--color-primary:#8b5cf6;--color-primary-hover:#7c3aed;--color-primary-active:#a78bfa;--color-accent:#16a34a;--color-accent-hover:#22c55e;--color-accent-active:#16a34a;--color-accent-black:#111112;--color-black:#000;--color-success:#22c55e;--color-warning:#f97316;--color-error:#ef4444;--color-info:#06b6d4;--color-gold:#fbbf24;--color-orange:#f97316;--color-gradient-start:#ec4899;--color-gradient-end:#8b5cf6;--v3:#a78bfa;--bl2:#60a5fa;--cy:#06b6d4;--text-gradient:linear-gradient(135deg,var(--v3) 0%,var(--bl2) 50%,var(--cy) 100%);--color-hint-1:#ef4444;--color-hint-2:#f97316;--color-hint-3:#06b6d4;--color-badge-easy:#22c55e;--color-badge-medium:#f59e0b;--color-badge-hard:#ef4444;--color-badge-faang:#ef4444;--color-glow-primary:rgba(139,92,246,.2);--color-glow-success:rgba(34,197,94,.2);--color-glow-accent:rgba(74,222,128,.15);--color-highlight:hsla(0,0%,100%,.05);--color-overlay-light:hsla(0,0%,100%,.08);--color-overlay-dark:rgba(0,0,0,.712);--shadow-xs:0 1px 2px 0 rgba(0,0,0,.3);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.4),0 1px 2px 0 rgba(0,0,0,.2);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -1px rgba(0,0,0,.2);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.2);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.5),0 10px 10px -5px rgba(0,0,0,.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.6);--color-codeblock-bg:#1c1c1c;--color-codeblock-header:#161616}}.light,[data-theme=light]{--color-bg:#f1f5f9;--color-bg-muted:#e2e8f0;--color-surface:#fff;--color-surface-hover:#f1f5f9;--color-surface-active:#e2e8f0;--color-surface-elevated:#fff;--color-card-bg:#fff;--color-sidebar-bg:#fff;--color-sidebar-active:#ede9fe;--color-sidebar-active-bg:rgba(124,58,237,.08);--color-sidebar-active-border:rgba(124,58,237,.2);--color-border:#cbd5e1;--color-border-strong:#94a3b8;--color-border-focus:#7c3aed;--color-text-primary:#0f172a;--color-text-secondary:#334155;--color-text-muted:#475569;--color-text-dim:#64748b;--color-text-inverse:#fff;--color-primary:#8b5cf6;--color-primary-hover:#6d28d9;--color-primary-active:#8b5cf6;--color-accent:#16a34a;--color-accent-hover:#15803d;--color-accent-active:#22c55e;--color-codeblock-bg:#1c1c1c;--color-codeblock-header:#161616;--color-success:#16a34a;--color-warning:#ea580c;--color-error:#dc2626;--color-info:#0891b2;--color-gold:#d97706;--color-orange:#ea580c;--color-gradient-start:#ec4899;--color-gradient-end:#8b5cf6;--color-hint-1:#dc2626;--color-hint-2:#ea580c;--color-hint-3:#0891b2;--color-badge-easy:#22c55e;--color-badge-medium:#f59e0b;--color-badge-hard:#ef4444;--color-badge-faang:#ef4444;--color-glow-primary:rgba(124,58,237,.08);--color-glow-success:rgba(22,163,74,.08);--color-glow-accent:rgba(22,163,74,.06);--color-highlight:rgba(0,0,0,.04);--color-overlay-light:rgba(0,0,0,.04);--color-overlay-dark:rgba(0,0,0,.5);--shadow-xs:0 1px 2px 0 rgba(0,0,0,.06);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.06);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.06);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.2);--color-dark-bg:#f1f5f9;--color-dark-surface:#fff;--color-dark-elevated:#fff;--color-dark-hover:#f1f5f9;--color-dark-active:#e2e8f0;--glow-primary:0 0 20px rgba(124,58,237,.1);--glow-primary-lg:0 0 40px rgba(124,58,237,.15);--glow-success:0 0 20px rgba(22,163,74,.1);--glow-warning:0 0 20px rgba(245,158,11,.1);--glow-error:0 0 20px rgba(239,68,68,.1);--ring-primary:0 0 0 3px rgba(124,58,237,.2);--ring-success:0 0 0 3px rgba(22,163,74,.2);--ring-warning:0 0 0 3px rgba(245,158,11,.2);--ring-error:0 0 0 3px rgba(239,68,68,.2);--v3:#6d28d9;--bl2:#2563eb;--cy:#0e7490;--text-gradient:linear-gradient(135deg,#6d28d9,#2563eb 50%,#0e7490);--color-codeblock-bg:#f5f5f5;--color-codeblock-header:#e5e5e5}@media(prefers-color-scheme:light){:root:not([data-theme]){--color-bg:#f1f5f9;--color-bg-muted:#e2e8f0;--color-surface:#fff;--color-surface-hover:#f1f5f9;--color-surface-active:#e2e8f0;--color-surface-elevated:#fff;--color-card-bg:#fff;--color-sidebar-bg:#fff;--color-sidebar-active:#ede9fe;--color-sidebar-active-bg:rgba(124,58,237,.08);--color-sidebar-active-border:rgba(124,58,237,.2);--color-border:#cbd5e1;--color-border-strong:#94a3b8;--color-border-focus:#7c3aed;--color-text-primary:#0f172a;--color-text-secondary:#334155;--color-text-muted:#475569;--color-text-dim:#64748b;--color-text-inverse:#fff;--color-primary:#8b5cf6;--color-primary-hover:#6d28d9;--color-primary-active:#8b5cf6;--color-accent:#16a34a;--color-accent-hover:#15803d;--color-accent-active:#22c55e;--color-codeblock-bg:#1c1c1c;--color-codeblock-header:#161616;--color-success:#16a34a;--color-warning:#ea580c;--color-error:#dc2626;--color-info:#0891b2;--color-gold:#d97706;--color-orange:#ea580c;--color-gradient-start:#ec4899;--color-gradient-end:#8b5cf6;--color-hint-1:#dc2626;--color-hint-2:#ea580c;--color-hint-3:#0891b2;--color-badge-easy:#22c55e;--color-badge-medium:#f59e0b;--color-badge-hard:#ef4444;--color-badge-faang:#ef4444;--color-glow-primary:rgba(124,58,237,.08);--color-glow-success:rgba(22,163,74,.08);--color-glow-accent:rgba(22,163,74,.06);--color-highlight:rgba(0,0,0,.04);--color-overlay-light:rgba(0,0,0,.04);--color-overlay-dark:rgba(0,0,0,.5);--shadow-xs:0 1px 2px 0 rgba(0,0,0,.06);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.06);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.06);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.2);--color-dark-bg:#f1f5f9;--color-dark-surface:#fff;--color-dark-elevated:#fff;--color-dark-hover:#f1f5f9;--color-dark-active:#e2e8f0;--glow-primary:0 0 20px rgba(124,58,237,.1);--glow-primary-lg:0 0 40px rgba(124,58,237,.15);--glow-success:0 0 20px rgba(22,163,74,.1);--glow-warning:0 0 20px rgba(245,158,11,.1);--glow-error:0 0 20px rgba(239,68,68,.1);--ring-primary:0 0 0 3px rgba(124,58,237,.2);--ring-success:0 0 0 3px rgba(22,163,74,.2);--ring-warning:0 0 0 3px rgba(245,158,11,.2);--ring-error:0 0 0 3px rgba(239,68,68,.2);--v3:#6d28d9;--bl2:#2563eb;--cy:#0e7490;--text-gradient:linear-gradient(135deg,#6d28d9,#2563eb 50%,#0e7490);--color-codeblock-bg:#f5f5f5;--color-codeblock-header:#e5e5e5}}body,html{height:100%;font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-primary)}body{font-weight:var(--font-weight-normal);transition:background-color var(--transition-base),color var(--transition-base)}[data-theme] *,[data-theme] :after,[data-theme] :before{transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px);background-size:44px 44px;pointer-events:none;z-index:0;opacity:.45}[data-theme=light] body:before{opacity:.15}body:after{content:"";position:fixed;top:-180px;left:-150px;width:580px;height:580px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.07) 0,transparent 68%);pointer-events:none;z-index:0}[data-theme=light] body:after{background:radial-gradient(circle,rgba(124,58,237,.04) 0,transparent 68%)}h1{font-size:var(--font-size-4xl)}h1,h2{line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl);line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}h4{font-size:var(--font-size-xl)}h4,h5{line-height:var(--line-height-normal);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base);line-height:var(--line-height-normal);font-weight:var(--font-weight-semibold)}h6,p{color:var(--color-text-primary)}p{font-weight:var(--font-weight-normal);margin-bottom:var(--spacing-4)}p:last-child{margin-bottom:0}small{font-size:var(--font-size-sm);line-height:var(--line-height-tight);font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}a{color:var(--color-primary-600);transition:color .2s ease}a:hover{color:var(--color-primary-700)}a:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-sm)}input,select,textarea{background-color:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:var(--radius-input);transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}input::placeholder,select::placeholder,textarea::placeholder{color:var(--color-text-secondary)}button{transition:all .2s ease}button:disabled{opacity:.5}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--container-padding-sm)}@media(min-width:768px){.container{padding:0 var(--container-padding-md)}}@media(min-width:1024px){.container{padding:0 var(--container-padding-lg)}}.section{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}.no-print{display:none!important}}.main-layout{display:grid;grid-template-columns:250px 1fr;height:100vh;overflow:hidden}.main-layout .main-layout__content{display:flex;flex-direction:column;min-height:0;overflow:hidden}.problem-layout,.problems-wrapper{height:100vh;overflow:hidden}.problem-layout{width:100vw;position:relative;z-index:1;min-height:0;padding:0}.problem-layout,.sidebar{display:flex;flex-direction:column}.sidebar{width:100%;height:100vh;background-color:var(--color-sidebar-bg);border-right:1px solid var(--color-border);overflow-y:auto;position:-webkit-sticky;position:sticky;top:0}.sidebar__content{flex:1 1;padding:var(--spacing-5) var(--spacing-4);gap:var(--spacing-2)}.sidebar__content,.sidebar__nav{display:flex;flex-direction:column}.sidebar__nav{gap:var(--spacing-4)}.sidebar-header{padding-bottom:var(--spacing-5)}.sidebar-logo{display:flex;align-items:center;gap:var(--spacing-3)}.sidebar-section{display:flex;flex-direction:column;gap:var(--spacing-1)}.sidebar-section__title{font-size:.65rem;font-weight:var(--font-weight-semibold);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);padding:var(--spacing-1) var(--spacing-3);margin-bottom:var(--spacing-0-5)}.sidebar-section__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-0-5)}.sidebar-section+.sidebar-section{padding-top:var(--spacing-3);border-top:1px solid var(--color-border)}.sidebar-nav-item{list-style:none}.sidebar-nav-item__link{display:flex;align-items:center;gap:9px;padding:8px;border-radius:8px;text-decoration:none;color:var(--color-text-muted);font-size:13px;font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);border:1px solid transparent;white-space:nowrap;overflow:hidden;cursor:pointer}.sidebar-nav-item__link:hover{background-color:var(--color-glow-primary);color:var(--color-text-primary)}.sidebar-nav-item__icon{flex-shrink:0;opacity:.7}.sidebar-nav-item__label{flex:1 1}.sidebar-nav-item__badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:18px;padding:0 var(--spacing-1-5);border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-primary) 20%,transparent);color:var(--color-primary-400);font-size:.65rem;font-weight:var(--font-weight-semibold);line-height:1}.sidebar-nav-item.active .sidebar-nav-item__link{background:var(--color-sidebar-active-bg);color:var(--color-primary-300);border:1px solid var(--color-sidebar-active-border)}.sidebar-nav-item.active .sidebar-nav-item__icon{opacity:1;color:var(--color-primary-300)}.sidebar-footer{padding:var(--spacing-4) var(--spacing-4);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-3)}.sidebar-footer__progress{display:flex;flex-direction:column;gap:var(--spacing-2)}.sidebar-footer__progress-header{display:flex;align-items:center;justify-content:space-between}.sidebar-footer__progress-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.sidebar-footer__progress-count{font-size:var(--font-size-xs);color:var(--color-primary-400);font-weight:var(--font-weight-semibold)}.sidebar-footer__progress-bar{width:100%;height:4px;border-radius:var(--radius-full);background-color:var(--color-surface-hover);overflow:hidden}.sidebar-footer__progress-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(to right,var(--color-gradient-start),var(--color-gradient-end));transition:width var(--transition-base)}.sidebar-footer__streak{display:flex;align-items:center;font-size:var(--font-size-xs);gap:var(--spacing-1)}.sidebar-footer__streak-icon{font-size:var(--font-size-sm)}.sidebar-footer__streak-text{color:var(--color-orange);font-weight:var(--font-weight-semibold)}.sidebar-footer__streak-msg{color:var(--color-text-muted)}.sidebar-header{padding:var(--spacing-4-5) var(--spacing-4);border-bottom:1px solid var(--color-border)}.input-container{border:1px solid var(--color-border);border-radius:7px;font-size:12.5px;color:var(--color-text-primary);transition:all .2s;background-color:var(--color-bg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);padding:var(--spacing-0) var(--spacing-2)}.input-container .input-container__left{display:flex;align-items:center;gap:var(--spacing-1);width:100%}.input-container .input-field{padding:.5rem;width:100%;background:transparent;color:inherit;font-size:inherit;font-family:var(--font-sans);outline:none;border:none;box-shadow:none}.input-container .input-field::placeholder{color:var(--color-text-muted)}.input-container .input-field--clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.input-container__variant-default{border:1px solid var(--color-border);background-color:var(--color-bg)}.input-container__variant-outline{border:1px solid var(--color-border);background-color:transparent}.input-container__variant-transparent{border:none;background-color:transparent}.input-container__radius-sm{border-radius:var(--radius-sm)}.input-container__radius-md{border-radius:var(--radius-md)}.input-container__radius-lg{border-radius:var(--radius-lg)}.input-container__radius-full{border-radius:var(--radius-full)}.global-header{background-color:var(--color-sidebar-bg);width:100%;padding:var(--spacing-3);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.global-header .global-header__search-area{width:50%}.tooltip{position:relative;display:inline-flex}.tooltip__content{padding:4px 10px;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);color:var(--color-text-primary);font-size:12px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;z-index:50;transition:opacity var(--transition-fast),transform var(--transition-fast)}.tooltip__content,.tooltip__content:before{position:absolute;background-color:var(--color-surface-elevated);border:1px solid var(--color-border)}.tooltip__content:before{content:"";width:8px;height:8px;transform:rotate(45deg)}.tooltip--bottom .tooltip__content{top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px)}.tooltip--bottom .tooltip__content:before{top:-5px;left:50%;margin-left:-4px;border-bottom:none;border-right:none}.tooltip--bottom:hover .tooltip__content{transform:translate(-50%)}.tooltip--top .tooltip__content{bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.tooltip--top .tooltip__content:before{bottom:-5px;left:50%;margin-left:-4px;border-top:none;border-left:none}.tooltip--top:hover .tooltip__content{transform:translate(-50%)}.tooltip--left .tooltip__content{right:calc(100% + 8px);top:50%;transform:translate(4px,-50%)}.tooltip--left .tooltip__content:before{right:-5px;top:50%;margin-top:-4px;border-left:none;border-bottom:none}.tooltip--left:hover .tooltip__content{transform:translateY(-50%)}.tooltip--right .tooltip__content{left:calc(100% + 8px);top:50%;transform:translate(-4px,-50%)}.tooltip--right .tooltip__content:before{left:-5px;top:50%;margin-top:-4px;border-right:none;border-top:none}.tooltip--right:hover .tooltip__content{transform:translateY(-50%)}.tooltip:hover .tooltip__content{opacity:1}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-border-strong)}.theme-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.theme-toggle:active{transform:scale(var(--scale-active))}.theme-toggle svg{transition:transform var(--transition-fast)}.theme-toggle:hover svg{transform:rotate(15deg)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-overlay-dark);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000}.searchModal{background-color:var(--color-card-bg);width:35%;border-radius:var(--radius-lg);border:1px solid var(--color-border);--webkit-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}.searchModal__search-input-area{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-2)}.searchModal__search-input-area,.searchModal__user-helper{padding:var(--spacing-1) var(--spacing-2)}.searchModal__user-helper-options{display:flex;gap:var(--spacing-2);margin:var(--spacing-2) var(--spacing-0)}:root{--font-sans:"Work Sans","Lato",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-7xl:4.5rem;--font-size-8xl:6rem;--font-size-9xl:8rem;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--letter-spacing-tighter:-0.05em;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0em;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--letter-spacing-widest:0.1em;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--text-color-primary:var(--color-text-primary);--text-color-secondary:var(--color-text-secondary);--text-color-muted:var(--color-text-muted);--text-color-inverse:var(--color-text-inverse);--text-heading-1:var( --font-size-4xl );--text-heading-2:var( --font-size-3xl );--text-heading-3:var( --font-size-2xl );--text-heading-4:var( --font-size-xl );--text-body:var(--font-size-base);--text-body-sm:var( --font-size-sm );--text-caption:var( --font-size-xs )}.typography__h1{font-size:var(--font-size-4xl);line-height:var(--line-height-tight);line-height:1.2}.typography__h1,.typography__h2{font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.typography__h2{font-size:var(--font-size-3xl);line-height:var(--line-height-tight);line-height:1.3}.typography__h3{font-size:var(--font-size-2xl);line-height:var(--line-height-tight);line-height:1.4}.typography__h3,.typography__h4{font-weight:var(--font-weight-semibold)}.typography__h4{font-size:var(--font-size-xl);line-height:var(--line-height-normal);line-height:1.4}.typography__body{font-weight:var(--font-weight-normal);line-height:1.5}.typography__bodySmall{font-size:var(--font-size-sm);line-height:var(--line-height-tight);font-weight:var(--font-weight-normal);line-height:1.4}.typography__extraSmall{font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.typography__light{color:var(--color-text-muted,#3d4451)}.typography__primary{color:var(--color-primary-500,#8b5cf6)}.typography__weight__normal{font-weight:400}.typography__weight__medium{font-weight:500}.typography__weight__semibold{font-weight:600}.typography__weight__bold{font-weight:700}.badge{display:inline-flex;align-items:center;gap:var(--spacing-1);justify-content:center;border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:var(--font-weight-medium);line-height:var(--line-height-none);border:1px solid transparent;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;--_badge-color:var(--color-primary);background-color:color-mix(in srgb,var(--_badge-color) 12%,var(--color-surface));color:var(--_badge-color);border-color:color-mix(in srgb,var(--_badge-color) 25%,var(--color-surface))}.badge p{margin:0;padding:0;line-height:inherit;color:inherit}.badge.small{padding:var(--spacing-0-5) var(--spacing-1-5);font-size:var(--font-size-xs)}.badge.medium,.badge:not(.small):not(.large){padding:var(--spacing-1) var(--spacing-2-5);font-size:var(--font-size-sm)}.badge.large{padding:var(--spacing-1-5) var(--spacing-3);font-size:var(--font-size-base)}.badge.rounded{border-radius:var(--radius-full)}.badge.primary{--_badge-color:var(--color-primary-400)}.badge.success{--_badge-color:var(--color-green-400)}.badge.warning{--_badge-color:var(--color-gold-400)}.badge.danger{--_badge-color:var(--color-pink);background-color:var(--color-pink-glow);border-color:var(--color-pink-glow)}.badge.info{--_badge-color:var(--color-cyan-400)}.badge.outlined{border-color:var(--color-border)}.badge.outlined,.badge.outlined.selected{background-color:transparent;color:var(--color-text-primary)}.badge.outlined.selected{border-color:var(--_badge-color)}.badge.transparent,.badge.transparent.selected{background-color:transparent;color:var(--_badge-color);border-color:transparent}.badge__icon-wrapper{position:relative;display:flex;align-items:center;gap:var(--spacing-2)}.badge__status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.badge.selectable{cursor:pointer}.badge.selectable:hover{background-color:color-mix(in srgb,var(--_badge-color) 20%,var(--color-surface))}.badge.selectable:active{transform:scale(var(--scale-active))}.badge.selected{background-color:var(--_badge-color);color:var(--color-text-inverse);border-color:var(--_badge-color)}.badge.disabled{opacity:var(--opacity-disabled);pointer-events:none}