:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fafafa;--surface:#fff;--surface-soft:#f2f2f2;--surface-hover:#ebebeb;--text:#171717;--text-secondary:#4d4d4d;--muted:#8f8f8f;--accent:#0072f5;--accent-hover:#005fcc;--shadow-border:0 0 0 1px #00000014;--shadow-border-strong:0 0 0 1px #00000024;--shadow-card:0 0 0 1px #00000014, 0 2px 2px #0000000a;--shadow-menu:0 0 0 1px #00000014, 0 1px 1px #00000005, 0 4px 8px -4px #0000000a, 0 16px 24px -8px #0000000f;--shadow-modal:0 0 0 1px #00000014, 0 1px 1px #00000005, 0 8px 16px -4px #0000000a, 0 24px 32px -8px #0000000f;--focus-ring:0 0 0 2px #fff, 0 0 0 4px #0072f5;--radius:6px;--radius-card:12px;--radius-pill:9999px;--container:1200px;--header-height:64px;--transition-fast:.15s ease;--transition-smooth:.2s cubic-bezier(.175, .885, .32, 1.1);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:48px;--space-9:64px;--space-10:96px;--noise-opacity:0}*{box-sizing:border-box}html{background:var(--background);min-width:320px;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.55}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-header{z-index:10;justify-content:space-between;align-items:center;gap:var(--space-6);height:var(--header-height);width:min(var(--container), calc(100% - 48px));background:var(--background);margin:0 auto;padding:0;display:flex;position:sticky;top:0;box-shadow:0 1px #0000001a}.brand{color:var(--text);flex-shrink:0;align-items:center;gap:10px;font-size:15px;font-weight:600;display:inline-flex}.brand img{border-radius:9px}.nav-links{align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:14px;font-weight:400;display:flex}.nav-links a{border-radius:var(--radius);color:var(--text-secondary);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.nav-links a:hover{background:var(--surface-hover);color:var(--text)}.nav-links a:focus-visible{box-shadow:var(--focus-ring);outline:none}.nav-icon{width:15px;height:15px}.site-nav-icon-link{padding:var(--space-1) var(--space-2);color:var(--text-secondary);border-radius:var(--radius);transition:background var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.site-nav-icon-link:hover{background:var(--surface-hover);color:var(--text)}.site-nav-icon-link:focus-visible{box-shadow:var(--focus-ring);outline:none}.search-trigger{border-radius:var(--radius);height:34px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);box-shadow:var(--shadow-border);background:0 0;border:none;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:400;display:inline-flex}.search-trigger:hover{background:var(--surface-hover);color:var(--text)}.search-trigger:focus-visible{box-shadow:var(--focus-ring);outline:none}main{min-height:calc(100vh - 160px)}.page-shell{width:min(var(--container), calc(100% - 48px));padding:var(--space-8) 0 var(--space-9);margin:0 auto}.page-shell.narrow,.article-shell{width:min(820px,100% - 48px);min-width:0}.article-shell{margin:0;padding:56px 0 72px}.hero-section{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:center;gap:56px;min-height:480px;display:grid}.hero-copy h1,.page-header h1,.article-header h1,.collection-list-title{letter-spacing:-.0475em;max-width:780px;color:var(--text);margin:0;font-size:clamp(40px,6vw,48px);font-weight:600;line-height:1}.page-header h1,.article-header h1{font-size:clamp(38px,6vw,48px)}.hero-copy p,.page-header p,.article-header p,.collection-list-description{max-width:680px;margin:var(--space-4) 0 0;color:var(--text-secondary);font-size:17px;font-weight:400;line-height:1.6}.hero-actions{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.button{border-radius:var(--radius);min-height:40px;padding:0 var(--space-4);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);border:none;justify-content:center;align-items:center;gap:9px;font-size:14px;font-weight:500;display:inline-flex}.button svg{width:18px;height:18px}.button.primary{background:var(--text);color:#fff}.button.primary:hover{background:#333}.button.secondary{color:var(--text);box-shadow:var(--shadow-border);background:0 0}.button.secondary:hover{background:var(--surface-hover)}.button:focus-visible{box-shadow:var(--focus-ring);outline:none}.hero-panel{background:var(--surface);box-shadow:var(--shadow-card);border-radius:var(--radius-card);padding:var(--space-3)}.panel-row{padding:var(--space-4);color:var(--text-secondary);border-bottom:1px solid #0000000f;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Menlo,Monaco,Consolas,monospace;font-size:13px;display:grid}.panel-row:last-child{border-bottom:0}.panel-row svg{width:18px;height:18px}.panel-row.strong{border-radius:var(--radius);background:var(--text);color:#fff;font-weight:600}.section-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.icon-map{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.icon-map div{background:var(--surface);box-shadow:var(--shadow-border);border-radius:var(--radius);color:var(--text-secondary);align-items:center;gap:10px;padding:14px;font-size:14px;font-weight:500;display:flex}.icon-map svg{width:22px;height:22px;color:var(--text)}.content-section{margin-top:var(--space-9)}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.section-heading h2,.career-panel h2,.evidence-grid h2,.resume-block h2,.readable h2{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600;line-height:1.25}.section-heading a{color:var(--accent);font-size:14px;font-weight:500}.stack-list,.card-grid{gap:var(--space-4);display:grid}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-card{background:var(--surface);min-height:190px;box-shadow:var(--shadow-border);border-radius:var(--radius-card);padding:var(--space-5);transition:box-shadow var(--transition-fast);gap:10px;display:grid}.content-card:hover,.content-card:focus-visible{box-shadow:var(--shadow-card);outline:none}.icon-shell{background:var(--surface-soft);width:36px;height:36px;box-shadow:var(--shadow-border);border-radius:var(--radius);color:var(--text);justify-content:center;align-items:center;display:inline-flex}.icon-shell svg{width:20px;height:20px}.card-meta{color:var(--accent);font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:500}.content-card h3{margin:0;font-size:20px;font-weight:600}.content-card p{color:var(--text-secondary);margin:0}.tag-list{gap:var(--space-2);flex-wrap:wrap;margin:2px 0 0;padding:0;list-style:none;display:flex}.tag-list li{border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--text-secondary);padding:5px 10px;font-size:12px;font-weight:500}.tag-list li a{color:inherit;text-decoration:none}.tag-list li a:hover{color:var(--text)}.share-buttons{margin-top:var(--space-5);padding-top:var(--space-5);gap:10px;display:flex;box-shadow:inset 0 1px #11130f14}.share-btn{background:var(--surface);box-shadow:var(--shadow-border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:box-shadow var(--transition-fast), color var(--transition-fast);align-items:center;padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.share-btn:hover{color:var(--text);box-shadow:0 0 0 1px #0003}.reading-time{color:var(--muted);font-size:13px;display:inline-block}.pagination{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-8);display:flex}.pagination a,.pagination span{min-width:36px;height:36px;padding:0 var(--space-3);border-radius:var(--radius);color:var(--text-secondary);transition:background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.pagination a{box-shadow:var(--shadow-border)}.pagination a:hover{background:var(--surface-hover);color:var(--text)}.pagination span{opacity:.35;cursor:default;box-shadow:var(--shadow-border)}.pagination .pagination-current{background:var(--text);color:#fff;box-shadow:none;opacity:1;cursor:default}.pagination-info{text-align:center;color:var(--muted);margin-top:var(--space-4);font-size:13px}.search-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;justify-content:center;padding-top:80px;display:flex;position:fixed;inset:0}.search-dialog{background:var(--surface);width:min(560px,90vw);max-height:60vh;box-shadow:var(--shadow-modal);border-radius:var(--radius-card);flex-direction:column;display:flex;overflow:hidden}.search-input{width:100%;padding:var(--space-4) 20px;color:var(--text);background:0 0;border:none;border-bottom:1px solid #0000000f;outline:none;font-family:inherit;font-size:16px}.search-input::placeholder{color:var(--muted)}.search-loading,.search-empty{padding:var(--space-5);text-align:center;color:var(--muted);font-size:14px}.search-results{padding:var(--space-2);margin:0;list-style:none;overflow-y:auto}.search-results li a{padding:var(--space-3) var(--space-4);border-radius:var(--radius);transition:background var(--transition-fast);text-decoration:none;display:block}.search-results li a:hover{background:var(--surface-soft)}.search-result-title{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600;display:block}.search-result-excerpt{color:var(--text-secondary);font-size:13px;line-height:1.5;display:block}.search-result-excerpt mark{color:var(--accent);background:#0072f51f;border-radius:3px;padding:0 2px}.back-to-top{bottom:var(--space-5);right:var(--space-5);z-index:50;background:var(--surface);width:40px;height:40px;box-shadow:var(--shadow-border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:box-shadow var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;font-size:18px;display:flex;position:fixed}.back-to-top:hover{box-shadow:var(--shadow-card);color:var(--text)}.card-link{color:var(--text);align-self:end;align-items:center;gap:6px;font-size:14px;font-weight:500;display:inline-flex}.card-link svg{width:15px;height:15px}.empty-state{padding:var(--space-5);border-radius:var(--radius);box-shadow:var(--shadow-border);background:var(--surface);color:var(--muted);text-align:center;margin:0}.page-header,.article-header{margin-bottom:36px}.article-header span{color:var(--accent);margin-bottom:14px;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:500;display:block}.english-summary{padding:var(--space-4) var(--space-5);border-radius:var(--radius);background:var(--surface-soft);box-shadow:var(--shadow-border)}.markdown-body{color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:16px;font-weight:400;line-height:1.75}.markdown-body h2,.markdown-body h3,.markdown-body h4{letter-spacing:-.02em;color:var(--text);font-weight:600}.markdown-body h2{margin:42px 0 12px;font-size:26px;line-height:1.25}.markdown-body h3{margin:28px 0 10px;font-size:20px;line-height:1.3}.markdown-body h4{margin:24px 0 8px;font-size:17px;line-height:1.35}.markdown-body p,.markdown-body ul,.markdown-body ol{margin:14px 0}.markdown-body a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.markdown-body a:hover{color:var(--accent-hover)}.markdown-body code{border-radius:var(--radius);background:var(--surface-soft);padding:2px 6px;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Menlo,Monaco,Consolas,monospace;font-size:.875em;font-weight:500}.markdown-body strong{font-weight:600}.code-block-wrapper{border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-border);margin:28px 0;overflow:hidden}.code-block-header{background:var(--surface-soft);border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;display:flex}.code-block-lang{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;padding:6px 16px;font-size:12px;font-weight:500}.code-block-header .code-block-lang{border-bottom:none}.code-copy-btn{padding:var(--space-1) 10px;margin:var(--space-1) var(--space-2);border-radius:var(--radius);color:var(--muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;font-family:inherit;font-size:12px}.code-copy-btn:hover{background:var(--surface-hover);color:var(--text)}.code-block-pre{padding:var(--space-4);margin:0;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.code-block-pre code{width:fit-content;min-width:100%;display:grid}.markdown-body pre code{font-size:inherit;background:0 0;border-radius:0;padding:0}.tweet-embed{margin:var(--space-5) 0;justify-content:center;display:flex}.tweet-embed blockquote{padding:var(--space-4) 20px;background:var(--surface);box-shadow:var(--shadow-border);border-radius:var(--radius-card);max-width:550px;margin:0;font-size:14px}.youtube-embed{margin:var(--space-5) 0;border-radius:var(--radius-card);background:var(--text);height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.youtube-iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.lightbox-trigger{cursor:zoom-in}.lightbox-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-7);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-image{object-fit:contain;border-radius:var(--radius-card);max-width:90vw;max-height:85vh}.markdown-image-link{margin:var(--space-5) 0;background:var(--surface);box-shadow:var(--shadow-border);border-radius:var(--radius-card);padding:10px;text-decoration:none;display:block;overflow:hidden}.markdown-image{border-radius:var(--radius);object-fit:contain;width:100%;height:auto;max-height:min(560px,72vh);display:block}.markdown-image-link:hover,.markdown-image-link:focus-visible{outline:none;box-shadow:0 0 0 1px #0003}.markdown-body .footnotes{margin-top:var(--space-8);padding-top:var(--space-5);color:var(--text-secondary);font-size:14px;box-shadow:inset 0 1px #11130f14}.markdown-body .footnotes ol{padding-left:24px}.markdown-body .footnotes li{margin-bottom:var(--space-2)}.markdown-body .footnotes p{display:inline}.markdown-body sup a{color:var(--accent);font-size:.8em;text-decoration:none}.related-posts{margin-top:var(--space-8);padding-top:var(--space-6);box-shadow:inset 0 1px #11130f14}.related-posts h3{color:var(--text-secondary);margin:0 0 var(--space-4);font-size:16px}.series-nav{margin-top:var(--space-8);padding-top:var(--space-6);justify-content:space-between;display:flex;box-shadow:inset 0 1px #11130f14}.series-nav a{color:var(--accent);align-items:center;gap:6px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.series-nav a:hover{text-decoration:underline}.series-nav span{color:var(--muted);font-size:14px}.post-nav{gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6);grid-template-columns:1fr 1fr;display:grid;box-shadow:inset 0 1px #11130f14}.post-nav__card{padding:var(--space-4) 18px;background:var(--surface);box-shadow:var(--shadow-border);border-radius:var(--radius);color:inherit;transition:box-shadow var(--transition-fast);flex-direction:column;gap:6px;text-decoration:none;display:flex}.post-nav__card:hover{box-shadow:0 0 0 1px #0003}.post-nav__card--next{text-align:right;align-items:flex-end}.post-nav__direction{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:500}.post-nav__title{color:var(--text);font-size:17px;font-weight:600;line-height:1.35}.post-nav__date{color:var(--muted);font-size:12px}.post-nav__placeholder{display:block}.callout{align-items:start;gap:var(--space-4);margin:var(--space-5) 0;padding:var(--space-4) var(--space-5);border-radius:var(--radius);background:var(--surface-soft);box-shadow:var(--shadow-border);grid-template-columns:auto minmax(0,1fr);display:grid}.callout-label{letter-spacing:.08em;white-space:nowrap;color:var(--muted);padding-top:1px;font-size:12px;font-weight:600}.callout-warning .callout-label,.callout-danger .callout-label{color:var(--text)}.callout-body{min-width:0}.callout-body>:first-child{margin-top:0}.callout-body>:last-child{margin-bottom:0}.evidence-grid,.career-grid{gap:var(--space-4);margin:var(--space-6) 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.career-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.evidence-grid>div,.career-panel,.resume-block{background:var(--surface);box-shadow:var(--shadow-border);border-radius:var(--radius-card);padding:var(--space-5)}.career-panel{gap:var(--space-3);display:grid}.career-panel svg{width:28px;height:28px;color:var(--text)}.career-panel p,.evidence-grid p,.readable p{color:var(--text-secondary);margin:0;line-height:1.7}.resume-block{margin-top:36px}.evidence-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.evidence-list li{gap:var(--space-1);background:var(--surface);box-shadow:var(--shadow-border);border-radius:var(--radius);padding:18px;display:grid}.evidence-list span{color:var(--text-secondary)}.site-footer{width:min(var(--container), calc(100% - 48px));padding:var(--space-7) 0 var(--space-7);color:var(--text-secondary);margin:0 auto;font-size:14px;font-weight:400;box-shadow:inset 0 1px #11130f14}.site-footer-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.site-footer-col{gap:var(--space-2);flex-direction:column;display:flex}.site-footer-heading{letter-spacing:.04em;text-transform:uppercase;color:var(--text);margin:0 0 var(--space-2);font-size:13px;font-weight:600}.site-footer-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.site-footer-list a{color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}.site-footer-list a:hover{color:var(--text)}.site-footer-kind{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-right:var(--space-1);font-size:11px;display:inline-block}.site-footer-empty{color:var(--muted);font-style:italic}.site-footer-copy{margin:var(--space-4) 0 0;color:var(--muted);font-size:12px}.markdown-body .mermaid{background:var(--surface);width:100%;min-height:80px;box-shadow:var(--shadow-border);border-radius:var(--radius-card);-webkit-overflow-scrolling:touch;justify-content:center;align-items:center;margin:28px 0;padding:18px;display:flex;overflow-x:auto}.markdown-body .mermaid-loading{color:var(--muted);font-family:SF Mono,Fira Code,monospace;font-size:13px}.markdown-body .mermaid-loading:after{content:"rendering…"}.markdown-body .mermaid svg{max-width:100%;height:auto;display:block}.markdown-body pre.mermaid-error{padding:14px var(--space-4);background:var(--surface);box-shadow:var(--shadow-border);border-radius:var(--radius);color:var(--text-secondary);margin:28px 0}.markdown-body pre.mermaid-error code{margin-bottom:var(--space-2);color:var(--text);display:block}.markdown-body .mermaid-error-message{color:var(--muted);font-size:12px;display:block}.markdown-table-wrap{width:100%;margin:var(--space-5) 0;-webkit-overflow-scrolling:touch;overflow-x:auto}.markdown-body table{border-collapse:separate;border-spacing:0;border-radius:var(--radius-card);background:var(--surface);width:100%;min-width:480px;box-shadow:var(--shadow-border);font-size:14px;line-height:1.6;overflow:hidden}.markdown-body thead{background:var(--surface-soft);color:var(--text)}.markdown-body th,.markdown-body td{text-align:left;vertical-align:top;border-bottom:1px solid #0000000f;padding:12px 14px}.markdown-body th{letter-spacing:.02em;white-space:nowrap;font-size:13px;font-weight:600}.markdown-body tbody tr:last-child td{border-bottom:none}.markdown-body tbody tr:hover{background:var(--surface-soft)}.markdown-body table code{font-size:.9em}.markdown-body th code,.markdown-body td code{background:0 0;border:none;padding:0}.tabs{margin:28px 0}.tabs-empty{background:var(--surface);box-shadow:var(--shadow-border);border-radius:var(--radius);padding:18px 20px}.tabs-empty p{color:var(--muted);margin:0}.tabs-nav{top:calc(var(--header-height) + 28px);z-index:4;background:var(--surface);max-width:min(100%,720px);box-shadow:var(--shadow-border);border-radius:var(--radius-pill);flex-wrap:wrap;gap:6px;margin-bottom:14px;padding:5px;display:inline-flex;position:sticky}.tabs-trigger{appearance:none;border-radius:var(--radius-pill);min-height:34px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:0;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:500;line-height:1;display:inline-flex}.tabs-trigger:hover,.tabs-trigger:focus-visible{background:var(--surface-soft);color:var(--text);outline:none}.tabs-trigger.active{background:var(--text);color:#fff}.tabs-panel{background:var(--surface);box-shadow:var(--shadow-border);border-radius:var(--radius);padding:18px 20px}.tabs-panel>:first-child{margin-top:0}.tabs-panel>:last-child{margin-bottom:0}.article-progress{z-index:60;pointer-events:none;background:0 0;height:2px;position:fixed;top:0;left:0;right:0}.article-progress__bar{background:var(--accent);transform-origin:0;will-change:transform;width:100%;height:100%;transition:transform 80ms linear;display:block}.article-layout{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:2.5rem;max-width:1180px;margin:0 auto;padding:0 1.5rem;display:grid}.article-layout__content{min-width:0}.article-toc{top:calc(var(--header-height) + 16px);max-height:calc(100vh - 100px);font-size:.875rem;line-height:1.6;position:sticky;overflow-y:auto}.article-toc ol{margin:0;padding:0;list-style:none}.article-toc li[data-level="3"]{color:var(--text-secondary);padding-left:.875rem;font-size:.8125rem}.article-toc a{padding:var(--space-1) var(--space-2);border-radius:var(--radius);color:var(--text-secondary);transition:color var(--transition-fast), background var(--transition-fast);text-decoration:none;display:block;position:relative}.article-toc a:hover{color:var(--text);background:var(--surface-soft)}.article-toc a[aria-current=location]{color:var(--accent);font-weight:600}.article-toc__marker{border-radius:var(--radius);background:var(--surface-soft);position:absolute;inset:0}.article-toc__label{position:relative}.article-toc__toggle{background:var(--surface);box-shadow:var(--shadow-border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);color:var(--text);cursor:pointer;transition:box-shadow var(--transition-fast);border:none;align-items:center;gap:6px;font-size:14px;font-weight:500;display:inline-flex}.article-toc__toggle:hover{box-shadow:0 0 0 1px #0003}.article-toc-panel[data-open=false]{display:none}.article-toc-panel[data-open=true]{margin-bottom:var(--space-4);background:var(--surface);box-shadow:var(--shadow-border);border-radius:var(--radius);padding:var(--space-2);position:relative}.article-toc-panel[data-open=true] .article-toc{max-height:none;font-size:.875rem;position:static}.heading-anchor{color:inherit;text-decoration:none}.collection-list{gap:var(--space-6);display:grid}.collection-list-header{justify-content:space-between;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.collection-list-heading{gap:var(--space-2);max-width:780px;display:grid}.collection-list-title{letter-spacing:-.0475em;color:var(--text);margin:0;font-size:clamp(38px,6vw,48px);font-weight:600;line-height:1}.collection-list-description{max-width:680px;color:var(--text-secondary);margin:0;font-size:17px;font-weight:400;line-height:1.6}.collection-list-actions{align-items:center;gap:var(--space-2);color:var(--accent);font-size:14px;font-weight:500;display:inline-flex}.collection-list-body{gap:0;display:grid}.entry-card-blog{gap:var(--space-3);padding:var(--space-6) 0;border-bottom:1px solid #0000000f;display:grid}.entry-card-blog:first-child{padding-top:var(--space-2)}.entry-card-blog:last-child{border-bottom:0}.entry-card-blog-link{gap:var(--space-2);color:inherit;outline:none;text-decoration:none;display:grid}.entry-card-blog-link:hover .entry-card-blog-title,.entry-card-blog-link:focus-visible .entry-card-blog-title{color:var(--accent)}.entry-card-blog-link:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius)}.entry-card-blog-header{gap:var(--space-1);display:grid}.entry-card-blog-date{color:var(--muted);letter-spacing:.04em;font-variant-numeric:tabular-nums;text-transform:uppercase;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:500}.entry-card-blog-title{letter-spacing:-.03em;color:var(--text);transition:color var(--transition-fast);margin:0;font-size:clamp(24px,3.2vw,32px);font-weight:600;line-height:1.2}.entry-card-blog-summary{max-width:720px;color:var(--text-secondary);margin:0;font-size:16px;font-weight:400;line-height:1.6}.entry-card-blog-tags{margin:0}.timeline{gap:var(--space-6);padding-left:var(--space-6);margin-left:var(--space-2);display:grid;position:relative;box-shadow:inset 1px 0 #11130f17}.entry-card-weekly{gap:var(--space-2);display:grid;position:relative}.entry-card-weekly-marker{top:.45rem;left:calc(-1 * var(--space-6) - 4px);background:var(--background);border-radius:var(--radius-pill);width:8px;height:8px;transition:background var(--transition-fast);position:absolute;box-shadow:0 0 0 1px #0003}.entry-card-weekly:hover .entry-card-weekly-marker,.entry-card-weekly:focus-within .entry-card-weekly-marker{background:var(--accent)}.entry-card-weekly-link{gap:var(--space-2);color:inherit;outline:none;text-decoration:none;display:grid}.entry-card-weekly-link:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius)}.entry-card-weekly-header{gap:var(--space-1);display:grid}.entry-card-weekly-week{color:var(--muted);letter-spacing:.04em;font-variant-numeric:tabular-nums;text-transform:uppercase;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:500}.entry-card-weekly-title{letter-spacing:-.03em;color:var(--text);transition:color var(--transition-fast);margin:0;font-size:clamp(22px,2.8vw,28px);font-weight:600;line-height:1.25}.entry-card-weekly-link:hover .entry-card-weekly-title,.entry-card-weekly-link:focus-visible .entry-card-weekly-title{color:var(--accent)}.entry-card-weekly-highlights{padding-left:var(--space-5);gap:var(--space-1);color:var(--text-secondary);margin:0;font-size:16px;font-weight:400;line-height:1.65;display:grid}.entry-card-weekly-highlights li{margin:0}.entry-card-weekly-mood{color:var(--accent);margin:0;font-size:14px;font-style:italic}.entry-card-project-grid{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.entry-card-project{gap:var(--space-3);padding:var(--space-5);background:var(--surface);box-shadow:var(--shadow-border);border-radius:var(--radius-card);transition:box-shadow var(--transition-fast);display:grid}.entry-card-project:hover,.entry-card-project:focus-within{box-shadow:var(--shadow-card)}.entry-card-project-featured{grid-column:1/-1}.entry-card-project-cover{box-shadow:var(--shadow-border);border-radius:var(--radius);margin:0;overflow:hidden}.entry-card-project-cover img{width:100%;height:auto;display:block}.entry-card-project-link{gap:var(--space-2);color:inherit;outline:none;text-decoration:none;display:grid}.entry-card-project-link:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius)}.entry-card-project-header{justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.entry-card-project-title{letter-spacing:-.03em;color:var(--text);transition:color var(--transition-fast);margin:0;font-size:clamp(22px,2.6vw,28px);font-weight:600;line-height:1.2}.entry-card-project-link:hover .entry-card-project-title,.entry-card-project-link:focus-visible .entry-card-project-title{color:var(--accent)}.entry-card-project-period{color:var(--muted);letter-spacing:.04em;font-variant-numeric:tabular-nums;text-transform:uppercase;font-family:SF Mono,Fira Code,monospace;font-size:12px;font-weight:500}.entry-card-project-summary{color:var(--text-secondary);margin:0;font-size:16px;font-weight:400;line-height:1.65}.entry-card-project-impact{padding-left:var(--space-5);gap:var(--space-1);color:var(--text);margin:0;font-size:15px;font-weight:400;line-height:1.6;display:grid}.entry-card-project-impact li{margin:0}.entry-card-project-stack{gap:var(--space-2);padding-top:var(--space-3);flex-wrap:wrap;display:flex;box-shadow:inset 0 1px #11130f14}.entry-card-project-stack-item{padding:2px var(--space-2);color:var(--text-secondary);background:var(--surface-soft);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius);font-family:SF Mono,Fira Code,monospace;font-size:12px;font-weight:500;display:inline-block}.entry-card-gallery-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.entry-card-gallery{background:var(--surface);box-shadow:var(--shadow-border);border-radius:var(--radius-card);transition:box-shadow var(--transition-fast);align-content:start;gap:0;padding:0;scroll-margin-top:160px;display:grid;overflow:hidden}.entry-card-gallery:hover,.entry-card-gallery:focus-within,.entry-card-gallery-expanded{box-shadow:var(--shadow-card)}.entry-card-gallery-trigger{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0;display:block}.entry-card-gallery-trigger:focus-visible{box-shadow:var(--focus-ring);outline:none}.entry-card-gallery-cover{margin:0;position:relative;overflow:hidden}.entry-card-gallery-cover img{width:100%;height:auto;transition:transform var(--transition-smooth);display:block}.entry-card-gallery-trigger:hover .entry-card-gallery-cover img,.entry-card-gallery-trigger:focus-visible .entry-card-gallery-cover img{transform:scale(1.03)}.entry-card-gallery-header{justify-content:space-between;align-items:baseline;gap:var(--space-2);padding:var(--space-5) var(--space-4) var(--space-4);opacity:0;transition:opacity var(--transition-smooth), transform var(--transition-smooth);background:linear-gradient(#11130f00 0%,#11130fc7 100%);flex-wrap:wrap;margin:0;display:flex;position:absolute;inset:auto 0 0;transform:translateY(6px)}.entry-card-gallery-trigger:hover .entry-card-gallery-header,.entry-card-gallery-trigger:focus-visible .entry-card-gallery-header,.entry-card-gallery-expanded .entry-card-gallery-header{opacity:1;transform:none}.entry-card-gallery-title{letter-spacing:-.02em;color:#fff;margin:0;font-size:16px;font-weight:600;line-height:1.3}.entry-card-gallery-model{padding:2px var(--space-2);color:#ffffffeb;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius);background:#ffffff29;font-family:SF Mono,Fira Code,monospace;font-size:12px;font-weight:500;display:inline-block}@media (hover:none){.entry-card-gallery-header{opacity:1;transform:none}}.entry-card-gallery-details{gap:var(--space-4);padding:var(--space-4);display:grid;box-shadow:inset 0 1px #11130f14}@media (prefers-reduced-motion:reduce){.entry-card-gallery-cover img,.entry-card-gallery-header{transition:none}.entry-card-gallery-trigger:hover .entry-card-gallery-cover img,.entry-card-gallery-trigger:focus-visible .entry-card-gallery-cover img{transform:none}}.entry-card-gallery-detail-block{gap:var(--space-2);display:grid}.entry-card-gallery-detail-block h3{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0;font-size:13px;font-weight:600}.entry-card-gallery-detail-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.entry-card-gallery-prompt{padding:var(--space-3);white-space:pre-wrap;word-break:break-word;background:var(--surface-soft);border-radius:var(--radius);max-height:320px;color:var(--text);margin:0;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.65;overflow-y:auto}.entry-card-gallery-copy{padding:var(--space-1) 10px;border-radius:var(--radius);color:var(--muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;font-family:inherit;font-size:12px}.entry-card-gallery-copy:hover{background:var(--surface-hover);color:var(--text)}.entry-card-gallery-params{gap:var(--space-1) var(--space-3);grid-template-columns:auto 1fr;margin:0;display:grid}.entry-card-gallery-param{display:contents}.entry-card-gallery-params dt{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-family:SF Mono,Fira Code,monospace;font-size:12px;font-weight:500}.entry-card-gallery-params dd{color:var(--text);word-break:break-word;text-align:right;margin:0;font-family:SF Mono,Fira Code,monospace;font-size:12px}.entry-card-learning-tree{gap:0;display:grid;box-shadow:inset 0 1px #11130f14}.entry-card-learning{padding:var(--space-5) 0;border-bottom:1px solid #0000000f}.entry-card-learning-summary{justify-content:space-between;align-items:baseline;gap:var(--space-3);cursor:pointer;outline:none;flex-wrap:wrap;list-style:none;display:flex}.entry-card-learning-summary::-webkit-details-marker{display:none}.entry-card-learning-summary:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius)}.entry-card-learning-topic{letter-spacing:-.03em;color:var(--text);transition:color var(--transition-fast);font-size:clamp(20px,2.4vw,24px);font-weight:600;line-height:1.25}.entry-card-learning-summary:hover .entry-card-learning-topic,.entry-card-learning-summary:focus-visible .entry-card-learning-topic{color:var(--accent)}.entry-card-learning-count{color:var(--muted);letter-spacing:.04em;font-variant-numeric:tabular-nums;text-transform:uppercase;font-family:SF Mono,Fira Code,monospace;font-size:12px;font-weight:500}.entry-card-learning-description{margin:var(--space-3) 0 0;max-width:680px;color:var(--text-secondary);font-size:16px;font-weight:400;line-height:1.65}.entry-card-learning-posts{margin:var(--space-3) 0 0;padding-left:var(--space-5);gap:var(--space-2);display:grid}.entry-card-learning-post{gap:var(--space-1);margin:0;display:grid}.entry-card-learning-post-link{color:var(--text);transition:color var(--transition-fast);outline:none;font-size:17px;font-weight:500;line-height:1.4;text-decoration:none}.entry-card-learning-post-link:hover,.entry-card-learning-post-link:focus-visible{color:var(--accent)}.entry-card-learning-post-link:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius)}.entry-card-learning-post-summary{color:var(--text-secondary);margin:0;font-size:14px;font-weight:400;line-height:1.6}.entry-card-learning-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.entry-card-learning-list-item-wrap{border-bottom:1px solid #0000000f}.entry-card-learning-list-item-wrap:last-child{border-bottom:0}.entry-card-learning-list-item{gap:var(--space-2);padding:var(--space-5) 0;color:inherit;outline:none;text-decoration:none;display:grid}.entry-card-learning-list-item:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius)}.entry-card-learning-list-title{letter-spacing:-.03em;color:var(--text);transition:color var(--transition-fast);margin:0;font-size:clamp(22px,2.8vw,28px);font-weight:600;line-height:1.25}.entry-card-learning-list-item:hover .entry-card-learning-list-title,.entry-card-learning-list-item:focus-visible .entry-card-learning-list-title{color:var(--accent)}.entry-card-learning-list-summary{max-width:720px;color:var(--text-secondary);margin:0;font-size:16px;font-weight:400;line-height:1.65}.tags-index{gap:var(--space-2);flex-wrap:wrap;display:flex}.tags-index-item{align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface);box-shadow:var(--shadow-border);border-radius:var(--radius);color:var(--text);transition:box-shadow var(--transition-fast), color var(--transition-fast);font-size:14px;font-weight:400;text-decoration:none;display:inline-flex}.tags-index-item:hover,.tags-index-item:focus-visible{color:var(--accent);outline:none;box-shadow:0 0 0 1px #0003}.tags-index-name{font-weight:500}.tags-index-count{letter-spacing:.04em;color:var(--muted);font-variant-numeric:tabular-nums;font-family:SF Mono,Fira Code,monospace;font-size:11px;font-weight:500}.tags-index-kinds{color:var(--muted);font-size:11px}.tags-index-cloud-link-wrap{margin:0 0 var(--space-5) 0}.tags-index-cloud-link{color:var(--accent);transition:color var(--transition-fast);font-size:14px;font-weight:500;text-decoration:none}.tags-index-cloud-link:hover,.tags-index-cloud-link:focus-visible{color:var(--accent-hover);outline:none}.tag-cloud{gap:var(--space-2) var(--space-3);padding:var(--space-5) 0;flex-wrap:wrap;align-items:baseline;display:flex}.tag-cloud-item{align-items:baseline;gap:var(--space-1);color:var(--text);transition:color var(--transition-fast);text-decoration:none;display:inline-flex}.tag-cloud-item:hover,.tag-cloud-item:focus-visible{color:var(--accent);outline:none}.tag-cloud-name{line-height:1.2}.tag-cloud-count{color:var(--muted);font-variant-numeric:tabular-nums;font-family:SF Mono,Fira Code,monospace;font-size:.7em}.tag-cloud-item--xs .tag-cloud-name{opacity:.55;font-size:.875rem}.tag-cloud-item--sm .tag-cloud-name{opacity:.75;font-size:1rem}.tag-cloud-item--md .tag-cloud-name{opacity:.9;font-size:1.25rem}.tag-cloud-item--lg .tag-cloud-name{opacity:1;font-size:1.75rem;font-weight:600}.blog-archive{gap:var(--space-8);flex-direction:column;display:flex}.blog-archive-month{border-top:2px solid var(--text);padding-top:var(--space-5)}.blog-archive-month-header{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.blog-archive-month-label{letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums;margin:0;font-size:28px;font-weight:600}.blog-archive-month-count{letter-spacing:.04em;color:var(--muted);text-transform:uppercase;font-family:SF Mono,Fira Code,monospace;font-size:12px;font-weight:500}.blog-archive-month-posts{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.blog-archive-post{gap:var(--space-3);padding:var(--space-5) 0;color:inherit;transition:background var(--transition-fast);border-bottom:1px solid #0000000f;grid-template-columns:100px 1fr;text-decoration:none;display:grid}.blog-archive-post:hover{background:var(--surface-soft)}.blog-archive-post:hover .blog-archive-post-title{color:var(--accent)}.blog-archive-post-date{color:var(--muted);font-variant-numeric:tabular-nums;font-family:SF Mono,Fira Code,monospace;font-size:13px}.blog-archive-post-title{margin:0 0 var(--space-1) 0;color:var(--text);transition:color var(--transition-fast);font-size:18px;font-weight:600;line-height:1.3}.blog-archive-post-summary{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.book-topic-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.book-card{gap:var(--space-2);padding:var(--space-5);background:var(--surface);box-shadow:var(--shadow-border);border-radius:var(--radius-card);transition:box-shadow var(--transition-fast);flex-direction:column;display:flex}.book-card:hover{box-shadow:var(--shadow-card)}.book-card-link{gap:var(--space-1);color:inherit;flex-direction:column;text-decoration:none;display:flex}.book-card-meta{gap:var(--space-2);align-items:center;display:flex}.book-card-genre{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}.book-card-count{color:var(--muted);font-size:13px}.book-card-title{color:var(--text);margin:0;font-size:20px;font-weight:600}.book-card-author{color:var(--text-secondary);margin:0;font-size:14px}.book-card-summary{color:var(--text);margin:var(--space-1) 0 0;font-size:15px}.book-meta-block{color:var(--text-secondary);margin-bottom:var(--space-5);font-size:14px}.entry-card-book-note-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.entry-card-book-note-item{gap:var(--space-0);padding:var(--space-3) var(--space-4);color:inherit;border-radius:var(--radius);transition:background var(--transition-fast);flex-direction:column;text-decoration:none;display:flex}.entry-card-book-note-item:hover{background:var(--surface-hover)}.entry-card-book-note-title{color:var(--text);margin:0;font-size:16px;font-weight:600}.entry-card-book-note-summary{color:var(--text-secondary);margin:var(--space-0) 0 0;font-size:14px}.entry-card-book-note-date{color:var(--muted);margin-top:var(--space-1);font-size:13px}.course-topic-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.course-card{gap:var(--space-2);padding:var(--space-5);background:var(--surface);box-shadow:var(--shadow-border);border-radius:var(--radius-card);transition:box-shadow var(--transition-fast);flex-direction:column;display:flex}.course-card:hover{box-shadow:var(--shadow-card)}.course-card-link{gap:var(--space-1);color:inherit;flex-direction:column;text-decoration:none;display:flex}.course-card-meta{gap:var(--space-2);align-items:center;display:flex}.course-card-platform{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}.course-card-count{color:var(--muted);font-size:13px}.course-card-title{color:var(--text);margin:0;font-size:20px;font-weight:600}.course-card-instructor{color:var(--text-secondary);margin:0;font-size:14px}.course-card-summary{color:var(--text);margin:var(--space-1) 0 0;font-size:15px}.course-meta-block{color:var(--text-secondary);margin-bottom:var(--space-5);font-size:14px}.course-meta-block a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.course-index-body{margin-bottom:var(--space-6)}.entry-card-course-note-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.entry-card-course-note-item{gap:var(--space-0);padding:var(--space-3) var(--space-4);color:inherit;border-radius:var(--radius);transition:background var(--transition-fast);flex-direction:column;text-decoration:none;display:flex}.entry-card-course-note-item:hover{background:var(--surface-hover)}.entry-card-course-note-title{color:var(--text);margin:0;font-size:16px;font-weight:600}.entry-card-course-note-summary{color:var(--text-secondary);margin:var(--space-0) 0 0;font-size:14px}.entry-card-course-note-date{color:var(--muted);margin-top:var(--space-1);font-size:13px}.about-profile{gap:18px;display:grid}.about-profile p{color:var(--text);margin:0;font-size:16px;line-height:1.7}.about-profile .muted-block{color:var(--text-secondary);font-size:15px}.about-subsection h2{letter-spacing:-.01em;margin:0 0 18px;font-size:20px;font-weight:600}.exp-list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.exp-card{background:var(--surface);box-shadow:var(--shadow-border);border-radius:var(--radius-card);gap:6px;padding:18px 20px;display:grid}.exp-card .exp-period{color:var(--accent);font-family:SF Mono,Fira Code,monospace;font-size:12px;font-weight:500}.exp-card .exp-title{font-size:16px;font-weight:600}.exp-card .exp-desc{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.exp-card .exp-link{color:var(--accent);margin-top:4px;font-size:13px;font-weight:500;text-decoration:none;transition:-webkit-text-decoration .15s,text-decoration .15s}.exp-card .exp-link:hover{text-decoration:underline}.tech-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));margin:4px 0;display:grid}.tech-category{background:var(--surface);box-shadow:var(--shadow-border);border-radius:var(--radius-card);padding:18px 20px}.tech-category h3{color:var(--text);margin:0 0 12px;font-size:14px;font-weight:600}.tech-pills{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tech-pills li{border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--text-secondary);padding:5px 10px;font-size:13px;font-weight:500}.related-item{padding:12px var(--space-4);background:var(--surface);box-shadow:var(--shadow-border);border-radius:var(--radius);transition:box-shadow var(--transition-fast);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.related-item:hover{box-shadow:0 0 0 1px #0003}.related-item-title{color:var(--text);font-size:14px;font-weight:500}.related-item-date{color:var(--muted);margin-left:var(--space-4);flex-shrink:0;font-size:13px}@media print{.site-header,.site-footer,.article-toc,.share-buttons,.back-to-top,.search-trigger,.related-posts,.series-nav,.post-nav,.card-link,.search-dialog,.search-overlay{display:none!important}.article-layout__content{max-width:100%!important}.markdown-body{font-size:12pt;line-height:1.5}.code-block-wrapper{break-inside:avoid;box-shadow:0 0 0 1px #ccc}.code-block-pre{white-space:pre-wrap;word-break:break-word}a{color:inherit;text-decoration:underline}h1,h2,h3{page-break-after:avoid}}@media (max-width:820px){.site-header{height:auto;padding:var(--space-3) 0;gap:var(--space-3);flex-wrap:wrap}.nav-links{flex-wrap:wrap}.hero-section,.section-grid,.card-grid,.evidence-grid,.career-grid,.icon-map{grid-template-columns:1fr}.hero-section{min-height:auto;padding-top:var(--space-4)}.hero-copy h1,.page-header h1,.article-header h1{font-size:38px;line-height:1.05}.content-card{min-height:0}.markdown-image-link{padding:var(--space-2) var(--space-3);border-radius:0;margin:20px -16px}.markdown-image{border-radius:var(--radius);max-height:62vh}.markdown-body .mermaid{border-radius:0;margin:20px -16px;padding:14px}.post-nav{grid-template-columns:1fr}.post-nav__card--next{text-align:left;align-items:flex-start}.entry-card-blog{padding:var(--space-5) 0}.entry-card-blog-title{font-size:24px}.entry-card-blog-summary{font-size:15px}.entry-card-project-grid{grid-template-columns:1fr}.entry-card-project-featured{grid-column:auto}.entry-card-project-title,.entry-card-weekly-title{font-size:22px}.entry-card-learning-topic,.entry-card-learning-list-title{font-size:20px}.blog-archive-post{gap:var(--space-1);grid-template-columns:1fr}.blog-archive-month-label{font-size:22px}.markdown-table-wrap{padding:0 var(--space-4);margin:20px -16px;overflow-x:auto}.markdown-body table{min-width:420px;font-size:14px}.markdown-body th,.markdown-body td{padding:10px 12px}.site-footer-grid{gap:var(--space-5);grid-template-columns:1fr}.tech-grid{grid-template-columns:1fr}.timeline{padding-left:var(--space-5);margin-left:0}.entry-card-weekly-marker{left:calc(-1 * var(--space-5) - 4px)}}@media (max-width:1099px){.article-layout{grid-template-columns:1fr;gap:0}.article-layout__content{margin:0 auto}.article-layout>.article-toc{display:none}.article-toc__toggle{display:inline-flex}.tabs-nav{width:100%;max-width:100%;padding:5px;display:flex;position:static;overflow-x:auto}}@media (min-width:1100px){.article-toc__toggle{display:none}}@media (max-width:720px){.site-footer-grid{gap:var(--space-5);grid-template-columns:1fr}}:root{--background:#f3f5f2;--surface:#fff;--surface-soft:#e9ece8;--surface-hover:#e1e5df;--text:#11130f;--text-secondary:#50554d;--muted:#7b8278;--accent:#3157ff;--accent-hover:#1538d8;--shadow-border:0 0 0 1px #11130f17;--shadow-card:0 0 0 1px #11130f1a, 0 16px 44px #11130f0f;--radius:10px;--radius-card:18px;--header-height:68px;--focus-ring:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}html{background:var(--background);font-family:Avenir Next,Avenir,Helvetica Neue,PingFang SC,sans-serif}body{background-color:var(--background);background-image:radial-gradient(#11130f0e .7px,#0000 .7px);background-size:18px 18px}.site-header{z-index:50;width:min(var(--container), calc(100% - 32px));border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(18px)saturate(140%);background:#ffffffd1;height:56px;margin:12px auto 0;padding:6px 8px 6px 12px;position:sticky;top:12px;box-shadow:0 0 0 1px #11130f14,0 12px 34px #11130f12}.brand{letter-spacing:.12em;gap:9px;font-family:Arial Narrow,Avenir Next Condensed,sans-serif;font-size:13px;font-weight:800}.brand img{border-radius:50%;width:30px;height:30px}.nav-links{border-radius:var(--radius-pill);background:#11130f09;gap:1px;padding:3px}.nav-links a{border-radius:var(--radius-pill);gap:5px;min-height:34px;padding:7px 9px;font-size:12px;font-weight:600}.nav-links a:hover,.nav-links a.active{background:var(--surface);color:var(--text);box-shadow:0 1px 6px #11130f14}.nav-links .nav-icon{width:13px;height:13px}.site-actions{align-items:center;gap:4px;display:flex}.site-nav-icon-link,.search-trigger{border-radius:var(--radius-pill);background:var(--text);color:#fff;min-width:36px;height:36px;box-shadow:none;padding:0 10px}.site-nav-icon-link:hover,.search-trigger:hover{background:var(--accent);color:#fff}.home-shell{padding-top:18px}.hero-section{--lens-x:50%;--lens-y:50%;--lens-radius:0px;isolation:isolate;perspective:1200px;background:#fafbf8eb;border-radius:30px;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);align-items:center;gap:clamp(32px,6vw,82px);min-height:min(760px,100svh - 116px);padding:clamp(34px,6vw,82px);display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #11130f1a,0 30px 80px #11130f12}.hero-grid-field,.hero-lens-grid{pointer-events:none;background-image:linear-gradient(#11130f0b 1px,#0000 1px),linear-gradient(90deg,#11130f0b 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.hero-grid-field:after{content:"";background:#3157ff47;width:1px;height:100%;position:absolute;top:0;left:13%}.hero-copy{--hero-rx:0deg;--hero-ry:0deg;--hero-x:0px;--hero-y:0px;z-index:2;min-width:0;transform:translate3d(var(--hero-x), var(--hero-y), 0) rotateX(var(--hero-rx)) rotateY(var(--hero-ry));transform-origin:45%;transform-style:preserve-3d;will-change:transform;transition:transform .22s cubic-bezier(.22,.61,.36,1);position:relative}.hero-kicker,.section-kicker,.about-kicker,.about-section-label,.hero-panel-label{letter-spacing:.15em;font-family:SF Mono,Fira Code,monospace;font-size:11px;font-weight:700}.hero-kicker{color:var(--accent);margin-bottom:20px;display:inline-flex}.hero-copy h1{letter-spacing:-.065em;max-width:820px;font-family:Arial Narrow,Avenir Next Condensed,Helvetica Neue,PingFang SC,sans-serif;font-size:clamp(54px,6.2vw,82px);font-weight:800;line-height:.93}.hero-copy h1 span{color:var(--accent);display:block}.hero-copy p{max-width:640px;margin-top:24px;font-size:clamp(16px,1.5vw,19px);line-height:1.75}.hero-actions{margin-top:30px}.hero-actions .button{border-radius:var(--radius-pill);min-height:46px;padding:0 19px}.hero-actions .button.primary{background:var(--text)}.hero-actions .button.primary:hover{background:var(--accent)}.hero-panel{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb8;border-radius:22px;min-width:0;padding:10px;position:relative;box-shadow:0 0 0 1px #11130f1a,0 22px 60px #11130f14}.hero-panel-label{color:var(--muted);justify-content:space-between;padding:10px 11px 14px;font-size:9px;display:flex}.panel-row{gap:14px;padding:16px 14px;font-size:12px}.panel-row.strong{background:var(--text);border-radius:13px}.hero-lens{z-index:5;background:var(--text);color:#fff;clip-path:circle(var(--lens-radius) at var(--lens-x) var(--lens-y));pointer-events:none;will-change:clip-path;position:absolute;inset:0;overflow:hidden}.hero-lens-grid{background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);-webkit-mask-image:none;mask-image:none}.hero-lens-copy{top:var(--lens-y);left:var(--lens-x);text-align:center;width:290px;display:grid;position:absolute;transform:translate(-50%,-50%)}.hero-lens-copy span,.hero-lens-copy strong{letter-spacing:-.04em;font-family:Arial Narrow,Avenir Next Condensed,sans-serif;font-size:31px;font-weight:800;line-height:.95}.hero-lens-copy strong{color:#8da2ff}.hero-lens-copy small{color:#ffffffa3;letter-spacing:.04em;margin-top:13px;font-size:11px}.hero-motion-hint{z-index:2;color:var(--muted);letter-spacing:.14em;margin:0;font-family:SF Mono,Fira Code,monospace;font-size:9px;position:absolute;bottom:18px;right:22px}.hero-motion-hint span{color:var(--accent)}.portal-section{margin-top:clamp(72px,10vw,128px)}.portal-section .section-heading{align-items:flex-end;margin-bottom:26px}.section-kicker,.about-kicker,.about-section-label{color:var(--accent);margin-bottom:9px;display:block}.portal-section .section-heading h2{letter-spacing:-.045em;font-size:clamp(30px,4vw,48px)}.home-shell .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-shell .content-card{border-radius:20px;min-height:220px;transition:color .26s,background .26s,box-shadow .26s,transform .26s}.home-shell .content-card:first-child{background:var(--text);color:#fff;grid-column:span 2}.home-shell .content-card:first-child .icon-shell{color:#fff;background:#ffffff1f;box-shadow:0 0 0 1px #ffffff29}.home-shell .content-card:first-child p,.home-shell .content-card:first-child .card-link{color:#ffffffab}.home-shell .content-card:not(:first-child):hover,.home-shell .content-card:not(:first-child):focus-visible{background:var(--accent);color:#fff}.home-shell .content-card:not(:first-child):hover p,.home-shell .content-card:not(:first-child):hover .card-link,.home-shell .content-card:not(:first-child):focus-visible p,.home-shell .content-card:not(:first-child):focus-visible .card-link{color:#ffffffc2}.home-shell .content-card:not(:first-child):hover .icon-shell,.home-shell .content-card:not(:first-child):focus-visible .icon-shell{color:#fff;background:#ffffff24;box-shadow:0 0 0 1px #ffffff2e}.about-page{width:min(980px,100% - 48px);padding-top:clamp(56px,8vw,104px)}.about-hero{background:var(--text);color:#fff;border-radius:26px;margin-bottom:76px;padding:clamp(30px,6vw,64px);position:relative;overflow:hidden}.about-hero:after{content:"";border:1px solid #8da2ff94;border-radius:50%;width:320px;height:320px;position:absolute;bottom:-110px;right:-80px;box-shadow:0 0 0 42px #8da2ff0d,0 0 0 84px #8da2ff09}.about-hero h1{z-index:1;color:#fff;letter-spacing:-.055em;max-width:800px;font-family:Arial Narrow,Avenir Next Condensed,Helvetica Neue,PingFang SC,sans-serif;font-size:clamp(45px,6vw,66px);font-weight:800;line-height:1;position:relative}.about-hero h1 span{display:block}.about-hero p{z-index:1;color:#ffffffb3;max-width:680px;position:relative}.about-proof-strip{z-index:1;flex-wrap:wrap;gap:8px;margin-top:32px;display:flex;position:relative}.about-proof-strip span{border-radius:var(--radius-pill);color:#ffffffc2;letter-spacing:.1em;border:1px solid #ffffff2e;padding:7px 10px;font-family:SF Mono,Fira Code,monospace;font-size:9px}.about-subsection{margin-top:72px}.about-subsection h2{letter-spacing:-.035em;margin-bottom:24px;font-size:clamp(25px,4vw,38px)}.about-manifesto{grid-template-columns:minmax(150px,.34fr) minmax(0,1fr);column-gap:52px;display:grid}.about-manifesto .about-section-label,.about-manifesto h2{grid-column:1}.about-manifesto .about-profile{grid-area:1/2/span 2}.about-profile p{font-size:17px;line-height:1.85}.exp-list{border-top:1px solid #11130f1f;gap:0}.exp-card{box-shadow:none;background:0 0;border-bottom:1px solid #11130f1f;border-radius:0;grid-template-columns:minmax(120px,.28fr) minmax(0,1fr);gap:6px 28px;padding:24px 2px}.exp-card .exp-period{grid-area:1/1/span 2}.exp-card .exp-title,.exp-card .exp-desc,.exp-card .exp-link{grid-column:2}.exp-card .exp-title{font-size:18px}.exp-card .exp-desc{max-width:700px;font-size:15px;line-height:1.75}.tech-grid{gap:10px;margin-top:34px}.tech-category{border-radius:16px;padding:22px}.tech-pills li{border-radius:6px;font-family:SF Mono,Fira Code,monospace;font-size:11px}.about-site-note{background:#dfe5ff;border-radius:20px;padding:34px}.career-materials{border-top:2px solid var(--text);margin-top:110px;padding-top:42px}.career-materials>.muted-block{max-width:620px;color:var(--text-secondary);line-height:1.7}.site-footer{width:min(var(--container), calc(100% - 32px));background:var(--text);color:#fff;border:0;border-radius:24px;margin:36px auto 18px;padding:42px}.site-footer-heading,.site-footer-list a{color:#fff}.site-footer-kind,.site-footer-copy,.site-footer-empty{color:#ffffff85}@media (max-width:1040px){.site-header{width:calc(100% - 24px)}.nav-links a{padding-inline:7px}.nav-links .nav-icon{display:none}.hero-section{grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);padding:48px}}@media (max-width:820px){.site-header{border-radius:24px;grid-template-columns:1fr auto;height:auto;padding:7px;display:grid}.brand{padding-left:5px}.nav-links{scrollbar-width:none;flex-wrap:nowrap;grid-area:2/1/auto/-1;justify-content:flex-start;width:100%;min-width:0;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-links a{flex:none}.site-actions{grid-area:1/2}.hero-section{grid-template-columns:1fr;min-height:720px;padding:44px 34px}.hero-panel{max-width:520px}.home-shell .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-shell .content-card:first-child{grid-column:span 2}.about-manifesto{display:block}.about-manifesto .about-profile{margin-top:24px}}@media (max-width:560px){.page-shell,.about-page{width:calc(100% - 24px)}.brand span{font-size:11px}.hero-section{border-radius:22px;min-height:auto;padding:50px 22px 38px}.hero-copy h1{overflow-wrap:anywhere;word-break:break-all;max-width:100%;font-size:44px}.hero-copy p{font-size:15px;line-height:1.65}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-motion-hint,.hero-lens{display:none}.home-shell .card-grid{grid-template-columns:1fr}.home-shell .content-card:first-child{grid-column:auto}.portal-section .section-heading{flex-direction:column;align-items:flex-start}.about-hero{border-radius:20px;margin-bottom:54px;padding:34px 24px}.about-hero h1{font-size:42px}.about-hero:after{opacity:.5}.about-subsection{margin-top:56px}.exp-card{grid-template-columns:1fr;gap:8px}.exp-card .exp-period,.exp-card .exp-title,.exp-card .exp-desc,.exp-card .exp-link{grid-area:auto/1}.site-footer{width:calc(100% - 24px);padding:30px 24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-copy{transition:none;transform:none}.hero-lens,.hero-motion-hint{display:none}.home-shell .content-card,.nav-links a,.site-nav-icon-link,.search-trigger{transition:none}}.tool-index-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.tool-index-card{gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex}.tool-index-card:hover{box-shadow:0 0 0 1px var(--accent), 0 12px 24px -12px #11130f38;transform:translateY(-2px)}.tool-index-card:focus-visible{box-shadow:var(--focus-ring);outline:none}.tool-index-title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:22px;font-weight:600}.tool-index-summary{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.65}.tool-index-keywords{gap:var(--space-2);flex-wrap:wrap;margin:auto 0 0;padding:0;list-style:none;display:flex}.tool-index-keywords li{border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--text-secondary);padding:2px 10px;font-size:12px}.tool-panel{gap:var(--space-6);margin-top:var(--space-7);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);display:grid}@media (max-width:860px){.tool-panel{grid-template-columns:1fr}}.tool-face{gap:var(--space-4);padding:var(--space-6) var(--space-5);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.tool-phase{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0;font-family:Arial Narrow,Avenir Next Condensed,sans-serif;font-size:13px;font-weight:800}.tool-face--focus .tool-phase{color:var(--accent)}.tool-readout{letter-spacing:-.04em;color:var(--text);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;margin:0;font-size:clamp(56px,12vw,96px);font-weight:600;line-height:1}.tool-hint{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.tool-progress{border-radius:var(--radius-pill);background:var(--surface-soft);height:4px;overflow:hidden}.tool-progress-fill{background:var(--accent);transform-origin:0;will-change:transform;width:100%;height:100%;transition:transform var(--transition-fast)}.tool-controls{gap:var(--space-2);flex-wrap:wrap;display:flex}.tool-keyhint{color:var(--muted);margin:0;font-size:12px}.tool-keyhint kbd{border-radius:var(--radius);background:var(--surface-soft);box-shadow:var(--shadow-border);color:var(--text-secondary);padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.tool-side{gap:var(--space-5);flex-direction:column;display:flex}.tool-block{gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.tool-block-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:12px;font-weight:700}.tool-dots{gap:var(--space-2);display:flex}.tool-dot{border-radius:var(--radius-pill);background:var(--surface-soft);flex:1;height:6px}.tool-dot.is-done{background:var(--accent)}.tool-stat{color:var(--text-secondary);margin:0;font-size:14px}.tool-stat strong{color:var(--text);font-variant-numeric:tabular-nums}.tool-field-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.tool-field{gap:var(--space-1);color:var(--muted);flex-direction:column;font-size:12px;display:flex}.tool-field select,.tool-field input{min-height:38px;padding:0 var(--space-3);border-radius:var(--radius);background:var(--surface-soft);box-shadow:var(--shadow-border);color:var(--text);border:none;font-size:14px}.tool-field input[type=number]{width:76px}.tool-field select:focus-visible,.tool-field input:focus-visible{box-shadow:var(--focus-ring);outline:none}.tool-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.tool-chip{border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none;padding:6px 12px;font-size:13px}.tool-chip:hover{background:var(--surface-hover);color:var(--text)}.tool-chip.is-active{background:var(--text);color:#fff}.tool-chip:focus-visible{box-shadow:var(--focus-ring);outline:none}.tool-switch{align-items:center;gap:var(--space-2);color:var(--text-secondary);cursor:pointer;font-size:14px;display:flex}.tool-switch input{width:16px;height:16px;accent-color:var(--accent)}.tool-note{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.tool-loading{padding:var(--space-6);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);color:var(--muted);margin:0;font-size:14px}.tool-sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tool-notes{gap:var(--space-4);max-width:720px;margin-top:var(--space-8);flex-direction:column;display:flex}.tool-notes h2{margin:var(--space-4) 0 0;letter-spacing:-.02em;color:var(--text);font-size:20px;font-weight:600}.tool-notes h2:first-child{margin-top:0}.tool-notes p{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.75}@media (prefers-reduced-motion:reduce){.tool-index-card,.tool-progress-fill,.tool-chip{transition:none}.tool-index-card:hover{transform:none}}.about-more{margin:var(--space-5) 0 0}.about-rail{margin-top:var(--space-5)}.about-rail-track{gap:var(--space-4);padding:var(--space-1) var(--space-1) var(--space-5);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:minmax(280px,340px);grid-auto-flow:column;margin:0;list-style:none;display:grid;overflow-x:auto}.about-rail-track:focus-visible{border-radius:var(--radius-card);box-shadow:var(--focus-ring);outline:none}.about-rail-item{scroll-snap-align:start;display:flex}.about-rail-card{gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;flex:1;display:flex}.about-rail-card:hover{box-shadow:0 0 0 1px var(--accent), 0 14px 28px -14px #11130f3d;transform:translateY(-3px)}.about-rail-card:focus-visible{box-shadow:var(--focus-ring);outline:none}.about-rail-meta{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-family:Arial Narrow,Avenir Next Condensed,sans-serif;font-size:12px;font-weight:700}.about-rail-title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:19px;font-weight:600;line-height:1.3}.about-rail-summary{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.65}.about-rail-cta{color:var(--accent);margin-top:auto;font-size:13px;font-weight:500}.about-rail-nav{justify-content:flex-end;gap:var(--space-2);display:flex}.about-rail-btn{border-radius:var(--radius-pill);background:var(--surface);width:36px;height:36px;box-shadow:var(--shadow-border);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none;justify-content:center;align-items:center;font-size:16px;display:inline-flex}.about-rail-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.about-rail-btn:disabled{opacity:.4;cursor:not-allowed}.about-rail-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (max-width:720px){.about-rail-track{scroll-snap-type:none;grid-auto-columns:auto;grid-auto-flow:row;padding-bottom:0;overflow-x:visible}.about-rail-nav{display:none}}.about-traits{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.about-trait{padding:var(--space-5);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card)}.about-trait-title{margin:0 0 var(--space-2);letter-spacing:-.01em;color:var(--text);font-size:16px;font-weight:600}.about-trait-desc{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.7}.about-stack{gap:var(--space-3);margin-top:var(--space-6);flex-direction:column;display:flex}.about-stack-row{gap:var(--space-4);grid-template-columns:96px 1fr;align-items:start;display:grid}.about-stack-label{color:var(--muted);padding-top:3px;font-size:13px}.about-stack-items{gap:var(--space-2);flex-wrap:wrap;display:flex}.about-stack-chip{border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--text-secondary);padding:3px 10px;font-size:13px}@media (max-width:640px){.about-stack-row{gap:var(--space-2);grid-template-columns:1fr}}.about-fold{margin-top:var(--space-8);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);overflow:hidden}.about-fold>summary{gap:var(--space-1);padding:var(--space-5);cursor:pointer;list-style:none;display:grid}.about-fold>summary::-webkit-details-marker{display:none}.about-fold>summary:focus-visible{box-shadow:var(--focus-ring);outline:none}.about-fold-title{letter-spacing:-.02em;color:var(--text);font-size:20px;font-weight:600}.about-fold-title:after{content:" ＋";color:var(--muted);font-weight:400}.about-fold[open] .about-fold-title:after{content:" －"}.about-fold-hint{color:var(--muted);font-size:13px}.about-fold-body{padding:var(--space-6) var(--space-5);box-shadow:inset 0 1px #11130f14}.about-fold-block+.about-fold-block{margin-top:var(--space-7)}.about-fold-block>h3{margin:0 0 var(--space-4);color:var(--text);font-size:17px;font-weight:600}@media (prefers-reduced-motion:reduce){.about-rail-card,.about-rail-btn{transition:none}.about-rail-card:hover{transform:none}}.entry-card-gallery-note{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.tool-panel--music{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}@media (max-width:860px){.tool-panel--music{grid-template-columns:1fr}}.tool-readout--sm{font-size:clamp(34px,6vw,52px)}.tool-readout-unit{margin-left:var(--space-2);color:var(--muted);font-size:16px;font-weight:500}.tool-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--surface-soft);box-shadow:var(--shadow-border);color:var(--text);margin:0;font-size:13px;line-height:1.6}.tool-block--grow{min-width:0}.music-list{flex-direction:column;gap:1px;max-height:440px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.music-row{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:inherit;text-align:left;cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;display:flex}.music-row:hover{background:var(--surface-soft)}.music-row:focus-visible{box-shadow:var(--focus-ring);outline:none}.music-row.is-active{background:var(--surface-soft)}.music-row.is-active .music-row-title{color:var(--accent)}.music-row-main{flex-direction:column;min-width:0;display:flex}.music-row-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.music-row-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.music-row-size{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.music-empty{padding:var(--space-4);color:var(--muted);font-size:13px}.music-player{gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);grid-column:1/-1;display:grid}.music-player-now{align-items:baseline;gap:var(--space-3);min-width:0;display:flex}.music-player-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.music-player-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.music-player-progress{align-items:center;gap:var(--space-3);grid-template-columns:auto 1fr auto;display:grid}.music-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.music-seek,.music-volume input{width:100%;height:4px;accent-color:var(--accent)}.music-player-controls{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.music-volume{align-items:center;gap:var(--space-2);max-width:160px;margin-left:auto;display:flex}.music-volume-label{color:var(--muted);flex:none;font-size:12px}.music-np{z-index:60;pointer-events:none;justify-content:center;padding:0 16px;animation:.2s both music-np-in;display:flex;position:fixed;inset:auto 0 16px}@keyframes music-np-in{0%{opacity:0;transform:translateY(8px)}}.music-np-inner{pointer-events:auto;align-items:center;gap:var(--space-4);width:min(var(--container), 100%);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--surface);-webkit-backdrop-filter:blur(14px)saturate(140%);grid-template-columns:minmax(0,1fr) auto minmax(180px,260px) auto auto;display:grid;box-shadow:0 0 0 1px #11130f1a,0 14px 32px -14px #11130f47}.music-np-info{flex-direction:column;min-width:0;display:flex}.music-np-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.music-np-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.music-np-controls{align-items:center;gap:var(--space-1);display:flex}.music-np-btn{border-radius:var(--radius-pill);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.music-np-btn:hover:not(:disabled){background:var(--surface-soft);color:var(--text)}.music-np-btn:active:not(:disabled){background:var(--surface-hover)}.music-np-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.music-np-btn:disabled{opacity:.35;cursor:not-allowed}.music-np-btn--primary{background:var(--text);color:#fff;width:38px;height:38px}.music-np-btn--primary:hover:not(:disabled){color:#fff;background:#333}.music-np-progress{align-items:center;gap:var(--space-2);grid-template-columns:auto 1fr auto;min-width:0;display:grid}.music-np-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.music-np-seek,.music-np-volume input{width:100%;height:4px;accent-color:var(--accent)}.music-np-seek:disabled{opacity:.4}.music-np-volume{align-items:center;gap:var(--space-2);width:110px;display:flex}.music-np-volume-label{color:var(--muted);flex:none;font-size:11px}.music-np-close{border-radius:var(--radius-pill);width:30px;height:30px;color:var(--muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.music-np-close:hover{background:var(--surface-soft);color:var(--text)}.music-np-close:focus-visible{box-shadow:var(--focus-ring);outline:none}body:has(.music-np) .site-footer{padding-bottom:112px}@media (max-width:860px){.music-np-volume{display:none}.music-np-inner{grid-template-columns:minmax(0,1fr) auto auto}.music-np-progress{display:none}}@media (prefers-reduced-motion:reduce){.music-np{animation:none}.music-np-btn,.music-np-close{transition:none}}.fluid-orb{border-radius:var(--radius-pill);vertical-align:middle;flex:none;display:inline-block;position:relative;overflow:hidden}.fluid-orb-canvas{width:100%;height:100%;display:block}.hero-panel-live{align-items:center;gap:6px;display:inline-flex}.ml-head{margin-bottom:var(--space-6)}.ml-head p{max-width:64ch;color:var(--text-secondary)}.ml-bar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-7);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-border);flex-wrap:wrap;display:flex}.ml-switch{align-items:center;gap:var(--space-2);color:var(--text-secondary);cursor:pointer;font-size:13px;display:inline-flex}.ml-cap{border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--text-secondary);align-items:center;padding:4px 10px;font-family:SF Mono,Fira Code,monospace;font-size:11px;display:inline-flex}.ml-cap:after{content:"view() 时间线 · 不支持 → 元素静态显示（这就是降级）"}@supports (animation-timeline:view()){.ml-cap{color:var(--text)}.ml-cap:after{content:"view() 时间线 · 支持"}}.ml-demo{margin-bottom:var(--space-6);padding:var(--space-5);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card)}.ml-demo>h2{margin-bottom:var(--space-2);font-size:20px}.ml-demo>p{max-width:64ch;color:var(--text-secondary)}.ml-meta{gap:var(--space-2);margin:var(--space-3) 0 var(--space-5);flex-wrap:wrap;padding:0;list-style:none;display:flex}.ml-meta li{border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--text-secondary);padding:3px 10px;font-size:12px}.ml-meta li.ok{color:var(--text);font-weight:600}.ml-meta li.no{text-decoration:line-through}.ml-reveal-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.ml-reveal{aspect-ratio:1;border-radius:var(--radius);background:var(--surface-soft);box-shadow:var(--shadow-border);overflow:hidden}.ml-reveal img{object-fit:cover;width:100%;height:100%;display:block}@keyframes ml-reveal-in{0%{opacity:0;clip-path:inset(12% 12% 12% 12% round var(--radius))}to{opacity:1;clip-path:inset(0% 0% 0% 0% round var(--radius))}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.ml-reveal{animation:linear both ml-reveal-in;animation-timeline:view();animation-range:entry 8% cover 32%}.ml-reveal:nth-child(3n+2){animation-range:entry 14% cover 38%}.ml-reveal:nth-child(3n){animation-range:entry 20% cover 44%}}}.ml-compare{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (max-width:720px){.ml-compare{grid-template-columns:minmax(0,1fr)}}.ml-shot{aspect-ratio:3/4;border-radius:var(--radius);background:var(--surface-soft);box-shadow:var(--shadow-border);position:relative;overflow:hidden}.ml-shot img{object-fit:cover;width:100%;height:100%;display:block}.ml-shot[data-mode=current][data-state=loading] img{visibility:hidden}.ml-shot[data-mode=blur][data-state=loading] img{filter:blur(16px);transform:scale(1.06)}.ml-shot[data-mode=blur][data-state=loaded] img{filter:blur();transition:filter var(--transition-smooth), transform var(--transition-smooth);transform:scale(1)}.ml-caption{margin-top:var(--space-2);color:var(--muted);font-size:13px}.ml-actions{margin-top:var(--space-4)}.ml-toc{max-width:280px}.ml-toc button{position:relative}.ml-toc-ind{left:0;top:var(--space-1);bottom:var(--space-1);border-radius:var(--radius-pill);background:var(--accent);width:2px;position:absolute}.ml-toc ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.ml-toc button{width:100%;padding:6px var(--space-3) 6px var(--space-5);border-radius:var(--radius);color:var(--muted);font:inherit;text-align:left;cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;font-size:13px;display:block}.ml-toc button:hover{background:var(--surface-soft)}.ml-toc button[aria-current=location]{color:var(--text);font-weight:600}.ml[data-reduce=true] .ml-reveal{opacity:1!important;clip-path:none!important;animation:none!important}.ml[data-reduce=true] .ml-shot img{filter:none!important;visibility:visible!important;transition:none!important;transform:none!important}@keyframes gallery-develop-in{0%{opacity:0;clip-path:inset(11%)}to{opacity:1;clip-path:inset(0%)}}@supports (animation-timeline:view()) and (view-timeline-name:--gallery-entry){@media (prefers-reduced-motion:no-preference){.entry-card-gallery{view-timeline-name:--gallery-entry}.entry-card-gallery-cover{animation:linear both gallery-develop-in;animation-timeline:--gallery-entry;animation-range:entry 6% cover 30%}.entry-card-gallery:nth-child(3n+2) .entry-card-gallery-cover{animation-range:entry 12% cover 36%}.entry-card-gallery:nth-child(3n) .entry-card-gallery-cover{animation-range:entry 18% cover 42%}}}@supports selector(::details-content) and (interpolate-size:allow-keywords){@media (prefers-reduced-motion:no-preference){details{interpolate-size:allow-keywords}details::details-content{block-size:0;transition:block-size var(--transition-smooth), content-visibility var(--transition-smooth);transition-behavior:allow-discrete;overflow:hidden}details[open]::details-content{block-size:auto}}}