*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light;--bg:#f7f5f0;--bg-2:#efebe2;--bg-3:#e8e3d8;--ink:#262320;--ink-2:#6e665b;--ink-3:#a39a8c;--accent:#7a6849;--accent-deep:#5c4d33;--spotify:#1ed760;--border:#2623201a;--border-soft:#2623200f;--paper-glass:#f7f5f0c7;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--shadow-hover:0 1px 2px #2623200a, 0 8px 24px -8px #2623201a;--shadow-float:0 20px 60px -16px #2623202e;--font-cn:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-display:"Space Grotesk", var(--font-cn), sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);min-width:320px;color:var(--ink);font-family:var(--font-cn);letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.75;overflow-x:hidden}body:before{content:"";z-index:1;pointer-events:none;opacity:.025;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}::selection{background:var(--accent);color:var(--bg)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{border:3px solid var(--bg);background:#26232033;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#26232059}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.sr-only,.skip-link:not(:focus){clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:1000;background:var(--ink);color:var(--bg);transition:transform .16s var(--ease-out);border-radius:6px;padding:8px 12px;position:fixed;top:12px;left:16px}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.wrap{z-index:2;max-width:1120px;margin:0 auto;padding:0 32px;position:relative}.nav{z-index:50;transition:background-color .2s var(--ease-out), border-color .2s var(--ease-out), backdrop-filter .2s var(--ease-out);border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.nav.scrolled{border-bottom-color:var(--border-soft);backdrop-filter:saturate(140%)blur(12px);background:#f7f5f0db}.nav-inner{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;max-width:1120px;height:68px;margin:0 auto;padding:0 32px;display:grid}.brand,.foot-brand .b{font-family:var(--font-display);color:var(--ink);align-items:center;gap:10px;font-weight:500;display:inline-flex}.brand-mark{border:1.5px solid var(--ink);width:28px;height:28px;transition:transform .6s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:relative}.brand-mark:after{content:"";background:var(--accent);width:8px;height:8px;transition:transform .6s var(--ease-out);border-radius:50%}.brand:hover .brand-mark{transform:rotate(180deg)}.brand:hover .brand-mark:after{transform:scale(1.3)}.brand-name{letter-spacing:-.01em;font-size:17px}.brand-name .en{color:var(--ink-3);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;margin-left:6px;font-size:10px;font-weight:400}.nav-links{scrollbar-width:none;min-width:0;color:var(--ink-2);justify-content:center;gap:clamp(14px,3vw,32px);font-size:14px;display:flex;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-links a{white-space:nowrap;transition:color .16s var(--ease-out)}.nav-links a:hover{color:var(--ink)}.nav-actions{align-items:center;gap:8px;display:inline-flex}.icon-action,.rail-btn,.modal-close,.foot-brand .socials a,.foot-brand .socials button{border:1px solid var(--border);width:36px;height:36px;color:var(--ink-2);touch-action:manipulation;transition:color .15s var(--ease-out), background-color .15s var(--ease-out), border-color .15s var(--ease-out), transform .12s var(--ease-out);background:0 0;border-radius:50%;place-items:center;padding:0;text-decoration:none;display:inline-grid;position:relative}.icon-action svg,.modal-close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.icon-action:first-child svg,.icon-action[href] svg{fill:currentColor;stroke:none}.icon-action:hover,.rail-btn:hover,.modal-close:hover,.foot-brand .socials a:hover,.foot-brand .socials button:hover{border-color:var(--accent);background:var(--accent);color:var(--bg);transform:translateY(-1px)}.icon-action:active,.rail-btn:active,.modal-close:active,.btn-primary:active,.btn-ghost:active,.music-control:active,.foot-brand .socials button:active{transform:scale(.97)}.icon-action[data-tip]:after{content:attr(data-tip);border:1px solid var(--border);width:max-content;max-width:160px;box-shadow:var(--shadow-hover);color:var(--ink);opacity:0;pointer-events:none;transition:opacity .14s var(--ease-out), transform .14s var(--ease-out);background:#f7f5f0f5;border-radius:6px;padding:6px 8px;font-size:12px;line-height:1.3;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-4px)}.icon-action[data-tip]:hover:after,.icon-action[data-tip]:focus-visible:after{opacity:1;transform:translateY(0)}.hero{text-align:center;justify-content:center;align-items:center;min-height:100dvh;padding:120px 32px 80px;display:flex;position:relative}.hero-inner{flex-direction:column;align-items:center;max-width:760px;display:flex}.hero-eyebrow,.sec-eyebrow{color:var(--accent);font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;font-weight:500;display:inline-flex}.hero-eyebrow{letter-spacing:.28em;opacity:0;animation:rise .7s var(--ease-out) .1s forwards;gap:12px;margin-bottom:32px;transform:translateY(12px)}.hero-eyebrow:before,.hero-eyebrow:after{content:"";background:var(--accent);opacity:.5;width:24px;height:1px}.sec-eyebrow .dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.hero h1{color:var(--ink);font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;opacity:0;animation:rise .8s var(--ease-out) .25s forwards;margin-bottom:24px;font-size:clamp(2.4rem,5.5vw,3.6rem);font-weight:400;line-height:1.15;transform:translateY(16px)}.hero h1 .acc{color:var(--accent)}.hero-sub{max-width:34em;color:var(--ink-2);text-wrap:pretty;opacity:0;animation:rise .8s var(--ease-out) .4s forwards;margin-bottom:40px;font-size:16px;line-height:1.85;transform:translateY(12px)}.hero-divider{background:var(--border);opacity:0;width:40px;height:1px;animation:fadein .8s var(--ease-out) .55s forwards;margin-bottom:40px}.hero-ctas{opacity:0;animation:rise .8s var(--ease-out) .65s forwards;flex-wrap:wrap;justify-content:center;gap:16px;display:flex;transform:translateY(12px)}.btn-primary{background:var(--ink);min-height:48px;color:var(--bg);letter-spacing:.02em;transition:transform .12s var(--ease-out), background-color .16s var(--ease-out), box-shadow .2s var(--ease-out);border:0;border-radius:999px;align-items:center;gap:10px;padding:14px 28px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary:hover{background:var(--accent);transform:translateY(-1px);box-shadow:0 8px 20px -6px #7a684966}.btn-primary .arr,.btn-ghost{transition:color .16s var(--ease-out), border-color .16s var(--ease-out), transform .2s var(--ease-out)}.btn-primary:hover .arr{transform:translate(3px)}.btn-ghost{border-bottom:1px solid var(--border);min-height:48px;color:var(--ink-2);align-items:center;padding:14px 8px;font-size:14px;text-decoration:none;display:inline-flex}.btn-ghost:hover{border-color:var(--ink);color:var(--ink)}.hero-stats{opacity:0;width:min(100%,560px);animation:rise .8s var(--ease-out) .8s forwards;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:42px;display:grid;transform:translateY(12px)}.hero-stats div{border-top:1px solid var(--border-soft);padding-top:14px}.hero-stats dt{color:var(--ink);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(28px,5vw,42px);line-height:1}.hero-stats dd{color:var(--ink-3);margin-top:8px;font-size:13px}.hero-orbit{z-index:-1;border:1px solid var(--border-soft);pointer-events:none;width:560px;height:560px;animation:orbit-breath 14s var(--ease-in-out) infinite;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-orbit:before{content:"";border:1px solid var(--border-soft);animation:inner-breath 14s var(--ease-in-out) infinite reverse;border-radius:50%;position:absolute;inset:60px}.hero-orbit:after{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:50%;transform:translate(-50%);box-shadow:0 0 0 4px #7a68491f}.hero-scroll{color:var(--ink-3);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;opacity:0;animation:fadein .8s var(--ease-out) .9s forwards;flex-direction:column;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hero-scroll .line{background:var(--ink-3);transform-origin:top;width:1px;height:32px;animation:scroll-line 2s var(--ease-in-out) infinite}main{z-index:2;position:relative}.sec{padding:120px 0;position:relative}.sec-head{text-align:center;max-width:680px;margin:0 auto 72px}.sec-head h2,.about-body h2,.subscribe h2{color:var(--ink);font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:500;line-height:1.25}.sec-head h2{margin:20px 0}.sec-desc,.subscribe p{max-width:34em;color:var(--ink-2);margin:0 auto;font-size:15.5px;line-height:1.85}html.js .reveal,html.js .reveal-stagger>*{opacity:1;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:none}.reveal.in,.reveal-stagger.in>*{opacity:1;transform:translateY(0)}.reveal-stagger.in>:nth-child(2){transition-delay:60ms}.reveal-stagger.in>:nth-child(3){transition-delay:.12s}.reveal-stagger.in>:nth-child(4){transition-delay:.18s}.reveal-stagger.in>:nth-child(5){transition-delay:.24s}.reveal-stagger.in>:nth-child(6){transition-delay:.3s}.about,.metrics,.tools{background:var(--bg-2)}.about-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:80px;display:grid}.about-portrait{aspect-ratio:4/5;background:linear-gradient(135deg,#d9d3c6,#c4bca9);border-radius:18px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.about-portrait:before{content:"";opacity:.4;background:radial-gradient(at 30% 30%,#ffffff80,#0000 60%),radial-gradient(at 70% 80%,#7a68492e,#0000 50%);position:absolute;inset:0}.about-portrait:after{content:"";border:1px solid #2623201a;border-radius:12px;position:absolute;inset:24px}.portrait-mark{z-index:2;border:2px solid var(--ink);width:128px;height:128px;color:var(--ink);font-family:var(--font-display);letter-spacing:-.02em;backdrop-filter:blur(6px);background:#f7f5f099;border-radius:50%;justify-content:center;align-items:center;font-size:52px;font-weight:500;display:flex;position:relative}.portrait-mark:before{content:"";border:1px solid #26232026;border-radius:50%;position:absolute;inset:-14px}.portrait-tag{z-index:2;color:var(--ink-2);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;backdrop-filter:blur(4px);background:#f7f5f0d9;border-radius:999px;padding:6px 12px;font-size:10px;position:absolute;bottom:20px;left:20px}.about-body h2{text-align:left;margin:20px 0 24px}.about-body p{max-width:34em;color:var(--ink-2);margin-bottom:16px;font-size:15.5px;line-height:1.85}.about-body .em{color:var(--ink);font-weight:500}.about-tags{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.tag,.friend-tags span,.repo-language{border:1px solid var(--border);background:var(--bg);color:var(--ink-2);transition:border-color .16s var(--ease-out), color .16s var(--ease-out);border-radius:999px;padding:6px 14px;font-size:12px}.tag:hover{border-color:var(--accent);color:var(--accent)}.posts-grid{grid-template-columns:repeat(6,1fr);grid-auto-flow:dense;grid-auto-rows:minmax(180px,auto);gap:20px;display:grid}.post,.tool,.repo-card,.friend-card,.reader-item{border:1px solid var(--border-soft);background:var(--bg);min-width:0;color:var(--ink);transition:transform .24s var(--ease-out), box-shadow .24s var(--ease-out), border-color .24s var(--ease-out), background-color .24s var(--ease-out);border-radius:16px;flex-direction:column;gap:20px;text-decoration:none;display:flex;position:relative;overflow:hidden}.post{justify-content:space-between;padding:28px}.post:hover,.tool:hover,.repo-card:hover,.friend-card:hover,.reader-item:hover{border-color:var(--border);box-shadow:var(--shadow-hover)}.post.span-2{grid-column:span 2}.post.span-4{grid-column:span 4}.post.row-2{grid-row:span 2}.post.feat{border-color:var(--ink);background:var(--ink);color:var(--bg)}.post.feat:after{content:"";border:1px solid #f7f5f01a;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-40px;right:-40px}.post-meta,.repo-meta,.music-track-meta,.reader-meta{color:var(--ink-3);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:flex}.post-meta .cat,.music-kicker{color:var(--accent)}.post h3,.repo-card h3,.reader-item h3,.music-track h3{color:var(--ink);letter-spacing:.01em;text-wrap:balance;font-size:19px;font-weight:500;line-height:1.4}.post.feat h3{color:var(--bg);font-size:clamp(23px,3vw,34px);line-height:1.28}.excerpt,.repo-card p,.reader-item p,.friend-card p,.music-track p{color:var(--ink-2);text-wrap:pretty;font-size:13.5px;line-height:1.7}.post.feat .excerpt,.post.feat .post-meta,.post.feat .post-foot{color:#f7f5f0b3}.post-foot,.repo-foot{color:var(--ink-3);font-family:var(--font-mono);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:14px;margin-top:auto;font-size:11px;display:flex}.post-foot .arr{color:var(--ink-2);transition:color .2s var(--ease-out), transform .2s var(--ease-out)}.post:hover .post-foot .arr{color:var(--accent);transform:translate(4px)}.posts-more{text-align:center;margin-top:48px}.metric-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:32px;max-width:880px;margin:0 auto;display:grid}.metric .num{color:var(--ink);font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(2.8rem,6vw,3.8rem);font-weight:400;line-height:1}.metric .label{color:var(--ink-2);letter-spacing:.04em;margin-top:14px;font-size:14px}.metric .src{color:var(--ink-3);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-top:4px;font-size:10px}.focus-list{flex-direction:column;display:flex}.focus-item{border-top:1px solid var(--border-soft);transition:padding-left .24s var(--ease-out);grid-template-columns:80px 1fr auto;align-items:center;gap:32px;padding:36px 0;display:grid}.focus-item:last-child{border-bottom:1px solid var(--border-soft)}.focus-item:hover{padding-left:16px}.focus-num{color:var(--ink-3);font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;transition:color .24s var(--ease-out);font-size:36px}.focus-item:hover .focus-num{color:var(--accent)}.focus-body h3{color:var(--ink);margin-bottom:6px;font-size:20px;font-weight:500}.focus-body p{max-width:36em;color:var(--ink-2);font-size:14px;line-height:1.7}.focus-arrow{border:1px solid var(--border);width:44px;height:44px;color:var(--ink-2);transition:transform .24s var(--ease-out), background-color .2s var(--ease-out), color .2s var(--ease-out), border-color .2s var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:flex}.focus-item:hover .focus-arrow{border-color:var(--accent);background:var(--accent);color:var(--bg);transform:rotate(-45deg)}.music-sec{background:radial-gradient(ellipse at 50% 0%, #7a684914, transparent 60%), var(--bg)}.music-layout{grid-template-columns:minmax(320px,.86fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.music-player-card{border:1px solid var(--border);background:color-mix(in srgb, var(--paper-glass) 88%, transparent);backdrop-filter:blur(18px);border-radius:22px;min-width:0;padding:18px;position:sticky;top:92px;box-shadow:0 18px 48px #2b251b14}.player-top{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:18px;display:grid}.player-cover{aspect-ratio:1;object-fit:cover;background:linear-gradient(135deg,#d8b46a,#8fb8c8 54%,#b88974);border-radius:16px;width:150px;height:auto;box-shadow:0 18px 44px #2b251b29,inset 0 1px #ffffff61}.player-copy{min-width:0}.player-copy h3{color:var(--ink);font-family:var(--font-display);text-wrap:balance;margin:8px 0 6px;font-size:clamp(24px,3.2vw,38px);font-weight:500;line-height:1.08}.player-copy p{color:var(--ink-2);font-size:13px;line-height:1.6}.player-copy a{color:var(--accent);margin-top:14px;font-size:13px;font-weight:600;display:inline-flex}.player-controls{align-items:center;gap:8px;margin-top:18px;display:flex}.music-control{border:1px solid color-mix(in srgb, var(--accent) 16%, transparent);background:var(--accent-soft,#20231f14);width:38px;height:38px;color:var(--ink);transition:transform .12s var(--ease-out), background-color .16s var(--ease-out), border-color .16s var(--ease-out);border-radius:999px;place-items:center;padding:0;display:grid}.music-control svg{fill:currentColor;width:16px;height:16px}.music-play{background:var(--ink);width:46px;height:46px;color:var(--bg)}.music-play .icon-pause,.music-player-card.is-playing .music-play .icon-play{display:none}.music-player-card.is-playing .music-play .icon-pause{display:block}.seek-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:14px;display:grid}.music-seek{width:100%;accent-color:var(--accent)}.music-time{color:var(--ink-3);font-family:var(--font-mono);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px}.music-lyrics{overscroll-behavior:contain;border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent);border-bottom:1px solid color-mix(in srgb, var(--border) 46%, transparent);scrollbar-width:none;scroll-behavior:smooth;flex-direction:column;gap:4px;height:116px;margin-top:16px;padding:12px 4px;display:flex;overflow:auto}.music-lyrics::-webkit-scrollbar{display:none}.music-lyric{color:color-mix(in srgb, var(--ink) 42%, var(--ink-2));text-overflow:ellipsis;white-space:nowrap;opacity:.72;transition:color .18s var(--ease-out), opacity .18s var(--ease-out), transform .18s var(--ease-out);flex:none;font-size:12px;font-weight:500;line-height:1.48;overflow:hidden}.music-lyric.is-active{color:var(--ink);opacity:1;font-weight:600;transform:translate(4px)}.music-lyric.is-placeholder{color:var(--ink-3);text-align:center;transform:none}.music-list{gap:12px;display:grid}.music-track{border:1px solid var(--border-soft);background:var(--bg);text-align:left;width:100%;min-height:98px;transition:transform .18s var(--ease-out), border-color .18s var(--ease-out), box-shadow .18s var(--ease-out), background-color .18s var(--ease-out);border-radius:16px;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px;display:grid}.music-track.is-active{border-color:var(--accent);box-shadow:var(--shadow-hover);background:#fffaf0}.music-track-cover{aspect-ratio:1;object-fit:cover;background:linear-gradient(135deg,#d8b46a,#8fb8c8 54%,#b88974);border-radius:14px;width:74px}.music-track-play{border:1px solid var(--border);width:34px;height:34px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.music-track.is-active .music-track-play{border-color:var(--accent);background:var(--accent);color:var(--bg)}.music-track-play svg{fill:currentColor;width:14px;height:14px}.rail-shell{position:relative}.friend-rail{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-color:#26232038 transparent;grid-auto-columns:minmax(280px,360px);grid-auto-flow:column;gap:16px;padding:4px 4px 14px;scroll-padding-inline:4px;display:grid;overflow-x:auto}.friend-card{scroll-snap-align:start;min-height:300px;padding:22px}.friend-top{align-items:center;gap:12px;display:flex}.friend-mark{width:42px;height:42px;color:var(--accent);font-family:var(--font-display);background:#7a68491a;border-radius:12px;flex:none;place-items:center;font-weight:600;display:grid}.friend-title{color:var(--ink);font-size:16px;font-weight:500}.friend-category{color:var(--accent);font-size:12px;font-weight:500}.friend-card p{flex:1}.friend-tags{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.friend-tags span,.repo-language{background:0 0;padding:4px 8px;font-size:12px;line-height:1.2}.rail-btn{z-index:2;background:#f7f5f0f0;position:absolute;top:50%;transform:translateY(-50%)}.rail-btn:active{transform:translateY(-50%)scale(.97)}.rail-prev{left:-14px}.rail-next{right:-14px}.reading-list{border-top:1px solid var(--border-soft);gap:0;display:grid}.reader-item{background:0 0;border-width:0 0 1px;border-radius:0;grid-template-columns:118px minmax(0,1fr) auto;align-items:center;gap:24px;padding:20px 8px;display:grid}.reader-date{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:13px}.reader-arrow{color:var(--accent);transition:transform .18s var(--ease-out);font-size:20px}.reader-item:hover .reader-arrow{transform:translate(4px)}.repo-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.repo-card{min-height:250px;padding:22px}.repo-card h3{word-break:break-word;font-size:17px}.repo-card p{flex:1}.repo-foot{border-top:1px solid var(--border-soft);padding-top:14px;font-size:13px}.repo-stars{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}.subscribe{text-align:center;padding:140px 32px;position:relative;overflow:hidden}.subscribe-bg{z-index:0;opacity:.5;background:radial-gradient(#7a684914,#0000 60%);position:absolute;inset:0}.subscribe-inner{z-index:2;max-width:560px;margin:0 auto;position:relative}.subscribe h2{margin:20px 0}.subscribe .btn-primary{margin-top:34px}.subscribe-note{color:var(--ink-3);font-family:var(--font-mono);letter-spacing:.06em;margin-top:16px;font-size:11px}footer{border-top:1px solid var(--border-soft);background:var(--bg-2);padding:64px 0 40px}.foot-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.foot-brand{flex-direction:column;gap:16px;display:flex}.foot-brand .brand-mark{border-width:1.5px;width:24px;height:24px}.foot-brand .brand-mark:after{width:7px;height:7px}.foot-brand .desc{max-width:24em;color:var(--ink-2);font-size:13px;line-height:1.7}.foot-brand .socials{gap:14px;margin-top:8px;display:flex}.foot-brand .socials button{font-size:12px}.foot-col h5{color:var(--ink-3);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px;font-size:11px;font-weight:500}.foot-col ul{flex-direction:column;gap:12px;list-style:none;display:flex}.foot-col a,.foot-col button{color:var(--ink-2);text-align:left;transition:color .16s var(--ease-out);background:0 0;border:0;font-size:13.5px}.foot-col a:hover,.foot-col button:hover{color:var(--accent)}.foot-bottom{border-top:1px solid var(--border-soft);color:var(--ink-3);font-family:var(--font-mono);letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:28px;font-size:11px;display:flex}.modal-layer[hidden]{display:none}.modal-layer{z-index:100;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-backdrop{backdrop-filter:blur(8px);background:#26232052;position:absolute;inset:0}.modal-card{overscroll-behavior:contain;border:1px solid var(--border);background:var(--bg);width:min(100%,420px);max-height:min(86vh,620px);box-shadow:var(--shadow-float);opacity:1;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);border-radius:16px;padding:24px;position:relative;overflow:auto;transform:scale(1)}@starting-style{.modal-card{opacity:0;transform:scale(.95)}}.modal-close{background:var(--bg);position:absolute;top:12px;right:12px}.modal-content h2{color:var(--ink);margin:0 42px 16px 0;font-size:24px;font-weight:500;line-height:1.25}.modal-content p{color:var(--ink-2);margin:0 0 16px}.qr-image{background:var(--bg-2);border-radius:8px;width:min(100%,260px);height:auto;margin:16px auto;display:block}.modal-links{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.modal-links a{color:var(--accent);font-weight:600}@keyframes rise{to{opacity:1;transform:translateY(0)}}@keyframes fadein{to{opacity:1}}@keyframes orbit-breath{0%,to{opacity:.7;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.04)}}@keyframes inner-breath{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes scroll-line{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}@media (hover:hover) and (pointer:fine){.post:hover,.tool:hover,.repo-card:hover,.friend-card:hover,.reader-item:hover,.music-track:hover{transform:translateY(-4px)}.reader-item:hover,.focus-item:hover{transform:none}}@media (width<=1080px){.about-grid,.music-layout{grid-template-columns:1fr}.about-portrait{max-width:420px;margin:0 auto}.music-player-card{position:relative;top:auto}.posts-grid{grid-template-columns:repeat(4,1fr)}.post.span-4{grid-column:span 4}.post.span-2{grid-column:span 2}.post.row-2{grid-row:span 1}.repo-list{grid-template-columns:repeat(3,minmax(0,1fr))}.foot-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (width<=760px){.nav-inner{grid-template-columns:auto auto;justify-content:space-between;gap:12px;height:auto;min-height:68px;padding:10px 24px 12px}.nav-links{order:3;grid-column:1/-1;justify-content:flex-start;padding-bottom:2px}.nav-actions{gap:6px}.icon-action{width:34px;height:34px}.hero{padding:136px 24px 80px}.hero h1{font-size:2.05rem}.hero-orbit{width:380px;height:380px}.hero-stats,.metric-grid{grid-template-columns:1fr}.wrap{padding:0 24px}.sec{padding:82px 0}.sec-head{margin-bottom:48px}.posts-grid,.repo-list{grid-template-columns:1fr}.post.span-4,.post.span-2{grid-column:span 1}.focus-item{grid-template-columns:48px 1fr;gap:20px}.focus-arrow{display:none}.focus-num{font-size:28px}.player-top,.music-track{grid-template-columns:84px minmax(0,1fr)}.player-cover{border-radius:14px;width:84px}.music-track-play{border-radius:999px;grid-column:1/-1;width:100%}.reader-item{grid-template-columns:1fr auto;gap:8px 16px;padding:18px 0}.reader-date{grid-column:1/-1}.rail-btn{display:none}.friend-rail{grid-auto-columns:minmax(260px,84vw);margin-inline:-4px}.foot-grid{grid-template-columns:1fr}}@media (width<=460px){body{font-size:15px}.brand-name .en{display:none}.hero-ctas{flex-direction:column;align-items:stretch;width:100%}.btn-primary,.btn-ghost{justify-content:center;width:100%}.music-player-card{padding:14px}.player-copy h3{font-size:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-orbit,.hero-scroll .line{animation:none}.reveal,.reveal-stagger>*{opacity:1!important;transform:none!important}}.nav-links a[aria-current=page]{color:var(--ink);font-weight:500}.page-head{background:linear-gradient(180deg, var(--bg-2), var(--bg));padding:168px 0 40px}.page-head .wrap{max-width:820px}.page-head h1{color:var(--ink);font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:20px 0 16px;font-size:clamp(2rem,5vw,3.1rem);font-weight:500;line-height:1.2}.page-lede,.page-intro{max-width:40em;color:var(--ink-2);font-size:16px;line-height:1.85}.page-updated{color:var(--ink-3);font-family:var(--font-mono);margin-top:12px;font-size:12px}.page-stats{color:var(--ink-2);flex-wrap:wrap;gap:8px 20px;margin-top:20px;font-size:14px;display:flex}.page-stats b{color:var(--ink);font-family:var(--font-display);font-weight:600}.page-sec{padding:48px 0 72px}.page-sec .sec-head{text-align:left;margin-bottom:32px}.page-actions{flex-wrap:wrap;gap:12px;max-width:720px;margin-top:40px;display:flex}.prose{max-width:720px;color:var(--ink);font-size:16px;line-height:1.9}.prose>*+*{margin-top:1em}.prose h2{font-family:var(--font-display);letter-spacing:-.01em;margin-top:2.2em;font-size:1.35rem;font-weight:600}.prose h3{margin-top:1.6em;font-size:1.1rem;font-weight:600}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:.4em}.prose a{color:var(--accent-deep);text-underline-offset:3px;text-decoration:underline #7a684959}.prose a:hover{text-decoration-color:currentColor}.prose strong{font-weight:600}.prose blockquote{background:var(--bg-2);color:var(--ink-2);border-radius:12px;padding:14px 18px}.prose img{border-radius:12px;max-width:100%;height:auto}.now-strip{border:1px solid var(--border-soft);background:var(--bg-2);color:var(--ink-2);transition:background .2s var(--ease-out);border-radius:14px;align-items:center;gap:12px;margin-top:28px;padding:14px 18px;font-size:14.5px;line-height:1.6;display:flex}.now-strip:hover{background:var(--bg-3)}.now-dot{background:#6aa36f;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #6aa36f2e}.now-label{color:var(--ink);font-family:var(--font-mono);letter-spacing:.12em;font-size:12px;font-weight:500}.now-strip .arr{color:var(--accent);margin-left:auto}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.project-card{border:1px solid var(--border-soft);background:var(--bg);transition:box-shadow .24s var(--ease-out), transform .24s var(--ease-out);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.project-card[hidden]{display:none}.project-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.project-main{color:inherit;flex-direction:column;flex:1;display:flex}.project-cover{aspect-ratio:16/10;object-fit:cover;object-position:top;border-bottom:1px solid var(--border-soft);background:var(--bg-2);width:100%;height:auto;display:block}.project-body{flex-direction:column;flex:1;gap:8px;padding:18px 20px;display:flex}.project-meta{color:var(--ink-3);gap:8px;font-size:12px;display:flex}.project-kind{color:var(--accent);background:#7a68491a;border-radius:999px;padding:1px 8px;font-weight:500}.project-body h3{color:var(--ink);word-break:break-word;font-size:16.5px;font-weight:600;line-height:1.4}.project-body p{color:var(--ink-2);flex:1;font-size:14px;line-height:1.7}.project-host{color:var(--ink-3);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.project-repo{border-top:1px solid var(--border-soft);color:var(--ink-2);transition:background .16s var(--ease-out);align-items:center;gap:12px;padding:11px 20px;font-size:13px;display:flex}.project-repo:hover{background:var(--bg-2);color:var(--ink)}.project-repo .repo-language{color:var(--ink-3);margin-left:auto;font-size:12px}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.chip{border:1px solid var(--border);color:var(--ink-2);font:inherit;cursor:pointer;transition:background .16s var(--ease-out), color .16s var(--ease-out);background:0 0;border-radius:999px;padding:7px 14px;font-size:13.5px}.chip span{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-left:4px}.chip:hover{background:var(--bg-2)}.chip[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--bg)}.chip[aria-pressed=true] span{color:#f7f5f099}.uses-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.uses-group{border:1px solid var(--border-soft);border-radius:16px;padding:24px}.uses-group h2{font-family:var(--font-display);margin-bottom:14px;font-size:1.1rem;font-weight:600}.uses-group ul{gap:14px;list-style:none;display:grid}.uses-group a,.uses-name{color:var(--ink);font-weight:500}.uses-group a:after{content:" ↗";color:var(--ink-3);font-size:12px}.uses-group a:hover{color:var(--accent-deep)}.uses-group p{color:var(--ink-2);margin-top:2px;font-size:14px;line-height:1.7}@media (width<=1080px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.page-head{padding:132px 0 24px}.project-grid,.uses-groups{grid-template-columns:minmax(0,1fr)}.now-strip{align-items:flex-start}.now-strip .now-dot{margin-top:7px}}.project-body p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}