:root{--bg:#f4f6f8;--fg:#0b0f14;--muted:#5a6572;--accent:#008fa3;--accent-dim:#e0f7fa;--highlight:#d46b00;--surface:#ffffff;--surface-2:#f0f2f5;--border:#dde2e7;--shadow:0 1px 3px rgba(11,15,20,0.06), 0 1px 2px rgba(11,15,20,0.04)}[data-theme=dark]{--bg:#0b0f14;--fg:#e6e6e6;--muted:#8a95a5;--accent:#00e5ff;--accent-dim:rgba(0,229,255,0.18);--highlight:#ff8a00;--surface:#121820;--surface-2:#1a2230;--border:#1e2a38;--shadow:0 1px 3px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3)}*{box-sizing:border-box}html,body{height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;background:var(--bg);color:var(--fg);margin:0;line-height:1.65;font-size:16px;display:flex;flex-direction:column;transition:background .25s,color .25s}header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow);position:sticky;top:0;z-index:50}.logo{font-weight:700;font-size:1.15rem;letter-spacing:-.03em;text-decoration:none;color:var(--fg)}.logo-tj{color:var(--accent)}.logo-rest{color:var(--fg)}.logo-mark{font-weight:800;font-size:1.3rem;letter-spacing:-.04em;text-decoration:none;color:var(--accent)}nav{display:flex;gap:.25rem;align-items:center}nav a{color:var(--fg);text-decoration:none;font-weight:500;font-size:.9rem;padding:.35rem .65rem;border-radius:6px;transition:background .15s,color .15s}nav a:hover{background:var(--accent-dim);color:var(--accent)}.btn-icon{background:0 0;border:none;color:var(--muted);cursor:pointer;padding:.35rem .5rem;border-radius:6px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.btn-icon:hover{background:var(--accent-dim);color:var(--accent)}.btn-icon svg{width:18px;height:18px;stroke-width:2.2}#mobile-menu-toggle{display:none}#mobile-menu{display:none;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}#mobile-menu.show{display:flex;flex-direction:column;padding:.5rem 1.5rem 1rem;gap:.25rem}#mobile-menu a{color:var(--fg);text-decoration:none;font-weight:500;padding:.6rem 0;border-bottom:1px solid var(--border)}#mobile-menu a:last-child{border-bottom:none}main{flex:1;max-width:740px;width:100%;margin:0 auto;padding:2.5rem 1.5rem}.hero{text-align:center;margin:1.5rem 0 2.5rem}.hero h1{font-size:clamp(3rem,12vw,5.5rem);margin:0;letter-spacing:-.05em;line-height:1;font-weight:800}.tagline{color:var(--highlight);font-size:1rem;margin:.6rem 0 0;font-weight:600;letter-spacing:.02em}.tagline-sub{color:var(--muted);font-size:.95rem;margin:.4rem 0 0}.meme-container{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.75rem;margin:2rem 0;box-shadow:var(--shadow)}.meme-container h2{margin-top:0;font-size:1.05rem;color:var(--highlight)}.meme-container p{margin-bottom:.75em}.dilbert-gif{max-width:280px;height:auto;display:block;margin:1rem auto;border-radius:8px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;transition:transform .15s,border-color .2s,box-shadow .2s;box-shadow:var(--shadow)}.card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 4px 14px rgba(0,0,0,.1)}[data-theme=dark] .card:hover{box-shadow:0 4px 14px rgba(0,229,255,8%)}.card h2{font-size:.72rem;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:700}.card h3{font-size:1.05rem;margin:0 0 .4rem;line-height:1.3}.card h3 a{color:var(--fg);text-decoration:none}.card h3 a:hover{color:var(--accent)}.card p{margin:0;font-size:.88rem;color:var(--muted);line-height:1.5}h1,h2,h3,h4{margin:1.6em 0 .5em;line-height:1.25;position:relative}h1{font-size:1.9rem;padding-bottom:.5rem;border-bottom:2px solid var(--border);font-weight:700;position:relative}h1::after{content:'';position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--accent),var(--highlight))}h2{font-size:1.4rem;font-weight:600}.heading-anchor{text-decoration:none;color:var(--muted);font-weight:400;font-size:.85em;margin-left:.3rem;opacity:0;transition:opacity .15s}h1:hover .heading-anchor,h2:hover .heading-anchor,h3:hover .heading-anchor,h4:hover .heading-anchor{opacity:1}p{margin:0 0 1em}main img{max-width:100%;height:auto;display:block;margin:1.5rem auto;border-radius:10px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}ul{list-style:none;padding:0;margin:0}.post-list li{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.25rem;margin-bottom:.75rem;box-shadow:var(--shadow);transition:transform .15s,border-color .2s}.post-list li:hover{transform:translateY(-1px);border-color:var(--accent)}.post-list h2{margin:0;font-size:1.05rem;font-weight:600;line-height:1.4}.post-list h2 a{font-weight:600;font-size:inherit;color:var(--fg);text-decoration:none}.post-list h2 a:hover{color:var(--accent);text-decoration:none}.post-meta{display:flex;gap:.6rem;margin-top:.3rem;font-size:.82rem;color:var(--muted);flex-wrap:wrap;align-items:center}.post-meta a{color:var(--accent);font-size:.78rem;background:var(--accent-dim);padding:.15rem .5rem;border-radius:4px;text-decoration:none;font-weight:500}.post-meta a:hover{background:var(--accent);color:var(--bg);text-decoration:none}.tags{display:flex;gap:.35rem;flex-wrap:wrap}footer{text-align:center;padding:1.75rem 1.5rem;background:var(--surface);border-top:1px solid var(--border);color:var(--muted);font-size:.82rem;margin-top:auto}footer a{color:var(--muted)}footer a:hover{color:var(--accent)}.search-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;justify-content:center;align-items:flex-start;padding-top:10vh;z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.search-overlay.active{opacity:1;visibility:visible}.search-modal{background:var(--surface);width:92%;max-width:640px;border-radius:14px;padding:2.75rem 1.5rem 1.5rem;position:relative;box-shadow:0 24px 64px rgba(0,0,0,.35);border:1px solid var(--border)}.search-modal-close{position:absolute;top:.6rem;right:.8rem;background:0 0;border:none;font-size:1.6rem;color:var(--muted);cursor:pointer;line-height:1}.search-modal-close:hover{color:var(--accent)}.search-modal .pagefind-ui{--pagefind-ui-font:inherit;--pagefind-ui-text:var(--fg);--pagefind-ui-background:var(--surface);--pagefind-ui-border:var(--border);--pagefind-ui-primary:var(--accent)}.search-fallback{color:var(--muted);text-align:center;padding:2rem 0}blockquote{border-left:3px solid var(--accent);padding-left:1rem;margin-left:0;color:var(--muted);font-style:italic}pre,code{font-family:sf mono,ui-monospace,cascadia code,source code pro,Menlo,Consolas,monospace;font-size:.88em}pre{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:1rem;overflow-x:auto}code{background:var(--accent-dim);padding:.15rem .4rem;border-radius:5px;font-size:.85em}pre code{background:0 0;padding:0}pre:has(code[data-lang=terminal]){background:var(--surface-2);border-color:var(--border)}table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.92rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}table thead{background:linear-gradient(180deg,var(--surface-2),var(--surface));border-bottom:2px solid var(--accent)}table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--fg);font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}table td{padding:.7rem 1rem;border-bottom:1px solid var(--border);color:var(--fg);line-height:1.5}table tbody tr:nth-child(even){background:var(--surface-2)}table tbody tr:hover{background:var(--accent-dim)}table tbody tr:last-child td{border-bottom:none}table td code{font-size:.8em}table td strong{color:var(--accent)}.mmbn-textbox{display:flex;align-items:center;background:var(--surface);border:2px solid var(--accent);border-radius:10px;max-width:600px;margin:2rem auto;font-family:ui-monospace,SFMono-Regular,monospace;box-shadow:var(--shadow);overflow:hidden}.mmbn-portrait{flex-shrink:0;padding:1rem;background:var(--accent-dim);border-right:2px solid var(--accent);display:flex;align-items:center;justify-content:center}.mmbn-text{padding:1.25rem;flex:1}.mmbn-text p{margin:0;font-size:.85rem;line-height:1.6}.animated-section{text-align:center;margin:2.5rem 0}.animated-section .singing-intro{color:var(--accent);font-weight:600;margin-bottom:1rem}.animated-content-frame{white-space:pre-wrap;font-family:monospace;display:block;margin:0 auto;font-size:.85rem;color:var(--fg);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:1rem;max-width:480px}.animated-content-frame:not(:first-of-type){display:none}.intro-section{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border)}.intro-section h2{font-size:1.5rem;font-weight:700;margin:0 0 1rem;color:var(--fg)}.intro-section p{color:var(--fg);line-height:1.7}.dilbert-figure{margin:2rem auto 0;text-align:center}.dilbert-figure figcaption{color:var(--muted);font-size:.88rem;font-style:italic;margin-top:.5rem}.not-found{text-align:center}.four-oh-four-actions{margin:1.5rem 0 2rem}.four-oh-four-actions p{margin:.4rem 0}.pet-device{display:flex;justify-content:center;margin:2rem 0}.pet-body{width:100px;height:140px;background:linear-gradient(180deg,#1a2635 0%,#0f1824 100%);border:2px solid var(--accent);border-radius:16px;position:relative;box-shadow:0 0 20px rgba(0,229,255,.15),0 4px 12px rgba(0,0,0,.3);display:flex;flex-direction:column;align-items:center;padding:8px}[data-theme=light] .pet-body{background:linear-gradient(180deg,#e8f4f8 0%,#d0e8f0 100%);border-color:var(--accent);box-shadow:0 0 16px rgba(0,143,163,.12),0 4px 12px rgba(0,0,0,8%)}.pet-antenna{position:absolute;top:-14px;right:18px;width:3px;height:14px;background:var(--accent);border-radius:2px}.pet-antenna::after{content:'';position:absolute;top:-5px;left:-3px;width:9px;height:9px;background:var(--highlight);border-radius:50%;box-shadow:0 0 8px var(--highlight)}.pet-screen{width:72px;height:72px;background:#050a10;border:1px solid var(--accent);border-radius:8px;margin-top:8px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}[data-theme=light] .pet-screen{background:#0a141c;border-color:var(--accent)}.pet-screen::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient( 0,transparent,transparent 2px,rgba(0,229,255,3%) 2px,rgba(0,229,255,3%) 4px );pointer-events:none}.pet-glitch{font-family:ui-monospace,monospace;font-size:2rem;font-weight:700;color:var(--highlight);animation:pet-glitch 1.2s infinite}@keyframes pet-glitch{0%,100%{opacity:1;transform:translate(0)}20%{opacity:.8;transform:translate(-1px,1px)}40%{opacity:1;transform:translate(1px,-1px)}60%{opacity:.6;transform:translate(-1px,0);color:var(--accent)}80%{opacity:1;transform:translate(0)}}.pet-buttons{display:flex;gap:8px;margin-top:10px}.pet-btn{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:ui-monospace,monospace;font-size:.65rem;font-weight:700;border:1px solid}.pet-btn-a{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.pet-btn-b{background:rgba(255,138,0,.15);color:var(--highlight);border-color:var(--highlight)}.pet-cable{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:4px;height:20px;background:linear-gradient(180deg,var(--accent),transparent);border-radius:0 0 2px 2px}@media(max-width:640px){.desktop-nav{display:none}#mobile-menu-toggle{display:flex}.cards{grid-template-columns:1fr}main{padding:1.5rem 1rem}.meme-container{padding:1.25rem}.mmbn-textbox{flex-direction:column}.mmbn-portrait{border-right:none;border-bottom:2px solid var(--accent)}header{padding:.75rem 1rem}}