:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;color:#ffffffde;background:linear-gradient(135deg,#1e1e2e,#2d2d44);background-attachment:fixed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;padding:2rem 1rem}#app{max-width:800px;margin:0 auto}.blog-post{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:3rem;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1)}.blog-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid rgba(255,255,255,.1)}.blog-meta{display:flex;gap:1rem;margin-bottom:1rem;font-size:.9rem;color:#fff9}.blog-date{position:relative;padding-right:1rem}.blog-date:after{content:"•";position:absolute;right:.3rem}.blog-category{color:#646cff;font-weight:500}.blog-title{font-size:2.5rem;line-height:1.2;margin:0 0 1rem;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-subtitle{font-size:1.2rem;color:#ffffffb3;margin:0;font-weight:300}.blog-content{font-size:1.1rem;line-height:1.8;color:#ffffffe6}.blog-content .lead{font-size:1.3rem;line-height:1.7;color:#fffffff2;margin-bottom:2rem;font-weight:300}.blog-content h2{font-size:1.8rem;margin-top:2.5rem;margin-bottom:1rem;color:#fff;font-weight:600}.blog-content p{margin-bottom:1.5rem}.blog-content em{color:#646cff;font-style:normal;font-weight:500}.blog-content ul{margin:1.5rem 0;padding-left:2rem}.blog-content li{margin-bottom:.8rem}.blog-content li strong{color:#646cff}blockquote{border-left:4px solid #646cff;padding-left:1.5rem;margin:2rem 0;font-style:italic;color:#fffc;background:#646cff1a;padding:1.5rem;border-radius:8px}.blog-footer{margin-top:3rem;padding-top:2rem;border-top:2px solid rgba(255,255,255,.1)}.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tag{background:#646cff33;color:#646cff;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid rgba(100,108,255,.3)}.blog-interactive{text-align:center;margin:2rem 0;padding:1.5rem;background:#646cff1a;border-radius:12px;border:1px solid rgba(100,108,255,.2)}.blog-interactive #count-display{margin:0 0 1rem;font-size:1.1rem;color:#ffffffe6;font-weight:500}.counter-controls{display:flex;gap:.5rem;justify-content:center}.counter-controls button{border-radius:8px;border:1px solid rgba(100,108,255,.3);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#646cff33;color:#646cff;cursor:pointer;transition:all .25s;min-width:50px}.counter-controls button:hover{border-color:#646cff;background-color:#646cff4d;transform:translateY(-2px)}.counter-controls button:active{transform:translateY(0)}.blog-navigation{text-align:center;margin-top:2rem}.nav-link{display:inline-block;padding:.8rem 1.5rem;background:#646cff1a;color:#646cff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .25s;border:1px solid rgba(100,108,255,.3)}.nav-link:hover{background:#646cff33;border-color:#646cff;transform:translateY(-2px)}.blog-author{text-align:center;color:#ffffff80;font-size:.9rem;margin-top:1rem}@media(prefers-color-scheme:light){:root{color:#213547;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);background-attachment:fixed}.blog-post{background:#ffffffe6;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #0000001a}.blog-header{border-bottom:2px solid rgba(0,0,0,.1)}.blog-meta{color:#0009}.blog-title{background:linear-gradient(135deg,#213547,#4a5568);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-subtitle{color:#000000b3}.blog-content{color:#000000e6}.blog-content .lead{color:#000000f2}.blog-content h2{color:#213547}blockquote{border-left:4px solid #646cff;background:#646cff0d;color:#000c}.blog-footer{border-top:2px solid rgba(0,0,0,.1)}.tag{background:#646cff1a;border:1px solid rgba(100,108,255,.2)}.blog-interactive{background:#646cff0d;border:1px solid rgba(100,108,255,.2)}.blog-interactive #count-display{color:#000000e6}.counter-controls button{background-color:#646cff1a;color:#646cff;border:1px solid rgba(100,108,255,.3)}.counter-controls button:hover{background-color:#646cff26}.nav-link{background:#646cff0d;border:1px solid rgba(100,108,255,.2)}.nav-link:hover{background:#646cff26}.blog-author{color:#00000080}}@media(max-width:768px){.blog-post{padding:2rem 1.5rem}.blog-title{font-size:2rem}.blog-subtitle{font-size:1.1rem}.blog-content{font-size:1rem}.blog-content .lead{font-size:1.15rem}.blog-content h2{font-size:1.5rem}}