*{margin:0;padding:0;box-sizing:border-box}html{background-color:#050810}body{background-color:#050810;color:#fff;font-family:Courier New,Roboto Mono,monospace;overflow-x:hidden}.container{max-width:1100px;margin:0 auto;padding:50px 30px;position:relative;z-index:1}header{margin-bottom:60px;position:relative}.glitch-wrapper{position:relative;display:inline-block}.site-logo{font-size:68px;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:8px;position:relative;text-shadow:0 0 10px #ffffff,0 0 20px #ffffff,0 0 30px #ffffff;animation:flicker 3s infinite;cursor:pointer;transition:all .3s ease}.site-logo:hover{animation:none;text-shadow:0 0 15px #ffffff,0 0 30px #ffffff,0 0 45px #ffffff}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;text-shadow:0 0 10px #ffffff,0 0 20px #ffffff,0 0 30px #ffffff}20%,24%,55%{opacity:.85;text-shadow:0 0 5px #ffffff,0 0 10px #ffffff}}.glitch-wrapper:before,.glitch-wrapper:after{content:"◆";position:absolute;font-size:20px;width:20px;height:20px}.glitch-wrapper:before{color:#f59e0b;text-shadow:0 0 15px #f59e0b;animation:orbit1 4s linear infinite;transform-origin:center}.glitch-wrapper:after{color:#fff;text-shadow:0 0 15px #ffffff;animation:orbit2 4s linear infinite;transform-origin:center}@keyframes orbit1{0%{top:50%;left:50%;transform:translate(-50%,-50%) rotate(0) translate(120px) rotate(0)}to{top:50%;left:50%;transform:translate(-50%,-50%) rotate(360deg) translate(120px) rotate(-360deg)}}@keyframes orbit2{0%{top:50%;left:50%;transform:translate(-50%,-50%) rotate(180deg) translate(120px) rotate(-180deg)}to{top:50%;left:50%;transform:translate(-50%,-50%) rotate(540deg) translate(120px) rotate(-540deg)}}.site-logo:before{content:"";position:absolute;top:50%;left:50%;width:240px;height:240px;border:1px dashed rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);animation:rotateOrbit 4s linear infinite}@keyframes rotateOrbit{0%{transform:translate(-50%,-50%) rotate(0);border-color:#fff3}50%{border-color:#f59e0b33}to{transform:translate(-50%,-50%) rotate(360deg);border-color:#fff3}}.site-logo:after{content:"○";position:absolute;top:50%;left:50%;font-size:12px;color:#10b981;text-shadow:0 0 10px #10b981;animation:orbit3 3s linear infinite}@keyframes orbit3{0%{transform:translate(-50%,-50%) rotate(90deg) translate(90px) rotate(-90deg)}to{transform:translate(-50%,-50%) rotate(450deg) translate(90px) rotate(-450deg)}}.site-nav{display:flex;flex-direction:column;gap:12px;margin-top:15px}.status-online{color:#10b981;font-size:12px;letter-spacing:2px}.status-online:before{content:"● ";animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.terminal-line{color:#f59e0b;font-size:12px;letter-spacing:2px;display:flex;align-items:center}.terminal-line:before{content:"> ";color:#f59e0b;margin-right:8px}.cursor{display:inline-block;width:8px;height:14px;background-color:#f59e0b;margin-left:4px;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.nav-buttons{display:flex;gap:15px;flex-wrap:wrap}.nav-btn{padding:10px 20px;background:transparent;border:1px solid #10b981;color:#10b981;font-family:Courier New,monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.nav-btn:hover{background:#10b98126;box-shadow:0 0 20px #10b98180;transform:translateY(-2px)}.nav-btn-secondary{border-color:#f59e0b;color:#f59e0b}.nav-btn-secondary:hover{background:#f59e0b26;box-shadow:0 0 20px #f59e0b80}.theme-toggle{border-color:#06b6d4;color:#06b6d4}.theme-toggle:hover{border-color:#f97316;color:#f97316;background:#f9731626;box-shadow:0 0 20px #f9731680}.posts-container{display:flex;flex-direction:column;gap:30px}.post-item{background:#ffffff08;border:1px solid #ffffff;padding:30px;position:relative;cursor:pointer;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px))}.post-item.expanded{clip-path:none;overflow:visible}.post-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 48%,#ffffff 49%,#ffffff 51%,transparent 52%);background-size:20px 20px;opacity:0;transition:opacity .3s ease;pointer-events:none}.post-item:hover{border-color:#f59e0b;box-shadow:0 0 30px #f59e0b99,inset 0 0 20px #f59e0b1a;transform:translate(10px)}.post-item:hover:before{opacity:.05}.post-item:hover .post-title{color:#10b981;text-shadow:0 0 20px rgba(16,185,129,.5)}.post-item.expanded{background:#ffffff0d;border-color:#f59e0b;box-shadow:0 0 30px #f59e0b99,inset 0 0 20px #f59e0b1a}.post-preview{transition:opacity .3s ease}.post-item.expanded .post-preview{opacity:0;height:0;overflow:hidden}.post-full-content{display:none;opacity:0;transition:opacity .3s ease}.post-item.expanded .post-full-content{display:block;opacity:1;animation:fadeIn .4s ease;overflow-x:visible;max-width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.post-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;position:relative}.post-id{color:#f59e0b;font-size:11px;letter-spacing:2px;font-weight:700}.post-timestamp{color:#2f8;font-size:12px;letter-spacing:1px;text-shadow:0 0 10px rgba(34,255,136,.6)}.post-title{font-size:28px;color:#fff;margin-bottom:15px;font-weight:700;text-transform:uppercase;letter-spacing:2px;position:relative;transition:all .3s ease;background:transparent}.post-title:before{content:"//";color:#10b981;margin-right:15px}.post-description{color:wheat;font-size:14px;line-height:1.7;margin-bottom:20px;position:relative}.post-footer{display:flex;justify-content:space-between;align-items:center;position:relative}.post-tags{display:flex;gap:10px;flex-wrap:wrap}.tag{background:transparent;border:1px solid #f59e0b;color:#f59e0b;padding:5px 12px;font-size:10px;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease}.post-item:hover .tag{background:#f59e0b1a;box-shadow:0 0 10px #f59e0b80}.post-meta{color:#2f8;font-size:11px;letter-spacing:2px;text-shadow:0 0 10px rgba(34,255,136,.6)}.post-full-content h1{font-size:32px;color:#d4a857;margin:50px 0 25px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 15px rgba(212,168,87,.3)}.post-full-content h1:before{content:"// ";color:#10b981;text-shadow:0 0 15px rgba(16,185,129,.8)}.post-full-content h2{font-size:26px;color:#d4a857;margin:40px 0 20px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 15px rgba(212,168,87,.3)}.post-full-content h2:before{content:"◆ ";color:#10b981;text-shadow:0 0 12px rgba(16,185,129,.8)}.post-full-content h3{font-size:20px;color:#d4a857;margin:30px 0 15px;font-weight:600;text-transform:uppercase;text-shadow:0 0 15px rgba(212,168,87,.3)}.post-full-content h3:before{content:"> ";color:#10b981;text-shadow:0 0 10px rgba(16,185,129,.8)}.post-full-content p{color:wheat;font-size:15px;line-height:1.9;margin-bottom:20px}.post-full-content a{color:#10b981;text-decoration:underline;transition:all .3s ease}.post-full-content a:hover{color:#f59e0b;text-shadow:0 0 10px rgba(245,158,11,.5)}.post-full-content pre{background:#0009;border:1px solid #10b981;border-left:4px solid #f59e0b;padding:20px;margin:25px 0;overflow-x:auto;position:relative;border-radius:4px}.post-full-content pre code{background:none;border:none;padding:0;color:#10b981;display:block;font-size:14px;line-height:1.6}.post-full-content strong{color:#f4dfc8}.post-full-content em{color:#f59e0b;font-style:normal}.post-full-content ul{margin:20px 0;padding-left:25px}.post-full-content ol{margin:20px 0;padding-left:0;list-style-position:inside}.post-full-content li{color:wheat;margin-bottom:10px}.post-full-content ul li::marker{color:#10b981}.post-full-content ol li::marker{color:#f59e0b;font-weight:700}.post-full-content code{background:#10b98126;border:1px solid rgba(16,185,129,.3);padding:2px 6px;border-radius:4px;color:#10b981;font-size:13px}.post-full-content blockquote{border-left:4px solid #10b981;margin:25px 0;color:#e5e5e5;background:#10b9810d;padding:15px 20px}.post-full-content blockquote p:last-child{margin-bottom:0}.post-full-content hr{border:none;height:2px;background:linear-gradient(90deg,transparent,#10b981,#f59e0b,transparent);margin:40px 0;box-shadow:0 0 15px #10b98166}.post-full-content ul ul,.post-full-content ol ol,.post-full-content ul ol,.post-full-content ol ul{margin:10px 0;padding-left:20px}.post-full-content li>strong:first-child{color:#f59e0b}.post-full-content img{max-width:500px;width:100%;height:auto;display:block;margin:20px auto;border-radius:8px;transition:all .3s ease}.post-full-content img:hover{transform:scale(1.02);box-shadow:0 0 30px #10b98199}.table-wrapper{display:block;width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;margin:30px 0;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#10b981 #050810;padding-bottom:10px}.table-wrapper::-webkit-scrollbar{height:10px}.table-wrapper::-webkit-scrollbar-track{background:#050810cc;border-radius:5px}.table-wrapper::-webkit-scrollbar-thumb{background:#10b981;border-radius:5px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#22c992}.post-full-content table{display:table;border-collapse:collapse;border-spacing:0;margin:0;background:#0006;border:1px solid #10b981;min-width:500px;width:100%}.post-full-content thead{background:#10b98126}.post-full-content th{color:#d4a857;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700;padding:15px 20px;border:none;border-bottom:2px solid #10b981;text-shadow:0 0 10px rgba(212,168,87,.4);white-space:nowrap}.post-full-content th:first-child,.post-full-content td:first-child{text-align:left}.post-full-content th:not(:first-child),.post-full-content td:not(:first-child){text-align:center}.post-full-content th:before{content:"○ ";color:#10b981;margin-right:8px;font-weight:900;text-shadow:0 0 12px rgba(16,185,129,.8)}.post-full-content td{color:wheat;padding:12px 20px;border:none;border-bottom:1px solid rgba(16,185,129,.2);font-size:14px;white-space:nowrap}@media(max-width:768px){.post-full-content th,.post-full-content td{padding:10px 15px;font-size:12px}.post-full-content th{letter-spacing:1px}.post-full-content th:before{margin-right:4px}.post-full-content td:first-child{padding-right:20px}}@media(max-width:480px){.post-full-content th,.post-full-content td{padding:8px 12px;font-size:11px}.post-full-content td:first-child{padding-right:15px}}.post-full-content tbody tr:last-child td{border-bottom:none}.post-full-content tbody tr{transition:all .2s ease}.post-full-content tbody tr:hover{background:#10b98114;box-shadow:inset 0 0 15px #10b98126}.post-full-content tbody tr:hover td{color:#f59e0b;text-shadow:0 0 8px rgba(245,158,11,.5)}.post-full-content table strong{color:#f4dfc8}.post-full-content table em{color:#f59e0b;font-style:normal}.post-full-content table code{background:#10b98126;border:1px solid rgba(16,185,129,.3);padding:2px 6px;border-radius:4px;color:#10b981;font-size:12px}.close-post{display:inline-block;margin-top:40px;padding:10px 20px;background:transparent;border:1px solid #10b981;color:#10b981;font-size:11px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));font-family:Courier New,monospace}.close-post:hover{background:#10b98126;box-shadow:0 0 20px #10b98180}.divider{height:2px;background:linear-gradient(90deg,transparent,#10b981,#f59e0b,transparent);margin:50px 0;position:relative;box-shadow:0 0 15px #10b98166}footer{margin-top:80px;text-align:center;color:#fff;font-size:11px;letter-spacing:3px;padding:30px;border-top:1px solid rgba(16,185,129,.3);position:relative}::selection{background:#10b981;color:#000}@media(max-width:768px){.container{padding:30px 20px}header{margin-bottom:30px}.site-logo{font-size:32px;letter-spacing:2px}.site-logo:before{width:160px;height:160px}.glitch-wrapper:before,.glitch-wrapper:after{font-size:14px}@keyframes orbit1{0%{top:50%;left:50%;transform:translate(-50%,-50%) rotate(0) translate(80px) rotate(0)}to{top:50%;left:50%;transform:translate(-50%,-50%) rotate(360deg) translate(80px) rotate(-360deg)}}@keyframes orbit2{0%{top:50%;left:50%;transform:translate(-50%,-50%) rotate(180deg) translate(80px) rotate(-180deg)}to{top:50%;left:50%;transform:translate(-50%,-50%) rotate(540deg) translate(80px) rotate(-540deg)}}@keyframes orbit3{0%{transform:translate(-50%,-50%) rotate(90deg) translate(60px) rotate(-90deg)}to{transform:translate(-50%,-50%) rotate(450deg) translate(60px) rotate(-450deg)}}.site-nav{gap:8px;margin-top:10px}.status-online,.terminal-line{font-size:11px}.post-title{font-size:18px;letter-spacing:1px}.post-header-row{flex-direction:column;align-items:flex-start;gap:8px}.post-footer{flex-direction:column;align-items:flex-start;gap:12px}.post-item{padding:20px}.post-description{font-size:13px}.post-full-content h1{font-size:24px}.post-full-content h2{font-size:20px}.post-full-content h3{font-size:16px}.post-full-content p{font-size:14px}.post-full-content pre{padding:15px;margin:20px 0}.post-full-content pre code{font-size:12px}.nav-buttons{gap:10px}.nav-btn{padding:8px 16px;font-size:10px}footer{margin-top:60px;font-size:10px;letter-spacing:2px}}@media(max-width:480px){.container{padding:30px 15px}.site-logo{font-size:28px;letter-spacing:2px}.post-title{font-size:16px}.post-item{padding:15px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.tag{font-size:9px;padding:4px 8px}.post-id,.post-timestamp,.post-meta{font-size:10px}.post-full-content h1{font-size:20px;margin:35px 0 20px}.post-full-content h2{font-size:18px;margin:30px 0 15px}.post-full-content h3{font-size:15px;margin:25px 0 12px}.post-full-content blockquote{padding:12px 15px 1px;margin:20px 0}.post-full-content ul,.post-full-content ol{padding-left:20px}.post-full-content li{font-size:14px}.close-post{padding:8px 16px;font-size:10px}}