.loader-overlay{position:fixed;inset:0;z-index:10000;background:var(--bg);display:flex;align-items:center;justify-content:center;transition:opacity .4s ease}.loader-inner{text-align:center}.loader-logo{font-size:1.5rem;color:var(--green);display:block;margin-bottom:1rem}.loader-text{font-size:.8rem;color:var(--muted);margin-bottom:1.5rem}.loader-spinner{width:28px;height:28px;margin:0 auto;border:2px solid var(--border);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}.nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;padding-bottom:.75rem}.nav-logo{font-weight:700;font-size:1rem;color:var(--green);text-decoration:none;transition:opacity .2s}.nav-logo:hover{opacity:.8}.nav-center{display:flex;gap:1.25rem}.nav-center a,.nav-action{color:var(--muted);text-decoration:none;font-size:.8rem;background:none;border:none;cursor:pointer;transition:color .2s;padding:0}.nav-center a:hover,.nav-action:hover{color:var(--green)}.theme-toggle{color:var(--muted);background:none;border:none;font-size:.8rem;cursor:pointer;transition:color .2s;padding:0}.theme-toggle:hover{color:var(--amber)}.section{padding:3rem 0}.home-header{text-align:center;margin-bottom:2rem}.ascii-border{font-size:.75rem;color:var(--border);letter-spacing:.05em}.masthead-title{font-size:clamp(2rem,5vw,4rem);font-weight:700;line-height:1.1;color:var(--bright);margin:1rem 0;letter-spacing:-.03em}.masthead-sub{font-size:.85rem;color:var(--muted)}.status-bar{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:1.5rem;font-size:.75rem;color:var(--muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.status-sep{color:var(--border)}.blink{animation:blink 1s step-end infinite;color:var(--green)}.url-form{margin:2rem 0;padding:1.25rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:4px}.url-label{font-size:.8rem;color:var(--muted);display:block;margin-bottom:.75rem}.url-row{display:flex;gap:.75rem}.url-input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:.65rem 1rem;color:var(--bright);font-size:.85rem;transition:border-color .2s;outline:none}.url-input:focus{border-color:var(--green)}.url-input::-moz-placeholder{color:var(--muted)}.url-input::placeholder{color:var(--muted)}.url-btn{background:var(--green);color:var(--bg);border:none;border-radius:3px;padding:.65rem 1.5rem;font-size:.85rem;font-weight:700;cursor:pointer;transition:opacity .2s}.url-btn:hover{opacity:.85}.article-stats{font-size:.8rem;color:var(--muted);margin:1rem 0 .5rem}.card-grid{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--border)}.card{display:flex;gap:1.25rem;text-decoration:none;color:inherit;padding:1.5rem;border-bottom:1px solid var(--border);transition:background .15s}.card:last-child{border-bottom:none}.card:hover{background:var(--surface)}.card-index{font-size:.8rem;color:var(--muted);min-width:2rem;padding-top:.3rem}.card-body{display:flex;flex-direction:column;gap:.6rem;flex:1;min-width:0}.card-tag{font-size:.7rem;color:var(--green);letter-spacing:.05em}.card-title{font-family:IBM Plex Sans,-apple-system,sans-serif;font-size:1.15rem;font-weight:600;line-height:1.45;color:var(--bright)}.card-meta{font-size:.75rem;color:var(--muted);margin-top:.1rem}.skeleton-card{pointer-events:none}.skeleton-line{background:var(--border);border-radius:3px;animation:skeleton-pulse 1.5s ease-in-out infinite alternate}@keyframes skeleton-pulse{0%{opacity:.4}to{opacity:.8}}.empty-state{text-align:center;padding:3rem;color:var(--muted);font-size:.9rem}.reading-progress{position:fixed;top:0;left:0;width:0;height:2px;background:var(--green);z-index:1000;transition:width .2s ease}.article-container{max-width:680px;margin:0 auto;padding:0 2rem}.article-breadcrumb{font-size:.8rem;color:var(--muted);margin-bottom:2rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:4px}.article-tag{font-size:.75rem;color:var(--green);letter-spacing:.05em;margin-bottom:1rem}.article-headline{font-family:IBM Plex Sans,-apple-system,sans-serif;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:600;line-height:1.25;color:var(--bright);margin-bottom:1.25rem}.article-meta{font-size:.8rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.article-meta strong{color:var(--text)}.meta-sep{color:var(--border)}.article-divider{color:var(--border);margin:1.5rem 0;letter-spacing:.3em}.article-body{font-size:1.2rem;line-height:1.85;color:var(--text)}.article-body p{margin-bottom:1.5rem}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{font-family:JetBrains Mono,Menlo,monospace;font-weight:700;color:var(--green);margin:2.5rem 0 1rem}.article-body h3{font-size:1.1rem}.article-body h4{font-size:1rem}.article-body h5,.article-body h6{font-size:.95rem}.article-body a{color:var(--green);text-decoration:underline;text-decoration-color:#00e88f4d}.article-body a:hover{text-decoration-color:var(--green)}.article-body blockquote{margin:2rem 0;padding:1.25rem 1.5rem;background:var(--blockquote-bg);border-left:3px solid var(--green);font-family:JetBrains Mono,Menlo,monospace;font-size:.95rem;line-height:1.7;color:var(--bright)}.article-body blockquote p{margin:0}.article-body img{max-width:100%;height:auto;border-radius:4px;margin:2rem 0;border:1px solid var(--border)}.article-body figure{margin:2rem 0}.article-body figcaption{font-family:JetBrains Mono,Menlo,monospace;font-size:.75rem;color:var(--muted);text-align:center;margin-top:.5rem}.article-body table{width:100%;margin:2rem 0;border-collapse:collapse;font-size:.95rem}.article-body th,.article-body td{padding:.6rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.article-body th{font-family:JetBrains Mono,Menlo,monospace;font-weight:700;color:var(--bright);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.article-body strong,.article-body b{color:var(--bright);font-weight:600}.article-body ul,.article-body ol{margin:0 0 1.5rem;padding-left:2rem}.article-body li{margin-bottom:.5rem}.article-body hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}.article-body code{font-family:JetBrains Mono,Menlo,monospace;background:var(--surface);padding:.15rem .4rem;border-radius:3px;font-size:.9rem;color:var(--green)}.article-body pre{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1.25rem;overflow-x:auto;margin:2rem 0}.article-body pre code{background:none;padding:0;color:var(--text);font-size:.85rem}.article-body .byline,.article-body .headline{display:none}@media(max-width:768px){.nav-center{display:none}.url-row{flex-direction:column}.article-body{font-size:1.1rem}.article-headline{font-size:1.6rem}}