:root{--bg: #0B0B0B;--surface: #1e1e1e;--surface-secondary: #121212;--border: #2a2a2a;--text: #F3F3F3;--text-secondary: #a0a0a0;--accent: #2563EB;--accent-secondary: #336de8;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-code: "JetBrains Mono", Menlo, monospace;--content-width: 1048px;--content-width-small: 720px}html,body{height:100%;margin:0}.layout{min-height:100vh;display:flex;flex-direction:column}main{flex:1}body{font-family:var(--font-body);margin:0;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}#content{max-width:var(--content-width-small);width:100%;margin:auto auto 64px}pre{padding:16px;border-radius:10px;overflow-x:auto;font-size:14px}code{font-family:SFMono-Regular,Menlo,monospace}footer{background-color:var(--accent-secondary);min-height:100px;padding:16px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:12px;text-transform:uppercase}.header{display:flex;align-items:center;padding:20px 40px;background:var(--accent)}.search-input{margin-left:auto}.header h1{margin:0;font-size:28px;display:inline-block}.header .categories{display:flex}.header .category{color:var(--text);margin-right:24px;font-weight:600;font-size:16px;cursor:pointer}.category.active{color:var(--bg)}.header .home{margin-right:48px}.intro{background-color:var(--accent-secondary);padding:24px 0}.intro p{margin:8px}.intro .content{text-align:center;max-width:var(--content-width-small);margin:auto}.memoji{width:128px;height:128px;border-radius:50%}.search-input{margin:24px 0;width:100%;padding:16px;font-size:16px;border-radius:8px;border:1px solid var(--border);background:#181818;color:var(--text);box-sizing:border-box}.search-input:focus{outline:none;border-color:var(--accent)}.article-card{display:block;text-decoration:none;color:inherit;padding:25px;margin-bottom:16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;transition:all .2s ease}.article-card:hover{border-color:var(--accent);transform:translateY(-2px)}.article-card h3{color:inherit;margin:0 0 10px;font-size:24px}.article-card .summary{color:inherit;margin:8px 0}.article-card span.date{display:block;color:inherit;color:var(--text-secondary);margin-bottom:4px;font-size:14px}.article-card .category-badge{display:inline-block;font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px;color:#000;margin-bottom:16px;text-transform:uppercase}.excerpt{color:var(--text-secondary)}.meta{font-size:14px;color:var(--text-secondary)}.article-card .tag{font-size:12px;padding:4px 8px;border-radius:4px;background:var(--bg);border:1px solid var(--border);color:var(--text-secondary)}.article-container{max-width:var(--content-width);margin:32px auto;padding:40px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-sizing:border-box}.article-container h1{font-size:42px;margin-top:0}.article-container h2{margin-top:48px}.article-container p{font-size:18px;color:var(--text)}.article-container li{margin-bottom:8px}.articles-categories h1{margin:32px 8px;text-transform:capitalize}.breadcrumb{max-width:var(--content-width);margin:32px auto 24px;font-size:14px;color:#ccc}.breadcrumb a{color:var(--accent);text-decoration:none;margin-right:4px}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{margin-right:8px}pre{position:relative}.copy-btn{position:absolute;top:8px;right:8px;background:#ffffff1a;border:none;padding:4px 8px;border-radius:4px;color:#fff;cursor:pointer;font-size:12px}.copy-btn:hover{background:var(--accent, #FF7F50);color:#000}pre{background:var(--bg);color:#e0e0e0;padding:1rem;border-radius:8px;overflow-x:auto;font-family:Fira Code,monospace;font-size:14px;line-height:1.5;margin:1rem 0}pre code{display:block;white-space:pre-wrap;background:none}code:not(pre code){background:var(--bg);padding:.2rem .4rem;border-radius:4px;font-family:Fira Code,monospace;font-size:.9rem;color:#e0e0e0}.token.keyword{color:#c678dd}.token.class-name,.token.type{color:#61afef}.token.string{color:#98c379}.token.number{color:#d19a66}.token.function{color:#61afef}.token.constant{color:#56b6c2}.token.comment{color:#5c6370;font-style:italic}.token.operator{color:#56b6c2}.token.punctuation{color:#abb2bf}.token.tag{color:#e06c75}.token.attr-name{color:#d19a66}.token.attr-value{color:#98c379}.token.parameter{color:#d19a66}.line.highlighted{background-color:#ffffff0d}pre::-webkit-scrollbar{height:8px;width:8px}pre::-webkit-scrollbar-thumb{background:#44475a;border-radius:4px}pre::-webkit-scrollbar-track{background:#1e1e2f}