.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{--font-display:"Rajdhani", "Oswald", "Barlow Condensed", sans-serif;--font-body:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-serif:"Noto Serif SC", serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--bg:#e9f3f7;--bg-panel:#fff;--bg-raised:#f2f9fb;--text:#16303c;--text-dim:#4d6673;--text-faint:#8aa3ae;--accent:#3f9bc2;--accent-soft:#7ec8e3;--accent-deep:#1f7397;--accent-glow:color-mix(in srgb, var(--accent) 40%, transparent);--line:#16303c1f;--line-strong:#16303c52;--selection-bg:#7ec8e3;--selection-fg:#10262f;--cat-tech:#2e86ab;--cat-life:#c08a00;--cat-thoughts:#c26aa5;--cat-design:#a855f7;--cat-project:#d6433b;--radius:6px;--cut:12px;--dur-1:.3s;--dur-2:.6s;--dur-3:1s;--ease:ease;--shadow-1:inset 0 1px 0 #ffffffe6, 0 1px 2px #10262f0f, 0 4px 12px -2px #10262f14, 0 12px 28px -8px #10262f1f;--shadow-2:inset 0 1px 0 #fffffff2, 0 2px 4px #10262f14, 0 8px 20px -4px #10262f1f, 0 24px 48px -12px #10262f33;--vignette:inset 0 0 60px #7fc8e314;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:3rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--sp-10:128px}[data-skin=ark]{--bg:#121212;--bg-panel:#1d1f20;--bg-raised:#242424;--text:#d2d2d2;--text-dim:#ababab;--text-faint:#585858;--accent:#18d1ff;--accent-soft:#7ee5ff;--accent-deep:#0e93c0;--line:#ffffff1f;--line-strong:#ffffff80;--selection-bg:#18d1ff;--selection-fg:#0f172a;--shadow-1:inset 0 1px 0 #ffffff12, 0 1px 2px #0000004d, 0 4px 12px -2px #00000059, 0 12px 28px -8px #00000073;--shadow-2:inset 0 1px 0 #ffffff17, 0 2px 4px #00000059, 0 8px 20px -4px #0006, 0 24px 48px -12px #0000008c}[data-skin=hg]{--bg:#282828;--bg-panel:#2e2e2e;--bg-raised:#313131;--text:#e8e6e3;--text-dim:#b9b6b1;--text-faint:#7a7875;--accent:#f3ff00;--accent-soft:#f6ff7e;--accent-deep:#b3b800;--line:#ffffff1f;--line-strong:#ffffff80;--selection-bg:#f3ff00;--selection-fg:#000;--shadow-1:inset 0 1px 0 #ffffff12, 0 1px 2px #0000004d, 0 4px 12px -2px #00000059, 0 12px 28px -8px #00000073;--shadow-2:inset 0 1px 0 #ffffff17, 0 2px 4px #00000059, 0 8px 20px -4px #0006, 0 24px 48px -12px #0000008c}[data-skin=cc]{--bg:#15171a;--bg-panel:#1e2226;--bg-raised:#262b30;--text:#e8eaed;--text-dim:#9aa0a6;--text-faint:#5c6268;--accent:#f59a1f;--accent-soft:#ffb45e;--accent-deep:#c87c16;--line:#ffffff1f;--line-strong:#ffffff80;--selection-bg:#f59a1f;--selection-fg:#0f172a;--shadow-1:inset 0 1px 0 #ffffff12, 0 1px 2px #0000004d, 0 4px 12px -2px #00000059, 0 12px 28px -8px #00000073;--shadow-2:inset 0 1px 0 #ffffff17, 0 2px 4px #00000059, 0 8px 20px -4px #0006, 0 24px 48px -12px #0000008c}[data-category=tech]{--accent:var(--cat-tech)}[data-category=life]{--accent:var(--cat-life)}[data-category=thoughts]{--accent:var(--cat-thoughts)}[data-category=design]{--accent:var(--cat-design)}[data-category=project]{--accent:var(--cat-project)}*{box-sizing:border-box}html{scroll-behavior:smooth}[id]{scroll-margin-top:80px}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.7}::selection{background:var(--selection-bg);color:var(--selection-fg)}a{color:inherit;transition:color var(--dur-1) var(--ease);text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.15}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-faint) 45%, var(--bg));border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.container{max-width:1280px;padding-inline:var(--sp-5);margin-inline:auto}.container-narrow{max-width:760px;padding-inline:var(--sp-5);margin-inline:auto}.display-title{letter-spacing:-.05em;text-transform:uppercase}.micro-label{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin:0;font-weight:600}.accent-bar{border-left:.5rem solid var(--accent)}.hairline{border-bottom:1px solid var(--line-strong)}.card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);transition:transform var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease)}.card:hover{border-color:var(--accent-glow);box-shadow:var(--shadow-2);transform:translateY(-6px)}.card-cut{clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%)}.cover-ph{background:linear-gradient(135deg,#c6ecf5 0%,#a8dcef 50%,#d6eff8 100%)}.glass{-webkit-backdrop-filter:blur(8px);background:#ffffffd9}[data-skin=ark] .glass,[data-skin=hg] .glass,[data-skin=cc] .glass{background:#000000e0}.vignette{box-shadow:var(--vignette)}.hazard-stripes{background:repeating-linear-gradient(-45deg, var(--accent) 0 8px, transparent 8px 16px)}.watermark{font-family:var(--font-display);letter-spacing:-.05em;color:var(--text);opacity:.06;pointer-events:none;user-select:none;font-size:clamp(80px,12vw,160px);font-weight:700;line-height:1;position:absolute}.entrance{animation:rise var(--dur-2) var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.reveal{transition:opacity .6s cubic-bezier(.16,1,.3,1),translate .6s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0s)}.js .reveal{opacity:0;translate:0 16px}.js .reveal.is-in{opacity:1;translate:0}.hero .title .ch{opacity:0;animation:.55s cubic-bezier(.16,1,.3,1) forwards hero-ch-in;animation-delay:calc(var(--ch-base,.1s) + var(--ch-i,0) * 55ms);display:inline-block;transform:translateY(.6em)rotate(3deg)}@keyframes hero-ch-in{to{opacity:1;transform:none}}.hero .micro-label,.hero .slogan{opacity:0;animation:.7s cubic-bezier(.16,1,.3,1) forwards rise}.hero .micro-label{animation-delay:50ms}.hero .slogan{animation-delay:.45s}.hero .waves{pointer-events:none;height:120px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.hero .waves svg{width:200%;height:100%;animation:wave-drift var(--wave-dur,24s) linear infinite;animation-delay:var(--wave-delay,0s);position:absolute;bottom:-2px}@keyframes wave-drift{0%{transform:translate(0)}to{transform:translate(-50%)}}.top-glow{pointer-events:none;z-index:10;background:linear-gradient(#ffffffa6,#ffffff4d 40%,#ffffff14 70%,#0000);height:150px;position:fixed;top:0;left:0;right:0}[data-theme=dark] .top-glow{background:linear-gradient(#5eb6d81a,#5eb6d80d 40%,#5eb6d805 70%,#0000)}.article-card .title{transition:color var(--dur-1) var(--ease), transform var(--dur-1) var(--ease)}.article-card:hover .title{color:var(--accent-deep);transform:translate(4px)}.article-card{transition:transform var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease), border-left-width var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease)}.article-card:hover{border-left-width:6px}.cat-block .cat-num{transition:transform var(--dur-2) var(--ease), opacity var(--dur-2) var(--ease)}.cat-block:hover .cat-num{opacity:.16;transform:translateY(-8px)rotate(-4deg)}.cat-block .cat-name{transition:transform var(--dur-1) var(--ease)}.cat-block:hover .cat-name{transform:translate(4px)}.tag{transition:border-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease), background-color var(--dur-1) var(--ease), transform var(--dur-1) var(--ease)}.tag:hover{transform:translateY(-2px)}.nav-item{transition:color var(--dur-1) var(--ease), background-color var(--dur-1) var(--ease), transform .1s var(--ease)}.nav-item:active,.icon-btn:active,.tag:active{transform:scale(.94)}.nav-item svg{transition:transform var(--dur-1) var(--ease)}.nav-item:hover svg{transform:translateY(-1px)}.dropdown-item{transition:background-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease), transform var(--dur-1) var(--ease)}.dropdown-item:hover{transform:translate(3px)}::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}::view-transition-old(root){animation:.25s both vt-fade-out}::view-transition-new(root){animation:.4s cubic-bezier(.16,1,.3,1) both vt-fade-in-up}@keyframes vt-fade-out{to{opacity:0;transform:translateY(-6px)}}@keyframes vt-fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.site-nav{z-index:100;padding:10px 16px 0;transition:transform .4s cubic-bezier(.16,1,.3,1);position:fixed;inset:0 0 auto}.site-nav.is-hidden{transform:translateY(-150%)}.nav-inner{align-items:center;gap:var(--sp-4);max-width:min(100%,1240px);transition:background-color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease);background:0 0;border:1px solid #0000;border-radius:999px;grid-template-columns:auto 1fr auto;margin-inline:auto;padding:8px 18px;display:grid}.site-nav.is-scrolled .nav-inner{-webkit-backdrop-filter:blur(16px)saturate(1.5);background:#ffffff4d;border-color:#7ec8e338;box-shadow:0 0 0 1px #7ec8e31a,0 0 40px #7ec8e324,0 8px 32px -12px #10262f40}[data-skin=ark] .site-nav.is-scrolled .nav-inner,[data-skin=hg] .site-nav.is-scrolled .nav-inner,[data-skin=cc] .site-nav.is-scrolled .nav-inner{-webkit-backdrop-filter:blur(16px)saturate(1.5);background:#00000073}.nav-brand{align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);letter-spacing:.06em;display:flex}.nav-logo{background:var(--accent);color:#fff;clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%);place-items:center;width:27px;height:27px;display:grid}.nav-logo svg{width:15px;height:15px}.nav-center{justify-content:center;align-items:center;gap:4px;display:flex}.nav-item{font-family:var(--font-body);color:var(--text-dim);cursor:pointer;transition:color var(--dur-1) var(--ease), background-color var(--dur-1) var(--ease);background:0 0;border:none;border-radius:8px;align-items:center;gap:7px;padding:7px 14px;font-size:.95rem;font-weight:500;display:inline-flex}.nav-item svg{flex-shrink:0;width:17px;height:17px}.nav-item:hover{color:var(--text);background:color-mix(in srgb, var(--accent-soft) 16%, transparent)}.nav-item[aria-current=page]{color:var(--accent-deep)}.dropdown{position:relative}.dropdown-arrow{transition:transform .2s var(--ease)}.dropdown.open .dropdown-arrow{transform:rotate(180deg)}.dropdown.open>.nav-item{color:var(--text);background:color-mix(in srgb, var(--accent-soft) 16%, transparent)}.dropdown-menu{-webkit-backdrop-filter:blur(20px)saturate(1.6);border:1px solid var(--line);min-width:240px;box-shadow:var(--shadow-1);opacity:0;visibility:hidden;transition:opacity .2s var(--ease), transform .2s var(--ease), visibility .2s;z-index:130;background:#fff9;border-radius:10px;padding:6px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(6px)}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.dropdown-item{color:var(--text);border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:.92rem;display:flex}.dropdown-item:hover{background:color-mix(in srgb, var(--accent-soft) 18%, transparent);color:var(--accent-deep)}.dropdown-item svg{width:16px;height:16px;color:var(--text-faint)}.cat-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.cat-en{font-family:var(--font-display);letter-spacing:.1em;color:var(--text-faint);margin-right:auto;font-size:.7rem}.pill-count{background:color-mix(in srgb, var(--accent-soft) 22%, transparent);color:var(--accent-deep);font-family:var(--font-mono);border-radius:99px;margin-left:auto;padding:0 7px;font-size:.72rem}.dropdown-divider{background:var(--line);height:1px;margin:6px 8px}.nav-right{justify-content:flex-end;align-items:center;gap:6px;display:flex}.icon-btn{width:36px;height:36px;color:var(--text-dim);cursor:pointer;transition:color var(--dur-1) var(--ease), background-color var(--dur-1) var(--ease);background:0 0;border:none;border-radius:8px;place-items:center;display:grid}.icon-btn:hover{color:var(--accent-deep);background:color-mix(in srgb, var(--accent-soft) 16%, transparent)}.icon-btn svg{width:18px;height:18px}.hamburger{display:none}.mobile-menu{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(1.5);max-width:min(100%,1240px);box-shadow:var(--shadow-1);padding:var(--sp-2) var(--sp-3) var(--sp-3);background:#ffffffb3;border-radius:16px;margin:8px auto 0;display:none}.mobile-menu a{color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:10px 8px;font-size:.95rem;display:flex}.mobile-menu a:hover{background:color-mix(in srgb, var(--accent-soft) 18%, transparent);color:var(--accent-deep)}.mobile-menu .cat-en{margin-right:auto}#progress-bar{background:linear-gradient(90deg, var(--accent-soft), var(--accent));z-index:200;pointer-events:none;width:0;height:2px;position:fixed;top:0;left:0}.hero{text-align:center;background:radial-gradient(1100px 560px at 72% 18%, #7ec8e359, transparent 62%), radial-gradient(900px 500px at 18% 82%, #9fd8ee4d, transparent 60%), linear-gradient(180deg, #eef7fa 0%, var(--bg) 100%);place-content:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.hero .watermark{top:16%;right:6%}.hero .title{font-family:var(--font-display);letter-spacing:-.05em;text-transform:uppercase;margin-top:var(--sp-3);font-size:clamp(2.5rem,8vw,5rem);font-weight:700}.hero .slogan{margin-top:var(--sp-4);color:var(--text-dim)}.scroll-hint{bottom:var(--sp-6);justify-items:center;gap:var(--sp-2);display:grid;position:absolute;left:50%;transform:translate(-50%)}.scroll-line{background:var(--line-strong);width:1px;height:40px;animation:scroll-pulse 2.4s var(--ease) infinite}@keyframes scroll-pulse{0%,to{transform-origin:top;opacity:.4;transform:scaleY(.4)}50%{transform-origin:top;opacity:1;transform:scaleY(1)}}.section{padding-block:var(--sp-9);position:relative}.section:before{content:"";background:linear-gradient(90deg,#0000,#ffffffe6 30% 70%,#0000);height:1px;position:absolute;top:0;left:0;right:0}[data-theme=dark] .section:before{background:linear-gradient(90deg,#0000,#7ec8e338 30% 70%,#0000)}.panel{-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-1);transition:box-shadow .45s var(--ease), border-color .45s var(--ease), background-color .45s var(--ease);background:#ffffff80;border:1px solid #ffffff29;border-radius:24px;padding:clamp(24px,4vw,48px) clamp(20px,4vw,40px);position:relative}.panel:hover{box-shadow:0 0 0 1px #7ec8e338, 0 0 56px #7ec8e32e, var(--shadow-2);border-color:#7ec8e366}[data-theme=dark] .panel{background:#0d101799;border-color:#ffffff1f}[data-theme=dark] .panel:hover{box-shadow:0 0 0 1px #7ec8e333, 0 0 64px #7ec8e333, var(--shadow-2);border-color:#7ec8e359}.section-head{margin-bottom:var(--sp-6)}.section-head .title{font-size:var(--text-2xl);margin-top:var(--sp-2)}.section-head .rule{background:var(--line);height:1px;margin-top:var(--sp-4)}.page-head{padding-top:var(--sp-10);margin-bottom:var(--sp-7)}.page-head h1{margin-top:var(--sp-2)}.card-grid{gap:var(--sp-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.cat-grid{gap:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.cat-block{padding:var(--sp-6);border-left:3px solid var(--accent);display:block;position:relative;overflow:hidden}.cat-block .cat-name{font-size:var(--text-xl);margin-top:var(--sp-3);font-weight:700}.cat-block .cat-num{right:var(--sp-3);font-family:var(--font-display);color:var(--text);opacity:.08;font-size:64px;font-weight:700;line-height:1;position:absolute;bottom:-12px}.article-card{padding:var(--sp-5);border-left:3px solid var(--accent);flex-direction:column;display:flex}.article-card .num{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:0;color:var(--text-faint)}.article-card .title{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.02em;margin-top:var(--sp-3);transition:color var(--dur-1) var(--ease);font-weight:700}.article-card:hover .title{color:var(--accent)}.article-card .desc{margin:var(--sp-3) 0 0;color:var(--text-dim);font-size:var(--text-sm)}.article-card .tags{gap:var(--sp-2);padding-top:var(--sp-4);flex-wrap:wrap;margin-top:auto;display:flex}.tag{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--accent-soft) 14%, var(--bg-panel));font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.08em;color:var(--text-dim);cursor:pointer;transition:border-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease), background-color var(--dur-1) var(--ease);padding:2px 10px;display:inline-block}.tag:hover,.filter-btn.is-active{border-color:var(--accent);color:var(--accent-deep);background:color-mix(in srgb, var(--accent-soft) 26%, var(--bg-panel))}.filter-bar{gap:var(--sp-3);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.empty-state{padding:var(--sp-7);text-align:center}.empty-state .empty-msg{font-size:var(--text-lg);margin:var(--sp-3) 0 0;font-weight:500}.empty-state .empty-hint{color:var(--text-faint);font-size:var(--text-sm);margin:var(--sp-2) 0 0}.empty-state code{background:var(--bg-raised);border-radius:var(--radius);padding:1px 6px}.post{padding-top:var(--sp-10);padding-bottom:var(--sp-10)}.post-head{margin-bottom:var(--sp-7)}.post-head h1{margin-top:var(--sp-3);letter-spacing:-.03em;font-size:clamp(1.75rem,4vw,2.5rem)}.post-head .post-meta{gap:var(--sp-3);margin-top:var(--sp-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);letter-spacing:.04em;flex-wrap:wrap;display:flex}.prose{font-size:var(--text-base)}.prose h2{font-size:var(--text-xl);margin:var(--sp-7) 0 var(--sp-4);padding-left:var(--sp-3);border-left:.5rem solid var(--accent)}.prose h3{font-size:var(--text-lg);margin:var(--sp-6) 0 var(--sp-3)}.prose p{margin:var(--sp-4) 0}.prose ul,.prose ol{padding-left:var(--sp-5)}.prose li{margin:var(--sp-2) 0}.prose a{color:var(--accent-deep);border-bottom:1px solid var(--accent-glow)}.prose a:hover{color:var(--accent);border-bottom-color:var(--accent)}.prose strong{color:var(--text);font-weight:700}.prose hr{border:none;border-top:1px solid var(--line);margin:var(--sp-7) 0}.prose img{border:1px solid var(--line);border-radius:var(--radius)}.prose blockquote{margin:var(--sp-6) 0;padding:var(--sp-3) var(--sp-5);border-left:.5rem solid var(--accent);background:var(--bg-panel);color:var(--text-dim);box-shadow:var(--shadow-1)}.prose pre{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-4) var(--sp-5);box-shadow:var(--shadow-1);overflow-x:auto}.prose :not(pre)>code{font-family:var(--font-mono);background:var(--bg-raised);border-radius:var(--radius);padding:1px 6px;font-size:.9em}.prose table{border-collapse:collapse;width:100%;margin:var(--sp-5) 0}.prose th,.prose td{border:1px solid var(--line);padding:var(--sp-2) var(--sp-3);text-align:left}.prose th{background:var(--bg-panel)}.post-foot{gap:var(--sp-3);margin-top:var(--sp-8);padding-top:var(--sp-5);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.post-foot .back{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:var(--text-sm);color:var(--text-dim)}.post-foot .back:hover{color:var(--accent)}.about{padding-top:var(--sp-10);padding-bottom:var(--sp-10);position:relative}.about-brief{max-width:640px;color:var(--text-dim)}.about h1{margin-top:var(--sp-3);font-size:clamp(2.5rem,6vw,4rem)}.about .lede{margin-top:var(--sp-6);max-width:640px;color:var(--text-dim)}.about .facts{margin-top:var(--sp-7);gap:var(--sp-4);max-width:640px;display:grid}.about .facts dt{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.about .facts dd{margin:0 0 var(--sp-4)}.facts-card{margin-top:var(--sp-6);padding:var(--sp-5) var(--sp-6);max-width:640px}.notfound{text-align:center;place-content:center;gap:var(--sp-4);min-height:100vh;display:grid}.notfound .code{font-family:var(--font-display);letter-spacing:-.05em;font-size:clamp(6rem,20vw,12rem);font-weight:700;line-height:1}.site-footer{border-top:1px solid var(--line);padding:var(--sp-7) 0 var(--sp-6);margin-top:var(--sp-9);font-size:var(--text-sm);color:var(--text-faint)}.site-footer .foot-grid{gap:var(--sp-6);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;display:flex}.site-footer .micro-label{margin-bottom:var(--sp-3)}.site-footer .coords{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em}.site-footer .foot-links{gap:var(--sp-5);display:flex}.site-footer .copyright{margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--line)}.progress-ring-btn{z-index:90;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);width:46px;height:46px;box-shadow:var(--shadow-1);cursor:pointer;color:var(--text);opacity:0;pointer-events:none;transition:opacity .25s var(--ease), transform .25s var(--ease), background-color var(--dur-1) var(--ease);background:#ffffffe6;border-radius:50%;place-items:center;display:grid;position:fixed;bottom:24px;right:24px;transform:translateY(8px)scale(.9)}.progress-ring-btn.is-visible{opacity:1;pointer-events:auto;transform:none}.progress-ring-btn:hover{background:color-mix(in srgb, var(--accent-soft) 18%, #fff)}.progress-ring-btn .ring{position:absolute;inset:0;transform:rotate(-90deg)}.progress-ring-btn .track{stroke:var(--line)}.progress-ring-btn .bar{stroke:var(--accent);transition:stroke-dasharray .12s linear}.progress-ring-btn .arrow{width:16px;height:16px;color:var(--text-dim)}[data-theme=dark] .progress-ring-btn{background:#122630e6}[data-theme=dark] .progress-ring-btn:hover{background:color-mix(in srgb, var(--accent-soft) 18%, #122630)}@media (width<=900px){.nav-center{display:none}.hamburger{display:grid}.mobile-menu:not([hidden]){display:block}}@media (width<=768px){.hero .title{font-size:clamp(2rem,12vw,3rem)}.section{padding-block:var(--sp-8)}.section-head .title{font-size:var(--text-xl)}.container,.container-narrow{padding-inline:var(--sp-4)}.card-grid,.cat-grid{grid-template-columns:1fr}}[data-theme=dark]{--bg:#0d1b22;--bg-panel:#122630;--bg-raised:#18303b;--text:#cfe3ec;--text-dim:#93afbb;--text-faint:#5f7c88;--accent:#5fb6d8;--accent-soft:#7ec8e3;--accent-deep:#9fdcf2;--line:#cfe3ec24;--line-strong:#cfe3ec66;--selection-bg:#7ec8e3;--selection-fg:#0d1b22;--cat-tech:#7ec8e3;--cat-life:#f0c23a;--cat-thoughts:#e7a3d2;--shadow-1:inset 0 1px 0 #ffffff12, 0 1px 2px #0000004d, 0 4px 12px -2px #00000059, 0 12px 28px -8px #00000073;--shadow-2:inset 0 1px 0 #ffffff17, 0 2px 4px #00000059, 0 8px 20px -4px #0006, 0 24px 48px -12px #0000008c;--vignette:inset 0 0 60px #00000059}[data-theme=dark] .hero{background:radial-gradient(1100px 560px at 72% 18%, #5eb2d829, transparent 62%), radial-gradient(900px 500px at 18% 82%, #7ec8e31a, transparent 60%), linear-gradient(180deg, #0f2029 0%, var(--bg) 100%)}[data-theme=dark] .site-nav.is-scrolled .nav-inner{-webkit-backdrop-filter:blur(16px)saturate(1.5);background:#0d101799;border-color:#7ec8e333;box-shadow:0 0 0 1px #7ec8e31f,0 0 44px #7ec8e329,0 8px 32px -12px #00000080}[data-theme=dark] .mobile-menu{-webkit-backdrop-filter:blur(16px)saturate(1.5);background:#0d1017b3}[data-theme=dark] .dropdown-menu{-webkit-backdrop-filter:blur(20px)saturate(1.6);background:#1226308c}[data-theme=dark] .nav-logo{color:#0d1b22}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}