:root{--bg-color:#F8FAFC;--text-main:#18181B;--text-muted:#64748B;--accent-blue:#2563EB;--border-color:#E2E8F0;--border-light:#F1F5F9;--code-bg:#18181B}*{box-sizing:border-box}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-color);color:var(--text-main);font-size:17.5px;line-height:1.68;letter-spacing:-0.011em;max-width:720px;margin:0 auto;padding:40px 20px 80px 20px;-webkit-font-smoothing:antialiased}::selection{background-color:#BFDBFE;color:#1E40AF}header,.header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--border-color);margin-bottom:36px}header .logo a,.header .logo a,header>a:first-child{font-size:1.5rem;font-weight:900;color:var(--text-main);text-decoration:none;letter-spacing:-0.05em}header nav a,.header nav a{margin-left:20px;color:var(--text-muted);font-weight:500;font-size:0.95rem;text-decoration:none;transition:color 0.2s ease}header nav a:hover,.header nav a:hover{color:var(--accent-blue)}.hero-section{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;gap:32px!important;margin-bottom:40px!important}.hero-content{flex:1!important;margin:0!important;padding:0!important}.hero-content h2:first-child{margin-top:0!important;padding-top:0!important;line-height:1.1!important}.hero-content p:last-child{margin-bottom:0!important}.hero-logo{flex-shrink:0!important;margin:0!important;padding:0!important}.hero-logo svg{display:block!important;width:140px!important;height:140px!important}.section-header{display:flex;justify-content:space-between;align-items:center;margin-top:40px;margin-bottom:16px}.section-header h3{margin:0;font-size:1.3rem;font-weight:800}.view-all-link{font-size:0.88rem;color:var(--accent-blue);text-decoration:none;font-weight:500}.posts-list{display:flex;flex-direction:column}.post-row{display:flex;flex-direction:column;padding:18px 0;border-bottom:1px solid var(--border-color);gap:10px}.post-row:last-child{border-bottom:1px solid var(--border-color)}.post-title-link{font-size:1.08rem;font-weight:700;color:var(--text-main);text-decoration:none;line-height:1.35}.post-title-link:hover{color:var(--accent-blue)}.post-sub-row{display:flex;align-items:center;justify-content:space-between;width:100%}.post-tags{display:flex;align-items:center;gap:6px}.post-tags a{font-family:'JetBrains Mono',monospace;font-size:0.72rem;background-color:#F1F5F9;color:#475569;border:1px solid #E2E8F0;padding:2px 8px;border-radius:4px;text-decoration:none}.post-tags a:hover{background-color:#EFF6FF;color:var(--accent-blue);border-color:#BFDBFE}.post-date{font-family:'JetBrains Mono',monospace;font-size:0.82rem;color:var(--text-muted)}.post-single{margin-top:10px}.post-single h1.post-title{font-size:2.1rem;font-weight:800;letter-spacing:-0.03em;margin-top:0;margin-bottom:24px;line-height:1.25}.post-content{line-height:1.75;font-size:1.05rem}.post-content img,article img{max-width:100%;height:auto;display:block;margin:1.5rem auto;border-radius:8px}body.lightbox-open{overflow:hidden!important}#lightbox-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:lightboxFadeIn 0.2s ease-out}#lightbox-modal.fade-out{animation:lightboxFadeOut 0.2s ease-in forwards}.lightbox-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(10,10,10,0.85);backdrop-filter:blur(8px)}.lightbox-content{position:relative;z-index:100000;max-width:90vw;max-height:88vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.lightbox-content img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 40px rgba(0,0,0,0.6)}.lightbox-caption{margin-top:14px;color:#E4E4E7;font-family:'JetBrains Mono',monospace,sans-serif;font-size:0.85rem;text-align:center;opacity:0.9}.lightbox-caption i{color:#A1A1AA}@keyframes lightboxFadeIn{from{opacity:0;transform:scale(0.98)}to{opacity:1;transform:scale(1)}}@keyframes lightboxFadeOut{from{opacity:1}to{opacity:0}}.post-footer-meta{margin-top:48px!important;padding-top:20px!important;border-top:1px solid var(--border-color)!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;text-align:left!important}.post-meta-left{font-family:'JetBrains Mono',monospace!important;font-size:0.85rem!important;color:var(--text-muted)!important;margin:0!important;text-align:left!important}.post-footer-meta .post-tags{display:flex!important;gap:6px!important;justify-content:flex-end!important;margin:0!important}#read-progress{position:fixed;top:0;left:0;height:2px;background-color:var(--text-main,#000000);width:0%;z-index:9999;transition:width 0.1s ease-out}blockquote{margin:1.8em 0;padding:14px 20px;border-left:3px solid var(--accent-blue);background:#F1F5F9;border-radius:0 8px 8px 0;color:#334155;font-style:italic}blockquote p{margin:0}pre,pre.sourceCode{background-color:#18181B!important;color:#F8FAFC!important;padding:20px!important;border-radius:8px!important;overflow-x:auto!important;font-family:'JetBrains Mono',monospace!important;font-size:0.88rem!important;line-height:1.6!important;margin:1.8em 0!important;border:1px solid #27272A!important}pre code,code.sourceCode{background:transparent!important;padding:0!important;color:inherit!important;font-family:'JetBrains Mono',monospace!important}p code{color:#2563EB;background-color:#EFF6FF;border:1px solid #BFDBFE;padding:2px 6px;border-radius:4px}.sourceCode .kw{color:#93C5FD!important;font-weight:bold}.sourceCode .dt{color:#FCA5A5!important}.sourceCode .st{color:#86EFAC!important}.sourceCode .co{color:#64748B!important;font-style:italic}.sourceCode .fu{color:#FDE047!important}.sourceCode .op{color:#38BDF8!important}.shots-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:24px!important;margin-top:24px!important}.shot-card{display:flex!important;flex-direction:column!important;gap:10px!important;text-decoration:none!important;border-bottom:none!important}.shot-card img{width:100%!important;aspect-ratio:4 / 3!important;object-fit:cover!important;border-radius:12px!important;border:1px solid var(--border-color)!important;background-color:#E2E8F0;transition:transform 0.2s ease,box-shadow 0.2s ease}.shot-card:hover img{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.06)}.shot-caption{font-size:0.85rem!important;color:var(--text-muted)!important;font-family:'JetBrains Mono',monospace!important}.shots-page p em{font-size:0.62rem;color:var(--text-muted,#71717A);display:block;margin-top:2rem;line-height:1.6}@media (max-width:640px){.shots-grid{grid-template-columns:1fr!important}}footer.site-footer,.site-footer{clear:both!important;margin-top:80px!important;padding-top:24px!important;border-top:1px solid var(--border-color)!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;font-size:0.85rem!important;color:var(--text-muted)!important;width:100%!important}.site-footer .footer-copyright{font-size:0.85rem!important;color:var(--text-muted)!important}.site-footer .social-links{display:flex!important;align-items:center!important;gap:12px!important}.site-footer .social-links a{display:inline-flex!important;align-items:center!important;color:var(--text-muted)!important}.site-footer .social-links svg{width:18px!important;height:18px!important;fill:var(--text-muted)!important;transition:fill 0.2s ease}.site-footer .social-links a:hover svg{fill:var(--accent-blue)!important}.post-stats{font-family:'JetBrains Mono',monospace;font-size:0.82rem;color:var(--text-muted);margin-top:-16px;margin-bottom:24px}pre .copy-code-btn{position:absolute;top:10px;right:10px;font-family:'JetBrains Mono',monospace;font-size:0.72rem;background:rgba(255,255,255,0.1);color:#94A3B8;border:1px solid rgba(255,255,255,0.15);padding:3px 8px;border-radius:4px;cursor:pointer;opacity:0;transition:opacity 0.2s ease,background-color 0.2s ease}pre:hover .copy-code-btn{opacity:1}pre .copy-code-btn:hover{background:rgba(255,255,255,0.2);color:#F8FAFC}pre .copy-code-btn.copied{color:#86EFAC;border-color:#86EFAC}.error-page{padding:40px 0!important;text-align:left!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important}.error-code{font-size:4.5rem!important;font-weight:900!important;line-height:1!important;letter-spacing:-0.05em!important;color:var(--text-main)!important;margin:0 0 20px 0!important}.error-message{font-size:1.8rem!important;font-weight:800!important;line-height:1.25!important;letter-spacing:-0.03em!important;color:var(--text-main)!important;max-width:580px!important;margin:0 0 32px 0!important}.error-actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:16px!important;margin-top:10px!important}.error-actions a{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-family:'Inter',sans-serif!important;font-size:0.9rem!important;font-weight:600!important;line-height:1.4!important;letter-spacing:normal!important;text-decoration:none!important;white-space:nowrap!important;height:auto!important;width:auto!important}.error-actions .btn-primary{background-color:var(--text-main)!important;color:#FFFFFF!important;padding:10px 18px!important;border-radius:6px!important;border:1px solid var(--text-main)!important;transition:opacity 0.2s ease!important}.error-actions .btn-primary:hover{opacity:0.85!important;color:#FFFFFF!important}.error-actions .btn-secondary{background:transparent!important;color:var(--text-muted)!important;padding:10px 14px!important;border:1px solid transparent!important;transition:color 0.2s ease!important}.error-actions .btn-secondary:hover{color:var(--accent-blue)!important}.embed-container{width:100%;margin:1.8rem 0;border-radius:8px;overflow:hidden;background-color:#18181B}.embed-video{position:relative;padding-bottom:56.25%;height:0}.embed-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.embed-spotify{height:152px}.embed-map{height:380px}.embed-map iframe{width:100%;height:100%}@media (max-width:640px){.hero-section{flex-direction:column-reverse!important}.shots-grid{grid-template-columns:1fr!important}footer.site-footer{flex-direction:column!important;gap:12px!important;align-items:flex-start!important}}