*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.65;transition:background .25s,color .25s}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}:root,[data-theme=dark]{--bg:#0f1117;--bg-card:#1a1d27;--bg-sidebar:#141720;--border:#2a2d3a;--text:#e2e4ee;--text-muted:#7b7f96;--text-faint:#4a4e66;--accent:#e05a28;--accent-hover:#9b8dfb;--accent-soft:#7c6af726;--tag-bg:#7c6af72e;--tag-text:#a89ff9;--danger:#f87171;--success:#4ade80;--yt-red:#f44;--sc-orange:#f50;--radius:12px;--radius-sm:7px;--shadow:#00000059;--shadow-sm:0 2px 8px #0000004d;--nav-h:58px;--ink:#e8e6df;--paper:#141412;--muted:#8a8880;--rule:#2c2c28;--accent2:#5b9fd6;--surface:#1e1e1a;--surface2:#252520;--code-bg:#1e1e1a;--code-fg:#e8e6df;--pre-bg:#0e0e0c;--pre-fg:#e8e6df;--toggle-icon:"🌙"}[data-theme=light]{--bg:#f7f8fc;--bg-card:#fff;--bg-sidebar:#f0f2f8;--border:#dde0ee;--text:#1a1c2e;--text-muted:#555879;--text-faint:#9095b5;--accent:#c1440e;--accent-hover:#4338ca;--accent-soft:#5b4fe81a;--tag-bg:#5b4fe81f;--tag-text:#5b4fe8;--danger:#ef4444;--shadow:#00000012;--shadow-sm:0 2px 8px #0000000f;--ink:#1a1a18;--paper:#faf9f6;--muted:#6b6b63;--rule:#e2e0d8;--accent2:#2a5f8f;--surface:#f2f0eb;--surface2:#ebe9e2;--code-bg:#f2f0eb;--code-fg:#1a1a18;--pre-bg:#1a1a18;--pre-fg:#e8e6df;--toggle-icon:"☀️"}nav{z-index:100;height:var(--nav-h);background:var(--bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:1rem;padding:0 1.5rem;display:flex;position:sticky;top:0}.nav-logo{letter-spacing:-.5px;color:var(--text);white-space:nowrap;font-size:1.1rem;font-weight:700}.nav-logo span{color:var(--accent)}.nav-tabs{gap:.25rem;margin:0 auto 0 1.5rem;list-style:none;display:flex}.nav-tabs button{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.45rem .85rem;font-size:.88rem;font-weight:500;transition:background .15s,color .15s}.nav-tabs button:hover{background:var(--accent-soft);color:var(--text)}.nav-tabs button.active{background:var(--accent-soft);color:var(--accent)}.nav-actions{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.rss-btn{border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);align-items:center;gap:.3rem;padding:.4rem .75rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.rss-btn:hover{background:var(--accent);color:#fff;text-decoration:none}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;padding:.4rem .85rem;font-size:.82rem;font-weight:500;transition:border-color .15s,color .15s}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.page{max-width:1080px;margin:0 auto;padding:2.5rem 1.5rem 5rem;display:none}.page.active{display:block}.about-header{align-items:center;gap:1.25rem;margin-bottom:1.5rem;display:flex}.avatar{background:var(--accent-soft);border:2px solid var(--accent);width:64px;height:64px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.about-name{letter-spacing:-.5px;font-size:1.8rem;font-weight:800}.about-tagline{color:var(--text-muted);margin-top:.15rem;font-size:.9rem}.about-bio p{color:var(--text-muted);margin-bottom:1rem;line-height:1.75}.about-bio strong{color:var(--text)}.divider{border:none;border-top:1px solid var(--border);margin:1.75rem 0}.socials-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:.75rem;font-size:.78rem;font-weight:600}.socials{flex-wrap:wrap;gap:.6rem;display:flex}.social-link{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-muted);align-items:center;gap:.45rem;padding:.4rem .9rem;font-size:.84rem;font-weight:500;transition:border-color .15s,color .15s,background .15s;display:flex}.social-link svg{fill:currentColor;flex-shrink:0;width:16px;height:16px}.social-link:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);text-decoration:none}.blog-inner{grid-template-columns:220px 1fr;align-items:start;gap:2rem;display:grid}@media (width<=768px){.blog-inner{grid-template-columns:1fr}.blog-sidebar{flex-wrap:wrap;gap:1rem;display:flex}.blog-sidebar .sidebar-section{flex:160px}}.blog-sidebar{top:calc(var(--nav-h) + 1rem)}.sidebar-section{display:"flex";margin-bottom:1.5rem}.sidebar-heading{text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin-bottom:.5rem;padding:0 .5rem;font-size:.72rem;font-weight:700}.sidebar-list{list-style:none}.sidebar-list li button{border-radius:var(--radius-sm);width:100%;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.35rem .5rem;font-size:.84rem;transition:background .12s,color .12s;display:flex}.sidebar-list li button:hover{background:var(--accent-soft);color:var(--text)}.sidebar-list li button.active{background:var(--accent-soft);color:var(--accent)}.count{background:var(--border);color:var(--text-faint);border-radius:999px;padding:.1rem .4rem;font-size:.72rem}.search-box{padding:0 .25rem}.search-box input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:.45rem .75rem;font-size:.84rem;transition:border-color .15s}.search-box input:focus{border-color:var(--accent)}.search-box input::placeholder{color:var(--text-faint)}.blog-list-header{justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;display:flex}.blog-page-title{font-size:1.6rem;font-weight:800}.blog-subtitle{color:var(--text-muted);margin-top:.2rem;font-size:.9rem}.post-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1.25rem 1.4rem;transition:border-color .15s,box-shadow .15s}.post-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.post-card-header{margin-bottom:.5rem}.post-card-title{color:var(--text);font-size:1.1rem;font-weight:700;line-height:1.35}.post-card-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.35rem;display:flex}.post-date{color:var(--text-faint);font-size:.8rem}.post-tag{background:var(--tag-bg);color:var(--tag-text);border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:600}.reading-time{color:var(--text-faint);font-size:.78rem}.post-excerpt{color:var(--text-muted);margin-bottom:.9rem;font-size:.88rem;line-height:1.6}.post-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.read-more{color:var(--accent);font-size:.85rem;font-weight:600}.read-more:hover{text-decoration:underline}.post-card-actions{gap:.5rem;display:flex}.action-btn{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.action-btn svg{fill:currentColor;flex-shrink:0}.action-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.like-btn.liked,.like-btn.liked:hover{border-color:var(--danger);color:var(--danger);background:#f871711a}.like-btn.liked svg{fill:var(--danger)}.post-actions-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.6rem;margin:.75rem 0 1.5rem;padding-bottom:1.25rem;display:flex}.post-footer-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:.6rem;margin:2rem 0 1rem;padding-top:1.25rem;display:flex}.single-post{width:100%}.back-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;margin-bottom:1.25rem;padding:0;font-size:.88rem;font-weight:600;display:inline-flex}.back-btn:hover{text-decoration:underline}.single-post-title{letter-spacing:-.5px;margin-bottom:.6rem;font-size:2rem;font-weight:800;line-height:1.25}.single-post-meta{color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.single-post-body{text-wrap:wrap;margin-top:1rem;line-height:1.8}.single-post-body h1,.single-post-body h2,.single-post-body h3,.single-post-body h4{color:var(--text);margin:2rem 0 .75rem;font-weight:700;line-height:1.3}.single-post-body h1{font-size:1.7rem}.single-post-body h2{border-bottom:1px solid var(--border);padding-bottom:.4rem;font-size:1.35rem}.single-post-body h3{font-size:1.1rem}.single-post-body p{color:var(--text-muted);margin-bottom:1.1rem}.single-post-body a{color:var(--accent)}.single-post-body ul,.single-post-body ol{color:var(--text-muted);margin-bottom:1rem;padding-left:1.5rem}.single-post-body li{margin-bottom:.35rem}.single-post-body blockquote{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-muted);margin:1.25rem 0;padding:.5rem 1rem;font-style:italic}.single-post-body code{background:var(--bg-sidebar);color:var(--accent-hover);border-radius:4px;padding:.15em .4em;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85em}.single-post-body pre{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:1.25rem;padding:1rem 1.25rem;overflow-x:auto}.single-post-body pre code{color:var(--text);background:0 0;padding:0;font-size:.85rem}.single-post-body table{border-collapse:collapse;width:100%;margin-bottom:1.25rem;font-size:.88rem}.single-post-body th,.single-post-body td{border:1px solid var(--border);text-align:left;padding:.55rem .85rem}.single-post-body th{background:var(--bg-sidebar);font-weight:600}.single-post-body img{border-radius:var(--radius-sm);margin:.75rem 0}.single-post-body hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.giscus-section{border-top:1px solid var(--border);margin-top:2.5rem;padding-top:1.5rem}.comments-heading{color:var(--text);margin-bottom:1rem;font-size:1rem;font-weight:700}.projects-header{margin-bottom:2rem}.projects-title{margin-bottom:.3rem;font-size:1.6rem;font-weight:800}.projects-subtitle{color:var(--text-muted);font-size:.9rem}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.1rem;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem;transition:border-color .15s,box-shadow .15s}.project-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.project-title{color:var(--text);margin-bottom:.4rem;font-size:1rem;font-weight:700}.project-desc{color:var(--text-muted);margin-bottom:.85rem;font-size:.87rem;line-height:1.6}.project-tags{flex-wrap:wrap;gap:.35rem;margin-bottom:.85rem;display:flex}.project-tag{background:var(--tag-bg);color:var(--tag-text);border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:600}.project-links{gap:.5rem;display:flex}.project-link{color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:.3rem .7rem;font-size:.82rem;font-weight:600;transition:background .15s,color .15s}.project-link:hover{background:var(--accent);color:#fff;text-decoration:none}.empty-state{color:var(--text-faint);padding:2rem 0;font-size:.9rem}.music-inner{max-width:900px;margin:0 auto}.music-header{margin-bottom:2rem}.music-title{margin-bottom:.3rem;font-size:1.6rem;font-weight:800}.music-subtitle{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.music-external-links{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.music-ext-link{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-muted);padding:.35rem .85rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .15s}.music-ext-link:hover{text-decoration:none}.music-ext-link.yt:hover{border-color:var(--yt-red);color:var(--yt-red);background:#ff444414}.music-ext-link.sc:hover{border-color:var(--sc-orange);color:var(--sc-orange);background:#ff550014}.music-ext-link.mc:hover{color:#52a0d8;background:#52a0d814;border-color:#52a0d8}.music-ext-link.bc:hover{color:#4e9de0;background:#4e9de014;border-color:#4e9de0}.music-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.music-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s,box-shadow .15s;overflow:hidden}.music-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}.embed-wrap{background:#000;width:100%;position:relative}.yt-embed{padding-top:56.25%}.sc-embed{height:300px}.embed-wrap iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.sc-embed iframe{width:100%;height:100%;position:static}.music-card-body{padding:1rem 1.25rem 1.1rem}.music-card-meta{align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.music-genre-tag{text-transform:uppercase;letter-spacing:.06em;background:var(--tag-bg);color:var(--tag-text);border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.music-year{color:var(--text-faint);font-size:.75rem}.music-card-title{color:var(--text);margin-bottom:.2rem;font-size:1rem;font-weight:700;line-height:1.3}.music-card-artist{color:var(--text-muted);margin-bottom:.4rem;font-size:.82rem}.music-card-desc{color:var(--text-faint);margin-bottom:.75rem;font-size:.82rem;line-height:1.5}.music-card-actions{flex-wrap:wrap;gap:.5rem;display:flex}.toast{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);box-shadow:var(--shadow);opacity:0;z-index:9999;pointer-events:none;white-space:nowrap;padding:.65rem 1.4rem;font-size:.88rem;font-weight:500;transition:transform .25s,opacity .25s;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(calc(100% + 2rem))}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}footer{text-align:center;color:var(--text-faint);border-top:1px solid var(--border);margin-top:2rem;padding:2rem 1.5rem 3rem;font-size:.82rem}.footer-rss{color:var(--accent);font-weight:600}@media (width<=640px){nav{gap:.5rem;width:100%;padding:0 1rem}.nav-tabs{gap:0;margin-left:.5rem}.nav-tabs button{padding:.4rem .6rem;font-size:.8rem}.rss-btn span{display:none}.page{padding:1.5rem 1rem 4rem}.single-post-title{font-size:1.5rem}.music-grid,.projects-grid{grid-template-columns:1fr}.about-name{font-size:1.4rem}}@media (width<=420px){.nav-tabs button{padding:.35rem .5rem;font-size:.76rem}.rss-btn{padding:.35rem .5rem}}