:root[data-theme=bamboo]{--bg-primary: #f5f5f0;--bg-secondary: rgba(240, 245, 240, .95);--bg-card: rgba(255, 255, 255, .98);--bg-elevated: rgba(250, 252, 250, .99);--text-primary: #1a1a1a;--text-secondary: #4a5a4a;--accent-primary: #4a7c59;--accent-secondary: #6b9b7a;--accent-tertiary: #8fbc8f;--border-subtle: rgba(74, 124, 89, .12);--border-glow: rgba(74, 124, 89, .3);--glow-primary: rgba(74, 124, 89, .1);--glow-strong: rgba(107, 155, 122, .25);--particle-color: #6b9b7a;--particle-opacity: .4;--particle-type: firefly;--grid-opacity: .01;--card-radius: 8px;--button-radius: 6px}:root[data-theme=cyberpunk]{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: rgba(18, 18, 26, .8);--bg-elevated: rgba(25, 25, 35, .95);--text-primary: #e8e8f0;--text-secondary: #9090a0;--accent-primary: #00f5d4;--accent-secondary: #ff006e;--accent-tertiary: #ff006e;--border-subtle: rgba(0, 245, 212, .15);--border-glow: rgba(0, 245, 212, .4);--glow-primary: rgba(0, 245, 212, .2);--glow-strong: rgba(255, 0, 110, .5);--particle-color: #00f5d4;--particle-opacity: .6;--particle-type: matrix;--scanline-opacity: .1;--grid-opacity: .05}:root[data-theme=deep-space],:root[data-theme=dark]{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: rgba(20, 20, 30, .6);--bg-elevated: rgba(30, 30, 45, .8);--text-primary: #e8e8f0;--text-secondary: #9090a0;--accent-primary: #52b788;--accent-secondary: #7ee787;--border-glow: rgba(82, 183, 136, .3);--glow-primary: rgba(82, 183, 136, .15);--particle-color: #52b788;--particle-type: floating}:root[data-theme=exia]{--bg-primary: #fafafa;--bg-secondary: rgba(240, 240, 240, .95);--bg-card: rgba(255, 255, 255, .98);--bg-elevated: rgba(255, 255, 255, .99);--text-primary: #0a0a0a;--text-secondary: #404040;--accent-primary: #1a1a1a;--accent-secondary: #4a4a4a;--accent-tertiary: #6a6a6a;--border-subtle: rgba(0, 0, 0, .08);--border-glow: rgba(0, 0, 0, .2);--glow-primary: rgba(0, 0, 0, .05);--glow-strong: rgba(0, 0, 0, .1);--particle-color: #00c853;--particle-opacity: .4;--particle-type: wireframe;--grid-opacity: .02;--scanline-opacity: 0;--card-radius: 2px;--button-radius: 0px;--input-radius: 0px}:root[data-theme=mint-choco]{--bg-primary: #f8f5f0;--bg-secondary: rgba(245, 240, 235, .95);--bg-card: rgba(255, 255, 255, .98);--bg-elevated: rgba(252, 250, 248, .99);--text-primary: #2d2420;--text-secondary: #5a4a42;--accent-primary: #5d4e37;--accent-secondary: #8fbc8f;--accent-tertiary: #a8d5a2;--border-subtle: rgba(93, 78, 55, .1);--border-glow: rgba(143, 188, 143, .3);--glow-primary: rgba(143, 188, 143, .1);--glow-strong: rgba(168, 213, 162, .25);--particle-color: #8fbc8f;--particle-opacity: .5;--particle-type: creamy;--grid-opacity: .01;--card-radius: 12px;--button-radius: 8px}:root[data-theme=mygo-light],:root[data-theme=stargaze]{--bg-primary: #f0f4f8;--bg-secondary: rgba(232, 240, 248, .95);--bg-card: rgba(255, 255, 255, .98);--bg-elevated: rgba(248, 250, 252, .99);--text-primary: #1a1a2e;--text-secondary: #4a4a6a;--accent-primary: #6b5ce7;--accent-secondary: #a29bfe;--accent-tertiary: #dfe6e9;--border-subtle: rgba(107, 92, 231, .1);--border-glow: rgba(107, 92, 231, .25);--glow-primary: rgba(107, 92, 231, .08);--glow-strong: rgba(162, 155, 254, .2);--particle-color: #a29bfe;--particle-opacity: .4;--particle-type: musical;--grid-opacity: .01;--card-radius: 12px;--button-radius: 8px}:root[data-theme=orange-soda]{--bg-primary: #fff8f0;--bg-secondary: rgba(255, 248, 240, .95);--bg-card: rgba(255, 255, 255, .98);--bg-elevated: rgba(255, 252, 248, .99);--text-primary: #2d2520;--text-secondary: #6a5a4a;--accent-primary: #ff8c42;--accent-secondary: #ffb366;--accent-tertiary: #ffd9b3;--border-subtle: rgba(255, 140, 66, .1);--border-glow: rgba(255, 140, 66, .3);--glow-primary: rgba(255, 140, 66, .1);--glow-strong: rgba(255, 179, 102, .25);--particle-color: #ffb366;--particle-opacity: .5;--particle-type: rising;--grid-opacity: .01;--card-radius: 10px;--button-radius: 8px}:root[data-theme=sakura]{--bg-primary: #ffffff;--bg-secondary: rgba(255, 245, 250, .95);--bg-card: rgba(255, 255, 255, .98);--bg-elevated: rgba(255, 250, 252, .99);--text-primary: #1a1a1a;--text-secondary: #5a4a52;--accent-primary: #ff69b4;--accent-secondary: #ffb7c5;--accent-tertiary: #ffc8dd;--border-subtle: rgba(255, 105, 180, .12);--border-glow: rgba(255, 105, 180, .3);--glow-primary: rgba(255, 105, 180, .1);--glow-strong: rgba(255, 183, 197, .3);--particle-color: #ff69b4;--particle-opacity: .4;--particle-type: sakura;--grid-opacity: .01;--card-radius: 16px;--button-radius: 12px}:root[data-theme=strawberry-cream]{--bg-primary: #fff8f5;--bg-secondary: rgba(255, 245, 240, .95);--bg-card: rgba(255, 255, 255, .98);--bg-elevated: rgba(255, 252, 250, .99);--text-primary: #3d2a25;--text-secondary: #7a5a52;--accent-primary: #ff6b6b;--accent-secondary: #ff9f9f;--accent-tertiary: #ffd4d4;--border-subtle: rgba(255, 107, 107, .1);--border-glow: rgba(255, 107, 107, .25);--glow-primary: rgba(255, 107, 107, .08);--glow-strong: rgba(255, 159, 159, .2);--particle-color: #ff9f9f;--particle-opacity: .4;--particle-type: bubble;--grid-opacity: .01;--card-radius: 20px;--button-radius: 16px}:root[data-theme=twins]{--bg-primary: #0f0a15;--bg-secondary: #1a1220;--bg-card: rgba(30, 20, 40, .65);--bg-elevated: rgba(45, 30, 55, .8);--text-primary: #f0e8f5;--text-secondary: #c8b8d8;--accent-primary: #ffd700;--accent-secondary: #00bfff;--accent-tertiary: #ff6b9d;--border-subtle: rgba(255, 215, 0, .15);--border-glow: rgba(0, 191, 255, .35);--glow-primary: rgba(255, 215, 0, .15);--glow-strong: rgba(0, 191, 255, .4);--particle-color: #ffd700;--particle-opacity: .5;--particle-type: twinparticle;--grid-opacity: .03}:root[data-theme=frostsugar]{--bg-primary: #f7fbff;--bg-secondary: rgba(233, 245, 255, .85);--bg-card: rgba(255, 255, 255, .95);--bg-elevated: rgba(255, 255, 255, 1);--text-primary: #17324d;--text-secondary: #45678a;--text-tertiary: #7e9ab5;--text-muted: #9db4c9;--accent-primary: #2f9fdf;--accent-secondary: #ff9fc4;--accent-tertiary: #5fcfc2;--border-subtle: rgba(47, 159, 223, .16);--border-glow: rgba(47, 159, 223, .32);--glow-primary: rgba(47, 159, 223, .1);--glow-strong: rgba(47, 159, 223, .22);--particle-type: none;--particle-color: #7fc8f0;--particle-opacity: .35;--grid-opacity: .01;--card-radius: 18px;--button-radius: 12px;--input-radius: 8px}:root[data-theme=frostsugar] body{background:linear-gradient(135deg,#f9fdff,#edf7ff,#fbfdff 60%,#e8f5ff)}:root[data-theme=frostsugar] .article-card,:root[data-theme=frostsugar] .feature-card,:root[data-theme=frostsugar] .card-content,:root[data-theme=frostsugar] .btn-large,:root[data-theme=frostsugar] .settings-panel{position:relative;overflow:hidden}:root[data-theme=frostsugar] .article-card:before,:root[data-theme=frostsugar] .feature-card:before,:root[data-theme=frostsugar] .card-content:before,:root[data-theme=frostsugar] .btn-large:before,:root[data-theme=frostsugar] .settings-panel:before{content:"";position:absolute;top:0;left:-80%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-20deg);transition:left .55s ease;pointer-events:none;z-index:1}:root[data-theme=frostsugar] .article-card:hover:before,:root[data-theme=frostsugar] .feature-card:hover:before,:root[data-theme=frostsugar] .card-content:hover:before,:root[data-theme=frostsugar] .btn-large:hover:before,:root[data-theme=frostsugar] .settings-panel:hover:before{left:120%}#frostsugar-fx{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}#frostsugar-fx canvas.frost-crystal-canvas{position:absolute;inset:0;width:100%;height:100%}.frost-dust{position:absolute;border-radius:50%;background:radial-gradient(circle,#fffffff2,#bee1ff99);box-shadow:0 0 4px #fff9;opacity:0;pointer-events:none}.frost-dust.fall{background:radial-gradient(circle,#fff,#cde8fcd9);box-shadow:0 0 6px #bee1fce6;animation:frost-fall var(--frost-dur, 10s) linear forwards}.frost-dust.burst{animation:frost-burst .8s ease-out forwards}.frost-dust.follow{animation:frost-follow 1.2s ease-out forwards}@keyframes frost-fall{0%{transform:translateY(-20px) rotate(0);opacity:.7}85%{opacity:.5}to{transform:translateY(105vh) rotate(120deg);opacity:0}}@keyframes frost-burst{0%{transform:translate(0) scale(1);opacity:.9}to{transform:translate(var(--frost-dx, 40px),var(--frost-dy, -40px)) scale(.4);opacity:0}}@keyframes frost-follow{0%{transform:translate(0) scale(1);opacity:.6}to{transform:translate(var(--frost-dx, 8px),var(--frost-dy, -14px)) scale(.5);opacity:0}}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: rgba(20, 20, 30, .6);--bg-elevated: rgba(30, 30, 45, .8);--text-primary: #e8e8f0;--text-secondary: #9090a0;--text-tertiary: #606070;--text-muted: #505060;--accent-primary: #52b788;--accent-secondary: #7ee787;--accent-tertiary: #2d6a4f;--border-subtle: rgba(255, 255, 255, .08);--border-glow: rgba(82, 183, 136, .3);--glow-primary: rgba(82, 183, 136, .15);--glow-strong: rgba(82, 183, 136, .4);--font-display: "Orbitron", "Noto Sans SC", sans-serif;--font-body: "Inter", "Noto Sans SC", sans-serif;--font-mono: "JetBrains Mono", "Noto Sans SC", monospace;--card-radius: 12px;--button-radius: 8px;--input-radius: 6px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--particle-color: #52b788;--particle-opacity: .5;--particle-type: floating;--scanline-opacity: 0;--grid-opacity: .03;--noise-opacity: .02}#particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.bg-effects{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.bg-effects:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(82,183,136,var(--grid-opacity)) 1px,transparent 1px),linear-gradient(90deg,rgba(82,183,136,var(--grid-opacity)) 1px,transparent 1px);background-size:50px 50px;opacity:var(--grid-opacity)}.bg-effects:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,var(--scanline-opacity)) 2px,rgba(0,0,0,var(--scanline-opacity)) 4px);pointer-events:none;opacity:var(--scanline-opacity)}.matrix-rain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden;opacity:0;transition:opacity .5s ease}.matrix-rain.active{opacity:.15}.matrix-column{position:absolute;top:-100%;font-family:var(--font-mono);font-size:14px;color:var(--accent-primary);text-shadow:0 0 5px var(--accent-primary);animation:matrixDrop 8s linear infinite;white-space:nowrap}@keyframes matrixDrop{to{transform:translateY(200vh);opacity:0}}*,*:before,*:after{transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}#particle-canvas,.matrix-rain{display:none}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;position:relative}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.bg-effects,#particle-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}.matrix-rain{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .5s ease}.matrix-rain.active{opacity:1}.navbar{position:fixed;top:0;left:0;right:0;height:70px;background:transparent;border-bottom:1px solid transparent;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 5%;transition:var(--transition-normal)}.navbar.scrolled{background:var(--bg-elevated);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom-color:var(--border-subtle);box-shadow:0 4px 30px #0000004d}.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none}.nav-logo-icon{width:44px;height:44px;border:2px solid var(--accent-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;animation:logo-pulse 3s ease-in-out infinite;color:var(--accent-primary)}@keyframes logo-pulse{0%,to{box-shadow:0 0 0 0 var(--glow-primary)}50%{box-shadow:0 0 20px 4px var(--glow-strong)}}.nav-logo-icon svg{width:28px;height:28px}.nav-logo-text{font-size:20px;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-display)}.nav-links{display:flex;list-style:none;gap:40px}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:15px;font-weight:500;transition:var(--transition-fast);position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-primary);transition:var(--transition-fast)}.nav-links a:hover{color:var(--accent-primary)}.nav-links a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:16px}.nav-write-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;text-decoration:none}.nav-write-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary);transform:translateY(-2px);box-shadow:0 4px 12px var(--glow-primary)}.theme-selector{position:relative}.theme-toggle-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.theme-toggle-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary);transform:translateY(-2px);box-shadow:0 4px 12px var(--glow-primary)}.theme-toggle-btn.active{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary)}.theme-panel{position:absolute;top:calc(100% + 10px);right:0;width:280px;max-height:400px;overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;padding:16px;box-shadow:0 10px 40px #0000004d;z-index:1001;animation:panel-slide .2s ease}@keyframes panel-slide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.theme-panel-header{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.theme-category{margin-bottom:16px}.theme-category:last-child{margin-bottom:0}.theme-category-label{font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.theme-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-secondary);cursor:pointer;transition:all .15s ease}.theme-option:hover{background:var(--bg-tertiary);border-color:var(--border-hover);transform:translateY(-2px)}.theme-option.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary)}.theme-option.active .theme-name{color:var(--bg-primary)}.theme-icon{font-size:20px;line-height:1}.theme-name{font-size:11px;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-width:768px){.theme-panel{position:fixed;inset:auto 20px 20px;width:auto;max-height:60vh}.theme-grid{grid-template-columns:repeat(4,1fr)}}.nav-cta{padding:10px 24px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--bg-primary);text-decoration:none;border-radius:var(--button-radius);font-weight:600;font-size:14px;transition:var(--transition-fast);position:relative;overflow:hidden}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--glow-strong)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:10px 5% 40px;position:relative;z-index:1}.hero-content{max-width:min(800px,90%);width:100%;text-align:center}.hero-badge{display:inline-block;padding:8px 20px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:50px;font-size:13px;color:var(--accent-primary);font-weight:500;margin-bottom:32px;letter-spacing:1px;font-family:var(--font-mono)}.hero-title{font-size:clamp(1.8rem,5vw,3rem);font-weight:700;line-height:1.2;margin-bottom:24px;font-family:var(--font-display);word-wrap:break-word;overflow-wrap:break-word}.hero-title .gradient{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.typewriter-cursor{display:inline-block;animation:typewriter-blink 1s infinite;color:var(--accent-primary);margin-left:2px;font-weight:100}@keyframes typewriter-blink{0%,to{opacity:1}50%{opacity:0}}.hero-desc{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto 40px;line-height:1.8}.hero-actions{display:flex;gap:20px;justify-content:center;margin-bottom:60px;flex-wrap:wrap}.btn-large{padding:16px 40px;border-radius:var(--button-radius);font-size:16px;font-weight:600;text-decoration:none;transition:var(--transition-fast);display:inline-flex;align-items:center;gap:8px}.btn-primary-large{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--bg-primary);box-shadow:0 4px 20px var(--glow-primary)}.btn-primary-large:hover{transform:translateY(-3px);box-shadow:0 8px 30px var(--glow-strong)}.btn-secondary-large{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary-large:hover{border-color:var(--border-glow);background:var(--bg-elevated);transform:translateY(-3px)}.hero-stats{display:flex;justify-content:center;gap:60px}.stat{text-align:center}.stat-value{display:block;font-size:2.5rem;font-weight:700;color:var(--accent-primary);font-family:var(--font-display)}.stat-label{font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.articles{padding:100px 5%;background:var(--bg-secondary);position:relative;z-index:1}.articles-header{display:flex;justify-content:space-between;align-items:center;max-width:min(1000px,90%);width:100%;margin:0 auto 40px}.articles-title{font-size:2rem;font-weight:700;font-family:var(--font-display)}.view-all{color:var(--accent-primary);text-decoration:none;font-weight:500;display:flex;align-items:center;gap:8px;transition:var(--transition-fast)}.view-all:hover{gap:12px}.articles-list{max-width:min(1000px,90%);width:100%;margin:0 auto;display:flex;flex-direction:column;gap:20px}.article-item{display:grid;grid-template-columns:80px 1fr 60px;gap:24px;align-items:center;padding:24px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--card-radius);transition:var(--transition-normal);cursor:pointer;text-decoration:none;color:inherit}.article-item:hover{border-color:var(--border-glow);transform:translate(5px);box-shadow:0 10px 30px #0003}.article-date{display:flex;flex-direction:column;align-items:center;padding-right:24px;border-right:1px solid var(--border-subtle)}.date-day{font-size:2rem;font-weight:700;color:var(--accent-primary);line-height:1;font-family:var(--font-display)}.date-month{font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px}.article-content{display:flex;flex-direction:column;gap:8px}.article-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.article-category{font-size:12px;color:var(--accent-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:500}.article-author-row{display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:var(--transition-fast)}.article-author-row:hover{opacity:.8}.author-avatar-small{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--bg-primary)}.author-name{font-size:13px;color:var(--text-secondary)}.ai-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--bg-tertiary);border:1px solid var(--glow-primary);border-radius:4px;font-size:11px;color:var(--accent-primary);font-family:var(--font-mono)}.ai-badge:before{content:"✦";font-size:10px}.article-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);transition:var(--transition-fast)}.article-item:hover .article-title{color:var(--accent-primary)}.article-excerpt{color:var(--text-secondary);font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-arrow{font-size:24px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:var(--transition-fast)}.article-item:hover .article-arrow{color:var(--accent-primary);transform:translate(5px)}.articles-loading,.articles-error,.articles-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary);text-align:center}.articles-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.articles-error p,.articles-empty p{margin-bottom:16px;font-size:1rem}.btn-retry{padding:8px 20px;background:var(--accent-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:var(--transition-fast)}.btn-retry:hover{background:var(--accent-secondary)}.footer{padding:60px 5%;background:var(--bg-mid, var(--bg-secondary));border-top:1px solid var(--border-subtle);text-align:center;position:relative;z-index:1}@media(max-width:768px){.navbar{padding:0 4%}.nav-links{display:none}.hero-stats{gap:30px}.stat-value{font-size:1.75rem}.article-item{grid-template-columns:60px 1fr;gap:16px;padding:16px}.article-arrow{display:none}.date-day{font-size:1.5rem}.articles-header{flex-direction:column;gap:16px;text-align:center}}.article-item{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease}.ProseMirror{position:relative}.ProseMirror{word-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;font-feature-settings:"liga" 0}.ProseMirror pre{white-space:pre-wrap}.ProseMirror li{position:relative}.ProseMirror-hideselection *::selection{background:transparent}.ProseMirror-hideselection *::-moz-selection{background:transparent}.ProseMirror-hideselection{caret-color:transparent}.ProseMirror [draggable][contenteditable=false]{-webkit-user-select:text;user-select:text}.ProseMirror-selectednode{outline:2px solid #8cf}li.ProseMirror-selectednode{outline:none}li.ProseMirror-selectednode:after{content:"";position:absolute;inset:-2px -2px -2px -32px;border:2px solid #8cf;pointer-events:none}img.ProseMirror-separator{display:inline!important;border:none!important;margin:0!important}.milkdown{--milkdown-bg: var(--bg-primary);--milkdown-text: var(--text-primary);--milkdown-text-secondary: var(--text-secondary);--milkdown-accent: var(--accent-primary);--milkdown-accent-secondary: var(--accent-secondary);--code-bg: var(--bg-secondary);--code-border: var(--border-subtle);--code-glow: var(--glow-primary);--quote-border: var(--accent-primary);--quote-bg: var(--glow-primary);--table-border: var(--border-subtle);--table-header-bg: var(--bg-secondary);--link-color: var(--accent-primary);--link-hover: var(--accent-secondary);--list-marker: var(--accent-primary);--font-body: var(--font-body);--font-mono: var(--font-mono);background:var(--milkdown-bg)!important;color:var(--milkdown-text)!important;font-family:var(--font-body)}.milkdown .editor{padding:0;min-height:100%}.milkdown p{margin:.75em 0;line-height:1.8;color:var(--milkdown-text)}.milkdown h1,.milkdown h2,.milkdown h3,.milkdown h4,.milkdown h5,.milkdown h6{margin:1.5em 0 .75em;font-weight:600;line-height:1.4;color:var(--milkdown-text);position:relative}.milkdown h1{font-size:1.8em;border-bottom:1px solid var(--border-subtle);padding-bottom:.3em}.milkdown h2{font-size:1.5em}.milkdown h3{font-size:1.25em}.milkdown h4{font-size:1.1em}.milkdown strong{color:var(--milkdown-accent);font-weight:600}.milkdown em{color:var(--milkdown-accent-secondary);font-style:italic}.milkdown del{color:var(--text-tertiary);text-decoration:line-through;text-decoration-color:var(--milkdown-accent)}.milkdown code{background:var(--code-bg);color:var(--milkdown-accent);padding:.2em .4em;border-radius:4px;font-family:var(--font-mono);font-size:.9em;border:1px solid var(--code-border)}.milkdown pre{background:var(--code-bg)!important;border:1px solid var(--code-border);border-radius:var(--card-radius);padding:1em;margin:1em 0;overflow-x:auto;position:relative}.milkdown pre code{background:transparent!important;border:none;padding:0;color:inherit;font-size:.85em;line-height:1.6}.milkdown blockquote{margin:1em 0;padding:.5em 1em;border-left:3px solid var(--quote-border);background:linear-gradient(90deg,var(--quote-bg),transparent);color:var(--milkdown-text-secondary);font-style:italic}.milkdown blockquote p{margin:.5em 0}.milkdown a{color:var(--link-color);text-decoration:none;position:relative;transition:color var(--transition-fast)}.milkdown a:hover{color:var(--link-hover)}.milkdown ul,.milkdown ol{margin:.75em 0;padding-left:1.5em}.milkdown li{margin:.25em 0;color:var(--milkdown-text)}.milkdown ul li::marker{color:var(--list-marker)}.milkdown ol li::marker{color:var(--list-marker);font-weight:600}.milkdown li[data-type=taskItem]{list-style:none;position:relative}.milkdown li[data-type=taskItem] input[type=checkbox]{position:absolute;left:-1.5em;top:.3em;width:1em;height:1em;accent-color:var(--milkdown-accent);cursor:pointer}.milkdown table{width:100%;border-collapse:collapse;margin:1em 0;font-size:.9em}.milkdown th,.milkdown td{padding:.6em .8em;border:1px solid var(--table-border);text-align:left}.milkdown th{background:var(--table-header-bg);font-weight:600;color:var(--milkdown-accent)}.milkdown tr:nth-child(2n){background:var(--bg-card)}.milkdown hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--border-subtle),transparent);margin:2em 0}.milkdown img{max-width:100%;border-radius:var(--card-radius);border:1px solid var(--border-subtle)}.milkdown .ProseMirror:focus{outline:none}.milkdown .ProseMirror-selectednode{outline:2px solid var(--milkdown-accent);outline-offset:2px}.milkdown .ProseMirror-placeholder{color:var(--text-tertiary);pointer-events:none}.milkdown .ProseMirror{caret-color:var(--accent-primary);animation:cursor-breathe 2s ease-in-out infinite}@keyframes cursor-breathe{0%,to{caret-color:var(--accent-primary)}50%{caret-color:color-mix(in srgb,var(--accent-primary) 50%,transparent)}}.milkdown h1:after,.milkdown h2:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transition:width .5s cubic-bezier(.4,0,.2,1)}.milkdown h1:hover:after,.milkdown h2:hover:after{width:100%}.milkdown h1,.milkdown h2{position:relative}.milkdown pre{position:relative;transition:all .3s ease}.milkdown pre:after{content:"";position:absolute;inset:-1px;border-radius:calc(var(--card-radius) + 1px);padding:1px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary),var(--accent-primary));background-size:200% 200%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease;animation:gradient-shift 3s ease infinite;pointer-events:none;z-index:0}.milkdown pre:hover:after{opacity:1}.milkdown pre:hover{box-shadow:0 0 30px var(--glow-strong);transform:translateY(-2px)}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.milkdown a:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--accent-primary);transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.4,0,.2,1)}.milkdown a:hover:after{transform:scaleX(1);transform-origin:left}.milkdown a:hover{text-shadow:0 0 10px var(--glow-primary)}.milkdown blockquote{position:relative;transition:all .3s ease}.milkdown blockquote:before{content:'"';position:absolute;top:-.2em;left:.2em;font-size:2em;color:var(--accent-primary);opacity:.3;font-family:Georgia,serif;transition:all .3s ease}.milkdown blockquote:hover{border-left-width:5px;padding-left:calc(1em - 2px);background:linear-gradient(90deg,color-mix(in srgb,var(--accent-primary) 20%,transparent),transparent)}.milkdown blockquote:hover:before{opacity:.6;transform:scale(1.1)}.milkdown li{transition:transform .2s ease}.milkdown li:hover{transform:translate(4px)}.milkdown li::marker{transition:all .3s ease}.milkdown li:hover::marker{color:var(--accent-secondary);transform:scale(1.2)}.milkdown code{position:relative;transition:all .3s ease}.milkdown code:hover{box-shadow:0 0 10px var(--glow-primary);border-color:var(--accent-primary)}.milkdown tr{transition:background .2s ease}.milkdown tr:hover{background:color-mix(in srgb,var(--accent-primary) 5%,var(--bg-card))!important}.milkdown th{position:relative}.milkdown th:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));opacity:.5}.milkdown img{transition:all .3s ease;cursor:zoom-in}.milkdown img:hover{transform:scale(1.02);box-shadow:0 10px 40px var(--glow-strong)}.milkdown hr{position:relative;overflow:visible}.milkdown hr:before{content:"◆";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--accent-primary);font-size:.5em;text-shadow:0 0 10px var(--glow-strong)}.milkdown li[data-type=taskItem] input[type=checkbox]{transition:all .3s ease}.milkdown li[data-type=taskItem] input[type=checkbox]:checked{animation:check-pulse .3s ease}@keyframes check-pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.milkdown li[data-type=taskItem]:has(input:checked){opacity:.6;text-decoration:line-through;text-decoration-color:var(--accent-primary)}.milkdown ::selection{background:color-mix(in srgb,var(--accent-primary) 30%,transparent);color:var(--text-primary)}.milkdown p:focus-within{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent-primary) 3%,transparent),transparent)}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.milkdown pre{background:var(--code-bg)!important;border:1px solid var(--code-border);border-radius:var(--card-radius);padding:0!important;margin:1em 0;overflow:hidden;position:relative}.milkdown pre:before{content:attr(data-language);display:block;padding:8px 16px;background:var(--bg-elevated);border-bottom:1px solid var(--code-border);color:var(--text-secondary);font-size:12px;font-family:var(--font-mono);font-weight:500;text-transform:uppercase;letter-spacing:.5px;position:relative;z-index:1}.milkdown pre:not([data-language]):before{content:"CODE"}.milkdown pre code{display:block;padding:16px!important;color:var(--text-primary);font-family:var(--font-mono);font-size:.9em;line-height:1.7;overflow-x:auto;background:transparent!important}.milkdown pre{position:relative}.milkdown pre code.code-highlight{position:absolute;inset:0;pointer-events:none;z-index:1}.milkdown pre code.code-content{position:relative;z-index:2;color:transparent;caret-color:var(--text-primary);background:transparent!important}.milkdown pre code.code-content::selection{background:var(--accent-primary);color:transparent}.milkdown pre .code-copy-btn{position:absolute;top:6px;right:8px;padding:4px 10px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);font-size:11px;cursor:pointer;opacity:0;transition:all .2s ease}.milkdown pre:hover .code-copy-btn{opacity:1}.milkdown pre .code-copy-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary)}.milkdown .hljs-comment,.milkdown .hljs-quote{color:var(--text-tertiary);font-style:italic}.milkdown .hljs-keyword,.milkdown .hljs-selector-tag,.milkdown .hljs-subst{color:var(--accent-primary);font-weight:600}.milkdown .hljs-string,.milkdown .hljs-regexp,.milkdown .hljs-addition,.milkdown .hljs-attribute,.milkdown .hljs-meta-string{color:var(--accent-secondary)}.milkdown .hljs-number,.milkdown .hljs-literal,.milkdown .hljs-variable,.milkdown .hljs-template-variable,.milkdown .hljs-tag .hljs-attr{color:color-mix(in srgb,var(--accent-primary) 70%,#ff6b6b)}.milkdown .hljs-title,.milkdown .hljs-section,.milkdown .hljs-selector-id,.milkdown .hljs-function{color:color-mix(in srgb,var(--accent-secondary) 70%,#4ecdc4)}.milkdown .hljs-class .hljs-title,.milkdown .hljs-type{color:color-mix(in srgb,var(--accent-primary) 70%,#ffe66d);font-weight:600}.milkdown .hljs-tag,.milkdown .hljs-name,.milkdown .hljs-selector-class,.milkdown .hljs-selector-attr{color:color-mix(in srgb,var(--accent-primary) 80%,#ff6b9d)}.milkdown .hljs-attr,.milkdown .hljs-property{color:color-mix(in srgb,var(--accent-secondary) 80%,#a8e6cf)}.milkdown .hljs-built_in,.milkdown .hljs-builtin-name{color:color-mix(in srgb,var(--accent-primary) 60%,#c7ceea)}.milkdown .hljs-operator,.milkdown .hljs-punctuation{color:var(--text-secondary)}.milkdown .hljs-template-tag{color:var(--accent-primary)}.milkdown .hljs-link{color:var(--accent-secondary);text-decoration:underline}.milkdown .hljs-deletion{color:#ff6b6b;background:#ff6b6b1a}.milkdown.hljs-scifi pre{background:linear-gradient(135deg,var(--bg-secondary),color-mix(in srgb,var(--bg-secondary) 95%,var(--accent-primary)))!important}.milkdown.hljs-scifi .hljs-keyword{text-shadow:0 0 10px var(--glow-primary)}.milkdown.hljs-scifi .hljs-string{text-shadow:0 0 8px color-mix(in srgb,var(--accent-secondary) 50%,transparent)}.milkdown.hljs-scifi .hljs-function{color:#00f5d4}.milkdown.hljs-nature pre{background:var(--bg-secondary)!important;border-color:color-mix(in srgb,var(--border-subtle) 50%,var(--accent-primary))}.milkdown.hljs-nature .hljs-keyword{color:color-mix(in srgb,var(--accent-primary) 80%,#2d6a4f)}.milkdown.hljs-nature .hljs-string{color:color-mix(in srgb,var(--accent-secondary) 80%,#40916c)}.milkdown.hljs-nature .hljs-number{color:color-mix(in srgb,var(--accent-primary) 70%,#d4a373)}.milkdown.hljs-healing pre{background:linear-gradient(180deg,var(--bg-secondary),color-mix(in srgb,var(--bg-secondary) 98%,var(--accent-primary)))!important}.milkdown.hljs-healing .hljs-keyword{color:color-mix(in srgb,var(--accent-primary) 85%,#ff8fa3);font-weight:500}.milkdown.hljs-healing .hljs-string{color:color-mix(in srgb,var(--accent-secondary) 85%,#ffb3c1)}.milkdown.hljs-healing .hljs-function{color:color-mix(in srgb,var(--accent-primary) 75%,#ffc8dd)}.milkdown.hljs-healing .hljs-number{color:color-mix(in srgb,var(--accent-secondary) 70%,#ffd6a5)}.milkdown .hljs-line-numbers{color:var(--text-tertiary);border-right:1px solid var(--border-subtle);padding-right:1em;margin-right:1em;-webkit-user-select:none;user-select:none}.milkdown pre::-webkit-scrollbar{height:4px}.milkdown pre::-webkit-scrollbar-track{background:transparent}.milkdown pre::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent-primary) 30%,transparent);border-radius:2px}.milkdown pre:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent-primary) 50%,transparent)}.milkdown pre[data-language=javascript]:before,.milkdown pre[data-language=typescript]:before,.milkdown pre[data-language=js]:before,.milkdown pre[data-language=ts]:before{color:#f7df1e}.milkdown pre[data-language=python]:before,.milkdown pre[data-language=py]:before{color:#3776ab}.milkdown pre[data-language=java]:before{color:#007396}.milkdown pre[data-language=go]:before{color:#00add8}.milkdown pre[data-language=rust]:before,.milkdown pre[data-language=rs]:before{color:#dea584}.milkdown pre[data-language=cpp]:before,.milkdown pre[data-language="c++"]:before{color:#00599c}.milkdown pre[data-language=c]:before{color:#a8b9cc}.milkdown pre[data-language=csharp]:before,.milkdown pre[data-language="c#"]:before,.milkdown pre[data-language=cs]:before{color:#239120}.milkdown pre[data-language=php]:before{color:#777bb4}.milkdown pre[data-language=ruby]:before,.milkdown pre[data-language=rb]:before{color:#cc342d}.milkdown pre[data-language=swift]:before{color:#f05138}.milkdown pre[data-language=kotlin]:before,.milkdown pre[data-language=kt]:before{color:#7f52ff}.milkdown pre[data-language=sql]:before{color:#f29111}.milkdown pre[data-language=html]:before{color:#e34c26}.milkdown pre[data-language=css]:before,.milkdown pre[data-language=scss]:before,.milkdown pre[data-language=sass]:before{color:#1572b6}.milkdown pre[data-language=json]:before{color:#000}.milkdown pre[data-language=yaml]:before,.milkdown pre[data-language=yml]:before{color:#cb171e}.milkdown pre[data-language=xml]:before{color:#f60}.milkdown pre[data-language=markdown]:before,.milkdown pre[data-language=md]:before{color:#083fa1}.milkdown pre[data-language=bash]:before,.milkdown pre[data-language=shell]:before,.milkdown pre[data-language=sh]:before{color:#4eaa25}.milkdown pre[data-language=powershell]:before,.milkdown pre[data-language=ps]:before{color:#012456}.milkdown pre[data-language=dockerfile]:before{color:#2496ed}.milkdown pre[data-language=vim]:before{color:#019733}.milkdown pre[data-language=lua]:before{color:navy}.milkdown pre[data-language=perl]:before,.milkdown pre[data-language=pl]:before{color:#0298c3}.milkdown pre[data-language=r]:before{color:#276dc3}.milkdown pre[data-language=matlab]:before{color:#0076a8}.milkdown pre[data-language=scala]:before{color:#dc322f}.milkdown pre[data-language=groovy]:before{color:#4298b8}.milkdown pre[data-language=dart]:before{color:#00b4ab}.milkdown pre[data-language=elixir]:before,.milkdown pre[data-language=ex]:before{color:#6e4a7e}.milkdown pre[data-language=erlang]:before,.milkdown pre[data-language=erl]:before{color:#a90533}.milkdown pre[data-language=haskell]:before,.milkdown pre[data-language=hs]:before{color:#5e5086}.milkdown pre[data-language=clojure]:before,.milkdown pre[data-language=clj]:before{color:#5881d8}.milkdown pre[data-language=fsharp]:before,.milkdown pre[data-language=fs]:before,.milkdown pre[data-language="f#"]:before{color:#378bba}.milkdown pre[data-language=ocaml]:before,.milkdown pre[data-language=ml]:before{color:#ec6813}.milkdown pre[data-language=julia]:before{color:#9558b2}.milkdown pre[data-language=crystal]:before{color:#000}.milkdown pre[data-language=nim]:before{color:#ffe953}.milkdown pre[data-language=zig]:before{color:#ec915c}.milkdown pre[data-language=v]:before,.milkdown pre[data-language=vlang]:before{color:#536b8a}.milkdown pre[data-language=gleam]:before{color:#ffaff3}.milkdown[data-theme-category=scifi] pre[data-language=json]:before{color:#f7df1e}.milkdown[data-theme-category=scifi] pre[data-language=crystal]:before,.milkdown[data-theme-category=scifi] pre[data-language=nim]:before{color:#fff}.milkdown pre:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--glow-primary)}