:root{--bg:#060611;--bg-2:#05060a;--surface:rgba(255, 255, 255, 0.055);--surface-2:rgba(255, 255, 255, 0.085);--primary:#8b5cf6;--accent:#22d3ee;--sakura:#ff4d8d;--lime:#b8ff4d;--good:#22c55e;--warn:#f59e0b;--bad:#ef4444;--text:#eaf0ff;--text-dim:rgba(234, 240, 255, 0.72);--border:rgba(255, 255, 255, 0.1);--border-strong:rgba(255, 255, 255, 0.18);--shadow:0 24px 70px rgba(0, 0, 0, 0.55);--shadow-soft:0 18px 44px rgba(0, 0, 0, 0.34);--radius:18px;--radius-sm:14px;--container:1160px;--nav-h:76px;--transition:200ms ease;--fx-grid:rgba(255, 255, 255, 0.06);--fx-scan:rgba(255, 255, 255, 0.05);--fx-clear:0, 0, 0}[data-theme="light"]{--bg:#f7f7ff;--bg-2:#ffffff;--surface:rgba(2, 6, 23, 0.03);--surface-2:rgba(2, 6, 23, 0.055);--text:#0b1220;--text-dim:rgba(11, 18, 32, 0.72);--border:rgba(2, 6, 23, 0.12);--border-strong:rgba(2, 6, 23, 0.18);--shadow:0 24px 70px rgba(2, 6, 23, 0.12);--fx-clear:247, 247, 255}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:"Space Grotesk",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.65;overflow-x:hidden;background:radial-gradient(1200px 900px at 10% 16%,rgb(139 92 246 / .26) 0%,transparent 60%),radial-gradient(980px 760px at 90% 78%,rgb(34 211 238 / .18) 0%,transparent 55%),radial-gradient(760px 540px at 50% 112%,rgb(255 77 141 / .12) 0%,transparent 58%),radial-gradient(680px 520px at 18% 92%,rgb(184 255 77 / .06) 0%,transparent 60%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%)}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}body.fx-on::after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.055;mix-blend-mode:overlay;background:repeating-linear-gradient(180deg,var(--fx-scan) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,var(--fx-grid) 0 1px,transparent 1px 64px),repeating-linear-gradient(0deg,var(--fx-grid) 0 1px,transparent 1px 64px)}body.anime-on{--primary:var(--sakura);--accent:#7dd3fc}body.anime-on::before{opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cdefs%3E%3Cpattern id='p' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='2' cy='2' r='1.2' fill='%23ff4d8d' fill-opacity='.35'/%3E%3Ccircle cx='12' cy='10' r='1' fill='%237dd3fc' fill-opacity='.22'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='240' height='240' fill='url(%23p)'/%3E%3C/svg%3E")}.fx-layer{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:0;transition:opacity 420ms ease;contain:strict;will-change:opacity;transform:translateZ(0)}.fx-layer.is-on{opacity:.58}[data-theme="light"] .fx-layer.is-on{opacity:.28}#fx-canvas{width:100%;height:100%;display:block}body.is-scrolling::before,body.is-scrolling.fx-on::after{opacity:0!important;mix-blend-mode:normal!important}body.is-scrolling .fx-layer{opacity:0!important}body.is-scrolling .nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}@media (max-width:820px){.nav{backdrop-filter:none;-webkit-backdrop-filter:none}}main,footer,.noscript{position:relative;z-index:1}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{background:color-mix(in srgb,var(--primary) 30%,transparent)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--primary) 60%,transparent);border-radius:999px}.skip-link{position:absolute;top:10px;left:10px;transform:translateY(-160%);background:color-mix(in srgb,var(--bg-2) 85%,transparent);border:1px solid var(--border);border-radius:999px;padding:10px 14px;z-index:9999;transition:transform var(--transition)}.skip-link:focus{transform:translateY(0);outline:none}:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 85%,transparent);outline-offset:3px}.container{width:min(var(--container), calc(100% - 44px));margin-inline:auto}.muted{color:var(--text-dim)}.top-progress{position:fixed;top:0;left:0;height:3px;width:100%;z-index:1100;background:#fff0}.top-progress__bar{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:999px}.nav{position:fixed;inset:0 0 auto 0;height:var(--nav-h);z-index:1000;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 62%,transparent);border-bottom:1px solid var(--border)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:14px}.logo{font-weight:750;letter-spacing:-.6px;font-size:1.22rem}.dot{color:var(--accent)}.nav-links{display:flex;gap:8px;align-items:center}.nav-link{display:inline-flex;align-items:center;height:40px;padding:0 12px;border-radius:999px;color:var(--text-dim);border:1px solid #fff0;transition:background var(--transition),color var(--transition),border-color var(--transition)}.nav-link:hover{background:color-mix(in srgb,var(--surface-2) 60%,transparent);color:var(--text)}.nav-link.active{color:var(--text);border-color:color-mix(in srgb,var(--primary) 52%,var(--border));background:color-mix(in srgb,var(--primary) 16%,var(--surface))}.nav-controls{display:flex;align-items:center;gap:10px}.icon-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 75%,transparent);color:var(--text);cursor:pointer;transition:transform var(--transition),border-color var(--transition),background var(--transition)}.icon-btn:hover{transform:translateY(-1px);border-color:var(--border-strong)}.icon-btn.active{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));background:color-mix(in srgb,var(--primary) 16%,var(--surface))}.pill{height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 75%,transparent);color:var(--text);cursor:pointer;transition:transform var(--transition),border-color var(--transition),background var(--transition)}.pill:hover{transform:translateY(-1px);border-color:var(--border-strong)}.nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 75%,transparent);color:var(--text);cursor:pointer;transition:transform var(--transition),border-color var(--transition),background var(--transition)}.nav-toggle:hover{transform:translateY(-1px);border-color:var(--border-strong)}.hero{position:relative;padding-top:calc(var(--nav-h) + 54px);padding-bottom:54px;overflow:hidden}.hero-bg{position:absolute;inset:-60px;pointer-events:none;z-index:0;background:radial-gradient(circle at 10% 10%,rgb(124 58 237 / .22) 0%,transparent 42%),radial-gradient(circle at 90% 70%,rgb(6 182 212 / .18) 0%,transparent 45%),radial-gradient(circle at 60% 0%,rgb(34 197 94 / .12) 0%,transparent 55%);filter:blur(0)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr 0.8fr;gap:24px;align-items:start}.badge{display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--primary) 18%,transparent);border:1px solid color-mix(in srgb,var(--primary) 35%,transparent);color:color-mix(in srgb,var(--accent) 85%,var(--text));padding:7px 12px;border-radius:999px;font-size:.92rem}.hero-title{margin:14px 0 12px;line-height:1.04;font-size:clamp(2.45rem, 4.6vw, 3.75rem);letter-spacing:-1.15px;background:linear-gradient(90deg,var(--text),color-mix(in srgb,var(--text) 70%,var(--text-dim)));-webkit-background-clip:text;background-clip:text;color:#fff0}.hero-subtitle{margin:0 0 18px;max-width:70ch;color:var(--text-dim);font-size:clamp(1.03rem, 1.6vw, 1.16rem)}.terminal-line{margin-top:14px;display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 76%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:.94rem;color:color-mix(in srgb,var(--text) 86%,var(--text-dim))}.terminal-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(180deg,var(--accent),var(--primary));box-shadow:0 0 18px color-mix(in srgb,var(--accent) 55%,transparent);flex:0 0 auto}.typewriter{white-space:nowrap}.caret{width:10px;height:16px;border-radius:3px;background:color-mix(in srgb,var(--accent) 75%,var(--text));animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;border:1px solid var(--border);padding:12px 16px;cursor:pointer;transition:transform var(--transition),border-color var(--transition),background var(--transition),filter var(--transition);user-select:none}.btn:hover{transform:translateY(-1px);border-color:var(--border-strong)}.btn-primary{background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 55%,var(--accent)));border-color:#fff0;color:#fff;position:relative;overflow:hidden}.btn-primary:hover{filter:brightness(1.02)}.btn-primary::after{content:"";position:absolute;inset:-40%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .28),transparent);transform:translateX(-60%) rotate(18deg);opacity:0;pointer-events:none;mix-blend-mode:overlay}.btn-primary:hover::after{opacity:1;animation:shine-sweep 1.05s ease}@keyframes shine-sweep{to{transform:translateX(60%) rotate(18deg)}}.btn-ghost{background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--text)}.btn-small{padding:10px 14px;font-size:.94rem}.tech-stack{display:flex;flex-wrap:wrap;gap:10px}.tech-stack span{display:inline-flex;align-items:center;gap:9px;background:color-mix(in srgb,var(--surface) 78%,transparent);border:1px solid var(--border);padding:9px 12px;border-radius:14px;font-size:.93rem;color:var(--text)}.profile-card{background:color-mix(in srgb,var(--surface) 78%,transparent);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);position:relative;overflow:hidden}.profile-card::before{content:"";position:absolute;inset:-2px;border-radius:calc(var(--radius) + 2px);background:conic-gradient(from 120deg,color-mix(in srgb,var(--primary) 72%,transparent),color-mix(in srgb,var(--accent) 60%,transparent),color-mix(in srgb,var(--sakura) 52%,transparent),color-mix(in srgb,var(--lime) 32%,transparent),color-mix(in srgb,var(--primary) 72%,transparent));opacity:.22;filter:blur(12px);pointer-events:none}.profile-card>*{position:relative;z-index:1}.avatar{width:74px;height:74px;border-radius:22px;display:grid;place-items:center;font-weight:800;font-size:1.45rem;color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent))}.profile-meta{margin-top:12px;display:flex;flex-direction:column;gap:2px}.profile-name{font-weight:750;letter-spacing:-.4px;font-size:1.16rem}.profile-role{color:var(--text-dim);font-size:.96rem}.profile-highlights{margin-top:16px;display:grid;grid-template-columns:1fr;gap:10px}.mini{background:color-mix(in srgb,var(--surface-2) 72%,transparent);border:1px solid var(--border);border-radius:14px;padding:12px}.mini-k{font-size:.78rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em}.mini-v{font-size:1.02rem;margin-top:3px}.profile-actions{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}.profile-note{margin:14px 0 0;color:var(--text-dim);font-size:.92rem}.section{padding:clamp(64px, 8vw, 96px) 0}section[id]{scroll-margin-top:calc(var(--nav-h) + 16px)}.section-head{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:28px}.section-title{font-size:clamp(1.65rem, 2.6vw, 2.2rem);letter-spacing:-.7px;margin:0;padding-left:14px;position:relative}.section-title::before{content:"";position:absolute;left:0;top:50%;width:4px;height:70%;transform:translateY(-50%);border-radius:999px;background:linear-gradient(180deg,var(--primary),var(--accent))}.section-desc{margin:0;color:var(--text-dim)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 86%,transparent),color-mix(in srgb,var(--surface) 62%,transparent)) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--primary) 58%,transparent),color-mix(in srgb,var(--accent) 46%,transparent),color-mix(in srgb,var(--sakura) 34%,transparent)) border-box;border:1px solid #fff0;border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-soft)}.panel-title{margin:0 0 12px;font-size:1.22rem;letter-spacing:-.35px}.bullets{margin:0;padding-left:18px;color:var(--text-dim)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{grid-column:span 6;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 88%,transparent),color-mix(in srgb,var(--surface) 62%,transparent)) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--primary) 62%,transparent),color-mix(in srgb,var(--accent) 46%,transparent),color-mix(in srgb,var(--sakura) 32%,transparent)) border-box;border:1px solid #fff0;border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:10px;transition:transform var(--transition),filter var(--transition),box-shadow var(--transition);position:relative;overflow:hidden;box-shadow:var(--shadow-soft)}.card::after{content:"";position:absolute;inset:-1px;background:radial-gradient(640px 260px at 16% -10%,rgb(139 92 246 / .18),transparent 62%),radial-gradient(560px 220px at 110% 20%,rgb(34 211 238 / .12),transparent 58%),radial-gradient(520px 220px at 70% 120%,rgb(255 77 141 / .1),transparent 62%);opacity:0;transition:opacity var(--transition);pointer-events:none}.card:hover{transform:translateY(-3px);filter:saturate(1.08) brightness(1.02);box-shadow:var(--shadow)}.card:hover::after{opacity:1}.card-icon{font-size:1.28rem;color:color-mix(in srgb,var(--primary) 85%,var(--text));margin-bottom:2px}.card h3{margin:0;font-size:1.16rem;letter-spacing:-.35px}.card p{margin:0;color:var(--text-dim)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.tag{font-size:.78rem;color:var(--text);padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 65%,transparent)}.card-actions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}.wip-card{outline:1px dashed color-mix(in srgb,var(--primary) 55%,var(--border));outline-offset:-1px}.status{position:absolute;top:18px;right:18px;padding:6px 10px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);color:var(--accent)}.media{display:block;width:100%;height:auto;border-radius:calc(var(--radius) - 6px);border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 55%,transparent)}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 70%,transparent);color:var(--text)}.alert.good{border-color:color-mix(in srgb,var(--good) 40%,var(--border));background:color-mix(in srgb,var(--good) 10%,var(--surface-2))}.alert.warn{border-color:color-mix(in srgb,var(--warn) 45%,var(--border));background:color-mix(in srgb,var(--warn) 10%,var(--surface-2))}.alert.bad{border-color:color-mix(in srgb,var(--bad) 45%,var(--border));background:color-mix(in srgb,var(--bad) 10%,var(--surface-2))}.form{display:grid;gap:12px}.form-row{display:grid;gap:6px}label{color:var(--text-dim);font-size:.92rem}input,select,textarea{width:100%;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 72%,transparent);color:var(--text);padding:12px 12px;transition:border-color var(--transition),background var(--transition)}input:focus,select:focus,textarea:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}textarea{resize:vertical;min-height:140px}.footer{padding:28px 0 46px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg) 70%,transparent)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;color:var(--text-dim)}.to-top{position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 78%,transparent);color:var(--text);box-shadow:var(--shadow);cursor:pointer;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity var(--transition),transform var(--transition);z-index:999}.to-top.is-visible{opacity:1;transform:translateY(0);pointer-events:auto!important}.toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%) translateY(10px);background:color-mix(in srgb,var(--surface) 85%,transparent);border:1px solid var(--border);border-radius:999px;padding:10px 14px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity var(--transition),transform var(--transition);color:var(--text);z-index:1300}.toast.is-visible{opacity:1;transform:translateX(-50%) translateY(0)}.reveal{opacity:0;transform:translateY(10px);transition:opacity 700ms ease,transform 700ms ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (max-width:980px){.hero-grid{grid-template-columns:1fr}.media-grid{grid-template-columns:1fr}}@media (max-width:860px){.nav-toggle{display:inline-flex}.nav-links{position:fixed;top:var(--nav-h);left:0;right:0;background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid var(--border);padding:14px;display:grid;gap:10px;transform:translateY(-10px);opacity:0;pointer-events:none;transition:opacity var(--transition),transform var(--transition)}body.nav-open .nav-links{transform:translateY(0);opacity:1;pointer-events:auto}.nav-link{justify-content:center;height:44px}.two-col{grid-template-columns:1fr}.card{grid-column:span 12}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:0.01ms!important;animation-duration:0.01ms!important;scroll-behavior:auto!important}}.preview{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 70%,transparent);border-radius:var(--radius-sm)}.preview img{width:96px;height:96px;object-fit:cover;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-2) 70%,transparent)}.preview-body{display:flex;flex-direction:column;gap:4px}.preview-title{font-weight:700;letter-spacing:-.3px;line-height:1.25}.preview-meta{color:var(--text-dim);font-size:.92rem}.codeblock{margin-top:14px;padding:12px;border-radius:16px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-2) 70%,transparent);color:var(--text);box-shadow:0 10px 28px rgb(0 0 0 / .22);white-space:pre-wrap;min-height:44px}.check{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:16px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 70%,transparent);cursor:pointer}.check input{margin-top:3px;accent-color:var(--accent)}.image-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.img-card{margin:0;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 75%,transparent)}.img-card img{width:100%;height:170px;object-fit:cover;border-radius:14px;border:1px solid var(--border)}.img-card figcaption{margin-top:8px;font-size:.92rem}@media (max-width:860px){.image-grid{grid-template-columns:1fr}.img-card img{height:200px}}.contact-links{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px}.contact-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 75%,transparent);transition:transform var(--transition),border-color var(--transition)}.contact-link:hover{transform:translateY(-1px);border-color:var(--border-strong)}.contact-link>i{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--accent)}.fineprint{margin:12px 0 0;color:var(--text-dim);font-size:.92rem}.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--text-dim);font-size:.92rem;margin-bottom:14px}.crumbs a{color:var(--text-dim);border-bottom:1px dashed #fff0;transition:color var(--transition),border-color var(--transition)}.crumbs a:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.crumb-sep{opacity:.6}.project-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}.project-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.project-mark{width:56px;height:56px;border-radius:16px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 70%,transparent);display:grid;place-items:center;font-weight:800;letter-spacing:-.6px;color:var(--text)}.project-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.fact{padding:14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 70%,transparent)}.fact-k{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.fact-v{margin-top:4px;font-weight:700;letter-spacing:-.3px}.divider{height:1px;background:var(--border);margin:18px 0}.prose p{margin:0 0 12px;color:var(--text-dim)}.prose p:last-child{margin-bottom:0}.feature-grid .card{grid-column:span 4}@media (max-width:980px){.facts{grid-template-columns:repeat(2,1fr)}.feature-grid .card{grid-column:span 6}}@media (max-width:640px){.facts{grid-template-columns:1fr}.feature-grid .card{grid-column:span 12}}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.search{flex:1;min-width:220px;position:relative}.search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);opacity:.75}.search input{padding-left:38px}.chip-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chip{height:38px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 75%,transparent);color:var(--text);cursor:pointer;transition:transform var(--transition),border-color var(--transition),background var(--transition)}.chip:hover{transform:translateY(-1px);border-color:var(--border-strong)}.chip.active{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--accent) 14%,var(--surface))}.meta-line{color:var(--text-dim);font-size:.92rem;margin-top:6px}.status-pill{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 60%,transparent);color:var(--text);font-size:.82rem;letter-spacing:.02em;white-space:nowrap}.status-pill.completed{border-color:color-mix(in srgb,var(--good) 45%,var(--border));background:color-mix(in srgb,var(--good) 12%,var(--surface))}.status-pill.rnd{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));background:color-mix(in srgb,var(--primary) 12%,var(--surface))}.status-pill.draft{border-color:color-mix(in srgb,var(--warn) 55%,var(--border));background:color-mix(in srgb,var(--warn) 12%,var(--surface))}.project-cover{position:relative;overflow:hidden;border-radius:var(--radius);aspect-ratio:16 / 9;background:var(--surface-2);border:1px solid var(--border);margin:-22px -22px 14px;border-bottom-left-radius:18px;border-bottom-right-radius:18px}.project-cover img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.02);transition:transform 240ms ease}.project-card:hover .project-cover img{transform:scale(1.06)}.project-cover .card-icon{position:absolute;left:12px;bottom:12px;width:46px;height:46px;margin:0;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--surface) 72%,transparent);border:1px solid var(--border-strong);backdrop-filter:blur(10px)}.project-cover .card-icon i{font-size:1.1rem}.project-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-card__top h3{margin:0}.active-tag{display:none;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);border:1px dashed var(--border-strong);background:color-mix(in srgb,var(--surface-2) 65%,transparent)}.active-tag.is-visible{display:flex}.empty-state{display:none;margin-top:14px;padding:16px;border-radius:var(--radius);border:1px dashed var(--border-strong);background:color-mix(in srgb,var(--surface) 70%,transparent)}.empty-state.is-visible{display:block}.skills-app{display:grid;grid-template-columns:1fr 1fr;gap:12px}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.skill-card{text-align:left;border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 75%,transparent);padding:14px;cursor:pointer;transition:transform var(--transition),border-color var(--transition),background var(--transition)}.skill-card:hover{transform:translateY(-1px);border-color:var(--border-strong)}.skill-card.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.skill-ic{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--primary) 12%,transparent);margin-bottom:10px}.skill-t{font-weight:750;letter-spacing:-.3px}.skill-d{font-size:.92rem;margin-top:2px}.skills-result{border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 68%,transparent);padding:14px}.skills-result__head{display:flex;flex-direction:column;gap:6px}.skills-result__title{font-weight:750;letter-spacing:-.3px}.skills-result__list{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.mini-link{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--text);transition:transform var(--transition),border-color var(--transition)}.mini-link:hover{transform:translateY(-1px);border-color:var(--border-strong)}@media (max-width:960px){.skills-app{grid-template-columns:1fr}}.post-card__top{display:flex;justify-content:space-between;align-items:center;gap:12px}.post-card__top h3{margin:0}.post{max-width:860px}.post-header{padding:18px;border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 75%,transparent)}.post-title{margin:10px 0 6px;letter-spacing:-.6px;line-height:1.12}.post-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--text-dim);font-size:.95rem}.post-body{margin-top:14px;padding:18px;border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 70%,transparent)}.post-body h2{margin-top:18px;margin-bottom:8px;letter-spacing:-.4px}.post-body ul{margin:0;padding-left:18px}.post-body li{margin:6px 0}blockquote{margin:14px 0;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--text)}.project-layout{display:grid;grid-template-columns:1fr 280px;gap:14px;margin-top:18px}.project-sidebar{position:relative}.toc{position:sticky;top:calc(var(--nav-h) + 18px);border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 75%,transparent);padding:14px}.toc-head{font-weight:800;letter-spacing:-.3px;margin-bottom:10px}.toc-list{display:flex;flex-direction:column;gap:8px}.toc-link{color:var(--text-dim);border-left:2px solid #fff0;padding-left:10px;transition:color var(--transition),border-color var(--transition),background var(--transition)}.toc-link:hover{color:var(--text)}.toc-link.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 75%,transparent)}.sidebar-card{margin-top:12px;padding:14px;border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 65%,transparent)}.sidebar-title{font-weight:800;letter-spacing:-.3px}@media (max-width:980px){.project-layout{grid-template-columns:1fr}.toc{position:relative;top:0}}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px;align-items:start}.footer-brand strong{display:inline-block;letter-spacing:-.4px}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links a{color:var(--text-dim);transition:color var(--transition)}.footer-links a:hover{color:var(--text)}.footer-social{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.footer-bottom{margin-top:16px;padding-top:14px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--text-dim)}@media (max-width:900px){.footer-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal.is-visible{transition:none!important}.to-top{transition:none!important}}.noscript{padding:10px 0;text-align:center;font-size:.95rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--warn) 10%,var(--bg));color:var(--text)}@supports (content-visibility:auto){.section{content-visibility:auto;contain-intrinsic-size:1px 900px}.panel,.card{content-visibility:auto;contain-intrinsic-size:1px 520px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.001ms!important;animation-iteration-count:1!important;transition-duration:0.001ms!important}.fx-layer{display:none!important}body.fx-on::after{display:none!important}}.speed-lines{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:0;transition:opacity 420ms ease;transform:translateZ(0);will-change:opacity,background-position;background-image:repeating-linear-gradient(135deg,rgb(255 255 255 / .055) 0 2px,transparent 2px 14px),repeating-linear-gradient(45deg,rgb(255 255 255 / .028) 0 1px,transparent 1px 18px);background-size:420px 420px,540px 540px;background-position:0 0,0 0;-webkit-mask-image:radial-gradient(120% 90% at 50% 30%,#000000 0 55%,#fff0 85%);mask-image:radial-gradient(120% 90% at 50% 30%,#000000 0 55%,#fff0 85%);mix-blend-mode:overlay;animation:speedlinesMove 2.8s linear infinite}body.anime-on.fx-on .speed-lines{opacity:.18}body.is-scrolling .speed-lines{opacity:0!important;animation-play-state:paused!important}@keyframes speedlinesMove{from{background-position:0 0,0 0}to{background-position:520px 520px,-640px 640px}}@media (prefers-reduced-motion:reduce){.speed-lines{animation:none!important}}.impact-ring{position:fixed;width:14px;height:14px;left:0;top:0;border-radius:999px;pointer-events:none;z-index:50;transform:translate(-50%,-50%) scale(.35);opacity:0;border:2px solid rgb(255 255 255 / .85);filter:drop-shadow(0 0 14px rgb(255 255 255 / .28));animation:impactPop 560ms ease-out forwards;will-change:transform,opacity}.impact-ring::after{content:"";position:absolute;inset:-8px;border-radius:999px;border:1px solid rgb(255 255 255 / .35);opacity:.65}@keyframes impactPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}12%{opacity:.95}100%{opacity:0;transform:translate(-50%,-50%) scale(4.8)}}body.no-scroll{overflow:hidden}.zoomable{cursor:zoom-in;border-radius:calc(var(--radius-sm) + 2px);transition:transform var(--transition),box-shadow var(--transition),filter var(--transition);box-shadow:0 16px 44px rgb(0 0 0 / .22)}.zoomable:hover{transform:translateY(-1px) scale(1.01);filter:saturate(1.05);box-shadow:0 22px 64px rgb(0 0 0 / .32)}.lightbox-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:18px;background:rgb(0 0 0 / .72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;z-index:9999;transition:opacity 180ms ease}[data-theme="light"] .lightbox-backdrop{background:rgb(2 6 23 / .58)}.lightbox-backdrop.is-open{opacity:1;pointer-events:auto}.lightbox-img{max-width:min(1080px, 92vw);max-height:84vh;border-radius:calc(var(--radius) + 2px);border:1px solid color-mix(in srgb,var(--border-strong) 85%,transparent);background:color-mix(in srgb,var(--surface) 70%,transparent);box-shadow:var(--shadow)}.lightbox-close{position:fixed;top:16px;right:16px;width:44px;height:44px;display:grid;place-items:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--border-strong) 80%,transparent);background:color-mix(in srgb,var(--surface-2) 65%,transparent);color:var(--text);cursor:pointer;transition:transform var(--transition),background var(--transition),border-color var(--transition)}.lightbox-close:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--surface-2) 80%,transparent);border-color:color-mix(in srgb,var(--primary) 55%,var(--border-strong))}.lightbox-hint{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);padding:10px 12px;border-radius:999px;font-size:.86rem;color:var(--text-dim);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface) 60%,transparent)}body.is-scrolling .fx-layer,body.is-scrolling .speed-lines{display:none!important;opacity:0!important;visibility:hidden!important}body.is-scrolling .card,body.is-scrolling .panel{pointer-events:none;will-change:auto}#site-nav-placeholder{height:var(--nav-h)}#site-footer-placeholder{min-height:220px}i.fa-solid,i.fa-brands,i.fa-regular{width:1.25em;display:inline-block;text-align:center}