:root{--bg:#0f1117;--bg-card:#1a1d27;--bg-card-hover:#222636;--bg-surface:#151821;--text:#e4e6ed;--text-dim:#8b8fa3;--text-muted:#5c6072;--accent:#6c5ce7;--accent-light:#a29bfe;--accent-glow:#6c5ce726;--green:#00b894;--green-dim:#00b8941f;--orange:#fdcb6e;--orange-dim:#fdcb6e1f;--red:#e17055;--red-dim:#e170551f;--blue:#74b9ff;--blue-dim:#74b9ff1f;--border:#2d3142;--radius:10px;--radius-sm:6px;--shadow:0 4px 24px #0000004d;--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--mono:"JetBrains Mono", monospace;--max-width:1200px;--header-height:56px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:var(--accent-light);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--mono);background:var(--bg-surface);border-radius:4px;padding:2px 6px;font-size:.9em}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:12px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}.badge-beginner{background:var(--green-dim);color:var(--green)}.badge-intermediate{background:var(--blue-dim);color:var(--blue)}.badge-advanced{background:var(--orange-dim);color:var(--orange)}.badge-expert{background:var(--red-dim);color:var(--red)}.layer-tabs{flex-wrap:wrap;gap:4px;margin-bottom:16px;display:flex}.layer-tab{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;font-size:.85rem;font-family:var(--font);background:0 0;padding:6px 14px;transition:all .2s}.layer-tab:hover{border-color:var(--text-muted);color:var(--text)}.layer-tab.active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent-light)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}@media (width<=768px){.card-grid{grid-template-columns:1fr}.container{padding:0 16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out fadeIn}