:root{--step--2: clamp(.64rem, .62rem + .1vw, .69rem);--step--1: clamp(.8rem, .77rem + .14vw, .86rem);--step-0: clamp(1rem, .96rem + .18vw, 1.07rem);--step-1: clamp(1.25rem, 1.19rem + .3vw, 1.41rem);--step-2: clamp(1.56rem, 1.47rem + .46vw, 1.84rem);--step-3: clamp(1.95rem, 1.81rem + .71vw, 2.43rem);--step-4: clamp(2.44rem, 2.22rem + 1.09vw, 3.2rem);--step-5: clamp(2.3rem, 1.95rem + 1.75vw, 3.4rem);--step-6: clamp(2.6rem, 2.05rem + 2.75vw, 4.35rem);--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-s: 1rem;--space-m: 1.5rem;--space-l: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem;--space-3xl: 8rem;--container-content: 68rem;--container-prose: 42rem;--font-display: "Newsreader", "Noto Serif SC", serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--font-cjk: "Noto Serif SC", serif;--radius-card: 3px;--radius-btn: 2px;--radius-pill: 2px;--display-weight: 500;--display-tracking: .005em;--kicker-tracking: .2em;--motion: .2s cubic-bezier(.22, .61, .36, 1)}:root,html[data-mode=dark]{--c-base: 10 14 26;--c-surface: 15 22 40;--c-elevated: 21 32 56;--c-line: 201 168 76;--c-line-quiet: 255 255 255;--c-copy: 198 206 226;--c-heading: 226 232 248;--c-muted: 138 150 178;--c-accent: 201 168 76;--c-accent-soft: 122 142 232;--glow-card: 0 0 30px rgb(201 168 76 / .05);--glow-card-hover: 0 0 50px rgb(201 168 76 / .12);--grid-line: rgb(201 168 76 / .04);--grid-line-strong: rgb(201 168 76 / .07);--hairline: rgb(255 255 255 / .07);--hairline-strong: rgb(255 255 255 / .12);--shadow-card: var(--glow-card), inset 0 1px 0 rgb(255 255 255 / .04);--shadow-card-hover: var(--glow-card-hover);color-scheme:dark}html[data-mode=light]{--c-base: 244 246 250;--c-surface: 255 255 255;--c-elevated: 250 251 253;--c-line: 10 14 26;--c-line-quiet: 10 14 26;--c-copy: 44 51 68;--c-heading: 10 14 26;--c-muted: 107 115 136;--c-accent: 176 142 54;--c-accent-soft: 79 107 246;--glow-card: 0 4px 24px rgb(10 14 26 / .06);--glow-card-hover: 0 14px 40px rgb(10 14 26 / .12);--grid-line: rgb(10 14 26 / .035);--grid-line-strong: rgb(10 14 26 / .06);--hairline: rgb(10 14 26 / .09);--hairline-strong: rgb(10 14 26 / .16);--shadow-card: 0 1px 2px rgb(10 14 26 / .05), 0 4px 24px rgb(10 14 26 / .05), inset 0 0 0 1px rgb(10 14 26 / .04);--shadow-card-hover: 0 1px 2px rgb(10 14 26 / .06), 0 14px 40px rgb(10 14 26 / .1);color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--step-0);line-height:1.65;font-feature-settings:"tnum" 1,"ss01" 1;color:rgb(var(--c-copy));background:rgb(var(--c-base));transition:background .4s ease,color .4s ease;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}::selection{background:rgb(var(--c-accent) / .6);color:rgb(var(--c-base))}.sky{position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(var(--grid-line) 1px,transparent 1px) 0 0 / 120px 120px,linear-gradient(90deg,var(--grid-line) 1px,transparent 1px) 0 0 / 120px 120px;mask-image:radial-gradient(ellipse 120% 80% at 50% 0%,#000 35%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 120% 80% at 50% 0%,#000 35%,transparent 78%)}.sky:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% -8%,rgb(201 168 76 / .06),transparent 60%)}html[data-mode=light] .sky:after{background:radial-gradient(ellipse 70% 50% at 50% -8%,rgb(79 107 246 / .05),transparent 60%)}.shell{width:100%;max-width:var(--container-content);margin-inline:auto;padding-inline:clamp(1.25rem,5vw,2.5rem)}.ribbon{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:var(--space-s);padding:.5rem clamp(1.25rem,5vw,2.5rem);font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.04em;background:rgb(var(--c-base) / .82);backdrop-filter:blur(12px) saturate(140%);border-bottom:1px solid var(--hairline)}.ribbon .dir{color:rgb(var(--c-accent));font-weight:600;letter-spacing:.14em;text-transform:uppercase}.ribbon .sep{width:1px;height:.9em;background:var(--hairline-strong)}.ribbon .tag{color:rgb(var(--c-muted));flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ribbon .live{display:inline-flex;align-items:center;gap:.45em;color:rgb(var(--c-muted))}.ribbon .pulse{width:6px;height:6px;border-radius:50%;background:rgb(var(--c-accent));box-shadow:0 0 #c9a84c80;animation:pulse 2.4s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 #c9a84c80}70%{box-shadow:0 0 0 7px #c9a84c00}to{box-shadow:0 0 #c9a84c00}}.nav{padding-block:var(--space-m)}.nav-inner{display:flex;align-items:center;gap:var(--space-l)}.wordmark{display:inline-flex;align-items:center;gap:.6rem;flex-shrink:0}.brand-glyph{position:relative;width:38px;height:38px;flex-shrink:0}.brand-glyph svg{width:100%;height:100%;display:block}.brand-glyph .ring{stroke:rgb(var(--c-accent))}.brand-glyph .cross{stroke:rgb(var(--c-accent) / .45)}.brand-glyph .m{fill:rgb(var(--c-heading))}.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand-text .zh{font-family:var(--font-display);font-weight:600;font-size:var(--step-1);color:rgb(var(--c-heading));letter-spacing:.02em}.brand-text .en{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.22em;text-transform:uppercase;color:rgb(var(--c-accent))}.nav-meta{margin-left:auto;display:flex;align-items:center;gap:var(--space-m)}.nav-author{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.nav-author .by{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--c-muted))}.nav-author .name{font-family:var(--font-display);font-size:var(--step-0);font-weight:500;color:rgb(var(--c-heading))}.nav-index{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;margin-top:var(--space-m);border:1px solid var(--hairline);border-radius:var(--radius-card);overflow:hidden;background:var(--hairline)}.nav-index a{display:flex;flex-direction:column;gap:.35em;padding:var(--space-s) var(--space-xs);background:rgb(var(--c-surface) / .5);transition:background var(--motion),color var(--motion);position:relative}.nav-index a:hover{background:rgb(var(--c-elevated))}.nav-index a:hover .ix-num{color:rgb(var(--c-accent))}.nav-index .ix-num{font-family:var(--font-mono);font-size:var(--step--2);color:rgb(var(--c-muted));letter-spacing:.1em;transition:color var(--motion)}.nav-index .ix-label{font-size:var(--step--1);color:rgb(var(--c-heading));font-weight:500;white-space:nowrap}.hero{position:relative;padding-block:clamp(3rem,8vw,var(--space-3xl)) var(--space-2xl)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(2rem,5vw,var(--space-xl));align-items:end}.hero-kicker{display:inline-flex;align-items:center;gap:.7em;font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:var(--kicker-tracking);text-transform:uppercase;color:rgb(var(--c-accent));margin-bottom:var(--space-m);position:relative}.hero-kicker:before{content:"";width:2.4rem;height:1px;background:rgb(var(--c-accent));transform-origin:left;animation:sweep .6s cubic-bezier(.22,.61,.36,1) both;animation-delay:.2s}@keyframes sweep{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero h1{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--step-6);line-height:1.04;letter-spacing:var(--display-tracking);color:rgb(var(--c-heading));word-break:keep-all;overflow-wrap:break-word;hyphens:none;max-width:100%;margin-bottom:var(--space-m)}.hero h1 br{display:none}@media(min-width:720px){.hero h1 br{display:inline}}.hero h1 .cjk{font-family:var(--font-cjk);font-weight:600}.hero h1 .latin{font-family:var(--font-display);font-weight:400;font-style:italic;letter-spacing:-.01em}.hero h1 em{font-style:italic;color:rgb(var(--c-accent));font-weight:400}.hero-lede{font-size:var(--step-1);line-height:1.6;color:rgb(var(--c-copy));max-width:38ch;text-wrap:pretty;margin-bottom:var(--space-l)}.hero-lede .zh{font-family:var(--font-cjk)}.hero-cta{display:inline-flex;align-items:baseline;gap:.6em;font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--c-heading));border-bottom:1px solid rgb(var(--c-accent-soft));padding-bottom:.3em;transition:color var(--motion),border-color var(--motion)}.hero-cta:hover{color:rgb(var(--c-accent));border-color:rgb(var(--c-accent))}.hero-cta .arrow{transition:transform var(--motion)}.hero-cta:hover .arrow{transform:translate(3px)}.obs-panel{border:1px solid var(--hairline-strong);border-radius:var(--radius-card);background:linear-gradient(180deg,rgb(var(--c-surface) / .7),rgb(var(--c-base) / .4));box-shadow:var(--shadow-card);padding:var(--space-m)}.obs-panel .ph{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-s);margin-bottom:var(--space-s);border-bottom:1px solid var(--hairline)}.obs-panel .ph .t{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--c-muted))}.obs-panel .ph .coord{font-family:var(--font-mono);font-size:var(--step--2);color:rgb(var(--c-accent));letter-spacing:.04em}.obs-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-s);padding-block:.55rem;border-bottom:1px dashed var(--hairline)}.obs-row:last-child{border-bottom:none}.obs-row .k{font-family:var(--font-mono);font-size:var(--step--2);color:rgb(var(--c-muted));letter-spacing:.05em}.obs-row .v{font-family:var(--font-display);font-size:var(--step-1);font-weight:500;color:rgb(var(--c-heading))}.obs-row .v.gold{color:rgb(var(--c-accent))}.obs-row .v small{font-family:var(--font-mono);font-size:.5em;letter-spacing:.1em;color:rgb(var(--c-muted));margin-left:.3em;text-transform:uppercase}.section{padding-block:var(--space-2xl)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-m);margin-bottom:var(--space-xl);flex-wrap:wrap}.section-kicker{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:var(--kicker-tracking);text-transform:uppercase;color:rgb(var(--c-accent));display:block;margin-bottom:var(--space-2xs)}.section-title{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--step-3);letter-spacing:var(--display-tracking);color:rgb(var(--c-heading))}.section-title .cjk{font-family:var(--font-cjk);font-weight:600}.section-note{font-family:var(--font-mono);font-size:var(--step--2);color:rgb(var(--c-muted));letter-spacing:.04em;text-align:right;max-width:26ch}.stream{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-m)}.card{position:relative;border:1px solid var(--hairline);border-radius:var(--radius-card);background:rgb(var(--c-surface) / .55);box-shadow:var(--shadow-card);overflow:hidden;transition:border-color var(--motion),box-shadow var(--motion),background var(--motion)}.card:hover{border-color:rgb(var(--c-accent) / .4);box-shadow:var(--shadow-card-hover);background:rgb(var(--c-elevated) / .7)}.card:focus-within{outline:2px solid rgb(var(--c-accent-soft));outline-offset:2px}.card a.stretch{position:absolute;inset:0;z-index:1}.card .body{position:relative;z-index:2;pointer-events:none}.card .body a{pointer-events:auto}.ctype{position:absolute;top:var(--space-s);right:var(--space-s);z-index:3;font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--c-muted));border:1px solid var(--hairline);border-radius:var(--radius-pill);padding:.2em .55em;background:rgb(var(--c-base) / .5)}.card--writing{grid-column:span 7;display:grid;grid-template-rows:auto 1fr}.card--writing .cover{position:relative;aspect-ratio:16/7;background:radial-gradient(120% 140% at 80% 10%,rgb(201 168 76 / .16),transparent 55%),linear-gradient(160deg,rgb(var(--c-elevated)),rgb(var(--c-base)));border-bottom:1px solid var(--hairline)}.card--writing .cover .starmap{position:absolute;inset:0;background-image:radial-gradient(rgb(var(--c-accent) / .5) 1px,transparent 1.4px);background-size:26px 26px;mask-image:radial-gradient(ellipse 80% 90% at 75% 25%,#000,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 90% at 75% 25%,#000,transparent 70%);opacity:.6}.card--writing .cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.card--writing .cover .clabel{position:absolute;left:var(--space-m);bottom:var(--space-s);font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--c-accent))}.card--writing .body{padding:var(--space-m);display:flex;flex-direction:column;gap:var(--space-s)}.card--writing .meta-line{display:flex;align-items:center;gap:var(--space-s);font-family:var(--font-mono);font-size:var(--step--2);color:rgb(var(--c-muted));letter-spacing:.05em;flex-wrap:wrap}.card--writing .meta-line .cat{color:rgb(var(--c-accent))}.card--writing h3{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--step-2);line-height:1.18;letter-spacing:var(--display-tracking);color:rgb(var(--c-heading));text-wrap:balance;overflow-wrap:anywhere}.card--writing h3 .cjk{font-family:var(--font-cjk);font-weight:600}.card--writing p{font-size:var(--step-0);line-height:1.6;color:rgb(var(--c-copy));text-wrap:pretty}.card--writing p .zh{font-family:var(--font-cjk)}.card--project{grid-column:span 5;display:flex;flex-direction:column}.card--project .body{padding:var(--space-m);display:flex;flex-direction:column;gap:var(--space-s);height:100%}.card--project .status{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--c-muted))}.card--project .status .dot{width:7px;height:7px;border-radius:50%}.card--project .status .dot.live{background:#4ec9a8;box-shadow:0 0 8px #4ec9a899}.card--project .status .dot.building{background:rgb(var(--c-accent));box-shadow:0 0 8px #c9a84c80}.card--project .status .dot.research{background:rgb(var(--c-accent-soft));box-shadow:0 0 8px #7a8ee880}.card--project .status .dot.archive{background:rgb(var(--c-muted))}.card--project h3{font-family:var(--font-display);font-weight:500;font-size:var(--step-2);line-height:1.2;color:rgb(var(--c-heading));letter-spacing:var(--display-tracking)}.card--project h3 .cjk{font-family:var(--font-cjk);font-weight:600}.card--project p{font-size:var(--step--1);line-height:1.6;color:rgb(var(--c-copy))}.card--project p .zh{font-family:var(--font-cjk)}.card--project .stack{margin-top:auto;display:flex;flex-wrap:wrap;gap:.4rem;padding-top:var(--space-s);border-top:1px solid var(--hairline)}.card--project .chip{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.04em;color:rgb(var(--c-muted));border:1px solid var(--hairline);border-radius:var(--radius-pill);padding:.18em .5em}.card--note{grid-column:span 5}.card--note .body{padding:var(--space-m);display:flex;flex-direction:column;gap:var(--space-s)}.card--note .topic{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--c-accent-soft))}.card--note h3{font-family:var(--font-display);font-weight:500;font-size:var(--step-1);line-height:1.25;color:rgb(var(--c-heading))}.card--note h3 .cjk{font-family:var(--font-cjk);font-weight:600}.card--note blockquote{font-family:var(--font-cjk);font-size:var(--step-0);line-height:1.7;color:rgb(var(--c-copy));border-left:2px solid rgb(var(--c-accent) / .5);padding-left:var(--space-s);font-style:italic}.card--note .who{font-family:var(--font-mono);font-size:var(--step--2);color:rgb(var(--c-muted));letter-spacing:.06em}.card--writing.wide{grid-column:span 12;grid-template-rows:none;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.card--writing.wide .cover{aspect-ratio:auto;border-bottom:none;border-right:1px solid var(--hairline);min-height:100%}.card--writing.wide .body{justify-content:center}.card--writing.wide h3{font-size:var(--step-3)}.card--note.span4,.card--project.span4,.card--writing.span4{grid-column:span 4}.card--writing.span4 .cover{aspect-ratio:16/9}.footer{border-top:1px solid var(--hairline);padding-block:var(--space-2xl) var(--space-xl);margin-top:var(--space-xl);position:relative}.footer:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:120px;height:1px;background:linear-gradient(90deg,transparent,rgb(var(--c-accent)),transparent)}.footer-quote{max-width:var(--container-prose);margin-inline:auto;text-align:center}.footer-quote .de{font-family:var(--font-display);font-style:italic;font-size:var(--step-2);line-height:1.4;color:rgb(var(--c-heading));text-wrap:balance;margin-bottom:var(--space-s)}.footer-quote .zh{font-family:var(--font-cjk);font-size:var(--step-0);line-height:1.7;color:rgb(var(--c-muted));text-wrap:balance}.footer-quote .attr{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--c-accent));margin-top:var(--space-m)}.footer-base{display:flex;align-items:center;justify-content:space-between;gap:var(--space-m);margin-top:var(--space-2xl);padding-top:var(--space-m);border-top:1px solid var(--hairline);font-family:var(--font-mono);font-size:var(--step--2);color:rgb(var(--c-muted));letter-spacing:.06em;flex-wrap:wrap}.footer-base .coord{color:rgb(var(--c-accent))}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}@media(max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-l)}.hero-main,.obs-panel{min-width:0}.obs-panel{order:-1}.stream>.card{grid-column:span 12!important}.card--writing.wide{grid-template-columns:1fr}.card--writing.wide .cover{aspect-ratio:16/7;border-right:none;border-bottom:1px solid var(--hairline);min-height:0}}@media(max-width:720px){.nav-index{grid-template-columns:repeat(4,1fr)}.nav-meta{display:none}.section-note{text-align:left}}@media(max-width:560px){.nav-index{grid-template-columns:repeat(2,1fr)}.ribbon .tag{display:none}.footer-base{flex-direction:column;align-items:flex-start}.hero h1{font-size:clamp(2rem,8.5vw,2.6rem);overflow-wrap:break-word}.hero-main,.obs-panel{min-width:0}}.mode-fab{position:fixed;bottom:1.5rem;right:1.5rem;z-index:60;width:3rem;height:3rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgb(var(--c-surface) / .9);color:rgb(var(--c-heading));border:1px solid var(--hairline-strong);box-shadow:var(--shadow-card);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color var(--motion),color var(--motion),transform var(--motion)}.mode-fab:hover{border-color:rgb(var(--c-accent));color:rgb(var(--c-accent));transform:translateY(-2px)}.mode-fab-icon{font-size:var(--step-1);line-height:1}@media(max-width:560px){.mode-fab{bottom:1rem;right:1rem;width:2.75rem;height:2.75rem}}