:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-elevated: rgba(255, 255, 255, .8);--bg-glass: rgba(255, 255, 255, .7);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--border-subtle: #e2e8f0;--accent-primary: #3b82f6;--accent-hover: #2563eb;--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--hero-gradient: radial-gradient(circle at top left, rgba(59, 130, 246, .05), transparent 40%), radial-gradient(circle at top right, rgba(37, 99, 235, .05), transparent 40%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--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);font-family:Inter Variable,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{--bg-primary: #020617;--bg-secondary: #0f172a;--bg-elevated: rgba(30, 41, 59, .8);--bg-glass: rgba(15, 23, 42, .7);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-tertiary: #64748b;--border-subtle: #1e293b;--accent-primary: #3b82f6;--accent-hover: #60a5fa;--accent-gradient: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);--hero-gradient: radial-gradient(circle at top left, rgba(59, 130, 246, .1), transparent 40%), radial-gradient(circle at top right, rgba(96, 165, 250, .1), transparent 40%)}}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-primary);background-image:var(--hero-gradient);background-attachment:fixed;color:var(--text-primary);min-height:100vh;overflow-x:hidden}#app{min-height:100vh}.glass{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.tpl-page{max-width:46rem;margin:0 auto;padding:4rem 1.5rem 6rem;line-height:1.65;color:var(--text-secondary)}.tpl-page .crumbs{font-size:.85rem;color:var(--text-tertiary);margin-bottom:2rem}.tpl-page .crumbs a{color:var(--text-tertiary);text-decoration:none}.tpl-page .crumbs a:hover{color:var(--accent-primary)}.tpl-page h1{font-size:clamp(2rem,5vw,2.75rem);line-height:1.15;letter-spacing:-.02em;color:var(--text-primary);margin:0 0 .5rem;text-wrap:balance}.tpl-page .tagline{font-size:1.15rem;color:var(--text-secondary);margin:0 0 2.5rem}.tpl-page h2{font-size:1.35rem;color:var(--text-primary);margin:3rem 0 1rem;letter-spacing:-.01em}.tpl-page h3{font-size:1.05rem;color:var(--text-primary);margin:0 0 .35rem}.tpl-page p{margin:0 0 1rem}.tpl-page ul{margin:0 0 1rem;padding-left:1.2rem}.tpl-page li{margin-bottom:.5rem}.tpl-page .tpl{border-top:1px solid var(--border-subtle);padding:1.75rem 0 .5rem}.tpl-page .tpl .ext{font-size:.75rem;color:var(--text-tertiary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin-left:.4rem}.tpl-page .note{color:var(--text-secondary);margin-bottom:.9rem}.tpl-page .src{position:relative}.tpl-page pre{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;padding:1rem;overflow-x:auto;font-size:.8rem;line-height:1.5;margin:0}.tpl-page pre code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tpl-page .copy{position:absolute;top:.6rem;right:.6rem;z-index:1;font-size:.75rem;padding:.3rem .7rem;border-radius:6px;border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer}.tpl-page .copy:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.tpl-page .more{font-size:.8rem;color:var(--text-tertiary);margin:.5rem 0 0}.tpl-page .cats{list-style:none;padding:0;margin:2rem 0 0}.tpl-page .cats li{border-top:1px solid var(--border-subtle);padding:1.25rem 0;margin:0}.tpl-page .cats a{display:flex;align-items:baseline;gap:.75rem;text-decoration:none;color:var(--text-primary);font-size:1.1rem;font-weight:600}.tpl-page .cats a:hover .cat-title{color:var(--accent-primary)}.tpl-page .cats .count{font-size:.8rem;font-weight:500;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.tpl-page .cats p{margin:.3rem 0 0;font-size:.95rem}.tpl-page .cta{margin-top:4rem;padding:2rem;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border-subtle)}.tpl-page .cta h2{margin-top:0}.tpl-page .btn{display:inline-block;background:var(--accent-gradient);color:#fff;text-decoration:none;padding:.7rem 1.5rem;border-radius:8px;font-weight:600}.tpl-page .preview{margin:0 0 1rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;overflow-x:auto;text-align:center}.tpl-page .preview img{max-width:100%;height:auto}@media(prefers-color-scheme:dark){.tpl-page .preview{background:#f8fafc;border-color:#cbd5e1}}.tpl-page .src-wrap{margin-bottom:.5rem}.tpl-page .src-wrap summary{cursor:pointer;font-size:.85rem;color:var(--text-tertiary);padding:.35rem 0;-webkit-user-select:none;user-select:none}.tpl-page .src-wrap summary:hover{color:var(--accent-primary)}.tpl-page .src-wrap[open] summary{margin-bottom:.6rem}.tpl-page .tpl h3 a{color:inherit;text-decoration:none}.tpl-page .tpl h3 a:hover{color:var(--accent-primary)}.tpl-page .preview figcaption{margin-top:.75rem;font-size:.8rem;color:var(--text-tertiary)}@media(prefers-color-scheme:dark){.tpl-page .preview figcaption{color:#64748b}}.tpl-page .facts{list-style:none;margin:0 0 2rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.tpl-page .facts li{margin:0;padding:.35rem .7rem;border:1px solid var(--border-subtle);border-radius:999px;font-size:.8rem;color:var(--text-secondary);background:var(--bg-secondary)}.tpl-page .facts li span{color:var(--text-tertiary);margin-right:.4rem}.tpl-page .cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:0}.tpl-page .btn-secondary{background:none;border:1px solid var(--border-subtle);color:var(--text-primary)}.tpl-page .btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.tpl-page .siblings{list-style:none;padding:0}.tpl-page .siblings li{margin-bottom:.6rem;font-size:.9rem;color:var(--text-tertiary)}.tpl-page .siblings a{color:var(--text-primary);text-decoration:none;font-weight:600}.tpl-page .siblings a:hover{color:var(--accent-primary)}.tpl-page .siblings .sib-note{margin-left:.5rem}