@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg:#121212;--bg-code:#1a2332;--text:#ece8e4;--text-muted:#8a9aaa;--accent:#5b9bd4;--accent-light:#1a2e42;--accent-glow:#5b9bd41a;--border:#252d3d;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 30px #0009;--code-comment:#5a6a7e;--code-keyword:#7cb8e0;--code-base:#ece8e4;--code-string:#5fb882;--code-number:#d4a373;--code-attribute:#9a7fd1;--code-error-bg:#2d1517;--max-width:740px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-pill:100px;--transition:.2s ease;--font-body:"Inter", sans-serif;--font-heading:"Inter", sans-serif;--font-code:"JetBrains Mono", monospace}[data-theme=light]{--bg:#fafaf8;--bg-code:#f0eeeb;--text:#1a1a1a;--text-muted:#6b7280;--accent:#2563eb;--accent-light:#eff3ff;--accent-glow:#2563eb14;--border:#e2e4e9;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 30px #0000001f;--code-comment:#9ca3af;--code-keyword:#2563eb;--code-base:#1a1a1a;--code-string:#059669;--code-number:#b45309;--code-attribute:#7c3aed;--code-error-bg:#fef2f2}*{box-sizing:border-box;margin:0;padding:0}html,body{scroll-behavior:smooth;inline-size:100%;overflow-x:hidden}body{font-family:var(--font-body);color:var(--text);background:var(--bg);overflow-wrap:break-word;word-break:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-block-size:100vh;line-height:1.7}.container{max-inline-size:var(--max-width);margin-inline:auto;padding-inline:1.5rem}.header-container,.about-container,.post{max-inline-size:var(--max-width);box-sizing:border-box;inline-size:100%;margin-inline:auto;padding-inline:1.5rem}img{border-radius:var(--radius-md);block-size:auto;max-inline-size:100%;display:block}p img{margin-block:.75rem}video,iframe[src*=youtube\.com],iframe[src*=youtu\.be],iframe[src*=vimeo\.com]{aspect-ratio:16/9;border-radius:var(--radius-md);border:none;block-size:auto;inline-size:100%;margin-block:1.5rem;display:block}iframe[src*=bandcamp\.com]{border-radius:var(--radius-md);aspect-ratio:auto;border:none;inline-size:100%;margin-block:1.5rem;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text);margin-block:2.5rem .75rem;font-weight:700;line-height:1.3}*{font-variant-ligatures:common-ligatures}h1{font-size:clamp(2rem,5vw,2.5rem)}.post-content h1,h2{font-size:clamp(1.4rem,4vw,1.75rem)}.post-content h2,h3{font-size:clamp(1.15rem,3vw,1.35rem)}h4,h5,h6{font-size:clamp(1rem,2.5vw,1.1rem)}p{margin-block-end:1.25rem;font-size:1.05em;line-height:1.75}ul,ol{margin-block-end:1.25rem;padding-inline-start:1.5rem;font-size:1em;list-style-position:outside}ul ul,ol ol,ul ol,ol ul{margin-block-end:0}a{color:var(--accent);border-radius:var(--radius-sm);transition:all var(--transition);box-decoration-break:clone;text-decoration:none}a:hover{color:var(--accent);background-color:var(--accent-light);text-decoration:none}::selection{background:var(--accent);color:#fff}::selection{background:var(--accent);color:#fff}header{z-index:100;background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(12px);margin-block-start:2.5rem;padding-block:2rem;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;display:flex}.header-right{align-items:center;gap:.5rem;display:flex}.nav{margin-inline-start:.5rem}.logo{transition:transform var(--transition);align-items:center;text-decoration:none;display:inline-flex}.logo:hover{background-color:#0000;transform:scale(1.08)}.logo img{block-size:4rem;inline-size:auto;max-inline-size:140px}.nav{gap:.75rem;display:flex}.nav a{font-family:var(--font-heading);color:var(--text-muted);border-radius:var(--radius-pill);transition:all var(--transition);white-space:nowrap;padding-block:.5rem;padding-inline:1.25rem;font-size:.95rem;font-weight:600;text-decoration:none}.nav a:hover{color:var(--text);background-color:var(--bg-code)}.nav a.active,.nav a.active:hover{background-color:var(--accent);color:#fff}.theme-toggle{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:.4rem;line-height:1;display:flex}.theme-toggle:hover{color:var(--text);background:var(--bg-code)}[data-theme=dark] .theme-icon-sun{display:inline}[data-theme=dark] .theme-icon-moon,[data-theme=light] .theme-icon-sun{display:none}[data-theme=light] .theme-icon-moon{display:inline}main{min-block-size:calc(100vh - 80px);padding-block:1rem 3rem}.post-content,.about-content{color:var(--text)}.about-content h1{font-size:clamp(1.4rem,4vw,1.75rem)}.about-content h2{font-size:clamp(1.15rem,3vw,1.35rem)}.post-content h2:first-child,.about-content h2:first-child{margin-block-start:0}.posts-list{flex-direction:column;gap:0;margin-block:0;display:flex}.post-item{padding-block:1.5rem}.post-item:last-child{border-block-end:none}.post-header{border:none;margin-block:0;padding-block:0}.post-title{margin-block:0 .35rem;padding-block-end:0;font-size:clamp(1.4rem,4vw,1.75rem);line-height:1.3}.post-title a{color:var(--text);transition:color var(--transition);text-decoration:none}.post-title a:hover{color:var(--accent);background-color:#0000}.post-date{color:var(--text-muted);font-size:.8rem;font-family:var(--font-code);margin-block-end:.75rem;display:block}.post-preview{margin-block-end:1rem}.post-preview img{border-radius:var(--radius-md);block-size:auto;max-inline-size:100%}.read-more{color:var(--accent);align-items:center;gap:.3rem;font-size:.9rem;font-weight:600;display:inline-flex}.read-more:after{content:"→";transition:transform var(--transition)}.read-more:hover:after{transform:translate(3px)}.post-footer{text-align:start;border:none;margin-block-start:.75rem;padding-block:0}.tag-cloud,.post-tags{flex-wrap:wrap;gap:.5rem;margin-block:0 1rem;display:flex}.tag,.tag-cloud-item{background-color:var(--accent-light);color:var(--accent);border-radius:var(--radius-pill);transition:all var(--transition);border:1px solid #0000;padding-block:.2rem;padding-inline:.7rem;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-block}.tag:hover,.tag-cloud-item:hover{background-color:var(--accent);color:#fff;border-color:var(--accent)}.tag-page-header{border-block-end:2px solid var(--accent-light);margin-block-end:2rem;padding-block-end:1rem}.tag-page-header h1{margin-block-end:.5rem;font-size:clamp(1.5rem,6vw,1.8rem)}.tag-highlight{color:var(--accent);font-weight:600}.tag-count{color:var(--text-muted);margin-block-end:1rem;font-style:italic}.pagination{text-align:center;margin-block:2rem;padding-block:1rem}.pagination-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.pagination-numbers{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-block:3rem 4rem;display:flex}.pagination-info{text-align:center;color:var(--text-muted);margin-block:1rem .5rem;font-size:.85rem}.pagination-link{background-color:var(--bg-code);block-size:38px;min-inline-size:38px;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-code);transition:all var(--transition);justify-content:center;align-items:center;padding-inline:.75rem;font-size:.85rem;text-decoration:none;display:inline-flex}.pagination-link:hover{border-color:var(--accent);color:var(--accent)}.pagination-link.pagination-current{background-color:var(--accent);color:#fff;border-color:var(--accent);font-weight:700}.pagination-ellipsis{color:var(--text-muted);padding-inline:.3rem}code:not(pre code){background-color:var(--bg-code);border-radius:var(--radius-sm);font-family:var(--font-code);color:var(--code-attribute);padding-block:.15rem;padding-inline:.4rem;font-size:.88em}pre{background-color:var(--bg-code);border-radius:var(--radius-md);font-family:var(--font-code);border:1px solid var(--border);margin-block:1.5rem;padding:1.25rem;font-size:.85rem;line-height:1.6;overflow-x:auto}pre code{font-size:inherit;background-color:#0000;padding-block:0}blockquote{border-inline-start:3px solid var(--accent);color:var(--text-muted);background:var(--bg-code);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-block:1.5rem;padding-block:.75rem;padding-inline:1.25rem}table{border-collapse:collapse;inline-size:100%;color:var(--text);border-radius:var(--radius-md);border:1px solid var(--border);margin-block:1.5rem;overflow:hidden}table th,table td{border:1px solid var(--border);text-align:start;vertical-align:top;padding:.75rem 1rem}table th{background-color:var(--bg-code);font-weight:700}table tr:nth-child(2n){background-color:var(--bg-code)}.hover-footnote{cursor:help;color:var(--accent);font-size:.85em;font-weight:700;position:relative}.hover-footnote:after{content:attr(data-title);background:var(--bg-code);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);text-align:start;white-space:normal;overflow-wrap:break-word;hyphens:auto;opacity:0;pointer-events:none;inline-size:max-content;max-inline-size:300px;transition:opacity var(--transition), transform var(--transition);z-index:1000;margin-block-end:8px;padding-block:.6rem;padding-inline:1rem;font-size:.85rem;font-weight:400;line-height:1.5;position:absolute;inset-block-end:100%;inset-inline-start:50%;transform:translate(-50%)translateY(8px)}.hover-footnote:hover:after{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}@media (width<=768px){.hover-footnote:hover:after{background:var(--bg-code);border:1px solid var(--border);inline-size:auto;max-inline-size:none;box-shadow:var(--shadow-lg);margin-block:0;position:fixed;inset-block-end:16px;inset-inline:16px;transform:none}}.intro{text-align:center;margin-block-end:3rem;font-size:1.2rem}.coming-soon{background:var(--bg-code);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;padding:2.5rem}.coming-soon h2{margin-block-end:1rem;font-size:2rem}.clickableimg{cursor:pointer}a:has(>img:only-child){background:0 0;border-radius:0;text-decoration:none}#search{direction:rtl;align-items:center;display:flex;position:relative}.search-btn{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);block-size:2.15rem;transition:color var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:.4rem;display:flex}.search-btn:hover{color:var(--text);background:var(--bg-code)}.search-input{background:var(--bg-code);border-radius:var(--radius-pill);color:var(--text);font-family:var(--font-body);opacity:0;direction:ltr;border:1px solid #0000;outline:none;inline-size:0;padding:0;font-size:.85rem;transition:inline-size .25s,padding .25s,border-color .25s,opacity .2s}.search-input::placeholder{color:var(--text-muted)}.search-input::-webkit-search-decoration{display:none}.search-input::-webkit-search-cancel-button{display:none}#search.search-expanded .search-btn{display:none}#search.search-expanded .search-input{border-color:var(--border);opacity:1;block-size:2.15rem;inline-size:180px;padding:.3rem 1rem}#search.search-expanded .search-input:focus{border-color:var(--accent)}.search-dropdown{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);max-block-size:400px;box-shadow:var(--shadow-lg);z-index:10001;display:none;position:fixed;overflow-y:auto}.search-dropdown.open{display:block}.search-result-item{color:var(--text);border-block-end:1px solid var(--border);transition:background var(--transition);padding:.75rem 1rem;text-decoration:none;display:block}.search-result-item:last-child{border-block-end:none}.search-result-item:hover,.search-result-item.focused{background:var(--accent-light);color:var(--text)}.search-result-title{color:var(--text);margin-block-end:.2rem;font-size:.9rem;font-weight:600;display:block}.search-result-snippet{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.4;display:-webkit-box;overflow:hidden}mark{background:var(--accent);color:#fff;border-radius:2px;padding:0 2px}.error-container{text-align:center;margin-block-start:3rem}.error-title{color:var(--accent);margin-block-end:.5rem;font-size:clamp(4rem,12vw,6rem);font-weight:700}.error-subtitle{color:var(--text-muted);margin-block-end:0;font-size:1.2rem}footer,.postend{color:var(--text-muted);border-block-start:1px solid var(--border);text-align:start;margin-block-start:25px}footer{margin-block-end:25px;padding-block:1.5rem;font-size:.85rem}.postend{text-align:end;margin-block:20px 10px;margin-inline:auto;padding-block-start:10px}@media only screen and (device-width<=300px){:not(h1){font-size:.9em!important}}@media (width<=768px){header{backdrop-filter:none;position:static}.header-content{flex-direction:column;gap:1rem}.header-right{justify-content:center;width:100%;position:relative}#search:not(.search-expanded) .search-input{transition:none}#search.search-expanded{z-index:1;direction:ltr;position:absolute;inset-block:0;inset-inline:0}#search.search-expanded .search-input{direction:ltr;block-size:100%;inline-size:100%}.search-dropdown{min-inline-size:unset;max-inline-size:unset}.nav{flex-wrap:wrap;justify-content:center;gap:.75rem}.posts-list,.error-links{gap:0}}@media (prefers-contrast:high){.pagination-link{border-width:2px}.pagination-current{background-color:var(--text);border-color:var(--text);color:var(--bg)}}@media (prefers-reduced-motion:reduce){*,.pagination-link,.logo,.logo img,.nav a,a,.post-item{transition:none!important}.pagination-link:hover,.logo:hover,.tag:hover,.post-item:hover{transform:none!important}}.lineno{color:var(--code-comment);margin-inline-end:15px}figure.highlight{margin-block:5px 0}.highlight .hll{background-color:var(--border)}.highlight .c,.highlight .cm,.highlight .c1,.highlight .cs{color:var(--code-comment);font-style:italic}.highlight .err{color:var(--text);background-color:var(--code-error-bg)}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr{color:var(--code-base);font-weight:700}.highlight .cp{color:var(--code-comment)}.highlight .gd,.highlight .gr,.highlight .gt,.highlight .no,.highlight .nv,.highlight .vc,.highlight .vg,.highlight .vi{color:var(--code-number)}.highlight .ge{font-style:italic}.highlight .gh{color:var(--text);font-weight:700}.highlight .gi{color:var(--code-string)}.highlight .go,.highlight .nd{color:var(--code-comment)}.highlight .gp{color:var(--text-muted)}.highlight .gs{font-weight:700}.highlight .gu{color:var(--code-keyword);font-weight:700}.highlight .kt,.highlight .nb,.highlight .nn,.highlight .bp{color:var(--code-keyword)}.highlight .m,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo,.highlight .il,.highlight .sr{color:var(--code-number)}.highlight .s,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .s2,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx,.highlight .s1{color:var(--code-string)}.highlight .na,.highlight .nt{color:var(--code-attribute)}.highlight .nc{color:var(--code-string);text-decoration:underline}.highlight .ni{color:var(--text);font-weight:700}.highlight .nf{color:var(--code-keyword)}.highlight .ow,.highlight .ss{color:var(--code-base)}.highlight .w{color:var(--bg)}