:root{--abyss: #0a1929;--deep: #0d2438;--sea: #12354f;--mid: #1e5f8c;--accent: #38bdf8;--accent-soft: #7dd3fc;--ice: #e8f1f8;--ice-soft: #b8cfe0;--ice-faint: #7f9bb3;--bg: #f5f8fb;--surface: #ffffff;--ink: #0d2438;--ink-soft: #40566b;--ink-faint: #7b8da0;--line: #dde6ef;--line-strong: #c3d2e0;--radius: 10px;--maxw: 760px;--font-serif: "Spectral", Georgia, serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}h1,h2,h3{font-family:var(--font-serif);font-weight:600;line-height:1.15;letter-spacing:-.01em;color:var(--ink)}h1{font-size:clamp(2.3rem,6vw,3.2rem);margin:0 0 .5rem}h2{font-size:1.5rem;margin:0 0 1.3rem;display:flex;align-items:baseline;gap:.7rem}h2:before{content:attr(data-idx);font-family:var(--font-mono);font-size:.7rem;font-weight:500;color:var(--accent);letter-spacing:.05em;opacity:.85;transform:translateY(-.35em)}h3{font-size:1.05rem;margin:0 0 .15rem;font-family:var(--font-sans);font-weight:600}a{color:var(--mid);text-decoration:none}a:hover{text-decoration:underline}p{margin:0 0 1rem}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 1.5rem}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--abyss) 82%,transparent);backdrop-filter:saturate(1.3) blur(10px);border-bottom:1px solid color-mix(in srgb,var(--accent) 18%,transparent)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}.brand{font-family:var(--font-serif);font-weight:600;font-size:1.1rem;color:var(--ice)}.brand:hover{text-decoration:none;color:var(--accent-soft)}.nav{display:flex;gap:1.5rem}.nav a{color:var(--ice-soft);font-size:.92rem}.nav a:hover{color:var(--accent);text-decoration:none}.nav a[aria-current=page]{color:var(--accent)}.hero{position:relative;background:radial-gradient(120% 90% at 85% 0%,rgba(56,189,248,.12),transparent 55%),linear-gradient(180deg,var(--abyss) 0%,var(--deep) 55%,var(--sea) 100%);color:var(--ice);overflow:hidden;padding:3.5rem 0 3rem}.hero-helix{position:absolute;top:-30px;right:-20px;height:calc(100% + 60px);width:auto;opacity:.16;pointer-events:none;color:var(--accent)}.hero .wrap{position:relative;z-index:1}.hero-grid{display:flex;align-items:flex-start;gap:2rem}.hero-photo{width:150px;height:150px;object-fit:cover;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:0 8px 30px #00000059;flex-shrink:0}.hero-text{min-width:0}.hero h1{color:var(--ice)}.hero .role{color:var(--accent);font-weight:500;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.02em;margin:0 0 1rem}.hero .tagline{font-size:1.15rem;color:var(--ice-soft);max-width:34rem}.contact{list-style:none;margin:1.2rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.contact li{display:flex;align-items:flex-start;gap:.6rem;font-size:.94rem;color:var(--ice-soft);line-height:1.4}.contact a{color:var(--ice-soft)}.contact a:hover{color:var(--accent)}.contact .ci{width:17px;height:17px;flex-shrink:0;margin-top:2px;fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.contact .alt{color:var(--ice-faint)}.social{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.4rem;font-size:.95rem}.social a{color:var(--ice-soft)}.social a:hover{color:var(--accent);text-decoration:none}.cv-button{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.4rem;padding:.55rem 1.1rem;border:1px solid var(--accent);border-radius:8px;color:var(--accent);background:transparent;font-size:.92rem;font-weight:500;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.cv-button:hover{background:var(--accent);color:var(--abyss);text-decoration:none;box-shadow:0 6px 20px #38bdf840}.cv-button:hover .ci{stroke:var(--abyss)}.cv-button .ci{width:16px;height:16px}main>section:not(.hero){padding:2.8rem 0;position:relative}main>section:not(.hero)+section:not(.hero) .wrap{border-top:1px solid var(--line);padding-top:2.6rem}main>section:not(.hero)+section:not(.hero){padding-top:.2rem}.section-label{font-size:.82rem;color:var(--ink-faint);margin-bottom:1.1rem}.entry{display:grid;grid-template-columns:1fr auto;gap:.15rem 1rem;padding:1rem 0 1rem 1.1rem;position:relative;border-top:1px solid var(--line)}.entry:first-of-type{border-top:none}.entry:before{content:"";position:absolute;left:0;top:1.15rem;width:3px;height:1.1rem;border-radius:2px;background:linear-gradient(var(--accent),var(--mid))}.entry .period{color:var(--ink-faint);font-size:.85rem;font-family:var(--font-mono);white-space:nowrap}.entry .org{color:var(--ink-soft);font-size:.95rem}.entry .note{color:var(--ink-faint);font-size:.92rem;grid-column:1 / -1;margin-top:.2rem}.pub{padding:1rem 0;border-top:1px solid var(--line)}.pub:first-of-type{border-top:none}.pub .pub-title{color:var(--ink);font-weight:500}.pub .pub-title a{color:var(--ink)}.pub .pub-title a:hover{color:var(--mid)}.pub .pub-meta{color:var(--ink-faint);font-size:.88rem;margin-top:.15rem;font-family:var(--font-mono)}.pub .pub-authors{color:var(--ink-soft);font-size:.92rem}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2rem}.skill-group h3{color:var(--mid);font-size:.98rem;margin-bottom:.55rem}.skill-group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.32rem}.skill-group li{font-size:.9rem;color:var(--ink-soft);line-height:1.4;padding-left:1rem;position:relative}.skill-group li:before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.post{padding:1.2rem 0;border-top:1px solid var(--line)}.post:first-of-type{border-top:none}.post h3{margin-bottom:.28rem}.post h3 a{color:var(--ink)}.post h3 a:hover{color:var(--mid);text-decoration:none}.post .post-meta{color:var(--ink-faint);font-size:.84rem;margin-bottom:.3rem;font-family:var(--font-mono)}.post .excerpt{color:var(--ink-soft);font-size:.96rem}.tag{display:inline-block;font-size:.74rem;padding:.14rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--mid);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);margin-right:.35rem}.tag.muted{background:transparent;color:var(--ink-faint);border-color:var(--line-strong)}.tag.is-button{cursor:pointer}.tag.is-button[aria-pressed=true]{background:var(--accent);color:var(--abyss);border-color:var(--accent)}.filter-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem}.view-all{font-size:.92rem;margin-top:1.3rem;display:inline-block;color:var(--mid)}.hero.hero-slim{padding:2.6rem 0 2rem}.article{padding:2.8rem 0 4rem}.article h1{margin-bottom:.5rem}.article .post-meta{color:var(--ink-faint);font-size:.9rem;margin-bottom:2rem;font-family:var(--font-mono)}.prose{font-size:1.05rem}.prose h2{margin-top:2rem;font-size:1.3rem;display:block}.prose h2:before{content:none}.prose h3{margin-top:1.6rem}.prose img{max-width:100%;border-radius:var(--radius)}.prose pre{background:var(--deep);color:var(--ice);border-radius:var(--radius);padding:1rem;overflow-x:auto;font-size:.9rem}.prose code{font-family:var(--font-mono);font-size:.88em}.prose :not(pre)>code{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--mid);padding:.1rem .35rem;border-radius:4px}.prose blockquote{border-left:3px solid var(--accent);margin:1.2rem 0;padding:.2rem 0 .2rem 1.1rem;color:var(--ink-soft);font-style:italic}.back-link{font-size:.9rem;color:var(--ice-soft)}.article .back-link{color:var(--mid)}.site-footer{background:var(--abyss);color:var(--ice-faint);padding:2rem 0;margin-top:1rem}.site-footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-size:.86rem}.site-footer a{color:var(--ice-soft)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}@media (max-width: 620px){.hero-grid{flex-direction:column;gap:1.2rem}.hero-photo{width:120px;height:120px}.hero-helix{opacity:.1}.skills-grid{grid-template-columns:1fr;gap:1.2rem}.entry{grid-template-columns:1fr}.entry .period{grid-row:1}}.slideshow{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--deep);box-shadow:0 10px 40px #0a19291f}.slide-track{position:relative;width:100%;aspect-ratio:16 / 9}.slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .8s ease;pointer-events:none}.slide[data-active=true]{opacity:1;pointer-events:auto}.slide img{width:100%;height:100%;object-fit:cover;display:block}.slide figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.4rem 1.1rem .9rem;font-size:.9rem;color:#fff;background:linear-gradient(transparent,#0a1929d9)}.slide-dots{position:absolute;bottom:.7rem;right:.9rem;display:flex;gap:.4rem;z-index:2}.slide-dot{width:9px;height:9px;border-radius:50%;border:none;background:#ffffff73;cursor:pointer;padding:0;transition:background .2s ease,transform .2s ease}.slide-dot:hover{background:#ffffffbf}.slide-dot[data-active=true]{background:var(--accent);transform:scale(1.25)}@media (prefers-reduced-motion: reduce){.slide{transition:none}}.prose img{width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--line);margin:1.5rem 0 .5rem;background:var(--surface)}.prose img[src$=".svg"]{border:1px solid var(--line);padding:.5rem}.prose img+em,.prose p>em:only-child{display:block;font-size:.85rem;color:var(--ink-faint);text-align:center;margin-bottom:1.5rem}.tool{margin-top:1.4rem;padding:1.4rem;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.tool-label{display:block;font-size:.85rem;font-weight:500;color:var(--ink-soft);margin-bottom:.5rem}.tool-input{width:100%;font-family:var(--font-mono);font-size:.9rem;line-height:1.5;padding:.8rem;border:1px solid var(--line-strong);border-radius:8px;background:var(--bg);color:var(--ink);resize:vertical}.tool-input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.tool-actions{display:flex;gap:.6rem;margin-top:.7rem}.tool-btn{font-size:.85rem;font-weight:500;padding:.45rem .9rem;border-radius:7px;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--abyss);transition:background .15s ease}.tool-btn.ghost{background:transparent;color:var(--mid);border-color:var(--line-strong)}.tool-btn.ghost:hover{border-color:var(--accent);color:var(--accent-ink)}.tool-results{margin-top:1.4rem}.stat-row{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.3rem}.stat{flex:1;min-width:90px;padding:.9rem;border-radius:10px;background:var(--accent-soft);text-align:center}.stat-num{display:block;font-size:1.5rem;font-weight:600;font-family:var(--font-serif);color:var(--accent-ink)}.stat-cap{display:block;font-size:.78rem;color:var(--ink-soft);margin-top:.2rem}.composition{margin-bottom:1.3rem;display:flex;flex-direction:column;gap:.4rem}.comp-row{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:.7rem}.comp-base{font-family:var(--font-mono);font-weight:600;color:var(--mid)}.comp-bar{height:10px;background:var(--line);border-radius:5px;overflow:hidden}.comp-fill{display:block;height:100%;background:linear-gradient(90deg,var(--mid),var(--accent));border-radius:5px}.comp-pct{font-size:.82rem;color:var(--ink-faint);font-family:var(--font-mono);white-space:nowrap}.result-block{margin-bottom:1rem}.result-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.result-head span{font-size:.85rem;font-weight:500;color:var(--ink-soft)}.copy-btn{font-size:.76rem;padding:.2rem .6rem;border-radius:6px;cursor:pointer;border:1px solid var(--line-strong);background:transparent;color:var(--mid)}.copy-btn:hover{border-color:var(--accent);color:var(--accent-ink)}.seq-out{display:block;font-family:var(--font-mono);font-size:.82rem;line-height:1.6;word-break:break-all;padding:.7rem;border-radius:8px;background:var(--bg);border:1px solid var(--line);color:var(--ink)}.tool-note{font-size:.82rem;color:var(--ink-faint);margin-top:.8rem}.contact-form{margin-top:1.4rem;max-width:620px}.form-row{display:flex;gap:1rem}.form-field{display:block;flex:1;margin-bottom:1rem}.form-field>span{display:block;font-size:.85rem;font-weight:500;color:var(--ink-soft);margin-bottom:.4rem}.form-field input,.form-field textarea{width:100%;font-family:var(--font-sans);font-size:.95rem;padding:.7rem .8rem;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--ink);resize:vertical}.form-field input:focus,.form-field textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.form-status{margin-top:.9rem;font-size:.9rem;color:var(--ink-soft)}.form-status.ok{color:var(--accent-ink)}.form-status.err{color:#b4453a}@media (max-width: 560px){.form-row{flex-direction:column;gap:0}}