*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;max-width:100vw}:root{--bg-1:#0d0d0d;--bg-2:#1a1a1a;--bg-3:#262626;--text-1:#dcddde;--text-2:#9b9b9b;--accent:#7f6df2;--error:#e93147;--success:#3eb489;--font-sans:'Inter', sans-serif;--font-mono:'JetBrains Mono', monospace;--font-heading:var(--font-mono);--font-body:var(--font-sans)}body{font-family:var(--font-body);background:var(--bg-1);color:var(--text-1);min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}body.theme-repaint{transform:translateZ(0)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--font-mono);background:var(--bg-2);padding:.1rem .3rem;border-radius:3px;font-size:.9em}pre{font-family:var(--font-mono);background:var(--bg-2);padding:1rem;border-radius:6px;overflow-x:auto;margin:1rem 0}pre code{background:0 0;padding:0}#effects-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.6;mix-blend-mode:normal}[data-mode=light] #effects-canvas{opacity:.8;mix-blend-mode:multiply}[data-mode=dark] #effects-canvas{opacity:.6;mix-blend-mode:screen}.highlight,div.highlight{position:relative;overflow-x:auto;max-width:100%;margin:1rem 0;border:1px solid var(--bg-3);border-radius:6px;background:var(--bg-2)}.highlight pre{margin:0;padding:1rem}.highlight table{border-spacing:0;width:100%}.highlight td{padding:0}.highlight .lnt,.highlight .ln{padding-right:1rem;color:var(--text-2);opacity:.5;user-select:none}.highlight .copy-button{float:right;position:sticky;top:.5rem;right:.5rem;margin:.5rem .5rem 0 0;padding:.25rem .5rem;font-size:.75rem;font-family:var(--font-mono);background:var(--bg-3);color:var(--text-2);border:1px solid var(--bg-3);border-radius:3px;cursor:pointer;opacity:.6;transition:opacity .2s;z-index:10}.highlight .copy-button:hover{opacity:1;background:var(--accent);color:var(--bg-1)}pre .copy-button{position:absolute;top:.5rem;right:.5rem;padding:.25rem .5rem;font-size:.75rem;font-family:var(--font-mono);background:var(--bg-3);color:var(--text-2);border:1px solid var(--bg-3);border-radius:3px;cursor:pointer;opacity:.6;transition:opacity .2s}pre .copy-button:hover{opacity:1;background:var(--accent);color:var(--bg-1)}@media(width <= 768px){.highlight pre{padding:.75rem;font-size:.85em}}@media(prefers-reduced-motion:reduce){:root{transition:none}}[data-theme-colors=github][data-mode=dark]{--bg-1:#0d1117;--bg-2:#161b22;--bg-3:#21262d;--text-1:#c9d1d9;--text-2:#8b949e;--accent:#58a6ff;--error:#f85149;--success:#3fb950}[data-theme-colors=github][data-mode=light]{--bg-1:#fff;--bg-2:#f6f8fa;--bg-3:#d0d7de;--text-1:#24292f;--text-2:#57606a;--accent:#0969da;--error:#cf222e;--success:#1a7f37}[data-theme-colors=dracula][data-mode=dark]{--bg-1:#282a36;--bg-2:#343746;--bg-3:#44475a;--text-1:#f8f8f2;--text-2:#6272a4;--accent:#bd93f9;--error:#f55;--success:#50fa7b}[data-theme-colors=dracula][data-mode=light]{--bg-1:#f8f8f2;--bg-2:#e8e8e2;--bg-3:#d0d0c8;--text-1:#282a36;--text-2:#44475a;--accent:#8b5cf6;--error:#dc2626;--success:#16a34a}[data-theme-colors=nord][data-mode=dark]{--bg-1:#2e3440;--bg-2:#3b4252;--bg-3:#434c5e;--text-1:#eceff4;--text-2:#d8dee9;--accent:#88c0d0;--error:#bf616a;--success:#a3be8c}[data-theme-colors=nord][data-mode=light]{--bg-1:#eceff4;--bg-2:#e5e9f0;--bg-3:#d8dee9;--text-1:#2e3440;--text-2:#4c566a;--accent:#5e81ac;--error:#bf616a;--success:#a3be8c}[data-theme-colors=gruvbox][data-mode=dark]{--bg-1:#282828;--bg-2:#3c3836;--bg-3:#504945;--text-1:#ebdbb2;--text-2:#bdae93;--accent:#fabd2f;--error:#fb4934;--success:#b8bb26}[data-theme-colors=gruvbox][data-mode=light]{--bg-1:#fbf1c7;--bg-2:#ebdbb2;--bg-3:#d5c4a1;--text-1:#3c3836;--text-2:#504945;--accent:#b57614;--error:#cc241d;--success:#79740e}[data-theme-colors=solarized][data-mode=dark]{--bg-1:#002b36;--bg-2:#073642;--bg-3:#094352;--text-1:#839496;--text-2:#586e75;--accent:#268bd2;--error:#dc322f;--success:#859900}[data-theme-colors=solarized][data-mode=light]{--bg-1:#fdf6e3;--bg-2:#eee8d5;--bg-3:#ddd6c1;--text-1:#657b83;--text-2:#93a1a1;--accent:#268bd2;--error:#dc322f;--success:#859900}[data-theme-colors=catppuccin][data-mode=dark]{--bg-1:#1e1e2e;--bg-2:#313244;--bg-3:#45475a;--text-1:#cdd6f4;--text-2:#bac2de;--accent:#cba6f7;--error:#f38ba8;--success:#a6e3a1}[data-theme-colors=catppuccin][data-mode=light]{--bg-1:#eff1f5;--bg-2:#e6e9ef;--bg-3:#ccd0da;--text-1:#4c4f69;--text-2:#5c5f77;--accent:#8839ef;--error:#d20f39;--success:#40a02b}[data-theme-colors=rose-pine][data-mode=dark]{--bg-1:#191724;--bg-2:#1f1d2e;--bg-3:#26233a;--text-1:#e0def4;--text-2:#908caa;--accent:#c4a7e7;--error:#eb6f92;--success:#9ccfd8}[data-theme-colors=rose-pine][data-mode=light]{--bg-1:#faf4ed;--bg-2:#fffaf3;--bg-3:#f2e9e1;--text-1:#575279;--text-2:#797593;--accent:#907aa9;--error:#b4637a;--success:#56949f}[data-theme-colors=tokyo][data-mode=dark]{--bg-1:#1a1b26;--bg-2:#24283b;--bg-3:#343a52;--text-1:#a9b1d6;--text-2:#9aa5ce;--accent:#7aa2f7;--error:#f7768e;--success:#9ece6a}[data-theme-colors=tokyo][data-mode=light]{--bg-1:#d5d6db;--bg-2:#cbccd1;--bg-3:#b4b5b9;--text-1:#343b58;--text-2:#565a6e;--accent:#34548a;--error:#8c4351;--success:#485e30}[data-theme-colors=synthwave][data-mode=dark]{--bg-1:#262335;--bg-2:#34294f;--bg-3:#463465;--text-1:#e0def4;--text-2:#a599e9;--accent:#ff7edb;--error:#fe4450;--success:#72f1b8}[data-theme-colors=synthwave][data-mode=light]{--bg-1:#f5f0ff;--bg-2:#ebe5f5;--bg-3:#d8d0e8;--text-1:#262335;--text-2:#463465;--accent:#b026ff;--error:#dc2626;--success:#059669}[data-theme-colors=everforest][data-mode=dark]{--bg-1:#2d353b;--bg-2:#343f44;--bg-3:#3d484d;--text-1:#d3c6aa;--text-2:#859289;--accent:#a7c080;--error:#e67e80;--success:#a7c080}[data-theme-colors=everforest][data-mode=light]{--bg-1:#fdf6e3;--bg-2:#f4f0d9;--bg-3:#e5dfc5;--text-1:#5c6a72;--text-2:#708089;--accent:#8da101;--error:#f85552;--success:#8da101}[data-theme-colors=obsidian][data-mode=dark]{--bg-1:#0d0d0d;--bg-2:#1a1a1a;--bg-3:#262626;--text-1:#dcddde;--text-2:#9b9b9b;--accent:#7f6df2;--error:#e93147;--success:#3eb489}[data-theme-colors=obsidian][data-mode=light]{--bg-1:#fff;--bg-2:#f2f2f2;--bg-3:#e6e6e6;--text-1:#1a1a1a;--text-2:#666;--accent:#5c4ed4;--error:#c0392b;--success:#27ae60}[data-theme-colors=moonlight][data-mode=dark]{--bg-1:#212337;--bg-2:#2a2e4a;--bg-3:#3a3e5c;--text-1:#c8d3f5;--text-2:#b4c2f0;--accent:#82aaff;--error:#ff757f;--success:#c3e88d}[data-theme-colors=moonlight][data-mode=light]{--bg-1:#e4e5e9;--bg-2:#d8d9dd;--bg-3:#c4c5c9;--text-1:#212337;--text-2:#3a3e5c;--accent:#4976cb;--error:#c94f6d;--success:#5d875d}[data-theme-font=system]{--font-sans:'Inter', sans-serif;--font-mono:'JetBrains Mono', monospace}[data-theme-font=ibm]{--font-sans:'IBM Plex Sans', sans-serif;--font-mono:'IBM Plex Mono', monospace}[data-theme-font=space]{--font-sans:'Space Grotesk', sans-serif;--font-mono:'Space Mono', monospace}[data-theme-font=academic]{--font-sans:'Crimson Pro', serif;--font-mono:'Source Code Pro', monospace}[data-theme-font=brutalist]{--font-sans:'Roboto Mono', monospace;--font-mono:'Roboto Mono', monospace}[data-theme-font=bbs]{--font-sans:'VT323', monospace;--font-mono:'VT323', monospace}[data-theme-font=coop]{--font-sans:'Libre Franklin', sans-serif;--font-mono:'Inconsolata', monospace}[data-theme-font=typewriter]{--font-sans:'Courier Prime', monospace;--font-mono:'Courier Prime', monospace}[data-theme-font=bauhaus]{--font-sans:'Josefin Sans', sans-serif;--font-mono:'Overpass Mono', monospace}[data-theme-font=humanist]{--font-sans:'Source Sans 3', sans-serif;--font-mono:'Source Code Pro', monospace}[data-theme-font=neo]{--font-sans:'Archivo', sans-serif;--font-mono:'DM Mono', monospace}[data-theme-font=manuscript]{--font-sans:'Cormorant Garamond', serif;--font-mono:'JetBrains Mono', monospace}[data-theme-font=editorial]{--font-sans:'Outfit', sans-serif;--font-mono:'Fira Code', monospace}[data-theme-font=cyberdeck]{--font-sans:'Orbitron', sans-serif;--font-mono:'Share Tech Mono', monospace}.header{border-bottom:1px solid var(--bg-3);position:sticky;top:0;background:rgb(from var(--bg-1) r g b/98%);z-index:100;box-shadow:0 4px 12px rgb(0 0 0/.3);width:100%;max-width:100vw;will-change:transform;contain:layout paint}.header-inner{display:flex;flex-direction:column;padding:1rem 2rem;max-width:1200px;margin-left:auto;margin-right:auto;gap:1rem}.header-top{display:flex;justify-content:space-between;align-items:center;width:100%}.logo{font-family:var(--font-mono);font-size:1.1rem;font-weight:500;display:flex;align-items:center;gap:.5rem;color:var(--text-1);text-decoration:none}.logo-prompt{color:var(--accent)}.nav{display:flex;gap:2rem;font-size:.9rem;width:100%}.nav a{color:var(--text-1);text-decoration:none;opacity:.7;transition:opacity .2s}.nav a:hover,.nav a.active{opacity:1}.nav a.active{color:var(--accent)}.header-controls{display:flex;align-items:center;gap:0}.mode-quick-toggle,.gear-btn,.header-button{background:0 0;border:none;cursor:pointer;width:36px;height:36px;opacity:.4;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center}.mode-quick-toggle:hover,.gear-btn:hover,.header-button:hover{opacity:1}.header-button[hidden]{display:none!important}.mode-quick-toggle svg,.gear-btn svg,.header-button i{width:18px;height:18px;fill:var(--text-1);transition:transform .3s ease}.header-button i{font-size:18px;color:var(--text-1)}.mode-quick-toggle:hover svg{transform:rotate(15deg)}.gear-btn.active{opacity:1}.gear-btn.active svg{fill:var(--accent);transform:rotate(90deg)}.settings-drawer{position:fixed;top:0;right:-400px;width:400px;height:100vh;height:100dvh;background:var(--bg-2);border-left:1px solid var(--bg-3);overflow-y:auto;transition:right .3s ease-out;z-index:110;box-shadow:-4px 0 24px rgb(0 0 0/.3);display:flex;flex-direction:column;contain:layout paint;will-change:transform;max-width:100vw}.settings-drawer-inner{flex:1;display:flex;flex-direction:column}.settings-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--bg-3);background:var(--bg-1)}.settings-drawer-title{font-family:var(--font-mono);font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;opacity:.6}.settings-close-btn{background:0 0;border:none;cursor:pointer;padding:.5rem;opacity:.4;transition:opacity .2s;display:flex;align-items:center;justify-content:center;color:var(--text-1)}.settings-close-btn:hover{opacity:1}.settings-drawer.open{right:0}.settings-backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgb(0 0 0/.5);z-index:105;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease-out,visibility .3s ease-out}.settings-backdrop.active{opacity:1;visibility:visible;pointer-events:auto}@media print{.settings-backdrop,.settings-drawer{display:none!important}}.settings-drawer-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;background:var(--bg-2);flex:1}.settings-drawer .setting-group{width:100%;margin-bottom:0;position:relative}.settings-drawer .dropdown-menu{z-index:1000}.settings-drawer-footer{display:flex;flex-direction:column;gap:.75rem;align-items:center;width:100%;padding:1rem 1.5rem;border-top:1px solid var(--bg-3);background:var(--bg-2);margin-top:auto}.reset-btn{background:0 0;border:none;color:var(--text-1);cursor:pointer;font-size:.75rem;opacity:.35;font-family:var(--font-mono);transition:opacity .2s,color .2s}.reset-btn:hover{opacity:1;color:var(--error)}.keyboard-hint{font-size:.7rem;opacity:.25;font-family:var(--font-mono)}.kbd{background:var(--bg-3);padding:.1rem .35rem;border-radius:3px;font-size:.65rem}.setting-group{margin-bottom:1.25rem}.setting-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;opacity:.4;margin-bottom:.5rem;display:block}.setting-group-checkbox{display:flex;flex-direction:column;gap:.25rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent);flex-shrink:0}.checkbox-text{color:var(--text-1)}.setting-group-checkbox .setting-description{margin-left:1.5rem;margin-top:.125rem}.dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .875rem;background:var(--bg-3);border:1px solid transparent;border-radius:8px;min-height:38px;cursor:pointer;width:100%;transition:border-color .2s;color:var(--text-1)}.dropdown-trigger:hover{border-color:var(--accent)}.dropdown-trigger .preview{display:flex;align-items:center;gap:.75rem;flex:1;overflow:hidden}.dropdown-trigger .arrow{font-size:.7rem;opacity:.5;transition:transform .2s}.dropdown.open .dropdown-trigger .arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:1000;background:var(--bg-1);border:1px solid var(--bg-3);border-radius:6px;max-height:300px;overflow-y:auto;display:none;box-shadow:0 8px 24px rgb(0 0 0/.4);contain:layout paint}.dropdown.open .dropdown-menu{display:block}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--bg-3)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--bg-3)}.dropdown-item.selected{background:var(--bg-3)}.dropdown-item.selected::after{content:'✓';margin-left:auto;color:var(--accent);font-size:.8rem}.dropdown-label{flex:1;text-align:left;font-size:.9rem}.dropdown-arrow{width:16px;height:16px;opacity:.5;transition:transform .2s;fill:currentcolor}.dropdown.open .dropdown-arrow{transform:rotate(180deg)}.effect-preview{display:flex;flex-direction:column;gap:.25rem;flex:1}.effect-name{font-weight:500;color:var(--text-1);font-size:.9rem}.effect-description{font-size:.75rem;color:var(--text-2);opacity:.7}.setting-description{font-size:.75rem;color:var(--text-2);opacity:.6;margin-top:.5rem;line-height:1.4}.dropdown-item[data-effect=none] .effect-name{opacity:.6}.dropdown-item[data-effect=constellation] .effect-name{color:var(--accent)}.polycentricity-config{display:none;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--bg-3)}.config-item{margin-bottom:1rem}.config-item label{display:block;font-size:.8rem;margin-bottom:.4rem;opacity:.8;font-family:var(--font-mono)}.config-select{width:100%;padding:.5rem;background:var(--bg-2);border:1px solid var(--bg-3);border-radius:4px;color:var(--text-1);font-family:var(--font-mono);font-size:.85rem;cursor:pointer;transition:border-color .2s}.config-select:hover,.config-select:focus{border-color:var(--accent);outline:none}.config-slider{width:100%;height:6px;background:var(--bg-2);border-radius:3px;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.config-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer;transition:transform .2s}.config-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.config-slider::-moz-range-thumb{width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer;border:none;transition:transform .2s}.config-slider::-moz-range-thumb:hover{transform:scale(1.2)}.config-checkbox{display:flex;align-items:center;gap:.5rem}.config-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent)}.config-checkbox label{margin:0;cursor:pointer}.config-with-number .config-inputs{display:flex;gap:.75rem;align-items:center}.config-with-number .config-slider{flex:1}.config-number{width:70px;padding:.3rem .4rem;background:var(--bg-1);border:1px solid var(--bg-3);border-radius:4px;color:var(--text-1);font-family:var(--font-mono);font-size:.75rem;text-align:right}.config-number:hover,.config-number:focus{border-color:var(--accent);outline:none}.config-number::-webkit-inner-spin-button,.config-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.config-number{-moz-appearance:textfield}.theme-preview{display:flex;align-items:center;gap:.5rem}.theme-preview .colors{display:flex;gap:2px}.theme-preview .color-dot{width:8px;height:8px;border-radius:50%}.theme-preview .name{font-size:.85rem;white-space:nowrap}.theme-preview .specimen{font-family:var(--font-mono);font-size:.75rem;opacity:.6;margin-left:.5rem}.font-preview{display:flex;flex-direction:row;align-items:center;gap:6px;flex:1;line-height:1.2}.font-preview .name{font-size:.7rem;opacity:.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-preview .specimens{display:flex;gap:1rem;align-items:baseline}.font-preview .sans-specimen{font-size:.9rem}.font-preview .mono-specimen{font-size:.75rem;opacity:.7}.color-preview{display:flex;align-items:center;gap:.75rem}.color-preview .swatches{display:flex;gap:3px}.color-preview .swatch{width:12px;height:12px;border-radius:3px}.color-preview .name{font-size:.85rem}.layout-preview{display:flex;align-items:center;gap:.75rem}.layout-preview .icon{width:32px;height:20px;background:var(--bg-3);border-radius:2px;display:flex;gap:1px;padding:2px;overflow:hidden}.layout-preview .icon-bar{background:var(--accent);opacity:.5}.layout-preview .name{font-size:.85rem}.preset-controls{display:flex;gap:.5rem;margin-bottom:.5rem}.preset-save-controls{display:flex;gap:.5rem}.preset-btn{padding:.3rem .6rem;background:var(--bg-2);border:1px solid var(--bg-3);border-radius:4px;color:var(--text-1);font-family:var(--font-mono);font-size:.7rem;cursor:pointer;transition:border-color .2s,background .2s}.preset-btn:hover{border-color:var(--accent);background:var(--bg-3)}.preset-btn-danger:hover{border-color:#f44;background:rgba(255,68,68,.1)}.terminal-hero{font-family:var(--font-mono);padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden;min-height:300px;background:rgb(from var(--bg-2) r g b/70%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--bg-3);border-radius:8px;box-shadow:0 4px 12px rgb(0 0 0/.3);contain:layout paint}.terminal-hero #p5-canvas{opacity:.08}.terminal-content{position:relative;z-index:10;background:rgb(from var(--bg-1) r g b/85%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bg-3);border-radius:6px;padding:2rem;box-shadow:inset 0 2px 8px rgb(0 0 0/.2)}.staccato-beats{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.08}.beat-bar{position:absolute;bottom:0;width:2px;background:var(--accent);opacity:0;transform-origin:bottom}.terminal-line{margin-bottom:0;line-height:1.2;position:relative;z-index:10}.terminal-prompt{color:var(--success);text-shadow:0 0 2px var(--success)}.terminal-cmd{color:var(--accent);text-shadow:0 0 2px var(--accent)}.terminal-output{opacity:.8;padding-left:3rem;text-indent:-2rem}.terminal-tagline{color:var(--text-1);opacity:.6}.terminal-cursor{display:inline-block;width:8px;height:1.2em;background:var(--accent);animation:blink 1s step-end infinite;vertical-align:text-bottom}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.terminal-prompt,.terminal-cmd,.terminal-output{text-shadow:none}}.section-nav{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-bottom:2rem;font-size:.9rem;border-bottom:1px solid var(--bg-3);padding-bottom:1rem}.section-nav a{color:var(--text-1);text-decoration:none;opacity:.6;transition:opacity .2s}.section-nav a:hover,.section-nav a.active{opacity:1}.section-nav a.active{color:var(--accent)}.post-list{display:flex;flex-direction:column;gap:1.5rem}.post-item{background:rgb(from var(--bg-2) r g b/95%);padding:1.25rem;padding-left:1.75rem;border-radius:8px;border:1px solid var(--bg-3);transition:border-color .2s;overflow:visible;position:relative}.post-item:hover{border-color:var(--accent)}.post-item::before,.link-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:1.1rem;border-radius:8px 0 0 8px;opacity:.6;transition:opacity .2s}.post-item::before{background:var(--text-1)}.link-item::before{background:var(--accent)}.post-item:hover::before,.link-item:hover::before{opacity:.9}.post-item .content-type-icon,.link-item .content-type-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);width:1.1rem;display:flex;align-items:center;justify-content:center;font-size:.5rem;z-index:1;transition:opacity .2s;color:var(--bg-1)}.post-item-link{display:block;text-decoration:none;color:inherit}.post-item-link:hover,.post-item-link:hover *{text-decoration:none}.post-item-link:hover .post-title{background:var(--accent);color:var(--bg-1)}.post-meta-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;font-size:.8rem;opacity:.5;margin-bottom:.5rem;font-family:var(--font-mono);line-height:1}.post-meta-line span{line-height:1}.post-meta-sep{opacity:.4}.post-date{font-size:.8rem;opacity:.5;margin-bottom:.5rem;font-family:var(--font-mono)}.post-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;margin-bottom:.5rem;background:var(--text-1);color:var(--bg-1);padding:.1em .3em;display:inline;line-height:1.5;box-decoration-break:clone;box-decoration-break:clone}.post-title:hover{background:var(--accent);color:var(--bg-1);cursor:pointer}.post-excerpt{font-size:.9rem;opacity:.7;line-height:1.6;margin-bottom:.75rem;max-height:4.8em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.post-tags{display:flex;gap:.5rem;flex-wrap:wrap;overflow:visible;max-width:100%;position:relative;z-index:2;margin-top:.75rem}.tag{font-size:.75rem;padding:.2rem .6rem;background:var(--bg-3);border-radius:4px;font-family:var(--font-heading);color:var(--accent);white-space:nowrap;flex-shrink:0;text-decoration:none;transition:background .2s,opacity .2s;opacity:.7}.tag:hover{background:var(--accent);color:var(--bg-1);opacity:1;text-decoration:none}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.project-card{background:rgb(from var(--bg-2) r g b/55%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1.25rem;border-radius:8px;border:1px solid var(--bg-3);transition:border-color .2s}.project-card:hover{border-color:var(--accent)}.project-name{font-weight:600;font-family:var(--font-mono);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-1)}.project-desc{font-size:.85rem;opacity:.7;margin-bottom:1rem;line-height:1.6}.project-meta{display:flex;gap:1rem;font-size:.8rem;opacity:.5;font-family:var(--font-mono)}.footer{padding:2rem;border-top:1px solid var(--bg-3);margin-top:3rem;font-family:var(--font-mono);font-size:.8rem;opacity:.5;text-align:center;position:relative;z-index:1}.main{padding:2rem;width:100%;max-width:1200px;margin:0 auto;position:relative;z-index:1}.mt-sm{margin-top:.5rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:1.5rem}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.hidden{display:none}.text-center{text-align:center}.font-mono-text{font-family:var(--font-mono)}.terminal-line-spacing{margin-top:.2rem}.terminal-line-spacing-lg{margin-top:.5rem}.terminal-output-dim{opacity:.7}.empty-state{opacity:.5;font-family:var(--font-mono);padding:2rem 0;text-align:center}.post-nav{display:flex;justify-content:space-between;gap:2rem}.post-nav-link{flex:1;text-decoration:none;padding:1rem;background:var(--bg-2);border-radius:6px;transition:border-color .2s;border:1px solid var(--bg-3)}.post-nav-link-right{text-align:right}.post-nav-label{font-size:.75rem;opacity:.5;margin-bottom:.5rem;font-family:var(--font-mono)}.post-nav-title{font-weight:500}.post-header{margin-bottom:0;padding:1.5rem;max-width:var(--post-max-width,800px);margin-left:auto;margin-right:auto;background:0 0}.post-title-large{font-family:var(--font-heading);font-size:2rem;margin-bottom:1rem;font-weight:700;background:var(--text-1);color:var(--bg-1);padding:.1em .4em;display:inline;line-height:1.6;box-decoration-break:clone;box-decoration-break:clone}.post-meta{display:inline-flex;gap:1.5rem;align-items:center;font-family:var(--font-mono);font-size:.85rem;background:var(--text-1);color:var(--bg-1);padding:.25em .5em;opacity:.8}.post-tags-wrapper{margin-top:1rem}.post-content-wrapper{font-family:var(--font-body);line-height:var(--post-line-height,1.6);font-size:var(--post-font-size,1rem);max-width:var(--post-max-width,800px);margin-left:auto;margin-right:auto;background:rgb(from var(--bg-1) r g b/95%);padding:2rem;border-radius:12px;border:1px solid rgb(from var(--bg-3) r g b/50%);contain:paint;will-change:transform}@media(width >= 1400px){.post-content-wrapper{max-width:var(--post-max-width,900px)}}.post-content-wrapper p{margin-bottom:1.25em}.post-content-wrapper p:last-child{margin-bottom:0}.post-content-wrapper h1,.post-content-wrapper h2,.post-content-wrapper h3,.post-content-wrapper h4,.post-content-wrapper h5,.post-content-wrapper h6{font-family:var(--font-heading,var(--font-mono));margin-top:2em;margin-bottom:.75em;line-height:1.3;color:var(--accent);text-decoration:underline;text-decoration-color:var(--text-1);text-underline-offset:.2em;text-decoration-thickness:2px}.post-content-wrapper h1{font-size:1.75em}.post-content-wrapper h2{font-size:1.5em}.post-content-wrapper h3{font-size:1.25em}.post-content-wrapper h4{font-size:1.1em}.post-content-wrapper ul,.post-content-wrapper ol{margin-bottom:1.25em;padding-left:1.5em}.post-content-wrapper li{margin-bottom:.5em}.post-content-wrapper blockquote{border-left:3px solid var(--accent);padding-left:1em;margin:1.5em 0;font-style:italic;opacity:.9}.post-content-wrapper img,.post-content-wrapper pre,.post-content-wrapper table,.post-content-wrapper video,.post-content-wrapper iframe{max-width:100%;height:auto}.post-footer{padding-top:2rem;border-top:1px solid var(--bg-3)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.project-card-link{text-decoration:none;color:inherit;display:block}.project-card{background:rgb(from var(--bg-2) r g b/95%);padding:1.25rem;border-radius:8px;border:1px solid var(--bg-3);transition:border-color .2s;display:flex;flex-direction:column;height:100%}.project-card-link:hover .project-card{border-color:var(--accent)}.project-card-content{flex:1}.project-name{font-weight:600;font-family:var(--font-mono);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-1)}.project-desc{font-size:.85rem;opacity:.7;line-height:1.6}.project-card-footer{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--bg-3)}.project-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.project-meta{display:flex;align-items:center;gap:1rem;font-size:.8rem;opacity:.5;font-family:var(--font-mono)}.project-view-link{margin-left:auto;color:var(--accent);opacity:1}.footer{padding:2rem;border-top:1px solid var(--bg-3);margin-top:3rem;font-family:var(--font-mono);font-size:.8rem;opacity:.7;text-align:center;position:relative;z-index:1;background:rgb(from var(--bg-1) r g b/50%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.toc-sidebar{margin-bottom:1.5rem}.toc-nav{background:rgb(from var(--bg-2) r g b/98%);border:1px solid var(--bg-3);border-radius:6px;padding:1rem}.toc-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;opacity:.4;margin-bottom:.75rem;font-family:var(--font-mono)}.toc-list{list-style:none;padding:0;margin:0}.toc-item{margin-bottom:.5rem}.toc-level-3{margin-left:1rem;font-size:.85rem}.toc-link{color:var(--text-1);text-decoration:none;opacity:.6;transition:opacity .2s,color .2s;font-size:.85rem;display:block;line-height:1.4}.toc-link:hover{opacity:1;color:var(--accent)}.toc-link.toc-active{opacity:1;color:var(--accent);font-weight:500}@media(width <= 768px){.toc-sidebar{max-width:var(--post-max-width,800px);margin-left:auto;margin-right:auto}}@media(width > 768px) and (width <= 1600px){.toc-sidebar{float:right;width:160px;margin-left:1.5rem;margin-bottom:1rem}.toc-nav{padding:.5rem;background:0 0;border:none}.toc-list{padding:0 .5rem}.toc-title{display:none}.toc-link{font-size:.7rem;line-height:1.35}.toc-item{margin-bottom:.35rem}.toc-level-3{font-size:.65rem}.toc-sidebar[data-toc-style=numbered] .toc-link{grid-template-columns:1.1rem 1fr;gap:.35rem}.toc-sidebar[data-toc-style=numbered] .toc-item:not(.toc-level-3)>.toc-link::before{font-size:.6rem}.toc-sidebar[data-toc-style=numbered] .toc-level-3 .toc-link::before{font-size:.75rem;padding-right:.2rem}.toc-sidebar[data-toc-style=dots] .toc-link,.toc-sidebar[data-toc-style=symbols] .toc-link{grid-template-columns:.6rem 1fr;gap:.25rem}.toc-sidebar[data-toc-style] .toc-item{padding:.2rem .5rem;margin:0 -.5rem}.post-content::after{content:'';display:table;clear:both}}@media(width > 1000px) and (width <= 1600px){.toc-sidebar{width:180px;margin-left:2rem}.toc-link{font-size:.75rem}.toc-sidebar[data-toc-style=numbered] .toc-link{grid-template-columns:1.25rem 1fr}}@media(width > 1600px){html,body,.main,.post-single{overflow:visible!important}.post-single{position:relative}.toc-sidebar{position:absolute;top:200px;right:0;transform:translateX(calc(100% + 1rem));width:240px;max-width:240px;height:calc(100% - 200px)}.toc-sidebar .toc-nav{position:sticky;top:100px;max-height:calc(100vh - 160px);overflow-y:auto}.toc-link{font-size:.8rem}}@media(width > 1800px){.toc-sidebar{transform:translateX(calc(100% + 2rem))}}.toc-sidebar[data-toc-style] .toc-level-3{margin-left:0}.toc-sidebar[data-toc-style] .toc-item{padding:.25rem .5rem;margin:0 -.5rem;border-radius:2px}.toc-sidebar[data-toc-style] .toc-item:nth-child(odd){background:rgb(from var(--text-1) r g b/.02)}.toc-sidebar[data-toc-style=numbered] .toc-list{counter-reset:toc-counter}.toc-sidebar[data-toc-style=numbered] .toc-item:not(.toc-level-3){counter-increment:toc-counter}.toc-sidebar[data-toc-style=numbered] .toc-link{display:grid;grid-template-columns:1.75rem 1fr;align-items:baseline}.toc-sidebar[data-toc-style=numbered] .toc-item:not(.toc-level-3)>.toc-link::before{content:counter(toc-counter,decimal-leading-zero);font-family:var(--font-mono);font-size:.7rem;color:var(--text-2);opacity:.6}.toc-sidebar[data-toc-style=numbered] .toc-item:not(.toc-level-3)>.toc-link:hover::before,.toc-sidebar[data-toc-style=numbered] .toc-item:not(.toc-level-3)>.toc-link.toc-active::before{color:var(--accent);opacity:1}.toc-sidebar[data-toc-style=numbered] .toc-level-3 .toc-link::before{content:'·';font-size:1rem;text-align:right;padding-right:.5rem;color:var(--text-2);opacity:.4}.toc-sidebar[data-toc-style=numbered] .toc-level-3 .toc-link:hover::before,.toc-sidebar[data-toc-style=numbered] .toc-level-3 .toc-link.toc-active::before{color:var(--accent);opacity:1}.toc-sidebar[data-toc-style=dots] .toc-link{display:grid;grid-template-columns:1rem 1fr;align-items:baseline}.toc-sidebar[data-toc-style=dots] .toc-link::before{content:'•';color:var(--accent);opacity:.6}.toc-sidebar[data-toc-style=dots] .toc-link:hover::before,.toc-sidebar[data-toc-style=dots] .toc-link.toc-active::before{opacity:1}.toc-sidebar[data-toc-style=dots] .toc-level-3 .toc-link::before{content:'◦'}.toc-sidebar[data-toc-style=border] .toc-list{border-left:2px solid var(--accent);padding-left:1rem;opacity:.5}.toc-sidebar[data-toc-style=border] .toc-list:hover{opacity:1}.toc-sidebar[data-toc-style=border] .toc-level-3{margin-left:1rem}.toc-sidebar[data-toc-style=border] .toc-link.toc-active{position:relative}.toc-sidebar[data-toc-style=border] .toc-link.toc-active::before{content:'';position:absolute;left:calc(-1rem - 2px);top:0;bottom:0;width:2px;background:var(--accent)}.toc-sidebar[data-toc-style=symbols] .toc-link{display:grid;grid-template-columns:1rem 1fr;align-items:baseline}.toc-sidebar[data-toc-style=symbols] .toc-item:not(.toc-level-3)>.toc-link::before{content:'§';color:var(--accent);opacity:.6;font-size:.8rem}.toc-sidebar[data-toc-style=symbols] .toc-item:not(.toc-level-3)>.toc-link:hover::before,.toc-sidebar[data-toc-style=symbols] .toc-item:not(.toc-level-3)>.toc-link.toc-active::before{opacity:1}.toc-sidebar[data-toc-style=symbols] .toc-level-3 .toc-link::before{content:'›';color:var(--accent);opacity:.6}.toc-sidebar[data-toc-style=symbols] .toc-level-3 .toc-link:hover::before,.toc-sidebar[data-toc-style=symbols] .toc-level-3 .toc-link.toc-active::before{opacity:1}.related-posts{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--bg-3)}.related-posts-title{font-size:1rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;opacity:.6;margin-bottom:1.5rem}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.related-post-card{background:var(--bg-2);border:1px solid var(--bg-3);border-radius:6px;padding:1rem;transition:border-color .2s}.related-post-card:hover{border-color:var(--accent)}.related-post-link{display:block;text-decoration:none;color:inherit}.related-post-link:hover .related-post-title{color:var(--accent)}.related-post-meta{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;font-size:.75rem;opacity:.5;font-family:var(--font-mono)}.related-post-match{display:flex;gap:.25rem;flex-wrap:wrap}.related-tag{font-size:.65rem;padding:.15rem .4rem;background:var(--bg-3);border-radius:3px;color:var(--accent)}.related-post-title{font-size:1rem;font-weight:600;margin-bottom:.5rem}.related-post-title{color:var(--text-1);transition:color .2s}.related-post-excerpt{font-size:.85rem;opacity:.7;line-height:1.5}@media(width <= 768px){.related-posts-grid{grid-template-columns:1fr}}.search-btn{background:0 0;border:none;cursor:pointer;width:36px;height:36px;opacity:.4;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center}.search-btn:hover{opacity:1}.search-btn svg{width:18px;height:18px;stroke:var(--text-1)}.search-backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgb(0 0 0/.7);z-index:200;opacity:0;pointer-events:none;transition:opacity .3s ease;backdrop-filter:blur(4px)}.search-backdrop.active{opacity:1;pointer-events:auto}.search-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding:4rem 1rem;opacity:0;pointer-events:none;transition:opacity .2s ease}.search-modal.active{opacity:1;pointer-events:auto}.search-modal-overlay{position:absolute;inset:0;background:rgb(0 0 0/.6);backdrop-filter:blur(8px)}.search-modal-content{position:relative;width:100%;max-width:640px;max-height:calc(100vh - 8rem);background:var(--bg-1);border:1px solid var(--bg-3);border-radius:12px;box-shadow:0 24px 48px rgb(0 0 0/.5);display:flex;flex-direction:column;overflow:hidden;transform:scale(.95);transition:transform .2s ease}.search-modal.active .search-modal-content{transform:scale(1)}.search-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--bg-3)}.search-modal-title{font-size:1rem;font-weight:600;color:var(--text-1);font-family:var(--font-sans)}.search-modal-close{background:0 0;border:none;color:var(--text-2);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s ease;font-size:1.25rem}.search-modal-close:hover{opacity:1}.search-input-wrapper{position:relative;padding:1rem 1.5rem;border-bottom:1px solid var(--bg-3);display:flex;align-items:center;gap:.75rem}.search-input-icon{color:var(--text-2);opacity:.5;font-size:1.125rem}.search-input{flex:1;background:0 0;border:none;color:var(--text-1);font-size:1rem;font-family:var(--font-sans);outline:none}.search-input::placeholder{color:var(--text-2);opacity:.5}.search-keyboard-hint{display:flex;gap:.25rem}.search-keyboard-hint kbd{background:var(--bg-3);border:1px solid var(--bg-3);border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-family:var(--font-mono);color:var(--text-2);min-width:1.5rem;text-align:center}.search-results-wrapper{flex:1;overflow-y:auto;min-height:0}.search-results{padding:.5rem}.search-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem;color:var(--text-2);opacity:.5}.search-empty-state i{font-size:2rem}.search-empty-state p{margin:0;font-family:var(--font-mono);font-size:.875rem}.search-result-item{margin-bottom:.25rem;border-radius:8px;overflow:hidden;transition:background .15s ease}.search-result-item:hover,.search-result-item.selected{background:var(--bg-2)}.search-result-link{display:block;padding:1rem;text-decoration:none;color:inherit}.search-result-title{font-size:1rem;font-weight:600;color:var(--text-1);margin-bottom:.5rem;font-family:var(--font-sans)}.search-result-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.search-result-date{font-size:.75rem;color:var(--text-2);font-family:var(--font-mono);opacity:.6}.search-result-tags{display:flex;gap:.25rem;flex-wrap:wrap}.search-result-tag{background:var(--bg-3);color:var(--accent);padding:.125rem .5rem;border-radius:4px;font-size:.625rem;font-family:var(--font-mono)}.search-result-excerpt{font-size:.875rem;color:var(--text-2);line-height:1.5;opacity:.8;font-family:var(--font-sans)}.search-footer{padding:.75rem 1.5rem;border-top:1px solid var(--bg-3);background:var(--bg-2)}.search-keyboard-hints{display:flex;gap:1.5rem;justify-content:center;font-size:.75rem;color:var(--text-2);font-family:var(--font-mono)}.search-keyboard-hints kbd{background:var(--bg-3);border:1px solid var(--bg-3);border-radius:3px;padding:.125rem .375rem;font-size:.625rem;margin:0 .125rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}@media(width <= 640px){.search-modal{padding:1rem .5rem}.search-modal-content{max-height:calc(100vh - 2rem);border-radius:8px}.search-modal-header,.search-input-wrapper,.search-footer{padding-left:1rem;padding-right:1rem}.search-keyboard-hints{gap:1rem;font-size:.625rem}.search-result-link{padding:.75rem}}@media(prefers-reduced-motion:reduce){.search-modal,.search-modal-content,.search-result-item{transition:none}.search-modal-overlay{backdrop-filter:none}}.icon-hidden{display:none}.reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);z-index:101;width:0%;transition:width .1s ease-out;pointer-events:none}@media(prefers-reduced-motion:reduce){.reading-progress{transition:none}}.callout{margin:1.5rem 0;padding:1rem 1.25rem;border-left:4px solid;border-radius:4px;background:var(--bg-2);position:relative}.callout-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600}.callout-icon{font-size:1.1rem;flex-shrink:0}.callout-title{font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.callout-content{font-size:.95rem;line-height:1.6}.callout-content>:first-child{margin-top:0}.callout-content>:last-child{margin-bottom:0}.callout-note{border-left-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg-2))}.callout-note .callout-icon,.callout-note .callout-title{color:var(--accent)}.callout-tip{border-left-color:var(--success);background:color-mix(in srgb,var(--success) 8%,var(--bg-2))}.callout-tip .callout-icon,.callout-tip .callout-title{color:var(--success)}.callout-warning{border-left-color:#f59e0b;background:color-mix(in srgb,#f59e0b 8%,var(--bg-2))}.callout-warning .callout-icon,.callout-warning .callout-title{color:#f59e0b}.callout-danger{border-left-color:var(--error);background:color-mix(in srgb,var(--error) 8%,var(--bg-2))}.callout-danger .callout-icon,.callout-danger .callout-title{color:var(--error)}.callout-info{border-left-color:#06b6d4;background:color-mix(in srgb,#06b6d4 8%,var(--bg-2))}.callout-info .callout-icon,.callout-info .callout-title{color:#06b6d4}.callout-success{border-left-color:var(--success);background:color-mix(in srgb,var(--success) 8%,var(--bg-2))}.callout-success .callout-icon,.callout-success .callout-title{color:var(--success)}[data-mode=dark] .callout{background:color-mix(in srgb,var(--bg-2) 80%,var(--bg-1))}.social-share{margin:3rem 0 2rem;padding:1.5rem 0;border-top:1px solid var(--bg-3)}.social-share-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;opacity:.7}.social-share-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.share-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-2);border:1px solid var(--bg-3);border-radius:4px;color:var(--text-1);text-decoration:none;font-size:.9rem;font-family:var(--font-sans);cursor:pointer;transition:all .2s ease}.share-button:hover{background:var(--bg-3);border-color:var(--accent);transform:translateY(-1px)}.share-button:active{transform:translateY(0)}.share-button i{font-size:1.1rem;flex-shrink:0}.share-button-twitter:hover{background:#000;border-color:#000;color:#fff}.share-button-linkedin:hover{background:#0077b5;border-color:#0077b5;color:#fff}.share-button-hn:hover{background:#f60;border-color:#f60;color:#fff}.share-button-reddit:hover{background:#ff4500;border-color:#ff4500;color:#fff}.share-button-email:hover{background:var(--accent);border-color:var(--accent);color:var(--bg-1)}.share-button-copy:hover{background:var(--accent);border-color:var(--accent);color:var(--bg-1)}.share-button-success{background:var(--success);border-color:var(--success);color:var(--bg-1)}.share-button-error{background:var(--error);border-color:var(--error);color:var(--bg-1)}@media(width <= 640px){.social-share-buttons{gap:.5rem}.share-button{padding:.4rem .75rem;font-size:.85rem}.share-button span{display:none}.share-button i{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.share-button{transition:none}.share-button:hover{transform:none}}.image-lightbox{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .3s ease}.image-lightbox[hidden]{display:none}.lightbox-overlay{position:absolute;inset:0;background:rgb(0 0 0/95%);backdrop-filter:blur(10px)}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;z-index:1}.lightbox-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px rgb(0 0 0/.5)}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;background:rgb(0 0 0/.5);border:1px solid rgb(255 255 255/.2);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;transition:all .2s ease;backdrop-filter:blur(4px)}.lightbox-close{top:1rem;right:1rem}.lightbox-close:hover{background:rgb(255 255 255/.2);transform:rotate(90deg)}.lightbox-prev{left:2rem;top:50%;transform:translateY(-50%)}.lightbox-next{right:2rem;top:50%;transform:translateY(-50%)}.lightbox-prev:hover,.lightbox-next:hover{background:rgb(255 255 255/.2);transform:translateY(-50%)scale(1.1)}.lightbox-prev:disabled,.lightbox-next:disabled{cursor:not-allowed;opacity:.3}.lightbox-caption{margin-top:1rem;color:#fff;font-size:.875rem;font-family:var(--font-sans);text-align:center;max-width:600px}.lightbox-counter{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);background:rgb(0 0 0/.7);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-family:var(--font-mono);backdrop-filter:blur(4px)}@media(width <= 768px){.lightbox-prev{left:1rem}.lightbox-next{right:1rem}.lightbox-close{top:.5rem;right:.5rem;width:40px;height:40px}.lightbox-prev,.lightbox-next{width:40px;height:40px;font-size:1.25rem}}@media(prefers-reduced-motion:reduce){.image-lightbox,.lightbox-close,.lightbox-prev,.lightbox-next{transition:none}.lightbox-close:hover{transform:none}.lightbox-prev:hover,.lightbox-next:hover{transform:translateY(-50%)}}.focus-mode-button{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-2);border:1px solid var(--bg-3);border-radius:8px;color:var(--text-1);font-size:.875rem;font-family:var(--font-sans);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .2s ease;z-index:50}.focus-mode-button:not([hidden]){opacity:.7;pointer-events:auto}.focus-mode-button:hover{opacity:1;transform:translateY(-2px);border-color:var(--accent)}.focus-mode-exit-button{position:fixed;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-2);border:1px solid var(--bg-3);border-radius:6px;color:var(--text-1);font-size:.875rem;font-family:var(--font-sans);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:101}.focus-mode-exit-button:not([hidden]){opacity:1;pointer-events:auto}.focus-mode-exit-button:hover{background:var(--bg-3);border-color:var(--accent)}body.focus-mode{}body.focus-mode .header{opacity:0;pointer-events:none}body.focus-mode .settings-toggle,body.focus-mode .mode-quick-toggle,body.focus-mode .header-search-button{opacity:0;pointer-events:none}body.focus-mode .toc-sidebar{opacity:.1;pointer-events:none}body.focus-mode .related-posts,body.focus-mode .social-share{opacity:.3}body.focus-mode .post-content-wrapper{max-width:var(--post-max-width,700px);margin-left:auto;margin-right:auto}body.focus-mode #effects-canvas{opacity:.3;filter:blur(2px)}@media(width <= 768px){.focus-mode-button{bottom:1rem;right:1rem;font-size:.75rem;padding:.5rem .875rem}.focus-mode-button span{display:none}}@media(prefers-reduced-motion:reduce){.focus-mode-button,.focus-mode-exit-button,body.focus-mode *{transition:none}}.settings-slider{width:100%;height:6px;background:var(--bg-3);border-radius:3px;outline:none;appearance:none;cursor:pointer}.settings-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer;transition:transform .2s ease}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.settings-slider::-moz-range-thumb{width:16px;height:16px;background:var(--accent);border:none;border-radius:50%;cursor:pointer;transition:transform .2s ease}.settings-slider::-moz-range-thumb:hover{transform:scale(1.2)}.settings-slider:focus::-webkit-slider-thumb{outline:2px solid var(--accent);outline-offset:2px}.settings-slider:focus::-moz-range-thumb{outline:2px solid var(--accent);outline-offset:2px}.settings-value{font-family:var(--font-mono);font-size:.75rem;color:var(--accent);opacity:.8}.settings-button-secondary{width:100%;padding:.5rem;background:var(--bg-3);border:1px solid var(--bg-3);border-radius:4px;color:var(--text-2);font-size:.875rem;font-family:var(--font-sans);cursor:pointer;transition:all .2s ease;margin-top:.5rem}.settings-button-secondary:hover{background:var(--bg-2);border-color:var(--accent);color:var(--text-1)}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--bg-3);border-bottom:1px solid var(--bg-2);font-family:var(--font-mono);gap:.5rem}.code-language-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);padding:.25rem .5rem;background:var(--bg-2);border-radius:3px}.code-copy-button,.code-expand-button{background:0 0;border:none;color:var(--text-2);font-size:.75rem;font-family:var(--font-sans);cursor:pointer;display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:3px;transition:all .2s ease;opacity:.7}.code-copy-button:hover,.code-expand-button:hover{opacity:1;background:var(--bg-2)}.code-copy-button.code-copy-success{color:var(--success)}.code-copy-button i,.code-expand-button i{font-size:.75rem}.code-block-long{max-height:500px;overflow:hidden;position:relative}.code-block-long::after{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,var(--bg-1));pointer-events:none}.code-block-long.code-block-expanded{max-height:none}.code-block-long.code-block-expanded::after{display:none}pre code .line-highlight{background:color-mix(in srgb,var(--accent) 15%,transparent);display:block;margin:0 -1rem;padding:0 1rem}.toast-container{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:var(--bg-1);border:1px solid var(--bg-3);border-radius:8px;box-shadow:0 8px 24px rgb(0 0 0/.3);font-family:var(--font-sans);font-size:.875rem;min-width:300px;max-width:500px;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.toast-enter{opacity:1;transform:translateY(0)}.toast-exit{opacity:0;transform:translateY(-20px)}.toast-icon{font-size:1.125rem;flex-shrink:0}.toast-message{color:var(--text-1);line-height:1.4}.toast-success{border-left:4px solid var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-info{border-left:4px solid var(--accent)}.toast-info .toast-icon{color:var(--accent)}.toast-error{border-left:4px solid var(--error)}.toast-error .toast-icon{color:var(--error)}@media(width <= 640px){.toast-container{left:1rem;right:1rem;transform:none}.toast{min-width:auto;width:100%}}@media(prefers-reduced-motion:reduce){.toast{transition:opacity .1s ease;transform:none}.toast-enter,.toast-exit{transform:none}}.post-comments{margin:4rem 0 2rem;padding-top:2rem;border-top:1px solid var(--bg-3)}.comments-title{font-size:1.5rem;font-weight:600;color:var(--text-1);font-family:var(--font-sans);margin-bottom:2rem}.utterances-container,.giscus-container,#disqus-thread,#commento{max-width:100%}#disqus_thread{}.utterances{max-width:100%}.utterances-frame{border-radius:8px;border:1px solid var(--bg-3)}#commento{font-family:var(--font-sans)}#commento .commento-root{background:var(--bg-1);color:var(--text-1)}.comments-disabled{color:var(--text-2);font-style:italic;text-align:center;padding:2rem}@media(width <= 768px){.post-comments{margin:3rem 0 1rem}.comments-title{font-size:1.25rem}}.newsletter-signup{margin:3rem 0;padding:2rem;background:var(--bg-2);border:1px solid var(--bg-3);border-radius:8px;text-align:center}.newsletter-content{max-width:500px;margin:0 auto}.newsletter-title{font-size:1.25rem;font-weight:600;color:var(--text-1);font-family:var(--font-sans);margin-bottom:.5rem}.newsletter-description{font-size:.875rem;color:var(--text-2);margin-bottom:1.5rem;line-height:1.5}.newsletter-form{margin-bottom:1rem}.newsletter-input-group{display:flex;gap:.5rem}.newsletter-input{flex:1;padding:.75rem 1rem;background:var(--bg-1);border:1px solid var(--bg-3);border-radius:6px;color:var(--text-1);font-size:.875rem;font-family:var(--font-sans);outline:none;transition:border-color .2s ease}.newsletter-input:focus{border-color:var(--accent)}.newsletter-input::placeholder{color:var(--text-2);opacity:.5}.newsletter-submit{padding:.75rem 1.5rem;background:var(--accent);border:none;border-radius:6px;color:var(--bg-1);font-size:.875rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;white-space:nowrap}.newsletter-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 0 0/.3)}.newsletter-submit:disabled{opacity:.6;cursor:not-allowed}.newsletter-privacy{font-size:.75rem;color:var(--text-2);display:flex;align-items:center;justify-content:center;gap:.5rem;opacity:.7}.newsletter-inline{margin:2rem 0}.newsletter-inline .newsletter-signup{margin:0}@media(width <= 640px){.newsletter-signup{padding:1.5rem 1rem}.newsletter-input-group{flex-direction:column}.newsletter-submit{width:100%;justify-content:center}}.breadcrumbs{margin-bottom:1rem}.breadcrumbs-list{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;list-style:none;padding:0;margin:0;font-size:.875rem;font-family:var(--font-heading);text-transform:lowercase}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-item a{display:flex;align-items:center;gap:.375rem;color:var(--text-2);text-decoration:none;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.breadcrumb-item a:hover{color:var(--accent);background:var(--bg-2)}.breadcrumb-item i{font-size:.75rem;opacity:.7}.breadcrumb-separator{color:var(--text-2);opacity:.4;user-select:none}.breadcrumb-current{color:var(--text-1);font-weight:500}.breadcrumb-current span{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(width <= 640px){.breadcrumbs{margin-bottom:.75rem}.breadcrumbs-list{font-size:.75rem;gap:.125rem}.breadcrumb-item a{padding:.125rem .25rem}.breadcrumb-current span{max-width:150px}.breadcrumb-item:first-child a span{display:none}}.mt-sm{margin-top:.5rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:1.5rem}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.hidden{display:none}.text-center{text-align:center}.font-mono-text{font-family:var(--font-mono)}.terminal-line-spacing{margin-top:.2rem}.terminal-line-spacing-lg{margin-top:.5rem}.terminal-output-dim{opacity:.7}.empty-state{opacity:.5;font-family:var(--font-mono);padding:2rem 0;text-align:center}@media(width >= 769px){.header-inner{flex-direction:row;align-items:center;gap:2rem;padding:1rem 2rem}.header-top{display:contents}.logo{flex:none;order:1}.nav{flex:1;justify-content:center;order:2}.header-controls{flex:none;order:3}}@media(width <= 768px){.header-inner{padding:.75rem 1rem}.logo{font-size:.95rem}.nav{gap:1.5rem;font-size:.85rem;justify-content:center}}@media(width <= 400px){.header-inner{padding:.5rem .75rem}.logo{font-size:.9rem}.nav{gap:1rem;font-size:.75rem}.mode-quick-toggle,.gear-btn{width:44px;height:44px;touch-action:manipulation;opacity:.7;-webkit-tap-highlight-color:rgb(255 255 255/.1)}.mode-quick-toggle:hover,.gear-btn:hover{opacity:.7}.mode-quick-toggle:active,.gear-btn:active{opacity:1}.mode-quick-toggle svg,.gear-btn svg{width:22px;height:22px;pointer-events:none}.main{padding:1rem}.terminal-hero{padding:0;margin-bottom:1.5rem;border-radius:4px;min-height:auto;background:var(--bg-1);border:1px solid var(--bg-3);box-shadow:none}.terminal-content{padding:1rem;border:none;box-shadow:none;background:var(--bg-1);border-radius:4px}.projects-grid{grid-template-columns:1fr}.settings-drawer{width:100%;right:-100%}.settings-close-btn{width:44px;height:44px;touch-action:manipulation}.settings-close-btn svg{width:24px;height:24px}}.link-list{display:flex;flex-direction:column;gap:1rem}.link-item{background:rgb(from var(--accent) r g b/8%);padding:1rem 1.25rem;padding-left:1.75rem;border-radius:8px;border:1px solid rgb(from var(--accent) r g b/20%);transition:border-color .2s,background .2s;position:relative}.link-item:hover{background:rgb(from var(--accent) r g b/12%)}.link-item:hover{border-color:var(--accent)}.link-item-link:hover,.link-item-link:hover *{text-decoration:none}.link-item-link{display:block;text-decoration:none;color:inherit}.link-meta-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;font-size:.75rem;opacity:.5;margin-bottom:.5rem;font-family:var(--font-mono)}.link-meta-sep{opacity:.4}.link-via{color:var(--accent);opacity:.8}.link-external-icon{margin-left:auto;font-size:.7rem;opacity:.4;transition:opacity .2s}.link-item:hover .link-external-icon{opacity:1}.link-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;margin-bottom:.4rem;transition:color .2s,background .2s;background:var(--text-1);color:var(--bg-1);padding:.1em .3em;display:inline;line-height:1.5;box-decoration-break:clone}.link-item-link:hover .link-title{background:var(--accent);color:var(--bg-1)}.link-item-link:visited .link-title{background-color:var(--text-2)}.link-item-link:visited .link-meta-line,.link-item-link:visited .link-description,.link-item-link:visited .link-domain{color:var(--text-2)}.link-item-link:visited:hover .link-title{background-color:var(--accent)}.link-description{font-size:.85rem;opacity:.7;line-height:1.5;margin-bottom:.5rem;max-height:3em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.link-domain{font-size:.7rem;font-family:var(--font-mono);color:var(--accent);opacity:.6}.link-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.75rem}.link-action-bar{margin:1.5rem 0;max-width:var(--post-max-width,800px);margin-left:auto;margin-right:auto}.link-visit-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--accent);color:var(--bg-1);text-decoration:none;border-radius:6px;font-family:var(--font-mono);font-size:.9rem;font-weight:500;transition:opacity .2s}.link-visit-button:hover{opacity:.9}.timeline-bar{width:100%;background:var(--bg-2);margin-bottom:2rem}.timeline-bar-inner{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;gap:.75rem}.timeline-filter{background:rgb(from var(--bg-3) r g b/60%);border:1px solid var(--bg-3);border-radius:4px;color:var(--text-1);font-family:var(--font-mono);font-size:.8rem;cursor:pointer;padding:.35rem .75rem;transition:all .2s}.timeline-filter:hover{background:var(--bg-3);border-color:var(--text-2)}.timeline-filter.active{background:var(--accent);border-color:var(--accent);color:var(--bg-1)}@media(width <= 768px){.link-item{padding:1rem;padding-left:1.5rem}.link-item .content-type-icon{left:.2rem;font-size:.5rem}.link-title{font-size:1rem}}.provenance-badge{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:.4rem;opacity:.4;transition:opacity .2s;vertical-align:middle;position:relative;cursor:help}.provenance-badge:hover{opacity:.8}.provenance-badge svg{width:12px;height:12px;fill:currentColor}.provenance-llm{color:var(--accent)}.provenance-pen{color:var(--text-1)}.provenance-both{color:var(--accent)}.provenance-transcribed{color:var(--accent)}.provenance-edited{color:var(--accent)}.provenance-curated{color:var(--text-1)}.provenance-badge::after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:.25rem .5rem;background:var(--bg-3);color:var(--text-1);font-size:.7rem;font-family:var(--font-mono);white-space:nowrap;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}.provenance-badge:hover::after{opacity:1}.post-meta-line .provenance-badge,.link-meta-line .provenance-badge{margin-left:.5rem}.post-title-large+.provenance-badge{display:inline-block;margin-top:.5rem}html[data-provenance-hidden=true] .provenance-badge{display:none}@media(width <= 768px){.provenance-badge{width:12px;height:12px}.provenance-badge svg{width:10px;height:10px}}@media print{#effects-canvas,#canvas-container,.settings-drawer,.settings-backdrop,.search-modal,.search-backdrop,.toast-container,.reading-progress,.focus-mode-button,.focus-mode-exit-button,.copy-button,.timeline-bar,.social-share,.toc-sidebar,#effect-pause-toggle,nav.post-nav{display:none!important}*,*::before,*::after{box-shadow:none!important;text-shadow:none!important}.header,.terminal-hero,.terminal-content,.footer,.project-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body{background:#fff!important;color:#000!important}.header{position:relative!important;background:#fff!important;border-bottom:1px solid #ccc!important}.main{padding:0!important}.post-content-wrapper,.post-item,.link-item{background:#fff!important;border:1px solid #ccc!important}a[href]::after{content:" (" attr(href)")";font-size:.8em;color:#666}a[href^="#"]::after,a[href^="/"]::after,.tag::after,.post-item-link::after,.link-item-link::after,nav a::after{content:none}.post-item,.link-item{break-inside:avoid}h1,h2,h3,h4,h5,h6{break-after:avoid}.terminal-hero{display:none!important}}[data-theme-layout=terminal-hero] .terminal-hero{display:block}[data-theme-layout=terminal-splash] .terminal-hero{padding:2rem}[data-theme-layout=terminal-splash] .terminal-content{max-width:100%}[data-theme-layout=hero-cards] .post-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}[data-theme-layout=hero-cards] .post-item{background:var(--bg-2);padding:1.5rem;border-radius:8px;border:1px solid var(--bg-3);border-bottom:1px solid var(--bg-3)}[data-theme-layout=minimal-stream] .terminal-hero{display:none}[data-theme-layout=minimal-stream] .post-list{gap:1rem}[data-theme-layout=minimal-stream] .post-item{padding-bottom:1rem}[data-theme-layout=bento] .terminal-hero{min-height:250px}[data-theme-layout=bento] .post-list{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(200px,auto);gap:1rem}[data-theme-layout=bento] .post-item:nth-child(1){grid-column:span 2;grid-row:span 2}[data-theme-layout=bento] .post-item:nth-child(4){grid-column:span 2}[data-theme-layout=split-hero] .terminal-hero{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}[data-theme-layout=split-hero] .terminal-content{grid-column:1}[data-theme-layout=magazine] .post-list{column-count:2;column-gap:2rem}[data-theme-layout=magazine] .post-item{break-inside:avoid;margin-bottom:1.5rem}[data-theme-layout=centered] .terminal-hero{max-width:700px;margin-left:auto;margin-right:auto}[data-theme-layout=centered] .main{max-width:700px}[data-theme-layout=centered] .post-list{gap:2rem}@media(width <= 768px){[data-theme-layout=hero-cards] .post-list,[data-theme-layout=bento] .post-list{grid-template-columns:1fr}[data-theme-layout=magazine] .post-list{column-count:1}[data-theme-layout=split-hero] .terminal-hero{grid-template-columns:1fr}}.dirlist-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;contain:layout paint}.dirlist-content{margin:1rem 0 1.5rem;padding:1rem;background:rgb(var(--accent-rgb,128,128,128)/8%);border-left:3px solid rgb(var(--accent-rgb,128,128,128)/40%);border-radius:0 4px 4px 0;font-size:.95rem;line-height:1.5}.dirlist-content p{margin:0 0 .5rem}.dirlist-content p:last-child{margin-bottom:0}.dirlist-content ul{margin:.5rem 0;padding-left:1.5rem;list-style:disc}.dirlist-content li{margin:.25rem 0}.dirlist-content li::marker{color:var(--accent)}.breadcrumb{margin-bottom:1rem;font-size:.85rem}.breadcrumb a{color:var(--text-2);text-decoration:none}.breadcrumb a:hover{color:var(--accent)}.breadcrumb span{color:var(--text-2);margin:0 .5rem}.terminal-header{background:var(--bg-2);border:1px solid var(--bg-3);border-radius:8px;padding:1rem 2rem;margin-bottom:1rem}.terminal-meta{color:var(--text-2);font-size:.85rem;margin-top:.5rem;display:flex;gap:1.5rem}.meta-item{display:flex;align-items:center;gap:.5rem}h1.path-heading{color:var(--text-1);font-size:1.5rem;margin-bottom:.5rem;font-weight:600;line-height:1.2}.path-sep{color:var(--text-2);margin:0 .15rem}.path-link{color:var(--text-2);text-decoration:none;transition:color .2s}.path-link:hover{color:var(--accent)}.current-dir{color:var(--accent)}.listing{background:var(--bg-2);border:1px solid var(--bg-3);border-radius:8px;overflow:hidden;isolation:isolate;position:relative;z-index:1}.listing-header{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:rgb(0 0 0/.3);border-bottom:1px solid var(--bg-3);font-size:.85rem;font-weight:600;color:var(--text-1);text-transform:uppercase;letter-spacing:.05em}.header-icon{width:1.2rem;flex-shrink:0}.header-name{flex:1;max-width:60%}.header-meta{margin-left:auto;margin-right:1rem;min-width:6rem;text-align:left}.header-date{margin-right:2rem;min-width:7rem;text-align:left}.listing-item{position:relative;transition:background .2s;--pulse-delay:0s;--pulse-speed:4s;--pulse-width:25%;--pulse-color:rgb(220 140 80 / 70%)}.listing-item:nth-child(10n+1){--pulse-delay:0.5s;--pulse-speed:3.5s;--pulse-width:20%;--pulse-color:rgb(80 180 220 / 65%)}.listing-item:nth-child(10n+2){--pulse-delay:1.2s;--pulse-speed:5s;--pulse-width:35%;--pulse-color:rgb(220 180 80 / 70%)}.listing-item:nth-child(10n+3){--pulse-delay:0.3s;--pulse-speed:4.5s;--pulse-width:18%;--pulse-color:rgb(100 200 140 / 65%)}.listing-item:nth-child(10n+4){--pulse-delay:1.8s;--pulse-speed:5.5s;--pulse-width:28%;--pulse-color:rgb(200 100 180 / 70%)}.listing-item:nth-child(10n+5){--pulse-delay:0.7s;--pulse-speed:3s;--pulse-width:22%;--pulse-color:rgb(100 140 220 / 65%)}.listing-item:nth-child(10n+6){--pulse-delay:1.5s;--pulse-speed:4.8s;--pulse-width:32%;--pulse-color:rgb(220 160 100 / 70%)}.listing-item:nth-child(10n+7){--pulse-delay:0.2s;--pulse-speed:6s;--pulse-width:15%;--pulse-color:rgb(140 210 160 / 65%)}.listing-item:nth-child(10n+8){--pulse-delay:2s;--pulse-speed:3.8s;--pulse-width:26%;--pulse-color:rgb(180 120 200 / 70%)}.listing-item:nth-child(10n+9){--pulse-delay:1s;--pulse-speed:5.2s;--pulse-width:20%;--pulse-color:rgb(120 190 180 / 65%)}.listing-item:nth-child(10n+10){--pulse-delay:1.7s;--pulse-speed:4.2s;--pulse-width:24%;--pulse-color:rgb(160 140 200 / 65%)}.listing-item:nth-child(even){background:rgb(255 255 255/5%)}.listing-item:nth-child(odd){background:rgb(0 0 0/7%)}.listing-item:not(:last-child)::after{content:'';position:absolute;bottom:5px;left:1rem;right:1rem;height:1px;background:rgb(155 155 155/12%);overflow:hidden}.listing-item:not(:last-child)::before{content:'';position:absolute;bottom:5px;left:-100%;width:var(--pulse-width);height:1px;background:linear-gradient( 90deg,transparent,var(--pulse-color),var(--pulse-color),transparent );animation:pulse-sweep var(--pulse-speed)ease-in-out infinite alternate,pulse-morph calc(var(--pulse-speed) * 1.5)ease-in-out infinite;animation-delay:var(--pulse-delay)}@keyframes pulse-sweep{0%{left:0%;opacity:.8;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.3)}100%{left:calc(100% - var(--pulse-width));opacity:.8;transform:scaleX(1)}}@keyframes pulse-morph{0%,100%{filter:blur(.5px)hue-rotate(0)}50%{filter:blur(.8px)hue-rotate(30deg)}}.listing-item:hover{background:var(--bg-3)}.listing-item a{padding:.05rem 1rem;color:var(--text-1);text-decoration:none;display:flex;align-items:center;gap:.75rem;line-height:1.4}.icon{color:var(--accent);font-size:.9rem;width:1.2rem;text-align:center;flex-shrink:0}.icon-folder{color:var(--success)}.icon-html{color:var(--accent)}.icon-file{color:var(--text-2)}.item-name{flex:1;font-size:.95rem;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-meta{color:var(--text-2);font-size:.8rem;margin-left:auto;margin-right:1rem;opacity:.95;min-width:6rem}.item-date{color:var(--text-2);font-size:.8rem;margin-right:2rem;opacity:.95;min-width:7rem}.item-arrow{color:var(--text-2);opacity:0}.listing-item:hover .item-arrow{opacity:1}@media(width <= 600px){.dirlist-container{padding:1rem}.header-date,.item-date{display:none}.header-meta,.item-meta{min-width:4rem;margin-right:.5rem}.header-name,.item-name{max-width:none;flex:1}.listing-item a{padding:.5rem .75rem}.listing-header{padding:.5rem .75rem}.terminal-header{padding:1rem}h1.path-heading{font-size:1.2rem}}[data-mode=dark] .bg{color:#f8f8f2;background-color:var(--bg-2)}[data-mode=dark] .chroma{color:#f8f8f2;background-color:var(--bg-2)}[data-mode=dark] .chroma .lnlinks{outline:none;text-decoration:none;color:inherit}[data-mode=dark] .chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}[data-mode=dark] .chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}[data-mode=dark] .chroma .hl{background-color:#3d3f4a}[data-mode=dark] .chroma .lnt{white-space:pre;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}[data-mode=dark] .chroma .ln{white-space:pre;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}[data-mode=dark] .chroma .line{display:flex}[data-mode=dark] .chroma .k{color:#ff79c6}[data-mode=dark] .chroma .kc{color:#ff79c6}[data-mode=dark] .chroma .kd{color:#8be9fd}[data-mode=dark] .chroma .kn{color:#ff79c6}[data-mode=dark] .chroma .kp{color:#ff79c6}[data-mode=dark] .chroma .kr{color:#ff79c6}[data-mode=dark] .chroma .kt{color:#8be9fd}[data-mode=dark] .chroma .na{color:#50fa7b}[data-mode=dark] .chroma .nc{color:#50fa7b}[data-mode=dark] .chroma .nl{color:#8be9fd}[data-mode=dark] .chroma .nt{color:#ff79c6}[data-mode=dark] .chroma .nb{color:#8be9fd}[data-mode=dark] .chroma .bp{color:#8be9fd}[data-mode=dark] .chroma .nv{color:#8be9fd}[data-mode=dark] .chroma .vc{color:#8be9fd}[data-mode=dark] .chroma .vg{color:#8be9fd}[data-mode=dark] .chroma .vi{color:#8be9fd}[data-mode=dark] .chroma .vm{color:#8be9fd}[data-mode=dark] .chroma .nf{color:#50fa7b}[data-mode=dark] .chroma .fm{color:#50fa7b}[data-mode=dark] .chroma .s{color:#f1fa8c}[data-mode=dark] .chroma .sa{color:#f1fa8c}[data-mode=dark] .chroma .sb{color:#f1fa8c}[data-mode=dark] .chroma .sc{color:#f1fa8c}[data-mode=dark] .chroma .dl{color:#f1fa8c}[data-mode=dark] .chroma .sd{color:#f1fa8c}[data-mode=dark] .chroma .s2{color:#f1fa8c}[data-mode=dark] .chroma .se{color:#f1fa8c}[data-mode=dark] .chroma .sh{color:#f1fa8c}[data-mode=dark] .chroma .si{color:#f1fa8c}[data-mode=dark] .chroma .sx{color:#f1fa8c}[data-mode=dark] .chroma .sr{color:#f1fa8c}[data-mode=dark] .chroma .s1{color:#f1fa8c}[data-mode=dark] .chroma .ss{color:#f1fa8c}[data-mode=dark] .chroma .m{color:#bd93f9}[data-mode=dark] .chroma .mb{color:#bd93f9}[data-mode=dark] .chroma .mf{color:#bd93f9}[data-mode=dark] .chroma .mh{color:#bd93f9}[data-mode=dark] .chroma .mi{color:#bd93f9}[data-mode=dark] .chroma .il{color:#bd93f9}[data-mode=dark] .chroma .mo{color:#bd93f9}[data-mode=dark] .chroma .o{color:#ff79c6}[data-mode=dark] .chroma .ow{color:#ff79c6}[data-mode=dark] .chroma .c{color:#6272a4}[data-mode=dark] .chroma .ch{color:#6272a4}[data-mode=dark] .chroma .cm{color:#6272a4}[data-mode=dark] .chroma .c1{color:#6272a4}[data-mode=dark] .chroma .cs{color:#6272a4}[data-mode=dark] .chroma .cp{color:#ff79c6}[data-mode=dark] .chroma .cpf{color:#ff79c6}[data-mode=dark] .chroma .gd{color:#f55}[data-mode=dark] .chroma .ge{text-decoration:underline}[data-mode=dark] .chroma .gh{font-weight:700}[data-mode=dark] .chroma .gi{color:#50fa7b;font-weight:700}[data-mode=dark] .chroma .go{color:#44475a}[data-mode=dark] .chroma .gu{font-weight:700}[data-mode=dark] .chroma .gl{text-decoration:underline}[data-mode=light] .bg{color:#1f2328;background-color:var(--bg-2)}[data-mode=light] .chroma{color:#1f2328;background-color:var(--bg-2)}[data-mode=light] .chroma .err{color:#f6f8fa;background-color:#82071e}[data-mode=light] .chroma .lnlinks{outline:none;text-decoration:none;color:inherit}[data-mode=light] .chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}[data-mode=light] .chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}[data-mode=light] .chroma .hl{background-color:#dedede}[data-mode=light] .chroma .lnt{white-space:pre;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}[data-mode=light] .chroma .ln{white-space:pre;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}[data-mode=light] .chroma .line{display:flex}[data-mode=light] .chroma .k{color:#cf222e}[data-mode=light] .chroma .kc{color:#cf222e}[data-mode=light] .chroma .kd{color:#cf222e}[data-mode=light] .chroma .kn{color:#cf222e}[data-mode=light] .chroma .kp{color:#cf222e}[data-mode=light] .chroma .kr{color:#cf222e}[data-mode=light] .chroma .kt{color:#cf222e}[data-mode=light] .chroma .na{color:#1f2328}[data-mode=light] .chroma .nb{color:#1f2328}[data-mode=light] .chroma .nc{color:#8250df}[data-mode=light] .chroma .no{color:#8250df}[data-mode=light] .chroma .nd{color:#8250df}[data-mode=light] .chroma .ni{color:#8250df}[data-mode=light] .chroma .ne{color:#8250df}[data-mode=light] .chroma .nf{color:#8250df}[data-mode=light] .chroma .fm{color:#8250df}[data-mode=light] .chroma .nl{color:#8250df}[data-mode=light] .chroma .nn{color:#8250df}[data-mode=light] .chroma .nt{color:#116329}[data-mode=light] .chroma .nv{color:#953800}[data-mode=light] .chroma .s{color:#0a3069}[data-mode=light] .chroma .sa{color:#0a3069}[data-mode=light] .chroma .sb{color:#0a3069}[data-mode=light] .chroma .sc{color:#0a3069}[data-mode=light] .chroma .dl{color:#0a3069}[data-mode=light] .chroma .sd{color:#0a3069}[data-mode=light] .chroma .s2{color:#0a3069}[data-mode=light] .chroma .se{color:#0a3069}[data-mode=light] .chroma .sh{color:#0a3069}[data-mode=light] .chroma .si{color:#0a3069}[data-mode=light] .chroma .sx{color:#0a3069}[data-mode=light] .chroma .sr{color:#0a3069}[data-mode=light] .chroma .s1{color:#0a3069}[data-mode=light] .chroma .ss{color:#0a3069}[data-mode=light] .chroma .m{color:#0550ae}[data-mode=light] .chroma .mb{color:#0550ae}[data-mode=light] .chroma .mf{color:#0550ae}[data-mode=light] .chroma .mh{color:#0550ae}[data-mode=light] .chroma .mi{color:#0550ae}[data-mode=light] .chroma .il{color:#0550ae}[data-mode=light] .chroma .mo{color:#0550ae}[data-mode=light] .chroma .o{color:#cf222e}[data-mode=light] .chroma .ow{color:#cf222e}[data-mode=light] .chroma .p{color:#1f2328}[data-mode=light] .chroma .c{color:#6e7781;font-style:italic}[data-mode=light] .chroma .ch{color:#6e7781;font-style:italic}[data-mode=light] .chroma .cm{color:#6e7781;font-style:italic}[data-mode=light] .chroma .c1{color:#6e7781;font-style:italic}[data-mode=light] .chroma .cs{color:#6e7781;font-style:italic}[data-mode=light] .chroma .cp{color:#6e7781;font-style:italic}[data-mode=light] .chroma .cpf{color:#6e7781;font-style:italic}[data-mode=light] .chroma .gd{color:#d1242f;background-color:#ffebe9}[data-mode=light] .chroma .ge{font-style:italic}[data-mode=light] .chroma .gr{color:#d1242f}[data-mode=light] .chroma .gh{color:#0550ae;font-weight:700}[data-mode=light] .chroma .gi{color:#116329;background-color:#dafbe1}[data-mode=light] .chroma .go{color:#8250df}[data-mode=light] .chroma .gp{color:#6e7781}[data-mode=light] .chroma .gs{font-weight:700}[data-mode=light] .chroma .gu{color:#0550ae}[data-mode=light] .chroma .gt{color:#d1242f}[data-mode=light] .chroma .gl{color:#116329}