:root{--cs-bg: #0b1326;--cs-surface: #0b1326;--cs-surface-lowest: #060e20;--cs-surface-low: #131b2e;--cs-surface-container: #171f33;--cs-surface-high: #222a3d;--cs-surface-highest: #2d3449;--cs-surface-variant: #2d3449;--cs-surface-bright: #31394d;--cs-on-bg: #dae2fd;--cs-on-surface: #dae2fd;--cs-on-surface-var: #c2c6d6;--cs-outline: #8c909f;--cs-outline-var: #424754;--cs-primary: #adc6ff;--cs-on-primary: #002e6a;--cs-primary-container: #4d8eff;--cs-secondary: #4edea3;--cs-on-secondary: #003824;--cs-secondary-cont: #00a572;--cs-on-secondary-cont: #00311f;--cs-tertiary: #d0bcff;--cs-on-tertiary: #3c0091;--cs-tertiary-cont: #a078ff;--cs-on-tertiary-cont: #340080;--cs-error: #ffb4ab;--cs-on-error: #690005;--cs-error-cont: #93000a;--cs-on-error-cont: #ffdad6;--cs-warning: #f59e0b;--cs-font-ui: "Inter", system-ui, -apple-system, sans-serif;--cs-font-code: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--cs-text-display: 32px;--cs-lh-display: 40px;--cs-ls-display: -.02em;--cs-text-headline: 20px;--cs-lh-headline: 28px;--cs-text-body: 16px;--cs-lh-body: 24px;--cs-text-body-sm: 14px;--cs-lh-body-sm: 20px;--cs-text-label: 12px;--cs-lh-label: 16px;--cs-ls-label: .05em;--cs-text-code: 14px;--cs-lh-code: 22px;--cs-text-code-sm: 12px;--cs-lh-code-sm: 18px;--cs-sp-xs: 4px;--cs-sp-sm: 8px;--cs-sp-md: 16px;--cs-sp-lg: 24px;--cs-sp-xl: 32px;--cs-sidebar: 260px;--cs-topbar: 40px;--cs-radius-sm: 2px;--cs-radius-md: 4px;--cs-radius-lg: 8px;--cs-radius-xl: 12px;--color-bg: var(--cs-bg);--color-surface: var(--cs-surface-low);--color-surface-2: var(--cs-surface-container);--color-border: var(--cs-outline-var);--color-text: var(--cs-on-surface);--color-text-secondary: var(--cs-on-surface-var);--color-accent: var(--cs-primary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--cs-font-ui);background:var(--cs-bg);color:var(--cs-on-surface);line-height:var(--cs-lh-body);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5{font-weight:700;color:var(--cs-on-surface);line-height:1.3}a{color:inherit;text-decoration:none}button{font-family:var(--cs-font-ui)}code,pre,kbd{font-family:var(--cs-font-code)}:focus-visible{outline:2px solid var(--cs-primary);outline-offset:2px;border-radius:var(--cs-radius-md)}*{scrollbar-width:thin;scrollbar-color:var(--cs-outline-var) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--cs-outline-var);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cs-outline)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24;vertical-align:middle;line-height:1;display:inline-flex;align-items:center;-webkit-user-select:none;user-select:none}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.badge{display:inline-flex;align-items:center;padding:2px var(--cs-sp-sm);border-radius:var(--cs-radius-xl);font-size:var(--cs-text-label);font-weight:600;letter-spacing:var(--cs-ls-label);border:1px solid}.badge-Easy,.badge-facil{background:#4edea326;color:var(--cs-secondary);border-color:#4edea34d}.badge-Medium,.badge-medio{background:#f59e0b26;color:var(--cs-warning);border-color:#f59e0b4d}.badge-Hard,.badge-dificil{background:#ffb4ab26;color:var(--cs-error);border-color:#ffb4ab4d}.btn-primary-lg{padding:14px var(--cs-sp-xl);background:var(--cs-primary);color:var(--cs-on-primary);border-radius:var(--cs-radius-lg);font-size:var(--cs-text-body);font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-flex;align-items:center;gap:var(--cs-sp-sm)}.btn-primary-lg:hover{opacity:.88}.btn-ghost-lg{padding:14px var(--cs-sp-xl);background:transparent;color:var(--cs-on-surface);border:1px solid var(--cs-outline-var);border-radius:var(--cs-radius-lg);font-size:var(--cs-text-body);font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex;align-items:center;gap:var(--cs-sp-sm)}.btn-ghost-lg:hover{background:var(--cs-surface-container);border-color:var(--cs-outline)}