@font-face{font-family:HBIOS-SYS;src:url(/fonts/HBIOS-SYS.woff2)format("woff2"),url(/fonts/HBIOS-SYS.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--main-white:#fff;--soft-white:#e0e0e0;--mid-gray:#a0a0a0;--dark-gray:#606060;--darker-gray:#404040;--dark-bg:#0a0a0a;--terminal-bg:#1a1a1a;--border-color:gray;--accent:#fff;--new-badge:#ff6b35}*{box-sizing:border-box;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;margin:0;padding:0}body{background:var(--dark-bg);color:var(--soft-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;text-rendering:optimizeLegibility;font-family:VT323,monospace;font-size:20px;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 4px);width:100%;height:100%;position:fixed;top:0;left:0}.container{z-index:2;max-width:1200px;margin:0 auto;padding:20px;position:relative}header{border:4px solid var(--border-color);cursor:pointer;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);margin-bottom:30px;padding:15px;transition:all .3s;animation:3s ease-in-out infinite alternate glow;position:relative;box-shadow:0 0 20px rgba(255,255,255,.1),inset 0 0 20px rgba(255,255,255,.05)}header:hover{transform:translateY(-2px);box-shadow:0 5px 25px rgba(255,255,255,.15),inset 0 0 30px rgba(255,255,255,.08)}.header-content{justify-content:space-between;align-items:center;gap:10px;min-height:150px;display:flex}.header-left{flex:1}.header-right{flex-shrink:0}.header-logo{width:150px;height:150px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:drop-shadow(4px 4px 8px rgba(0,0,0,.8))drop-shadow(0 0 20px rgba(255,255,255,.3));transition:all .3s}.header-logo:hover{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8))drop-shadow(0 0 15px rgba(255,255,255,.3));transform:scale(1.1)}@keyframes glow{0%{box-shadow:0 0 20px rgba(255,255,255,.1),inset 0 0 20px rgba(255,255,255,.05)}to{box-shadow:0 0 30px rgba(255,255,255,.2),inset 0 0 30px rgba(255,255,255,.1)}}.logo{color:var(--main-white);text-shadow:2px 2px 0 var(--dark-gray),4px 4px 0 var(--darker-gray),6px 6px 8px rgba(0,0,0,.8);cursor:pointer;font-family:"Press Start 2P",cursive;font-size:32px;animation:8s infinite flicker;display:inline-block}@keyframes flicker{0%,to{opacity:1}50%{opacity:.9}52%{opacity:1}90%{opacity:.95}}.tagline{color:var(--mid-gray);white-space:nowrap;border-right:3px solid var(--mid-gray);width:0;margin-top:10px;font-size:24px;animation:2.5s steps(20,end) 1s both typewriter,1s linear 4 both cursor-blink,.1s linear 4s both remove-cursor;overflow:hidden}@keyframes typewriter{0%{width:0}to{width:min(520px,90vw)}}@keyframes cursor-blink{0%,50%{border-right-color:var(--mid-gray)}51%,to{border-right-color:transparent}}@keyframes remove-cursor{0%{border-right-color:var(--mid-gray)}to{border-right-color:transparent}}nav{background:var(--terminal-bg);border:2px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:15px;display:flex}.nav-left{flex-wrap:wrap;gap:20px;display:flex}.nav-right{align-items:center;gap:15px;display:flex}.nav-btn{border:2px solid var(--dark-gray);color:var(--soft-white);cursor:pointer;text-transform:uppercase;text-align:center;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);min-width:80px;padding:10px 20px;font-family:VT323,monospace;font-size:20px;transition:all .3s;position:relative}.nav-btn:hover{background:var(--soft-white);color:var(--dark-bg);transform:translateY(-2px);box-shadow:0 0 15px rgba(255,255,255,.3)}.nav-btn:before{content:"▸";margin-right:8px}.nav-btn.admin{background:linear-gradient(135deg,var(--darker-gray)0%,var(--dark-gray)100%);border-color:var(--main-white);min-width:auto;padding:6px 12px;font-size:14px}.social-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.social-btn{background:linear-gradient(135deg,var(--darker-gray)0%,#2a2a2a 100%);border:2px solid var(--dark-gray);border-color:var(--mid-gray);color:var(--mid-gray);text-align:center;box-sizing:border-box;flex:none;justify-content:center;align-items:center;min-width:42px;height:46px;padding:10px 12px;font-size:18px;text-decoration:none;display:flex;position:relative}.social-btn:before{display:none}.social-btn:hover{background:linear-gradient(135deg,var(--mid-gray)0%,var(--soft-white)100%);color:var(--dark-bg);border-color:var(--main-white);transform:translateY(-2px);box-shadow:0 0 15px rgba(255,255,255,.3)}.social-btn:hover:before{color:var(--dark-bg)}.user-info{color:var(--mid-gray);align-items:center;gap:10px;font-size:18px;display:flex}.user-info:before{content:"◆";color:var(--main-white)}.view{display:none}.view.active{display:block}.auth-modal{z-index:1000;background:rgba(0,0,0,.9);justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.auth-modal.active{display:flex}.auth-box{background:var(--terminal-bg);border:4px solid var(--main-white);width:90%;max-width:400px;padding:40px;position:relative;box-shadow:0 0 30px rgba(255,255,255,.3)}.auth-header{color:var(--main-white);text-align:center;text-shadow:2px 2px 0 var(--darker-gray);margin-bottom:30px;font-family:"Press Start 2P",cursive;font-size:20px}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-input{background:var(--dark-bg);border:2px solid var(--dark-gray);color:var(--soft-white);padding:12px;font-family:VT323,monospace;font-size:18px;transition:all .3s}.auth-input:focus{border-color:var(--main-white);outline:none;box-shadow:0 0 10px rgba(255,255,255,.2)}.auth-buttons{gap:15px;margin-top:20px;display:flex}.auth-btn{background:linear-gradient(135deg,var(--mid-gray)0%,var(--soft-white)100%);border:3px solid var(--dark-bg);color:var(--dark-bg);cursor:pointer;text-transform:uppercase;flex:1;padding:12px;font-family:"Press Start 2P",cursive;font-size:12px;transition:all .3s}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(255,255,255,.3)}.auth-btn.cancel{background:linear-gradient(135deg,var(--darker-gray)0%,var(--dark-gray)100%);color:var(--soft-white)}.close-auth{color:var(--main-white);cursor:pointer;font-size:30px;transition:all .3s;position:absolute;top:15px;right:15px}.close-auth:hover{transform:rotate(90deg)}.posts-grid{gap:25px;display:grid}.post-card{background:var(--terminal-bg);border:3px solid var(--border-color);cursor:pointer;padding:25px;transition:all .3s;position:relative}.post-card:hover{border-color:var(--main-white);transform:translateY(-3px);box-shadow:0 10px 20px rgba(255,255,255,.1)}.post-header{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}.post-card-title{color:var(--main-white);flex:1;margin-bottom:10px;font-size:24px;font-weight:700}.new-badge{background:var(--new-badge);color:var(--main-white);margin-left:10px;padding:4px 8px;font-family:"Press Start 2P",cursive;font-size:10px;animation:5s infinite blink}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.5}}.post-excerpt{color:var(--soft-white);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:15px;font-size:18px;line-height:1.6;display:-webkit-box;overflow:hidden}.post-footer{border-top:2px solid var(--darker-gray);justify-content:space-between;align-items:center;padding-top:15px;display:flex}.post-meta-info{color:var(--mid-gray);gap:20px;font-size:16px;display:flex}.post-category{background:var(--darker-gray);color:var(--soft-white);text-transform:uppercase;padding:4px 10px;font-size:14px}.post-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{color:var(--soft-white);background:0 0;border:none;padding:4px 8px;font-size:19px}.post-actions{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.share-btn{background:var(--dark-gray);color:var(--soft-white);border:2px solid var(--border-color);cursor:pointer;padding:6px 12px;font-family:VT323,monospace;font-size:14px;transition:all .3s}.share-btn:hover{background:var(--border-color);color:var(--main-white);transform:scale(1.05)}.share-btn:active{transform:scale(.95)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.post-detail{background:var(--terminal-bg);border:3px solid var(--border-color);padding:40px}.about-title{color:var(--main-white);text-align:center;word-break:break-word;margin-bottom:30px;font-family:"Press Start 2P",cursive;font-size:24px;line-height:1.4}.post-detail-header{border-bottom:3px solid var(--border-color);margin-bottom:30px;padding-bottom:30px}.post-detail-title{color:var(--main-white);margin-bottom:20px;font-family:"Press Start 2P",cursive;font-size:28px;line-height:1.4}.post-detail-meta{color:var(--mid-gray);flex-wrap:wrap;gap:30px;font-size:18px;display:flex}.post-detail-content{color:var(--soft-white);font-size:20px;line-height:1.8}.post-detail-content h1,.post-detail-content h2,.post-detail-content h3{color:var(--main-white);text-shadow:2px 2px 0 var(--darker-gray);margin:30px 0 15px}.post-detail-content p{margin-bottom:20px}.post-detail-content code{background:var(--dark-bg);color:var(--soft-white);border:1px solid var(--dark-gray);padding:2px 6px}.post-detail-content pre{background:var(--dark-bg);border:2px solid var(--dark-gray);margin:25px 0;padding:20px;overflow-x:auto}.post-detail-content ul,.post-detail-content ol{margin:20px 0;padding-left:30px}.post-detail-content li{margin-bottom:10px}.post-detail-content a{color:var(--main-white);text-decoration:underline}.post-detail-content a:hover{text-shadow:0 0 10px rgba(255,255,255,.5)}.back-btn{margin-bottom:30px;display:inline-block}.editor-view{grid-template-columns:1fr 300px;gap:30px;display:grid}.editor-section{background:var(--terminal-bg);border:3px solid var(--border-color);padding:20px;position:relative}.terminal-header{background:linear-gradient(90deg,var(--dark-gray)0%,var(--mid-gray)100%);color:var(--main-white);justify-content:space-between;align-items:center;margin:-20px -20px 20px;padding:10px;font-family:"Press Start 2P",cursive;font-size:14px;display:flex}.terminal-buttons{gap:8px;display:flex}.terminal-btn{border:2px solid var(--dark-bg);border-radius:50%;width:12px;height:12px}.terminal-btn.red{background:gray}.terminal-btn.yellow{background:#a0a0a0}.terminal-btn.green{background:silver}.post-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:10px;display:flex}.pixel-label{color:var(--main-white);text-transform:uppercase;letter-spacing:2px;font-size:18px}.pixel-input,.pixel-textarea{background:var(--dark-bg);border:2px solid var(--dark-gray);color:var(--soft-white);padding:12px;font-family:VT323,monospace;font-size:18px;transition:all .3s}.pixel-input:focus,.pixel-textarea:focus{border-color:var(--main-white);outline:none;box-shadow:0 0 10px rgba(255,255,255,.2)}.pixel-textarea{resize:vertical;min-height:300px}.editor-tabs{gap:5px;margin-bottom:20px;display:flex}.tab-btn{background:var(--dark-bg);border:2px solid var(--dark-gray);color:var(--mid-gray);cursor:pointer;padding:8px 16px;font-family:VT323,monospace;font-size:18px;transition:all .3s}.tab-btn.active{background:var(--main-white);color:var(--dark-bg);border-color:var(--main-white)}.preview-area{background:var(--dark-bg);border:2px solid var(--dark-gray);min-height:300px;color:var(--soft-white);padding:20px;display:none}.preview-area.active{display:block}.action-buttons{gap:15px;margin-top:20px;display:flex}.pixel-btn{background:linear-gradient(135deg,var(--mid-gray)0%,var(--soft-white)100%);border:3px solid var(--dark-bg);color:var(--dark-bg);cursor:pointer;text-transform:uppercase;padding:12px 30px;font-family:"Press Start 2P",cursive;font-size:14px;transition:all .3s;position:relative;box-shadow:4px 4px rgba(0,0,0,.5),inset -2px -2px rgba(0,0,0,.3)}.pixel-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px rgba(0,0,0,.5),inset -2px -2px rgba(0,0,0,.3)}.pixel-btn:active{box-shadow:none;transform:translate(4px,4px)}.pixel-btn.secondary{background:linear-gradient(135deg,var(--darker-gray)0%,var(--dark-gray)100%);color:var(--soft-white)}.sidebar{flex-direction:column;gap:20px;display:flex}.widget{background:var(--terminal-bg);border:2px solid var(--border-color);padding:20px;position:relative}.widget-title{color:var(--main-white);text-shadow:2px 2px rgba(0,0,0,.5);margin-bottom:15px;font-family:"Press Start 2P",cursive;font-size:16px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-item{background:var(--dark-bg);text-align:center;border:1px solid var(--dark-gray);padding:10px}.stat-number{color:var(--main-white);font-family:"Press Start 2P",cursive;font-size:24px}.stat-label{color:var(--mid-gray);margin-top:5px;font-size:14px}.loading{text-align:center;padding:20px;display:none}.loading.active{display:block}.loading-text{color:var(--soft-white);font-size:24px;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.message{border:2px solid;margin:20px 0;padding:15px;animation:.5s slideIn;display:none}.message.success{border-color:var(--soft-white);color:var(--soft-white);background:rgba(255,255,255,.05)}.message.error{border-color:var(--mid-gray);color:var(--main-white);background:rgba(255,255,255,.1);border-style:dashed}.message.active{display:block}.post-controls{background:var(--terminal-bg);border:2px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;display:flex}.filter-group{align-items:center;gap:15px;display:flex}.filter-select{background:var(--dark-bg);border:2px solid var(--dark-gray);color:var(--soft-white);cursor:pointer;padding:8px 15px;font-family:VT323,monospace;font-size:18px}.search-box{background:var(--dark-bg);border:2px solid var(--dark-gray);color:var(--soft-white);width:300px;padding:8px 15px;font-family:VT323,monospace;font-size:18px}.drag-over{border:3px dashed var(--border-color)!important;background:linear-gradient(45deg,rgba(255,255,255,.1),rgba(0,255,0,.1))!important;box-shadow:0 0 20px rgba(0,255,0,.3)!important}.pixel-textarea.drag-over{animation:1s infinite dragPulse;background:linear-gradient(45deg,rgba(0,255,0,.1),rgba(255,255,255,.05))!important;border-color:#0f0!important}@keyframes dragPulse{0%{box-shadow:0 0 5px rgba(0,255,0,.3)}50%{box-shadow:0 0 20px rgba(0,255,0,.7)}to{box-shadow:0 0 5px rgba(0,255,0,.3)}}.image-upload-zone{border:3px dashed var(--dark-gray);text-align:center;color:var(--mid-gray);background:var(--dark-bg);margin:20px 0;padding:40px;transition:all .3s}.image-upload-zone:hover{border-color:var(--border-color);background:rgba(255,255,255,.02)}.image-upload-zone.drag-over{color:var(--main-white);background:linear-gradient(45deg,rgba(0,255,0,.1),rgba(255,255,255,.05));border-color:#0f0;transform:scale(1.02)}.upload-icon{opacity:.6;margin-bottom:15px;font-size:48px}.upload-text{margin-bottom:10px;font-size:18px}.upload-hint{color:var(--dark-gray);font-size:14px}@media (max-width:768px){.editor-view{grid-template-columns:1fr}.header-content{text-align:center;flex-direction:column;gap:8px;min-height:100px}.header-logo{width:100px;height:100px}.logo{font-size:24px}.tagline{max-width:calc(100vw - 40px);font-size:16px;animation:2.5s steps(20,end) 1s both typewriter-mobile,1s linear 4 both cursor-blink,.1s linear 4s both remove-cursor}@keyframes typewriter-mobile{0%{width:0}to{width:min(320px,100vw - 40px)}}.nav-btn{padding:8px 15px;font-size:16px}.social-links{flex-wrap:wrap;justify-content:center;gap:4px;max-width:100%;margin-top:10px}.social-btn{border:2px solid var(--dark-gray);flex:none;min-width:32px;height:34px;padding:6px;font-size:14px}.nav-left{flex-direction:column;gap:15px;width:100%}.search-box{width:100%}.post-controls{flex-direction:column;gap:20px}.filter-group{justify-content:space-between;width:100%}.tag-post-header{flex-direction:column;align-items:flex-start;gap:5px}.tag-post-date{min-width:auto;font-size:16px}.tag-post-excerpt,.tag-post-meta{margin-left:0}.tag-post-title{font-size:18px}.year-header{font-size:20px}.about-title{word-break:break-all;text-align:center;padding:0 10px;font-size:16px;line-height:1.6}}@media (max-width:360px){.social-links{gap:3px;padding:0 5px}.social-btn{min-width:28px;height:30px;padding:4px;font-size:12px}}.tag-posts-list{flex-direction:column;gap:30px;display:flex}.year-group{margin-bottom:30px}.year-header{color:var(--main-white);margin-bottom:30px;font-family:"Press Start 2P",cursive;font-size:24px;display:inline-block;position:relative}.year-header:after{content:"";background:var(--main-white);width:60px;height:2px;position:absolute;bottom:-8px;left:0}.year-posts{flex-direction:column;gap:0;display:flex}.tag-post-item{cursor:pointer;background:0 0;border:none;border-bottom:1px solid rgba(128,128,128,.2);padding:20px 0;transition:all .3s}.tag-post-item:hover{background:rgba(255,255,255,.02);border-bottom-color:rgba(255,255,255,.4);transform:none}.tag-post-item:last-child{border-bottom:none}.tag-post-header{align-items:baseline;gap:20px;margin-bottom:8px;display:flex}.tag-post-date{color:var(--mid-gray);letter-spacing:1px;min-width:120px;margin-bottom:0;font-family:VT323,monospace;font-size:18px}.tag-post-title{color:var(--main-white);flex:1;margin:0;font-size:20px;font-weight:400;line-height:1.3}.tag-post-item:hover .tag-post-title{color:#fff}.tag-post-excerpt{color:var(--soft-white);opacity:.8;margin:8px 0 5px 140px;font-size:16px;line-height:1.5}.tag-post-meta{color:var(--mid-gray);opacity:.6;gap:15px;margin:0 0 0 140px;font-size:14px;display:flex}.tag-post-category{color:var(--mid-gray);text-transform:uppercase;letter-spacing:1px;background:0 0;padding:0;font-size:14px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--dark-bg);border:1px solid var(--dark-gray)}::-webkit-scrollbar-thumb{background:var(--dark-gray);border:1px solid var(--dark-bg)}::-webkit-scrollbar-thumb:hover{background:var(--mid-gray)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.content{font-family:HBIOS-SYS,Malgun Gothic,Apple SD Gothic Neo,sans-serif}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{color:var(--main-white);margin:20px 0 10px;font-family:HBIOS-SYS,Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-weight:400;line-height:1.4}.content h1{font-size:20px}.content h2{font-size:16px}.content h3{font-size:14px}.content h4{font-size:12px}.content p{margin:15px 0;font-family:HBIOS-SYS,Malgun Gothic,Apple SD Gothic Neo,sans-serif;line-height:1.8}.content ul,.content ol{margin:15px 0;padding-left:20px;font-family:HBIOS-SYS,Malgun Gothic,Apple SD Gothic Neo,sans-serif}.content li{margin:5px 0;font-family:HBIOS-SYS,Malgun Gothic,Apple SD Gothic Neo,sans-serif;line-height:1.6}.content code{background-color:var(--terminal-bg);color:var(--accent);border-radius:4px;padding:2px 6px;font-family:VT323,monospace;font-size:14px}.content pre{background-color:var(--terminal-bg);color:var(--main-white);border:1px solid var(--border-color);border-radius:8px;margin:20px 0;padding:15px;overflow-x:auto}.content pre code{color:inherit;background:0 0;padding:0}.content blockquote{border-left:4px solid var(--accent);color:var(--mid-gray);margin:20px 0;padding-left:15px;font-style:italic}.content a{color:var(--accent);text-decoration:underline}.content a:hover{color:var(--main-white)}.content img{border:2px solid var(--border-color);border-radius:8px;max-width:100%;height:auto;margin:20px 0}.content table{border-collapse:collapse;border:1px solid var(--border-color);width:100%;margin:20px 0}.content th,.content td{border:1px solid var(--border-color);text-align:left;padding:8px 12px}.content th{background-color:var(--terminal-bg);color:var(--main-white);font-family:"Press Start 2P",cursive;font-size:10px}