*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:VT323,monospace;background-color:#000;color:#00ff41;overflow-x:hidden;line-height:1.6}#root{min-height:100vh}.splash-screen{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000;color:#00ff41;padding:1rem}.pumpy-character{font-size:1rem;color:#00ff41}.loading-text{font-size:1.1rem;margin-top:1rem;letter-spacing:.2rem}.loading-text:before{content:"> "}.loading-bar{width:250px;height:12px;border:1px solid #00ff41;margin-top:.8rem;position:relative;overflow:hidden}.loading-progress{height:100%;background:#00ff41;animation:loading 2s ease-in-out forwards}@keyframes loading{0%{width:0%}to{width:100%}}.terminal-container{min-height:100vh;padding:.5rem;background:#000;position:relative}.terminal-content{max-width:100%;margin:0;position:relative;z-index:2;border:1px solid #00ff41;padding:0;background:#000}.terminal-content:before{content:"[SYSTEM] STATUS:OK | UPTIME:∞ | USER:ROOT | SECURITY:MAX";position:absolute;top:0;left:0;right:0;padding:.3rem .8rem;background:#000;border-bottom:1px solid #00ff41;font-size:.8rem;letter-spacing:.05rem}.ascii-logo{color:#00ff41;font-size:.6rem;text-align:center;margin-bottom:.5rem;margin-top:2rem;white-space:pre;overflow-x:auto}.main-title{text-align:center;font-size:1.8rem;color:#00ff41;margin-bottom:.5rem;letter-spacing:.2rem}.social-links{text-align:center;margin:.5rem 0}.x-link{color:#00ff41;text-decoration:none;font-size:.9rem;padding:.3rem .6rem;border:1px solid #00ff41;display:inline-block;letter-spacing:.05rem;transition:all .2s}.x-link:hover{background:#00ff41;color:#000}.subtitle{text-align:center;font-size:1rem;color:#0d8;margin-bottom:1rem;padding:0 1rem;line-height:1.4}.search-input{width:calc(100% - 1.6rem);padding:.5rem .8rem;background:#000;border:1px solid #00ff41;color:#00ff41;font-family:VT323,monospace;font-size:1.1rem;margin:.8rem .8rem .5rem;outline:none}.search-input:before{content:">"}.search-input::placeholder{color:#00ff4166}.search-input:focus{background:#000;border-color:#00ff41}.filter-buttons,.sort-buttons{display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem;flex-wrap:wrap;padding:0 .8rem}.filter-buttons button,.sort-buttons button{padding:.4rem 1rem;background:#000;border:1px solid #00ff41;color:#00ff41;font-family:VT323,monospace;font-size:1rem;cursor:pointer;text-transform:uppercase;letter-spacing:.05rem}.filter-buttons button:hover,.sort-buttons button:hover{background:#00ff411a}.filter-buttons button.active,.sort-buttons button.active{background:#00ff41;color:#000}.filter-buttons button span,.sort-buttons button span{position:relative;z-index:1}.stories-list{margin-top:.5rem;display:flex;flex-direction:column;gap:0;border-top:1px solid #00ff41;counter-reset:story-counter}.story-item{padding:.4rem .8rem .4rem 3rem;background:#000;border-bottom:1px solid rgba(0,255,65,.2);color:#00ff41;font-size:1rem;cursor:pointer;position:relative;counter-increment:story-counter}.story-item:before{content:"[" counter(story-counter,decimal-leading-zero) "]";position:absolute;left:.8rem;color:#00ff4199;font-size:.9rem}.story-item:hover{background:#00ff4114;border-left:3px solid #00ff41;padding-left:calc(3rem - 3px)}.no-results{text-align:center;padding:3rem;font-size:1.5rem;color:#00ff4199;font-style:italic}.back-button{padding:.4rem 1rem;background:transparent;border:1px solid #00ff41;color:#00ff41;font-family:VT323,monospace;font-size:1rem;cursor:pointer;margin:.8rem .8rem .5rem}.back-button:before{content:"< "}.back-button:hover{background:#00ff41;color:#000}.story-header{margin:0 .8rem .8rem;padding-bottom:.5rem;border-bottom:1px solid #00ff41}.story-header h2{color:#00ff41;font-size:1.3rem;margin-bottom:.3rem;line-height:1.3}.category-badge{display:inline-block;padding:.2rem .6rem;background:#000;border:1px solid #00ff41;color:#00ff41;font-size:.85rem;margin-top:.3rem}.category-badge:before{content:"["}.category-badge:after{content:"]"}.story-content{background:#000;padding:.8rem;border:1px solid #00ff41;margin:0 .8rem 4rem;overflow-x:auto}.story-content pre{color:#0d8;font-family:VT323,monospace;font-size:.95rem;white-space:pre-wrap;word-wrap:break-word;line-height:1.4}.terminal-footer{position:fixed;bottom:0;left:0;width:100%;padding:.4rem .8rem;background:#000;border-top:1px solid #00ff41;color:#00ff41;text-align:center;font-size:.85rem;z-index:10;display:flex;justify-content:center;align-items:center;gap:.3rem;letter-spacing:.05rem}.blink{animation:blink 1s step-end infinite;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#00ff41;border:2px solid #000}::-webkit-scrollbar-thumb:hover{background:#0d8}@media (max-width: 768px){.terminal-container{padding:1rem}.main-title{font-size:2rem}.subtitle{font-size:1.1rem}.ascii-logo{font-size:.5rem}.filter-buttons,.sort-buttons{flex-direction:column;align-items:stretch}.filter-buttons button,.sort-buttons button{width:100%}.story-content{padding:1rem}.terminal-footer{font-size:.9rem;padding:.8rem}}