:root{--paper: #eef2f1;--paper-2: #e3e9e8;--ink: #16283a;--ink-soft: #42586b;--bearing: #2d5a7b;--magenta: #d6336c;--hairline: #c6d1ce;--font-display: "Space Grotesk", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-display);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--bearing);text-decoration:none}a:hover{color:var(--magenta)}.mono{font-family:var(--font-mono);letter-spacing:.02em}.container{max-width:1060px;margin:0 auto;padding:0 40px}@media(max-width:640px){.container{padding:0 22px}}.nav{display:flex;align-items:center;justify-content:space-between;padding:22px 40px;border-bottom:1px solid var(--hairline)}.nav .logo{font-family:var(--font-mono);font-weight:500;font-size:18px;letter-spacing:.14em;color:var(--ink)}.nav .logo .tick{color:var(--magenta)}.nav-links{display:flex;gap:30px;font-size:14px}.nav-links a{color:var(--ink-soft);letter-spacing:.05em}.nav-links a.active{color:var(--ink);border-bottom:2px solid var(--magenta);padding-bottom:4px}.nav-meta{font-family:var(--font-mono);font-size:12px;color:var(--ink-soft)}@media(max-width:640px){.nav{padding:18px 22px}.nav-links{display:none}}.hero{position:relative;overflow:hidden;padding:90px 40px 110px;border-bottom:1px solid var(--hairline)}.hero-svg{position:absolute;inset:0;width:100%;height:100%;animation:drift 11s ease-in-out infinite}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.hero-inner{position:relative;max-width:860px}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.24em;color:var(--bearing);text-transform:uppercase;margin-bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:16px}.hero h1{font-size:clamp(34px,6vw,64px);font-weight:600;line-height:1.08;letter-spacing:-.01em;margin-bottom:22px}.hero .sub{font-size:17px;color:var(--ink-soft);max-width:34em;margin-bottom:40px}@media(max-width:640px){.hero{padding:60px 22px 80px}}.sounding{display:inline-flex;align-items:baseline;gap:14px;border:1px solid var(--hairline);background:#ffffff8c;padding:14px 20px;font-family:var(--font-mono);font-size:13px;color:var(--ink-soft)}.sounding .marker{color:var(--magenta)}.sounding .depth{font-size:22px;color:var(--ink);font-weight:500}.sounding .depth .u{font-size:12px;color:var(--bearing)}.live-dot{display:inline-flex;align-items:center;gap:8px;letter-spacing:.18em}.live-dot .dot{width:8px;height:8px;border-radius:50%;background:var(--magenta);position:relative;flex:none}.live-dot .dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--magenta);animation:ping 1.9s ease-out infinite}@keyframes ping{0%{transform:scale(.5);opacity:.85}to{transform:scale(2.4);opacity:0}}.cursor{display:inline-block;width:8px;height:1em;background:var(--magenta);vertical-align:-.12em;margin-left:3px;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.section-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:14px;margin-bottom:6px}.section-head h2{font-size:22px;font-weight:600}.section-head .mono{font-size:12px;color:var(--ink-soft)}.card{display:grid;grid-template-columns:88px 1fr auto;gap:22px;align-items:baseline;padding:26px 4px;border-bottom:1px solid var(--hairline);position:relative;transition:transform .22s ease}.card:hover{transform:translate(7px)}.card .idx{font-family:var(--font-mono);font-size:13px;color:var(--magenta)}.card .meta{font-family:var(--font-mono);font-size:12px;color:var(--ink-soft)}.card h3{font-size:19px;font-weight:600;margin-bottom:4px}.card h3 a{color:var(--ink)}.card h3 a:hover{color:var(--bearing)}.card .tag{font-family:var(--font-mono);font-size:11px;color:var(--bearing);letter-spacing:.06em}.card .arrow{font-family:var(--font-mono);color:var(--magenta);opacity:0;transform:translate(-6px);transition:opacity .22s ease,transform .22s ease;margin-left:6px}.card:hover .arrow{opacity:1;transform:none}@media(max-width:640px){.card{grid-template-columns:1fr;gap:8px}}.section{padding:80px 40px}@media(max-width:640px){.section{padding:52px 22px}}footer{border-top:1px solid var(--hairline);padding:34px 40px;display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:12px;color:var(--ink-soft)}@media(max-width:640px){footer{padding:26px 22px;flex-direction:column;gap:6px}}.prose{max-width:760px;margin:0 auto;font-size:17px;line-height:1.85}.prose h2{font-size:26px;font-weight:600;margin:2.2em 0 .6em;letter-spacing:-.01em}.prose h3{font-size:20px;font-weight:600;margin:1.8em 0 .5em}.prose p{margin:0 0 1.2em;color:var(--ink)}.prose a{border-bottom:1px solid var(--bearing)}.prose code{font-family:var(--font-mono);font-size:.88em;background:var(--paper-2);padding:.15em .4em;border-radius:3px}.prose pre{background:var(--ink);color:var(--paper);padding:18px 20px;border-radius:6px;overflow-x:auto;margin:0 0 1.4em;font-size:14px}.prose pre code{background:none;color:inherit;padding:0}.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.5em}.prose li{margin:.35em 0}.prose blockquote{border-left:3px solid var(--magenta);padding-left:1em;margin:1.5em 0;color:var(--ink-soft);font-style:italic}.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-svg{animation:none}.live-dot .dot:after,.cursor{animation:none}.reveal{opacity:1;transform:none;transition:none}}