:root{--terminal-bg: #1e1f29;--terminal-text: #ffffff;--terminal-text-dim: #aaaaaa;--terminal-cursor: #ffffff;--terminal-prompt-user: #8ae234;--terminal-prompt-at: #ffffff;--terminal-prompt-host: #729fcf;--terminal-prompt-path: #ad7fa8;--terminal-accent: #f39c12;--font-mono: "JetBrains Mono", "Courier New", Courier, monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-mono);background:var(--terminal-bg);color:var(--terminal-text);overflow:hidden;height:100vh;width:100vw}.terminal-container{width:100%;height:100vh;display:flex;align-items:flex-start;justify-content:flex-start;background:var(--terminal-bg);position:relative}.splash-screen{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:opacity .5s ease-out}.typing-text{font-size:clamp(2rem,5vw,4rem);color:var(--terminal-prompt-host);font-weight:semibold;letter-spacing:.1em}.terminal-screen{width:100%;height:100%;padding:2rem;display:flex;flex-direction:column;justify-content:flex-start;opacity:1;transition:opacity .5s ease-in}.terminal-screen.hidden{display:none;opacity:0}.terminal-content{flex:1;overflow-y:auto;font-size:1rem;line-height:1.5;padding-bottom:50vh;scrollbar-width:none;-ms-overflow-style:none}.terminal-content::-webkit-scrollbar{display:none}.terminal-input-line{font-size:1rem;margin-bottom:.5rem}.terminal-output-line{font-size:1rem;margin-bottom:.5rem;margin-left:0;white-space:pre-wrap;word-break:break-word}.terminal-prompt{font-weight:700;display:inline}.terminal-input-wrapper{display:inline}.terminal-input{white-space:pre-wrap;word-break:break-all}.terminal-cursor{color:var(--terminal-cursor);font-weight:700;background:var(--terminal-cursor);color:var(--terminal-bg);padding:0 2px}.terminal-cursor.blinking{animation:blink 1s step-end infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hidden{display:none!important}@media (max-width: 768px){.terminal-screen{padding:1rem}.typing-text{font-size:clamp(1.5rem,8vw,3rem)}.terminal-content,.terminal-input-line,.terminal-output-line{font-size:.9rem}.terminal-content{padding-bottom:60vh}}@media (max-width: 480px){.terminal-screen{padding:.5rem}.typing-text{font-size:clamp(1.2rem,10vw,2rem)}.terminal-content,.terminal-input-line,.terminal-output-line{font-size:.8rem}.terminal-input-line{flex-wrap:wrap}.terminal-content{padding-bottom:70vh}}.terminal-content::-webkit-scrollbar{width:8px}.terminal-content::-webkit-scrollbar-track{background:var(--terminal-bg)}.terminal-content::-webkit-scrollbar-thumb{background:var(--terminal-text-dim);border-radius:4px}.terminal-content::-webkit-scrollbar-thumb:hover{background:var(--terminal-text)}.reader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--terminal-bg);z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;justify-content:center;outline:none;scrollbar-width:none;-ms-overflow-style:none}.reader-overlay::-webkit-scrollbar{display:none}.reader-overlay.active{opacity:1;visibility:visible}.reader-container{width:100%;max-width:700px;padding:4rem 2rem 8rem;min-height:100vh}.reader-header{text-align:center;margin-bottom:2rem;position:relative}.reader-close-btn{display:none;background:transparent;color:var(--terminal-text-dim);border:none;padding:0;font-size:.9rem;font-weight:400;cursor:pointer;transition:color .2s ease;font-family:inherit;line-height:1;text-decoration:underline;margin-bottom:1rem}.reader-close-btn:active{color:var(--terminal-text)}@media (hover: none) and (pointer: coarse){.reader-close-btn{display:block}.reader-hint{display:none}}.reader-hint{font-size:.9rem;color:var(--terminal-text-dim);font-style:italic}.reader-content{color:var(--terminal-text);font-size:1rem;line-height:1.8}.article-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--terminal-text-dim)}.article-title{font-size:2.5rem;font-weight:700;color:var(--terminal-accent);margin-bottom:1rem;line-height:1.2}.article-description{font-size:1.2rem;color:var(--terminal-text-dim);margin-bottom:1rem;line-height:1.4}.article-meta{display:flex;gap:1.5rem;font-size:.9rem;color:var(--terminal-text-dim);margin-bottom:1rem}.article-author:before{content:"By "}.article-date:before{content:"Published "}.article-share{margin-top:1rem;display:flex;align-items:center;gap:.5rem}.share-label{font-size:.9rem;color:var(--terminal-text-dim)}.share-url{flex:1;background:#ffffff0d;border:1px solid var(--terminal-text-dim);color:var(--terminal-text);padding:.5rem;font-family:var(--font-mono);font-size:.85rem;border-radius:4px;cursor:pointer}.share-url:focus{outline:2px solid var(--terminal-accent);outline-offset:2px}.article-body h1{font-size:2rem;color:var(--terminal-accent);margin:2rem 0 1rem;font-weight:700;line-height:1.3}.article-body h2{font-size:1.6rem;color:var(--terminal-prompt-user);margin:1.8rem 0 .8rem;font-weight:700;line-height:1.3}.article-body h3{font-size:1.3rem;color:var(--terminal-prompt-host);margin:1.5rem 0 .8rem;font-weight:700;line-height:1.3}.article-body p{margin-bottom:1.2rem}.article-body a{color:var(--terminal-prompt-host);text-decoration:underline}.article-body a:hover{color:var(--terminal-accent)}.article-body strong{font-weight:700;color:var(--terminal-text)}.article-body em{font-style:italic;color:var(--terminal-text-dim)}.article-body code{background:#ffffff1a;padding:.2rem .4rem;border-radius:3px;font-family:var(--font-mono);font-size:.9em;color:var(--terminal-accent)}.article-body pre{background:#0000004d;padding:1rem;border-radius:6px;overflow-x:auto;margin:1.5rem 0;border-left:3px solid var(--terminal-accent)}.article-body pre code{background:none;padding:0;color:var(--terminal-text)}.article-body ul,.article-body ol{margin:1rem 0;padding-left:2rem}.article-body li{margin-bottom:.5rem}.article-body blockquote{border-left:4px solid var(--terminal-accent);padding-left:1rem;margin:1.5rem 0;color:var(--terminal-text-dim);font-style:italic}.article-body img{max-width:100%;height:auto;margin:1.5rem 0;border-radius:6px}.article-body hr{border:none;border-top:1px solid var(--terminal-text-dim);margin:2rem 0}@media (max-width: 768px){.reader-container{padding:3rem 1.5rem}.article-title{font-size:2rem}.article-description{font-size:1.1rem}.article-body h1{font-size:1.6rem}.article-body h2{font-size:1.4rem}.article-body h3{font-size:1.2rem}}@media (max-width: 480px){.reader-container{padding:2rem 1rem}.article-title{font-size:1.5rem}.article-description{font-size:1rem}.article-meta{flex-direction:column;gap:.5rem}.article-body h1{font-size:1.4rem}.article-body h2{font-size:1.2rem}.article-body h3{font-size:1.1rem}.reader-content{font-size:.95rem}}