@import "https://fonts.googleapis.com/css2?family=Fragment+Mono:wght@400;500&family=Noto+Serif+SC:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500&family=Zhi+Mang+Xing&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#0a0a0a;--text:#d0cac4;--mid:#a39b93;--line:#2a2623;--accent:#ea580c;--surface:#141210;--surface-strong:#141210e6;--danger:#dc2626;--ok:#16a34a;--ease:cubic-bezier(.23, 1, .32, 1);--ease-slow:cubic-bezier(.16, 1, .3, 1);background:var(--bg);color:var(--text);font-family:Noto Serif SC,Noto Sans SC,serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px;min-height:100vh;transition:background .6s var(--ease), color .6s var(--ease);font-family:Noto Serif SC,Noto Sans SC,serif;font-size:15px;font-weight:300;line-height:1.8;overflow-x:hidden}body.light{--bg:#f5f0eb;--text:#292524;--mid:#78716c;--line:#d6d3d1;--accent:#c2410c;--surface:#ede9e3;--surface-strong:#f5f0ebeb}body.sunny{--bg:#f8f4ec;--text:#1d1814;--mid:#6a6057;--line:#d7cdc2;--accent:#b45309;--surface:#f5eee1;--surface-strong:#f8f3eafa}button,input,textarea,select{font:inherit}button{color:inherit;background:0 0;border:0}a{color:var(--mid);transition:color .2s var(--ease);text-decoration:none}a:hover{color:var(--accent)}.noise{z-index:1000;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}#leaves-overlay{object-fit:cover;object-position:top;mix-blend-mode:multiply;pointer-events:none;z-index:999;opacity:0;width:100%;height:100%;transition:opacity .9s var(--ease);position:fixed;inset:0}body.sunny #leaves-overlay{opacity:.28}.sun-glow{pointer-events:none;z-index:998;opacity:0;width:70%;height:70%;transition:opacity .9s var(--ease);background:radial-gradient(circle,#ffd2502e 0%,#ffa01e0f 35%,#0000 65%);border-radius:50%;position:fixed;top:-30%;right:-10%}body.sunny .sun-glow{opacity:.6;animation:6s ease-in-out infinite sunBreathe}@keyframes sunBreathe{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.light-shaft{pointer-events:none;z-index:997;opacity:0;transition:opacity .9s var(--ease);position:fixed}body.sunny .light-shaft{opacity:.38}.light-shaft-1{background:linear-gradient(#ffc83c1f 0%,#ffc83c05 60%,#0000 100%);width:200px;height:110vh;animation:8s ease-in-out infinite shaftSway;top:0;right:5%;transform:rotate(-8deg)}.light-shaft-2{background:linear-gradient(#ffb42814 0%,#ffb42803 50%,#0000 100%);width:150px;height:100vh;animation:10s ease-in-out 2s infinite shaftSway;top:-10%;right:15%;transform:rotate(-15deg)}.light-shaft-3{background:linear-gradient(#ffdc500f 0%,#0000 50%);width:100px;height:90vh;animation:12s ease-in-out 4s infinite shaftSway;top:-5%;right:25%;transform:rotate(-3deg)}@keyframes shaftSway{0%,to{transform:rotate(-8deg)translate(0)}50%{transform:rotate(-5deg)translate(15px)}}.page{z-index:1;max-width:760px;margin:0 auto;padding:32px 32px 160px;position:relative}.page-narrow{max-width:720px}.hero{flex-direction:column;gap:12px;display:flex}.home-hero{gap:18px;padding-top:12px}.logo{gap:0;line-height:1;display:inline-flex}.logo-letter{appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;color:var(--text);letter-spacing:.15em;transition:transform .2s var(--ease), color .2s var(--ease);justify-content:center;align-items:center;font-family:Noto Serif SC,serif;font-size:80px;font-weight:700;display:inline-flex;position:relative}.logo-word{letter-spacing:.02em;min-width:4.9ch;padding-right:.12em}.logo-letter:hover{color:var(--accent);transform:translateY(-4px)}.logo-letter:focus,.logo-letter:active{color:var(--text);outline:none;transform:none}.logo-letter:focus-visible,.mode-dot:focus-visible,.button:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.logo-text,.logo-symbol{transition:opacity .2s var(--ease), transform .2s var(--ease);display:block}.logo-symbol{opacity:0;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-48%)scale(.92)}.logo-symbol-light{color:var(--accent);font-family:Zhi Mang Xing,STXingkai,Xingkai SC,Kaiti SC,cursive;font-weight:400}.logo-symbol-shadow{color:#080604;font-family:Zhi Mang Xing,STXingkai,Xingkai SC,Kaiti SC,cursive;font-weight:400}.logo-letter:hover .logo-text{opacity:0;transform:translateY(-.08em)}.logo-letter:hover .logo-symbol{opacity:1;transform:translate(-50%,-50%)scale(1)}.bio,.entry-title{color:var(--text)}.bio{max-width:30em;font-size:18px;line-height:2}.divider{background:linear-gradient(90deg, transparent, var(--line), transparent);width:100%;height:1px;margin:34px 0 38px}.section{margin-bottom:40px}.section-title,.entry-meta,.meta-chip,.subtle-link,.empty-state{font-family:Fragment Mono,monospace}.section-title{color:var(--mid);text-transform:uppercase;letter-spacing:.15em;opacity:.7;font-size:10px;font-weight:500}.subtle-link{letter-spacing:.08em;text-transform:uppercase;font-size:11px}.connect-section{opacity:.86;margin-bottom:0}.links{flex-wrap:wrap;gap:12px 24px;display:flex}.links-connect{align-items:center;gap:6px 18px}.links-connect a{color:var(--mid);font-size:13px;line-height:1.7}.entries{gap:0;display:grid}.entry-card{opacity:0;transition:opacity .8s var(--ease-slow), transform .8s var(--ease-slow);background:0 0;border:0;border-radius:0;padding:0;transform:translateY(20px)}.entry-card.visible{opacity:1;transform:translateY(0)}.entry-card+.entry-card{border-top:1px solid color-mix(in srgb, var(--line) 88%, transparent);margin-top:26px;padding-top:28px}.entry-link{padding:0;display:block}.entry-link:hover .entry-title{color:var(--accent)}.entry-title{text-wrap:balance;transition:color .25s var(--ease);font-size:31px;font-weight:600;line-height:1.42}.entry-excerpt{color:color-mix(in srgb, var(--text) 84%, var(--mid));white-space:pre-wrap;word-break:break-word;max-width:42em;margin-top:16px;line-height:1.95}.entry-meta{color:var(--mid);flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:18px;font-size:11px;display:flex}.post-meta{color:var(--mid);flex-wrap:wrap;align-items:center;gap:10px 16px;font-size:11px;display:flex}.meta-chip{color:var(--mid);letter-spacing:.12em;text-transform:uppercase;font-size:10px}.home-pagination{border-top:1px solid color-mix(in srgb, var(--line) 88%, transparent);justify-content:space-between;align-items:center;gap:12px;margin-top:32px;padding-top:20px;display:flex}.button{border:1px solid var(--accent);color:#fff7ed;background:var(--accent);cursor:pointer;width:fit-content;min-width:118px;transition:opacity .18s var(--ease), transform .18s var(--ease), background .18s var(--ease), color .18s var(--ease), border-color .18s var(--ease);justify-content:center;align-items:center;padding:12px 18px;display:inline-flex}.button:hover{opacity:.9;transform:translateY(-1px)}.button-ghost{border-color:var(--line);color:var(--mid);background:0 0}.home-page-button[disabled]{opacity:.45;cursor:not-allowed;transform:none}.home-page-indicator{color:var(--mid);letter-spacing:.08em;text-transform:uppercase;font-family:Fragment Mono,monospace;font-size:11px}.empty-state{color:var(--mid);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.post-shell{background:0 0;border:0;border-radius:0;padding:28px 0 34px;display:block}.post-header{margin-bottom:30px}.post-title{color:var(--text);letter-spacing:.01em;text-wrap:balance;margin-top:10px;font-size:42px;font-weight:600;line-height:1.35}.post-description{color:var(--mid);margin-top:12px;font-size:16px;line-height:1.8}.post-content{color:var(--text);white-space:normal;word-break:break-word;font-size:16px;line-height:2.05}.post-content p+p,.post-content p+blockquote,.post-content blockquote+p,.post-content blockquote+blockquote,.post-content p+ul,.post-content ul+p,.post-content h2+p,.post-content h3+p{margin-top:1.05em}.post-content h2,.post-content h3{color:var(--text);font-weight:600;line-height:1.45}.post-content h2{margin-top:1.8em;font-size:26px}.post-content h3{margin-top:1.5em;font-size:20px}.post-content blockquote{border-left:2px solid var(--accent);color:var(--mid);padding-left:16px;font-size:15px}.post-content ul{gap:8px;padding-left:1.2em;display:grid}.mode-indicator{z-index:1001;color:var(--mid);opacity:.5;transition:opacity .3s var(--ease);align-items:center;gap:8px;font-family:Fragment Mono,monospace;font-size:10px;display:flex;position:fixed;top:28px;right:36px}.mode-indicator:hover{opacity:1}.mode-link{color:inherit;font-size:inherit;letter-spacing:.12em}.mode-dot{background:var(--mid);cursor:pointer;width:5px;height:5px;transition:background .3s var(--ease), transform .3s var(--ease);border-radius:50%}.mode-dot.active{background:var(--accent);transform:scale(1.8)}.shortcuts-hint{z-index:1001;color:var(--mid);opacity:.3;font-family:Fragment Mono,monospace;font-size:9px;position:fixed;bottom:28px;right:36px}kbd{border:1px solid var(--mid);border-radius:3px;margin:0 1px;padding:2px 7px;font-family:Fragment Mono,monospace;font-size:9px;display:inline-block}nextjs-portal,[data-nextjs-devtools],[data-nextjs-toast]{display:none!important}body.sunny .logo-letter,body.sunny .entry-title,body.sunny .post-title{color:#211b16}body.sunny .bio{color:#3b322c}body.sunny .entry-excerpt,body.sunny .post-content{color:#1e1915}body.sunny .entry-meta,body.sunny .section-title,body.sunny .subtle-link,body.sunny .empty-state,body.sunny .post-meta{color:#5f554d}body.sunny .post-description,body.sunny .post-content blockquote{color:#514740}body.sunny .entry-link:hover .entry-title,body.sunny .subtle-link:hover,body.sunny a:hover{color:#9a4e12}body.sunny .links-connect a{color:#73675e}body.sunny .noise{opacity:.016}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (max-width:768px){.page{padding:20px 18px 108px}.hero{gap:8px}.logo-letter{letter-spacing:.1em;font-size:48px}.bio{max-width:24em;font-size:14px;line-height:1.95}.divider{margin:26px 0 28px}.section{margin-bottom:32px}.entry-title{font-size:24px;line-height:1.48}.entry-excerpt{margin-top:12px;font-size:14px;line-height:1.86}.entry-meta{gap:8px 12px;margin-top:12px}.post-shell{padding:20px 0 24px}.post-header{margin-bottom:22px}.post-title{font-size:28px;line-height:1.42}.post-content{font-size:15px;line-height:1.92}.post-content blockquote{padding-left:12px;font-size:14px}.links-connect{flex-direction:column;align-items:flex-start;gap:4px}.links-connect a{font-size:12px}.mode-indicator{opacity:.36;gap:6px;font-size:9px;top:14px;right:16px}.shortcuts-hint{display:none}.button{width:100%;min-height:44px}.entry-card+.entry-card{margin-top:20px;padding-top:22px}.home-pagination{flex-direction:column;align-items:stretch}}@media (max-width:480px){body.sunny #leaves-overlay{opacity:.18}body.sunny .sun-glow{opacity:.42}body.sunny .light-shaft{opacity:.24}.page{padding:18px 16px 96px}.logo-letter{font-size:44px}.entry-title{font-size:20px}.post-title{font-size:25px}.post-content{font-size:14px;line-height:1.9}.mode-indicator{top:12px;right:14px}}