*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}@media (max-width: 768px){html{font-size:15px}}@media (max-width: 480px){html{font-size:14px}}body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;line-height:1.6;color:#e0e0e0;background-color:#1e1e1e;padding:0;margin:0;overflow-x:hidden}.wrapper{max-width:1200px;margin:0 auto;padding:20px}@media (max-width: 768px){.wrapper{padding:15px}}@media (max-width: 480px){.wrapper{padding:10px}}h1,h2,h3,h4,h5,h6{color:#ffffff;margin-top:1.5em;margin-bottom:0.5em;font-weight:600;line-height:1.3}h1{font-size:2.5em;border-bottom:2px solid #4ea9da;padding-bottom:0.3em}h2{font-size:2em;border-bottom:1px solid #333;padding-bottom:0.3em}h3{font-size:1.5em}h4{font-size:1.25em}p{margin-bottom:1em}a{color:#4ea9da;text-decoration:none;transition:color 0.2s ease}a:hover{color:#6bc1e8;text-decoration:underline}strong,b{font-weight:600}em,i{font-style:italic}.site-header{background-color:#252525;padding:30px 0;border-bottom:3px solid #4ea9da;margin-bottom:30px;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.3)}@media (max-width: 768px){.site-header{padding:20px 0;position:relative}}.site-header .header-content{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 768px){.site-header .header-content{padding:0 15px}}.site-header .site-title{margin:0 0 10px 0;font-size:2.5em}@media (max-width: 768px){.site-header .site-title{font-size:2em;text-align:center}}@media (max-width: 480px){.site-header .site-title{font-size:1.6em}}.site-header .site-title a{color:#ffffff;text-decoration:none;display:inline-flex;align-items:center;gap:10px}.site-header .site-title a:hover{color:#4ea9da}.site-header .site-title a::before{content:"🤖";font-size:0.8em}.site-header .site-description{color:#b0b0b0;font-size:1.1em;margin-bottom:20px}@media (max-width: 768px){.site-header .site-description{font-size:1em;text-align:center;margin-bottom:15px}}@media (max-width: 480px){.site-header .site-description{font-size:0.9em}}.site-header .main-nav{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}@media (max-width: 768px){.site-header .main-nav{justify-content:center;gap:10px;margin-top:15px}}@media (max-width: 480px){.site-header .main-nav{flex-direction:column;gap:8px}}.site-header .main-nav a{color:#e0e0e0;padding:10px 20px;border-radius:8px;transition:all 0.3s ease;font-weight:500;background-color:rgba(78,169,218,0.1);border:1px solid transparent}@media (max-width: 480px){.site-header .main-nav a{display:block;text-align:center;padding:12px 16px}}.site-header .main-nav a:hover{background-color:#4ea9da;color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 8px rgba(78,169,218,0.3)}.site-header .main-nav a:active{transform:translateY(0)}.main-content{min-height:60vh;margin-bottom:40px;animation:fadeIn 0.5s ease-in}@media (max-width: 768px){.main-content{margin-bottom:30px}}.main-content img{max-width:100%;height:auto;border-radius:8px;margin:20px 0;box-shadow:0 4px 8px rgba(0,0,0,0.3)}@media (max-width: 480px){.main-content img{margin:15px 0;border-radius:5px}}.main-content>*{max-width:100%;overflow-x:auto}code{background-color:#2a2a2a;color:#ff79c6;padding:2px 6px;border-radius:3px;font-family:"Fira Code", "Courier New", Courier, monospace;font-size:0.9em;word-wrap:break-word}@media (max-width: 480px){code{font-size:0.85em}}pre{background-color:#2a2a2a;border:1px solid #333;border-radius:8px;padding:15px;overflow-x:auto;margin:20px 0;box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-overflow-scrolling:touch}@media (max-width: 768px){pre{padding:12px;margin:15px -5px;border-radius:5px}}@media (max-width: 480px){pre{padding:10px;font-size:0.85em;margin:15px -10px}}pre code{background:none;padding:0;border:none;color:#e0e0e0;display:block;white-space:pre}blockquote{border-left:4px solid #4ea9da;padding-left:20px;margin:20px 0;color:#b0b0b0;font-style:italic;background-color:#252525;padding:15px 20px;border-radius:0 5px 5px 0}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:20px 0}@media (max-width: 768px){.table-wrapper{margin:15px -15px}}table{width:100%;min-width:600px;border-collapse:collapse;margin:20px 0;background-color:#252525;box-shadow:0 2px 4px rgba(0,0,0,0.2)}@media (max-width: 768px){table{min-width:500px;font-size:0.9em}}@media (max-width: 480px){table{min-width:100%;font-size:0.85em;display:block}}table th,table td{padding:12px 15px;border:1px solid #333;text-align:left}@media (max-width: 768px){table th,table td{padding:10px 12px}}@media (max-width: 480px){table th,table td{padding:8px 10px;display:block;width:100%}}table th{background-color:#2a2a2a;color:#ffffff;font-weight:600;position:sticky;top:0;z-index:10}@media (max-width: 480px){table th{position:relative}}table tr:hover{background-color:#2a2a2a}@media (max-width: 480px){table thead{display:none}table tr{display:block;margin-bottom:15px;border:1px solid #333;border-radius:5px}table td{border:none;border-bottom:1px solid #333;position:relative;padding-left:50%}table td:last-child{border-bottom:none}table td::before{content:attr(data-label);position:absolute;left:10px;font-weight:600;color:#4ea9da}}ul,ol{margin:1em 0 1em 2em}ul li,ol li{margin-bottom:0.5em}.post{background-color:#252525;padding:40px;border-radius:12px;margin-bottom:30px;box-shadow:0 4px 6px rgba(0,0,0,0.2)}@media (max-width: 768px){.post{padding:25px;border-radius:8px}}@media (max-width: 480px){.post{padding:20px 15px;margin-bottom:20px}}.post .post-header{border-bottom:2px solid #4ea9da;padding-bottom:20px;margin-bottom:30px}@media (max-width: 480px){.post .post-header{padding-bottom:15px;margin-bottom:20px}}.post .post-header h1{margin-top:0;border:none;font-size:2.2em;line-height:1.2}@media (max-width: 768px){.post .post-header h1{font-size:1.8em}}@media (max-width: 480px){.post .post-header h1{font-size:1.5em}}.post .post-header .post-meta{color:#888;font-size:0.95em;margin-top:10px;display:flex;flex-wrap:wrap;gap:15px;align-items:center}@media (max-width: 480px){.post .post-header .post-meta{font-size:0.9em;flex-direction:column;align-items:flex-start;gap:10px}}.post .post-header .post-meta time::before{content:"📅 "}.post .post-header .post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.post .post-header .post-tags .tag{background:linear-gradient(135deg, rgba(78,169,218,0.2), rgba(78,169,218,0.3));color:#4ea9da;padding:6px 14px;border-radius:20px;font-size:0.85em;font-weight:500;border:1px solid rgba(78,169,218,0.3);transition:all 0.2s ease}@media (max-width: 480px){.post .post-header .post-tags .tag{padding:5px 12px;font-size:0.8em}}.post .post-header .post-tags .tag:hover{background:#4ea9da;color:#fff;transform:translateY(-2px)}.post .post-content{animation:fadeIn 0.5s ease-in;font-size:1.05em;line-height:1.8}@media (max-width: 768px){.post .post-content{font-size:1em;line-height:1.7}}@media (max-width: 480px){.post .post-content{font-size:0.95em;line-height:1.6}}.post .post-content h2,.post .post-content h3,.post .post-content h4{margin-top:2em;margin-bottom:0.8em}@media (max-width: 480px){.post .post-content h2,.post .post-content h3,.post .post-content h4{margin-top:1.5em;margin-bottom:0.6em}}.post .post-footer{margin-top:50px;padding-top:30px;border-top:1px solid #333}@media (max-width: 768px){.post .post-footer{margin-top:40px;padding-top:20px}}.post .post-footer .post-navigation{display:flex;justify-content:space-between;gap:20px}@media (max-width: 768px){.post .post-footer .post-navigation{flex-direction:column;gap:15px}}.post .post-footer .post-navigation a{flex:1;padding:18px 20px;background-color:#2a2a2a;border-radius:8px;text-align:center;transition:all 0.3s ease;border:1px solid #333}@media (max-width: 480px){.post .post-footer .post-navigation a{padding:15px}}.post .post-footer .post-navigation a:hover{background-color:#4ea9da;border-color:#4ea9da;color:#fff;transform:translateY(-3px);text-decoration:none;box-shadow:0 6px 12px rgba(78,169,218,0.3)}.post .post-footer .post-navigation a.prev{text-align:left}@media (max-width: 768px){.post .post-footer .post-navigation a.prev{text-align:center}}.post .post-footer .post-navigation a.prev::before{content:"← "}.post .post-footer .post-navigation a.next{text-align:right}@media (max-width: 768px){.post .post-footer .post-navigation a.next{text-align:center}}.post .post-footer .post-navigation a.next::after{content:" →"}.search-wrapper{margin:30px 0}.search-wrapper #search-input{width:100%;padding:12px 20px;font-size:1em;border:2px solid #333;border-radius:25px;background-color:#252525;color:#e0e0e0;transition:border-color 0.2s ease}.search-wrapper #search-input:focus{outline:none;border-color:#4ea9da}.search-wrapper #search-input::placeholder{color:#888}.search-wrapper #results-container{margin-top:20px}.search-wrapper #results-container li{list-style:none;padding:15px;margin-bottom:10px;background-color:#252525;border-left:4px solid #4ea9da;border-radius:5px}.search-wrapper #results-container li h3{margin:0 0 5px 0}.search-wrapper #results-container li p{margin:0;color:#b0b0b0;font-size:0.9em}.site-footer{background-color:#252525;border-top:3px solid #4ea9da;padding:30px 0;margin-top:60px}.site-footer .footer-content{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center}.site-footer .footer-content p{margin:10px 0;color:#b0b0b0}.site-footer .footer-content .footer-nav{margin:20px 0}.site-footer .footer-content .footer-nav a{margin:0 15px;color:#e0e0e0}.site-footer .footer-content .footer-nav a:hover{color:#4ea9da}.site-footer .footer-content .footer-tech{font-size:0.9em;color:#888}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.comments-section{margin-top:50px;padding:30px;background-color:#2a2a2a;border-radius:8px;border:1px solid #333}@media (max-width: 768px){.comments-section{padding:20px;margin-top:40px}}@media (max-width: 480px){.comments-section{padding:15px;margin:30px -15px 0;border-radius:0}}.comments-section h3{margin-top:0;margin-bottom:20px;color:#4ea9da}@media (max-width: 480px){.comments-section h3{font-size:1.2em}}@media (max-width: 768px){h1{font-size:2em}h2{font-size:1.6em}h3{font-size:1.3em}h4{font-size:1.15em}}@media (max-width: 480px){h1{font-size:1.75em}h2{font-size:1.4em}h3{font-size:1.2em}h4{font-size:1.1em}}@media print{.site-header,.site-footer,.post-navigation,.comments-section{display:none}body{background:white;color:black}.post{box-shadow:none;border:1px solid #000}}a:focus,button:focus,input:focus{outline:2px solid #4ea9da;outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:#4ea9da;color:#fff;padding:8px;text-decoration:none;z-index:100}.skip-link:focus{top:0}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.text-center{text-align:center}.text-muted{color:#888}.mb-20{margin-bottom:20px}.mt-20{margin-top:20px}