@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}:root,[data-theme=light]{--text-50:#e9f7fc;--text-100:#d3eff8;--text-200:#a7e0f1;--text-300:#7bd0ea;--text-400:#4fc1e3;--text-500:#22b1dd;--text-600:#1c8eb0;--text-700:#156a84;--text-800:#0e4758;--text-900:#07232c;--text-950:#031216;--background-50:#e9f6fb;--background-100:#d3edf8;--background-200:#a7dbf1;--background-300:#7bc9ea;--background-400:#50b6e2;--background-500:#24a4db;--background-600:#1d83af;--background-700:#156384;--background-800:#0e4258;--background-900:#07212c;--background-950:#041016;--primary-50:#e9f5fc;--primary-100:#d3ebf8;--primary-200:#a6d6f2;--primary-300:#7ac2eb;--primary-400:#4eade4;--primary-500:#2199de;--primary-600:#1b7ab1;--primary-700:#145c85;--primary-800:#0d3d59;--primary-900:#071f2c;--primary-950:#030f16;--secondary-50:#e9e9fc;--secondary-100:#d4d3f8;--secondary-200:#a9a6f2;--secondary-300:#7e7aeb;--secondary-400:#534ee4;--secondary-500:#2721de;--secondary-600:#201bb1;--secondary-700:#181485;--secondary-800:#100d59;--secondary-900:#08072c;--secondary-950:#040316;--accent-50:#efe9fc;--accent-100:#e0d3f8;--accent-200:#c1a6f2;--accent-300:#a27aeb;--accent-400:#824ee4;--accent-500:#6321de;--accent-600:#4f1bb1;--accent-700:#3c1485;--accent-800:#280d59;--accent-900:#14072c;--accent-950:#0a0316;--bg-color:var(--background-50);--bg-secondary:var(--background-100);--text-color:var(--text-950);--text-muted:var(--text-800);--border-color:var(--background-200);--nav-bg:#e9f6fbcc;--btn-bg:var(--primary-600);--btn-text:var(--background-50);--btn-hover:var(--primary-700);--card-bg:#fff;--card-hover-border:var(--primary-400);--glow-bg:radial-gradient(ellipse 80% 50% at 50% -20%, #2199de33, transparent)}[data-theme=dark]{--text-50:#031216;--text-100:#07232c;--text-200:#0e4758;--text-300:#156a84;--text-400:#1c8eb0;--text-500:#22b1dd;--text-600:#4fc1e3;--text-700:#7bd0ea;--text-800:#a7e0f1;--text-900:#d3eff8;--text-950:#e9f7fc;--background-50:#041016;--background-100:#07212c;--background-200:#0e4258;--background-300:#156384;--background-400:#1d83af;--background-500:#24a4db;--background-600:#50b6e2;--background-700:#7bc9ea;--background-800:#a7dbf1;--background-900:#d3edf8;--background-950:#e9f6fb;--primary-50:#030f16;--primary-100:#071f2c;--primary-200:#0d3d59;--primary-300:#145c85;--primary-400:#1b7ab1;--primary-500:#2199de;--primary-600:#4eade4;--primary-700:#7ac2eb;--primary-800:#a6d6f2;--primary-900:#d3ebf8;--primary-950:#e9f5fc;--secondary-50:#040316;--secondary-100:#08072c;--secondary-200:#100d59;--secondary-300:#181485;--secondary-400:#201bb1;--secondary-500:#2721de;--secondary-600:#534ee4;--secondary-700:#7e7aeb;--secondary-800:#a9a6f2;--secondary-900:#d4d3f8;--secondary-950:#e9e9fc;--accent-50:#0a0316;--accent-100:#14072c;--accent-200:#280d59;--accent-300:#3c1485;--accent-400:#4f1bb1;--accent-500:#6321de;--accent-600:#824ee4;--accent-700:#a27aeb;--accent-800:#c1a6f2;--accent-900:#e0d3f8;--accent-950:#efe9fc;--bg-color:var(--background-50);--bg-secondary:var(--background-100);--text-color:var(--text-950);--text-muted:var(--text-700);--border-color:var(--background-200);--nav-bg:#041016cc;--btn-bg:var(--primary-500);--btn-text:var(--text-50);--btn-hover:var(--primary-400);--card-bg:var(--background-100);--card-hover-border:var(--primary-500);--glow-bg:radial-gradient(ellipse 80% 50% at 50% -20%, #2199de26, transparent)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}*{scrollbar-width:none}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Fira Code,JetBrains Mono,Space Mono,monospace;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600}code{font-family:JetBrains Mono,monospace}.bg-glow{z-index:-1;background-image:var(--glow-bg);pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.text-gradient{background:linear-gradient(180deg, var(--text-color) 0%, var(--text-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.app-container{flex-direction:column;min-height:100vh;padding-top:64px;display:flex}.navbar{z-index:100;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);width:100%;height:64px;transition:all .3s;position:fixed;top:0;left:0;right:0}.nav-content{justify-content:space-between;align-items:center;gap:32px;width:100%;max-width:1200px;height:100%;margin:0 auto;padding:0 5%;display:flex}.nav-brand{color:var(--text-color);flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-text{letter-spacing:.02em;color:var(--text-muted);font-size:1.25rem;font-weight:700}.nav-brand svg,.footer-logo svg{color:var(--primary-600)}.search-wrapper{flex-grow:1;max-width:480px;position:relative}.search-input{background:var(--bg-color);border:1px solid var(--border-color);width:100%;color:var(--text-color);border-radius:8px;outline:none;padding:9px 16px 9px 40px;font-family:inherit;font-size:.9rem;transition:all .2s;box-shadow:0 1px 2px #00000005}.search-input:focus{border-color:var(--text-muted);box-shadow:0 2px 8px #0000000d}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.theme-toggle{border:1px solid var(--border-color);cursor:pointer;width:36px;height:36px;color:var(--text-color);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--bg-secondary)}.nav-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.burger-btn{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:6px;transition:all .2s;display:none}.burger-btn span{background:var(--text-color);transform-origin:50%;border-radius:2px;width:18px;height:2px;transition:all .3s;display:block}.burger-btn.open span:first-child{transform:translateY(7px)rotate(45deg)}.burger-btn.open span:nth-child(2){opacity:0}.burger-btn.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:none;position:fixed;inset:0}.mobile-search-wrapper{display:none}.mobile-drawer{background:var(--bg-secondary);border-left:1px solid var(--border-color);z-index:201;flex-direction:column;gap:0;width:280px;height:100vh;padding:24px;transition:transform .3s;display:none;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.mobile-drawer.open{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding-bottom:24px;display:flex}.drawer-nav{flex-direction:column;gap:4px;display:flex}.drawer-link{color:var(--text-muted);border-radius:8px;padding:12px 16px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.drawer-link:hover{color:var(--text-color);background:var(--bg-color)}.drawer-section{border-bottom:1px solid var(--border-color);flex-direction:column;gap:4px;padding:16px 0;display:flex}.drawer-section:last-child{border-bottom:none}.drawer-footer-links{margin-top:auto}.main-layout{align-items:flex-start;gap:48px;width:100%;max-width:1200px;margin:40px auto 100px;padding:0 5%;display:flex}.sidebar{flex-direction:column;flex:0 0 240px;gap:32px;display:flex;position:sticky;top:104px}.nav-menu{flex-direction:column;gap:4px;display:flex}.nav-item{color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 16px;font-family:inherit;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background:var(--bg-secondary);color:var(--text-color)}.nav-item.active{background:var(--bg-secondary);color:var(--text-color);border-color:var(--border-color);box-shadow:0 1px 3px #00000005}.sidebar-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:12px;padding-left:16px;font-size:.8rem;font-weight:600}.tags-list{flex-direction:column;gap:6px;display:flex}.tag-item{color:var(--text-muted);border-radius:6px;align-items:center;gap:10px;padding:8px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.tag-item:hover{color:var(--text-color);background:var(--bg-secondary)}.tag-dot{border-radius:50%;width:8px;height:8px}.feed{flex-direction:column;flex:1;gap:32px;min-width:0;display:flex}.feed-card{border-bottom:1px solid var(--border-color);gap:32px;padding-bottom:32px;transition:all .3s;display:flex}.feed-card:last-child{border-bottom:none}.card-content{flex-direction:column;flex:1;min-width:0;display:flex}.card-category{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:.8rem;display:flex}.card-title{color:var(--text-color);margin-bottom:12px;font-size:1.4rem;font-weight:600;line-height:1.3;text-decoration:none;transition:color .2s}.card-title:hover{color:var(--text-muted)}.card-excerpt{color:var(--text-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:20px;font-size:1rem;line-height:1.6;display:-webkit-box;overflow:hidden}.card-footer{align-items:center;gap:24px;margin-top:auto;display:flex}.icon-stat{color:var(--text-muted);align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:.85rem;display:flex}.card-thumbnail{background-color:var(--bg-secondary);border:1px solid var(--border-color);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;flex:0 0 200px;height:150px;transition:all .3s;overflow:hidden}.feed-card:hover .card-thumbnail{border-color:var(--text-muted);background:var(--bg-color)}@media (width<=768px){.burger-btn,.mobile-overlay,.mobile-drawer{display:flex}.search-wrapper{display:none}.mobile-search-wrapper{border-bottom:1px solid var(--border-color);padding:16px 0;display:block;position:relative}.main-layout{flex-direction:column;gap:0;width:100%;margin-top:24px;padding:0 16px;overflow-x:hidden}.sidebar{display:none}.feed{gap:0;width:100%;overflow-x:hidden}.feed-card{flex-direction:column;width:100%;padding:20px 0;overflow:hidden}.card-content{width:100%;overflow:hidden}.card-thumbnail{flex:none;order:-1;width:100%;max-width:100%;height:180px}.card-title{white-space:normal;word-break:break-word;font-size:1.15rem}.card-excerpt{word-break:break-word}.pagination{flex-wrap:nowrap;justify-content:space-between;gap:8px}.page-numbers-desktop{display:none}.page-counter-mobile{display:flex}.page-btn{flex-shrink:0;padding:8px 14px;font-size:.85rem}}@media (width<=900px) and (width>=769px){.main-layout{flex-direction:column;padding:0 24px}.sidebar{flex:none;width:100%;position:relative;top:0}.feed-card{flex-direction:column-reverse}.card-thumbnail{flex:none;width:100%;height:200px}}.pagination{justify-content:space-between;align-items:center;margin-top:-12px;padding:8px 0 24px;display:flex}.page-btn{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 20px;font-weight:500;transition:all .2s;display:flex}.page-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--text-muted)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-numbers{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.page-num-btn{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.page-num-btn:hover{background:var(--bg-secondary);color:var(--text-color)}.page-num-btn.active{background:var(--primary-600);color:var(--background-50);border-color:var(--primary-600);box-shadow:0 4px 12px #0000001a}.pagination-ellipsis{width:36px;height:36px;color:var(--text-muted);letter-spacing:2px;justify-content:center;align-items:center;font-weight:600;display:flex}.page-counter-mobile{color:var(--text-muted);align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:1rem;display:none}.page-counter-current{color:var(--text-color);font-size:1.1rem;font-weight:700}.page-counter-sep{opacity:.5}.page-counter-total{font-size:.95rem}.footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);margin-top:auto;padding:48px 5% 24px}.footer-content{text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:1200px;margin:0 auto;display:flex}.footer-logo{align-items:center;gap:12px;display:flex}.footer-nav{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.footer-nav a{color:var(--text-muted);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.footer-nav a:hover{color:var(--primary-500)}.footer-bottom{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;margin-top:16px;font-size:.85rem;display:flex}.empty-state{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:64px 0;display:flex}.empty-state svg{opacity:.5;margin-bottom:16px}