.theme-toggle{background:none;border:1px solid var(--border-default);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:700;padding:var(--space-1) var(--space-2);cursor:pointer;transition:all .15s ease}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle-light,[data-theme=light] .theme-toggle-dark{display:none}[data-theme=light] .theme-toggle-light{display:inline}.color-picker{position:relative;display:inline-flex;align-items:center}.color-picker-toggle{background:none;border:1px solid var(--border-default);padding:var(--space-1) var(--space-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s ease;font-size:var(--font-size-xs)}.color-picker-toggle:hover{border-color:var(--accent)}.color-swatch{width:calc(var(--font-size-xs) * 1.6);height:calc(var(--font-size-xs) * 1.6);border:none;cursor:pointer;transition:transform .15s ease}.color-swatch:hover{transform:scale(1.1)}.color-swatch.current{background-color:var(--accent)}.color-swatch.amber{background-color:oklch(.7 .18 55)}.color-swatch.cyan{background-color:oklch(.75 .15 210)}.color-swatch.magenta{background-color:#d36dea}.color-swatch.green{background-color:#57cb60}.color-picker-options{display:none;gap:var(--space-1);position:absolute;right:0;top:100%;margin-top:var(--space-1);padding:var(--space-1);background:var(--bg-surface);border:1px solid var(--border-default);z-index:100}.color-picker-options.open{display:flex}.color-picker-options .color-swatch{padding:0}.site-header[data-astro-cid-3ef6ksr2]{max-width:var(--max-content-width);margin:0 auto;width:100%}.header-inner[data-astro-cid-3ef6ksr2]{display:flex;flex-direction:row;gap:var(--space-4)}.header-controls[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}}{}.site-footer[data-astro-cid-sz7xmlte]{max-width:var(--max-content-width);margin:0 auto;width:100%}.footer-inner[data-astro-cid-sz7xmlte]{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.eof[data-astro-cid-sz7xmlte]{color:var(--accent)}.footer-divider[data-astro-cid-sz7xmlte]{color:var(--border-default)}.heart[data-astro-cid-sz7xmlte]{color:var(--accent)}@media(max-width:600px){.footer-inner[data-astro-cid-sz7xmlte]{justify-content:center;text-align:center}}.last-played[data-astro-cid-ctyq5dlu]{margin-bottom:var(--space-5)}.track-link[data-astro-cid-ctyq5dlu]{display:flex;gap:var(--space-3);align-items:center;color:var(--text-secondary);text-decoration:none;transition:color .15s ease}.track-link[data-astro-cid-ctyq5dlu]:hover{color:var(--accent)}.track-link[data-astro-cid-ctyq5dlu]:hover .track-image[data-astro-cid-ctyq5dlu]{border-color:var(--accent)}.track-image[data-astro-cid-ctyq5dlu]{width:48px;height:48px;border:1px solid var(--border-default);flex-shrink:0}.track-info[data-astro-cid-ctyq5dlu]{min-width:0}.track-name[data-astro-cid-ctyq5dlu]{color:var(--text-primary);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist[data-astro-cid-ctyq5dlu]{color:var(--text-muted);font-size:var(--font-size-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root{--bg-base: oklch(.08 .01 60);--bg-surface: oklch(.12 .015 60);--bg-elevated: oklch(.16 .02 60);--border-subtle: oklch(.2 .015 60);--border-default: oklch(.3 .02 60);--border-bright: oklch(.4 .025 60);--text-primary: oklch(.92 .03 80);--text-secondary: oklch(.7 .025 80);--text-muted: oklch(.45 .02 60);--accent: oklch(.7 .18 55);--accent-bright: oklch(.85 .2 50);--accent-dim: oklch(.55 .14 55);--glow-accent: 0 0 10px oklch(.7 .18 55 / .5), 0 0 20px oklch(.5 .12 55 / .3);--glow-text: 0 0 5px oklch(.7 .18 55 / .4);--font-mono: "Fira Code", "SF Mono", "Menlo", "Monaco", "Consolas", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--sidebar-width: 16rem;--max-content-width: 60rem;--header-height: auto}[data-accent=cyan]{--accent: oklch(.75 .15 210);--accent-bright: oklch(.88 .18 210);--accent-dim: oklch(.55 .12 210);--glow-accent: 0 0 10px oklch(.75 .15 210 / .5), 0 0 20px oklch(.55 .12 210 / .3);--glow-text: 0 0 5px oklch(.75 .15 210 / .4)}[data-accent=magenta]{--accent: oklch(.7 .2 320);--accent-bright: oklch(.82 .22 320);--accent-dim: oklch(.55 .16 320);--glow-accent: 0 0 10px oklch(.7 .2 320 / .5), 0 0 20px oklch(.55 .16 320 / .3);--glow-text: 0 0 5px oklch(.7 .2 320 / .4)}[data-accent=green]{--accent: oklch(.75 .18 145);--accent-bright: oklch(.88 .2 145);--accent-dim: oklch(.55 .14 145);--glow-accent: 0 0 10px oklch(.75 .18 145 / .5), 0 0 20px oklch(.55 .14 145 / .3);--glow-text: 0 0 5px oklch(.75 .18 145 / .4)}[data-theme=light]{--bg-base: oklch(.96 .01 80);--bg-surface: oklch(.92 .015 75);--bg-elevated: oklch(.88 .02 75);--border-subtle: oklch(.85 .015 70);--border-default: oklch(.75 .02 70);--border-bright: oklch(.65 .025 70);--text-primary: oklch(.15 .02 60);--text-secondary: oklch(.35 .02 60);--text-muted: oklch(.55 .015 60);--accent: oklch(.55 .18 50);--accent-bright: oklch(.45 .2 45);--accent-dim: oklch(.65 .14 55);--glow-accent: 0 0 8px oklch(.55 .18 50 / .3), 0 0 16px oklch(.5 .12 50 / .15);--glow-text: 0 0 4px oklch(.55 .18 50 / .25)}[data-theme=light][data-accent=cyan]{--accent: oklch(.5 .15 210);--accent-bright: oklch(.4 .18 210);--accent-dim: oklch(.6 .12 210);--glow-accent: 0 0 8px oklch(.5 .15 210 / .3), 0 0 16px oklch(.4 .12 210 / .15);--glow-text: 0 0 4px oklch(.5 .15 210 / .25)}[data-theme=light][data-accent=magenta]{--accent: oklch(.5 .2 320);--accent-bright: oklch(.4 .22 320);--accent-dim: oklch(.6 .16 320);--glow-accent: 0 0 8px oklch(.5 .2 320 / .3), 0 0 16px oklch(.4 .16 320 / .15);--glow-text: 0 0 4px oklch(.5 .2 320 / .25)}[data-theme=light][data-accent=green]{--accent: oklch(.5 .18 145);--accent-bright: oklch(.4 .2 145);--accent-dim: oklch(.6 .14 145);--glow-accent: 0 0 8px oklch(.5 .18 145 / .3), 0 0 16px oklch(.4 .14 145 / .15);--glow-text: 0 0 4px oklch(.5 .18 145 / .25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-mono);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-base);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:var(--accent);text-decoration:none;transition:all .15s ease}a:hover{color:var(--accent-bright);text-shadow:var(--glow-text)}::selection{background-color:var(--accent);color:var(--bg-base);text-shadow:none}@view-transition{navigation:auto;types:slide,forwards}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:400;line-height:1.3;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{color:var(--text-secondary);margin-bottom:var(--space-4)}code,pre,kbd{font-family:var(--font-mono);font-size:var(--font-size-sm)}pre{background:var(--bg-surface);border:1px dashed var(--border-default);padding:var(--space-4);overflow-x:auto;margin-bottom:var(--space-4)}blockquote{border-left:2px solid var(--accent);padding-left:var(--space-4);color:var(--text-secondary);font-style:normal;margin-bottom:var(--space-4)}.site-wrapper{display:flex;flex-direction:column;min-height:100vh}.site-header{border-bottom:1px solid var(--border-default);padding:var(--space-5)}.site-main{flex:1;display:grid;grid-template-columns:1fr var(--sidebar-width);gap:var(--space-6);max-width:var(--max-content-width);margin:0 auto;padding:var(--space-5);width:100%}.content-area{min-width:0}.site-footer{border-top:1px solid var(--border-default);padding:var(--space-4) var(--space-5);color:var(--text-muted);font-size:var(--font-size-sm)}.terminal-box{border:1px solid var(--border-default);background:var(--bg-surface);padding:var(--space-4);position:relative;margin-bottom:var(--space-5)}.terminal-box[data-title]:before{content:attr(data-title);position:absolute;top:-.75em;left:var(--space-3);background:var(--bg-base);padding:0 var(--space-2);color:var(--accent);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.1em}.terminal-prompt{color:var(--accent)}.section-divider{border:none;border-top:1px solid var(--border-default);margin:var(--space-6) 0}.double-line{border-top:3px double var(--border-default)}.section-title{color:var(--accent);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.section-title:after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--border-default),transparent);margin-left:var(--space-3)}.glitch{position:relative;display:inline-block}.glitch:hover{animation:glitch-skew .5s infinite linear alternate-reverse}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none}.glitch:hover:before{opacity:.8;color:oklch(.7 .2 30);animation:glitch-anim .3s infinite linear alternate-reverse;clip-path:polygon(0 0,100% 0,100% 35%,0 35%)}.glitch:hover:after{opacity:.8;color:oklch(.7 .15 200);animation:glitch-anim-2 .3s infinite linear alternate-reverse;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%)}@keyframes glitch-anim{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes glitch-anim-2{0%{transform:translate(0)}20%{transform:translate(2px,-2px)}40%{transform:translate(2px,2px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(-2px,2px)}to{transform:translate(0)}}@keyframes glitch-skew{0%{transform:skew(0)}20%{transform:skew(0)}21%{transform:skew(1deg)}22%{transform:skew(0)}to{transform:skew(0)}}.cursor{display:inline-block;width:.6em;height:1.1em;background:var(--accent);margin-left:2px;animation:cursor-blink 1s steps(1) infinite;vertical-align:text-bottom}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.nav-container{display:flex;align-items:center;gap:var(--space-2)}.nav-list{display:flex;flex-wrap:wrap;gap:var(--space-3);list-style:none;padding:0;margin:0}.nav-logo{display:flex;align-items:center;justify-content:center;align-self:stretch;padding:0 var(--space-2);background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-muted);transition:all .15s ease}.nav-logo:hover{color:var(--accent);border-color:var(--accent)}.nav-logo svg{display:block}.nav-link{color:var(--text-secondary);padding:var(--space-1) var(--space-2);transition:all .15s ease;position:relative}.nav-link:before{content:"[ "}.nav-link:after{content:" ]"}.nav-link:hover,.nav-link.active{color:var(--bg-base);background:var(--accent);text-shadow:none}.sidebar{font-size:var(--font-size-sm)}.sidebar-section{margin-bottom:var(--space-5)}.sidebar-title{color:var(--accent);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px dashed var(--border-subtle)}.sidebar-list{list-style:none;padding:0;margin:0}.sidebar-list li{margin-bottom:var(--space-2);color:var(--text-secondary)}.sidebar-list a{color:var(--text-secondary)}.sidebar-list a:hover{color:var(--accent-bright)}.status-row{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.status-label{color:var(--text-muted)}.status-value{color:var(--text-primary)}.now-reading-content{display:flex;gap:var(--space-3)}.now-reading-content .book-cover{width:60px;height:auto;flex-shrink:0;border:1px solid var(--border-subtle)}.now-reading-content .book-info{display:flex;flex-direction:column;gap:var(--space-1)}.now-reading-content .book-title{color:var(--text-primary);font-weight:500}.now-reading-content .book-author{color:var(--text-muted);font-size:var(--font-size-xs)}ul,ol{padding-left:var(--space-5);margin-bottom:var(--space-4)}li{color:var(--text-secondary);margin-bottom:var(--space-2)}li::marker{color:var(--accent)}.list-dotted{list-style:none;padding:0}.list-dotted li{display:flex;align-items:baseline;margin-bottom:var(--space-3);gap:var(--space-2)}.list-dotted .date{color:var(--text-muted);font-size:var(--font-size-sm);white-space:nowrap;min-width:100px}.list-dotted .title,.list-dotted .title a{color:var(--text-primary)}.list-dotted .title a:hover{color:var(--accent-bright)}.list-dotted .leader{flex:1;border-bottom:1px dotted var(--border-subtle);margin:0 var(--space-2);min-width:20px;align-self:flex-end;margin-bottom:.3em}.list-dotted .action{color:var(--text-muted);font-size:var(--font-size-sm)}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,oklch(0 0 0 / .03) 2px,oklch(0 0 0 / .03) 4px)}.scanlines:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,oklch(0 0 0 / .15) 100%)}[data-theme=light] .scanlines{background:repeating-linear-gradient(0deg,transparent,transparent 2px,oklch(.3 .02 60 / .04) 2px,oklch(.3 .02 60 / .04) 4px)}[data-theme=light] .scanlines:after{background:radial-gradient(ellipse at center,transparent 0%,oklch(.5 .02 60 / .08) 100%)}.ascii-logo{font-size:var(--font-size-xs);line-height:1.1;color:var(--accent);white-space:pre;margin-bottom:var(--space-4)}.ascii-logo a{color:inherit;text-decoration:none}.ascii-logo a:hover{text-shadow:var(--glow-accent)}.quote-block{margin-bottom:var(--space-5);padding:var(--space-4);border-left:2px solid var(--accent-dim);background:var(--bg-surface)}.quote-text{color:var(--text-primary);margin-bottom:var(--space-2)}.quote-text:before{content:'> "';color:var(--accent)}.quote-text:after{content:'"';color:var(--accent)}.quote-author{color:var(--text-muted);font-size:var(--font-size-sm)}.quote-author:before{content:"-- "}.projects-grid{margin-top:var(--space-5);display:grid;gap:var(--space-4)}.project-card-link{text-decoration:none;color:inherit;display:block}.project-card-link:hover{color:inherit}.project-card{display:grid;grid-template-columns:8rem 1fr;gap:var(--space-4);align-items:start}.project-image{border:1px solid var(--border-default);overflow:hidden;aspect-ratio:3 / 2}.project-image img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(30%) contrast(1.1);transition:filter .3s ease}.project-card:hover .project-image img{filter:grayscale(0%) contrast(1)}.project-content{padding:0}.project-title{font-size:var(--font-size-base);margin-bottom:var(--space-1);text-transform:none;letter-spacing:normal}.project-description{color:var(--text-secondary);font-size:var(--font-size-xs);margin-bottom:var(--space-2)}@media(max-width:600px){.project-card{grid-template-columns:5rem 1fr}}@media(max-width:1024px){:root{--sidebar-width: 240px}}@media(max-width:900px){.site-main{grid-template-columns:1fr;padding:var(--space-4)}.sidebar{order:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);border:1px solid var(--border-default);padding:var(--space-4);margin-top:var(--space-5)}.sidebar-section{margin-bottom:0}.ascii-logo{font-size:.5rem}}@media(max-width:600px){:root{font-size:14px}.site-main{padding:var(--space-3)}.site-header{padding:var(--space-4)}.nav-list{gap:var(--space-2)}.ascii-logo{font-size:.4rem}.sidebar{grid-template-columns:1fr}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}}