:root{--serif:"Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", serif;--sans:"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif;--mono:"SF Mono", "JetBrains Mono", ui-monospace, Menlo, monospace;--text:#fbf5e8;--text-soft:#fbf5e8d6;--text-dim:#fbf5e875;--line:#fbf5e829;--line-strong:#fbf5e84d;--p:0}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:#060a12}body{font-family:var(--sans);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}::selection{color:#1a1a14;background:#f7f2e8e6}:focus-visible{outline-offset:4px;outline:2px solid #f0d9a8}.skip{z-index:99;color:#23201a;background:#f7f2e8;border-radius:4px;padding:10px 16px;font-size:13px;text-decoration:none;transition:top .2s;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.landscape{z-index:0;background:var(--sky-mid);position:fixed;inset:0;overflow:hidden}.sky{background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-mid) 44%, var(--sky-horizon) 66%);transition:background 1.6s linear;position:absolute;inset:0}.sun{left:var(--sun-x);top:var(--sun-y);background:radial-gradient(circle, var(--sun-color) 0 13%, color-mix(in oklab, var(--sun-color) 40%, transparent) 22%, transparent 62%);opacity:0;pointer-events:none;width:26vmin;height:26vmin;transition:opacity 2s linear,left 1.6s linear,top 1.6s linear;position:absolute;transform:translate(-50%,-50%)}.sun.is-up{opacity:var(--sun-op)}.bloom{width:130vw;height:54vh;opacity:calc(var(--bloom) * .18);filter:blur(14px);pointer-events:none;background:radial-gradient(at 50% 24%,#fffae880,#0000 62%);position:absolute;top:-20%;left:50%;transform:translate(-50%)}.moon{opacity:0;pointer-events:none;background:radial-gradient(circle at 38% 34%,#fdfbf2 0 46%,#cfd3d8 70%,#0000 72%);border-radius:50%;width:7vmin;height:7vmin;transition:opacity 2.4s linear;position:absolute;top:17%;left:71%;box-shadow:0 0 14vmin 5vmin #d2e0ff1f}.moon.is-up{opacity:calc(.25 + var(--night) * .6)}.stars{pointer-events:none;transition:opacity 2s linear;position:absolute;inset:0}.stars i{background:#fffdf4;border-radius:50%;animation:5s ease-in-out infinite alternate twinkle;position:absolute}@keyframes twinkle{to{opacity:.18}}.cloud{background:radial-gradient(ellipse at center, var(--cloud-color) 0%, transparent 66%);filter:blur(30px);opacity:calc(.34 - var(--night) * .26);pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.c1{width:78vw;height:18vh;animation:220s linear infinite drift;top:4%;left:-22%}.c2{width:62vw;height:13vh;opacity:calc(.24 - var(--night) * .2);animation:320s linear infinite drift2;top:15%;left:38%}.c3{width:46vw;height:9vh;opacity:calc(.16 - var(--night) * .14);animation:380s linear infinite reverse drift;top:30%;left:2%}.c4{width:40vw;height:8vh;opacity:calc(.14 - var(--night) * .12);animation:460s linear infinite drift2;top:33%;left:64%}@keyframes drift{to{transform:translate(120vw)}}@keyframes drift2{to{transform:translate(-90vw)}}.ground{background:linear-gradient(to bottom, var(--ground-far) 0%, var(--ground-far) 8%, var(--ground-mid) 32%, var(--ground-near) 88%);transition:background 1.6s linear;position:absolute;inset:62vh 0 0}.field{z-index:2;pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(38% 26% at 22% 42%,#ffffff29,#0000 70%),radial-gradient(30% 22% at 68% 58%,#0003,#0000 70%),radial-gradient(46% 30% at 46% 18%,#ffeec81f,#0000 72%);position:absolute;inset:62vh 0 0}.mountains{pointer-events:none;width:100%;position:absolute;bottom:calc(38vh - 2px);left:0}.mountains.far{filter:blur(1.3px);opacity:.82;height:20vh}.mountains.near{filter:blur(.5px);opacity:.9;height:12vh}.grass{z-index:4;pointer-events:none;filter:blur(.45px);width:100%;height:56vh;position:absolute;bottom:0;left:0;-webkit-mask-image:linear-gradient(#0000 0%,#0006 26%,#000 50%);mask-image:linear-gradient(#0000 0%,#0006 26%,#000 50%)}.grass-front{z-index:4;pointer-events:none;filter:blur(7px);opacity:.9;width:100%;height:34vh;position:absolute;bottom:0;left:0}.warmth{z-index:5;pointer-events:none;mix-blend-mode:soft-light;opacity:calc(var(--bloom) * .7);background:radial-gradient(62% 42% at 58% 60%,#ffd8a080 0%,#ffe2ba2e 42%,#0000 72%);position:absolute;inset:0}.vignette{z-index:6;pointer-events:none;background:radial-gradient(125% 95% at 52% 32%,#0000 38%,#04080e57 100%),linear-gradient(#0000 74%,#04080e6b);position:absolute;inset:0}.grain{z-index:7;opacity:.075;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.veil{z-index:3;opacity:calc(var(--p) * .18);pointer-events:none;background:#050810;position:fixed;inset:0}.read-scrim{z-index:2;pointer-events:none;opacity:min(1, calc(var(--p) * 1.7));background:linear-gradient(90deg,#04080ea3 0%,#04080e75 42%,#04080e24 64%,#04080e33 100%),linear-gradient(#04080e0f,#04080e42);position:fixed;inset:0}.topbar{z-index:12;font-family:var(--mono);letter-spacing:.18em;color:#fffaf099;text-shadow:0 1px 16px #05091099;opacity:calc(1 - var(--p) * 2.6);pointer-events:none;background:linear-gradient(#04080e8c,#04080e00);justify-content:space-between;align-items:baseline;gap:18px;padding:24px 8vw;font-size:10px;display:flex;position:fixed;top:0;left:0;right:0}.brand{align-items:baseline;gap:14px;display:flex}.brand strong{font-family:var(--serif);letter-spacing:.22em;color:#fffaf0;font-size:15px;font-weight:500}.hud{gap:22px;display:flex}.hero{z-index:2;color:#fffaf0;align-items:center;height:100svh;min-height:560px;padding:88px 8vw 0;display:flex;position:relative}.hero-scrim{z-index:1;pointer-events:none;opacity:calc(1 - var(--p) * 2.4);background:linear-gradient(100deg,#05091099 0%,#05091047 40%,#05091000 66%),linear-gradient(#0509103d 0%,#05091000 26%);position:fixed;inset:0}.hero-inner{max-width:980px;opacity:calc(1 - var(--p) * 2.2);transform:translateY(calc(var(--p) * -70px));will-change:opacity, transform}.eyebrow{font-family:var(--mono);letter-spacing:.34em;color:#fffaf0bd;margin-bottom:30px;font-size:11px}.hero h1{font-family:var(--serif);letter-spacing:.015em;text-shadow:0 2px 46px #060a126b;font-size:clamp(38px,4.9vw,76px);font-weight:500;line-height:1.32}.hero h1 .accent{color:#fff6dc}.lede{letter-spacing:.16em;color:#fffaf0db;text-shadow:0 1px 20px #060a1280;margin-top:34px;font-size:15px}.scroll-cue{opacity:calc(1 - var(--p) * 2.4);flex-direction:column;align-items:center;gap:12px;text-decoration:none;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.scroll-cue i{transform-origin:top;background:linear-gradient(#fffaf000,#fffaf0b3);width:1px;height:42px;animation:2.8s ease-in-out infinite cue}.scroll-cue em{font-style:normal;font-family:var(--mono);letter-spacing:.3em;color:#fffaf08c;font-size:9.5px}@keyframes cue{0%,to{opacity:.3;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}.content{z-index:4;padding:15vh 8vw 12vh;position:relative}.content-inner{isolation:isolate;max-width:640px;position:relative}.kicker{font-family:var(--mono);letter-spacing:.32em;color:var(--text-dim);font-size:10.5px}.intro{font-family:var(--serif);color:var(--text);text-shadow:0 1px 2px #04080e59,0 2px 30px #04080e99;margin-top:22px;font-size:clamp(21px,2.4vw,27px);line-height:1.85}.block{margin-top:88px}.block-head{border-bottom:1px solid var(--line-strong);align-items:baseline;gap:14px;padding-bottom:16px;display:flex;position:relative}.block-head h2{font-family:var(--serif);letter-spacing:.06em;color:var(--text);font-size:24px;font-weight:500}.block-head .en{font-family:var(--mono);letter-spacing:.28em;color:var(--text-dim);font-size:9.5px}.block-head .live{font-family:var(--mono);letter-spacing:.16em;color:#d7e3b0;align-items:center;gap:7px;margin-left:auto;font-size:10px;display:inline-flex}.block-head .live i{background:#d7e3b0;border-radius:50%;width:5px;height:5px;animation:3s ease-in-out infinite pulse;box-shadow:0 0 0 3px #d7e3b02e}@keyframes pulse{50%{opacity:.35}}.now-list,.note-list,.work-list,.contact-list{list-style:none}.now-list li{border-bottom:1px solid var(--line);text-shadow:0 1px 2px #04080e4d;grid-template-columns:64px 1fr;gap:22px;padding:19px 0;font-size:15.5px;line-height:1.75;display:grid}.now-list .k{font-family:var(--mono);letter-spacing:.18em;color:var(--text-dim);padding-top:5px;font-size:10px}.now-list .v{color:var(--text-soft)}.note-list li{border-bottom:1px solid var(--line);grid-template-columns:64px 1fr;gap:22px;padding:23px 0;display:grid}.note-list time{font-family:var(--mono);letter-spacing:.14em;color:var(--text-dim);padding-top:6px;font-size:10.5px}.note-list p{color:var(--text-soft);text-shadow:0 1px 2px #04080e4d;font-size:16.5px;line-height:1.95}.work-list li{border-bottom:1px solid var(--line);padding:25px 0 23px}.work-line{justify-content:space-between;align-items:baseline;gap:18px;display:flex}.work-list h3{font-family:var(--serif);letter-spacing:.03em;color:var(--text);font-size:21px;font-weight:500}.work-line .year{font-family:var(--mono);letter-spacing:.14em;color:var(--text-dim);white-space:nowrap;font-size:10px}.work-list p{color:#fbf5e8c7;text-shadow:0 1px 2px #04080e4d;margin-top:10px;font-size:15px;line-height:1.85}.work-list .stack{font-family:var(--mono);letter-spacing:.14em;color:var(--text-dim);margin-top:12px;font-size:9.5px;display:inline-block}.about-p{color:var(--text-soft);text-shadow:0 1px 2px #04080e4d;margin-top:16px;font-size:16.5px;line-height:2.05}.contact-lede{color:#fbf5e8b8;margin-top:22px;font-size:15px;line-height:1.8}.contact-list{border-top:1px solid var(--line);margin-top:26px}.contact-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;display:flex}.contact-list span{font-family:var(--mono);letter-spacing:.18em;color:var(--text-dim);font-size:10px}.contact-list a{border-bottom:1px solid #fbf5e852;padding-bottom:2px;font-size:14.5px;text-decoration:none;transition:border-color .25s}.contact-list a:hover{border-color:var(--text)}.site-foot{border-top:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:15px;margin-top:110px;padding-top:28px;display:flex}.site-foot p{font-family:var(--mono);letter-spacing:.1em;color:var(--text-dim);font-size:10.5px;line-height:2}.site-foot .back{font-family:var(--mono);letter-spacing:.2em;color:#fbf5e8b3;border-bottom:1px solid #fbf5e847;padding:6px 0;font-size:10.5px;text-decoration:none}.time-switch{z-index:20;-webkit-backdrop-filter:blur(14px);font-family:var(--mono);color:#fffaf099;background:#0a0e16a8;border:1px solid #fffaf024;border-radius:999px;align-items:center;gap:2px;padding:5px 7px;font-size:10px;display:flex;position:fixed;bottom:22px;right:22px}.time-switch>span{letter-spacing:.16em;padding:0 8px 0 4px}.time-switch button{font:inherit;letter-spacing:.08em;color:#fffaf0ad;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 11px;transition:background .2s}.time-switch button:hover{background:#fffaf01a}.time-switch button.on{color:#17140f;background:#f7f2e8}.site-foot .tiny{font-family:var(--mono);letter-spacing:.14em;color:#fbf5e852;font-size:9.5px}@media (width<=760px){.topbar{letter-spacing:.12em;padding:18px 24px;font-size:9px}.brand span{display:none}.hud{gap:12px}.hero{align-items:center;padding:0 24px 10vh}.hero-scrim{background:linear-gradient(#0509103d 0%,#05091000 26% 44%,#0509109e 100%)}.hero h1{font-size:clamp(34px,9.6vw,46px);line-height:1.4}.eyebrow{letter-spacing:.24em;margin-bottom:20px;font-size:9.5px}.lede{letter-spacing:.1em;margin-top:24px;font-size:13px}.scroll-cue{display:none}.grass{height:40vh}.grass-front{filter:blur(4px);height:26vh}.mountains.far{height:16vh;bottom:34vh}.mountains.near{height:10vh;bottom:34vh}.ground{top:60vh}.content{padding:12vh 24px calc(10vh + 72px)}.intro{line-height:1.8}.block{margin-top:64px}.now-list li,.note-list li{grid-template-columns:44px 1fr;gap:14px}.contact-list li{flex-direction:column;gap:6px}.time-switch{padding:4px 5px;font-size:9.5px;bottom:10px;right:10px}.time-switch>span{display:none}.time-switch button{padding:5px 9px}.read-scrim{background:linear-gradient(#04080e57 0%,#04080e99 45%,#04080eb8 100%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}