:root{--syntax-keyword: #c678dd;--syntax-literal: #d19a66;--syntax-string: #98c379;--syntax-comment: #5c6370;--syntax-function: #61afef;--syntax-definition: #61afef;--syntax-class-name: #e5c07b;--syntax-variable-name: #e06c75;--syntax-property: #e06c75;--syntax-operator: #56b6c2;--syntax-punctuation: #abb2bf;--syntax-meta: #e5c07b;--syntax-invalid: #e06c75}.tok-keyword{color:var(--syntax-keyword)}.tok-literal{color:var(--syntax-literal)}.tok-string{color:var(--syntax-string)}.tok-comment{color:var(--syntax-comment);font-style:italic}.tok-function{color:var(--syntax-function)}.tok-definition{color:var(--syntax-definition);font-weight:700}.tok-className{color:var(--syntax-class-name)}.tok-variableName{color:var(--syntax-variable-name)}.tok-property{color:var(--syntax-property)}.tok-operator{color:var(--syntax-operator)}.tok-punctuation{color:var(--syntax-punctuation)}.tok-meta{color:var(--syntax-meta)}.tok-invalid{color:#fff;background:var(--syntax-invalid)}@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/fonts/jetbrains-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg: #111315;--color-bg-rgb: 17, 19, 21;--hover-tint: rgba(255, 255, 255, .05);--hover-tint-strong: rgba(255, 255, 255, .08);--shadow-strong: 0 12px 40px -8px rgba(0, 0, 0, .7);--shadow-card: none;--color-bg-card: #1a1d21;--color-bg-raised: #22262c;--color-border: #2a2f36;--color-accent: #f5b942;--color-accent-dim: rgba(245, 185, 66, .14);--color-accent-glow: 0 0 12px rgba(245, 185, 66, .35);--color-text: #e8e6e3;--color-text-muted: #9a9890;--color-easy: #4ade80;--color-easy-dim: rgba(74, 222, 128, .12);--color-graduated: #22c55e;--color-medium: #fb923c;--color-medium-dim: rgba(251, 146, 60, .12);--color-hard: #f87171;--color-hard-dim: rgba(248, 113, 113, .12);--color-over: #ef4444;--color-frozen: #9a9890;--color-trophy: #a78bfa;--color-trophy-dim: rgba(167, 139, 250, .14);--color-found: #4ade80;--color-active: #f5b942;--color-visited: #2a2f36;--color-window: rgba(245, 185, 66, .25);--color-eliminated: #1a1d21;--color-seg-ink: #111315;--color-roadmap-practiced: #f5b942;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-brand: "Manrope", var(--font-ui);--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 3rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--page-gutter: var(--space-xl);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease;--transition-base: .25s ease}*,*:before,*:after{box-sizing:border-box}:root{color-scheme:dark}html,body{transition:background .2s ease,color .2s ease}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;line-height:1.2}h1,h2{font-family:var(--font-brand);letter-spacing:-.02em}p,ul,ol{margin-top:0;margin-bottom:1rem}img,svg{vertical-align:middle;max-width:100%}button{font-family:inherit;cursor:pointer}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}code,pre,.mono{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.text-muted{color:var(--color-text-muted)!important}.text-accent{color:var(--color-accent)}.bg-card{background:var(--color-bg-card)}.border-subtle{border:1px solid var(--color-border)}.badge-easy{color:var(--color-easy);background:var(--color-easy-dim)}.badge-medium{color:var(--color-medium);background:var(--color-medium-dim)}.badge-hard{color:var(--color-hard);background:var(--color-hard-dim)}.po-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-card)}.po-card--link{transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.po-card--link:hover{border-color:var(--color-accent);background:var(--color-bg-raised);transform:translateY(-3px)}.po-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.65rem 1.1rem;font:inherit;font-weight:600;color:var(--color-bg);background:var(--color-accent);border:0;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;transition:filter var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.po-btn:hover{filter:brightness(1.08);text-decoration:none}.po-btn:disabled{opacity:.5;cursor:not-allowed;filter:none}.po-btn--sm{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm)}.po-btn--outline{color:var(--color-text);background:transparent;border:1px solid var(--color-border)}.po-btn--outline:hover{filter:none;border-color:var(--color-accent)}.po-btn--ghost{color:var(--color-text-muted);background:transparent;border:0}.po-btn--ghost:hover{filter:none;color:var(--color-text)}.po-btn--danger{color:var(--color-hard);background:transparent;border:1px solid var(--color-hard)}.po-btn--danger:hover{filter:none;background:var(--color-hard-dim)}.po-btn--icon{width:32px;height:32px;padding:0;color:var(--color-text-muted);background:transparent;border:0}.po-btn--icon:hover{filter:none;color:var(--color-text)}.po-chip{padding:var(--space-xs) var(--space-sm);font:inherit;font-size:var(--text-sm);color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.po-chip:hover{color:var(--color-text)}.po-chip.active,.po-chip[aria-pressed=true]{color:var(--color-text);background:var(--color-accent-dim);border-color:var(--color-accent)}.po-tabs{display:flex;align-items:center;gap:var(--space-lg);border-bottom:1px solid var(--color-border)}.po-tab{padding:var(--space-xs) 0;font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none}.po-tab:hover{color:var(--color-text);text-decoration:none}.po-tab.active{color:var(--color-text);box-shadow:inset 0 -2px var(--color-accent)}.po-eyebrow{font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent)}.po-input{padding:var(--space-xs) var(--space-sm);font:inherit;font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.po-card--compact{padding:var(--space-lg)}.po-header__sub strong{color:var(--color-text)}.po-header__sub em{font-style:normal;color:var(--color-accent)}.difficulty-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.03em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}