:root{color-scheme:light;--bg: #f5f5f7;--ink: #1d1d1f;--muted: #6e6e73;--line: rgba(29, 29, 31, .1);--card: rgba(255, 255, 255, .78);--shadow: 0 28px 80px rgba(0, 0, 0, .1);--body-mid: #ffffff;--body-end: #eaf3ff;--body-glow-one: rgba(0, 122, 255, .18);--body-glow-two: rgba(175, 82, 222, .14);--grid-line: rgba(29, 29, 31, .032);--control-bg: rgba(255, 255, 255, .64);--control-active-bg: #007aff;--control-active-ink: #fff;--primary-shadow: 0 16px 40px rgba(0, 122, 255, .28);--panel-bg: rgba(255, 255, 255, .58);--panel-shadow: 0 20px 56px rgba(0, 0, 0, .075);--constellation-border: rgba(29, 29, 31, .08);--constellation-center: rgba(255, 255, 255, .98);--constellation-haze: rgba(255, 255, 255, .64);--constellation-gradient-start: rgba(255, 255, 255, .74);--constellation-gradient-end: rgba(255, 255, 255, .24);--constellation-inset: rgba(255, 255, 255, .82);--constellation-ring: rgba(0, 122, 255, .13);--icon-base: #ffffff;--icon-border: rgba(255, 255, 255, .66);--icon-inset: rgba(255, 255, 255, .72);--chip-bg: rgba(255, 255, 255, .62);--accent-text-base: #1d1d1f;--store-link-bg: #007aff;--store-link-ink: #fff;--about-name: #000;--hero-title-color: #1d1d1f;--hero-title-gradient: linear-gradient(120deg, #007aff 0%, #5856d6 28%, #af52de 52%, #ff2d55 76%, #ff9500 100%);--hero-title-glow: rgba(0, 122, 255, .22);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}:root[data-theme=dark]{color-scheme:dark;--bg: #000000;--ink: #f5f5f7;--muted: #a1a1a6;--line: rgba(245, 245, 247, .14);--card: rgba(28, 28, 30, .76);--shadow: 0 28px 80px rgba(0, 0, 0, .5);--body-mid: #101012;--body-end: #07111d;--body-glow-one: rgba(10, 132, 255, .14);--body-glow-two: rgba(191, 90, 242, .1);--grid-line: rgba(245, 245, 247, .04);--control-bg: rgba(44, 44, 46, .62);--control-active-bg: #0a84ff;--control-active-ink: #fff;--primary-shadow: 0 16px 44px rgba(10, 132, 255, .32);--panel-bg: rgba(28, 28, 30, .58);--panel-shadow: 0 20px 60px rgba(0, 0, 0, .38);--constellation-border: rgba(245, 245, 247, .14);--constellation-center: rgba(58, 58, 60, .32);--constellation-haze: rgba(10, 132, 255, .1);--constellation-gradient-start: rgba(44, 44, 46, .62);--constellation-gradient-end: rgba(28, 28, 30, .2);--constellation-inset: rgba(255, 255, 255, .12);--constellation-ring: rgba(10, 132, 255, .18);--icon-base: #1c1c1e;--icon-border: rgba(255, 255, 255, .16);--icon-inset: rgba(255, 255, 255, .14);--chip-bg: rgba(44, 44, 46, .62);--accent-text-base: #f5f5f7;--store-link-bg: #0a84ff;--store-link-ink: #fff;--about-name: #fff;--hero-title-color: #ffffff;--hero-title-gradient: linear-gradient(120deg, #0a84ff 0%, #5e5ce6 28%, #bf5af2 52%, #ff375f 76%, #ff9f0a 100%);--hero-title-glow: rgba(10, 132, 255, .28)}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{min-height:100%;margin:0;color:var(--ink);background:radial-gradient(circle at 10% 10%,var(--body-glow-one),transparent 448px),radial-gradient(circle at 90% 0%,var(--body-glow-two),transparent 416px),linear-gradient(135deg,var(--bg),var(--body-mid) 48%,var(--body-end))}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 78%)}a{color:inherit;text-decoration:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:56px 0 36px}.top-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:18px}.theme-toggle{display:inline-grid;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:50%;place-items:center;color:var(--muted);background:var(--control-bg);cursor:pointer;backdrop-filter:blur(18px);transition:transform .18s ease,color .18s ease,background .18s ease;margin-left:16px}.controls-right{display:flex;gap:10px;align-items:center}.nav-links{display:flex;gap:24px;align-items:center}.nav-link{color:var(--muted);font-size:15px;font-weight:600;transition:color .18s ease;text-decoration:none}.nav-link:hover,.nav-link:focus-visible{color:var(--ink)}.theme-toggle:hover{color:var(--ink);transform:translateY(-2px)}.theme-toggle__icon{width:18px;height:18px}.theme-toggle__icon--sun{display:none}:root[data-theme=dark] .theme-toggle__icon--moon{display:none}:root[data-theme=dark] .theme-toggle__icon--sun{display:block}.language-switcher{position:relative}.language-switcher:after{position:absolute;top:50%;right:14px;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;color:var(--muted);pointer-events:none;content:"";transform:translateY(-65%) rotate(45deg)}.language-switcher__select{min-height:40px;padding:0 38px 0 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--control-bg);font:inherit;font-size:14px;font-weight:800;cursor:pointer;appearance:none;backdrop-filter:blur(18px);transition:transform .18s ease,color .18s ease,background .18s ease}.language-switcher__select:hover,.language-switcher__select:focus-visible{color:var(--ink);transform:translateY(-2px)}.language-switcher__select:focus-visible{outline:3px solid color-mix(in srgb,var(--control-active-bg),transparent 70%);outline-offset:2px}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(310px,.72fr);gap:48px;align-items:center;min-height:620px}.eyebrow{margin:0 0 14px;color:#007aff;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:24px;font-size:64px;font-weight:900;letter-spacing:-.045em;line-height:1.08;text-wrap:balance}#hero-title{color:var(--hero-title-color);background:none;background-size:initial;background-clip:initial;-webkit-background-clip:initial;-webkit-text-fill-color:initial;filter:none}.hero__intro{max-width:660px;margin-bottom:34px;color:var(--muted);font-size:20px;line-height:1.85}.hero__actions,.about__links{display:flex;flex-wrap:wrap;gap:14px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid var(--line);border-radius:999px;font-size:16px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button__icon{width:18px;height:18px;flex:0 0 auto}.button--with-icon{gap:9px}.button:hover,.store-link:hover{transform:translateY(-2px)}.button--primary{color:var(--control-active-ink);background:var(--control-active-bg);box-shadow:var(--primary-shadow)}.button--ghost{background:var(--control-bg);backdrop-filter:blur(18px)}.hero-card{display:grid;place-items:center}.app-constellation{position:relative;width:390px;height:390px;border:1px solid var(--constellation-border);border-radius:110px;background:radial-gradient(circle at 48% 50%,var(--constellation-center) 0 74px,transparent 75px),radial-gradient(circle at 45% 48%,var(--constellation-haze),transparent 190px),linear-gradient(145deg,var(--constellation-gradient-start),var(--constellation-gradient-end));box-shadow:var(--shadow),inset 0 1px 0 var(--constellation-inset);backdrop-filter:blur(22px)}.constellation-orbit,.constellation-icon,.constellation-glow,.constellation-ring{position:absolute}.constellation-orbit{--orbit-size: 274px;--orbit-start: 0deg;--orbit-start-inverse: 0deg;--orbit-duration: 30s;z-index:2;top:50%;left:50%;width:var(--orbit-size);height:var(--orbit-size);margin-top:calc(var(--orbit-size) / -2);margin-left:calc(var(--orbit-size) / -2);border-radius:999px;transform:rotate(var(--orbit-start));animation:constellation-orbit var(--orbit-duration) linear infinite;pointer-events:none;will-change:transform}.constellation-icon{--icon-size: 88px;--icon-radius: 30px;--hitbox-x: 14px;--hitbox-top: 14px;--hitbox-bottom: 36px;--hitbox-width: calc(var(--icon-size) + (var(--hitbox-x) * 2));--hitbox-height: calc(var(--icon-size) + var(--hitbox-top) + var(--hitbox-bottom));top:calc((var(--icon-size) / -2) - var(--hitbox-top));left:50%;z-index:2;display:block;width:var(--hitbox-width);height:var(--hitbox-height);margin-left:calc(var(--hitbox-width) / -2);transform:rotate(var(--orbit-start-inverse));transform-origin:50% calc(var(--hitbox-top) + (var(--icon-size) / 2));animation:constellation-icon-upright var(--orbit-duration) linear infinite;cursor:pointer;outline:none;pointer-events:auto;will-change:transform}.constellation-icon .app-icon{position:absolute;top:var(--hitbox-top);left:var(--hitbox-x);z-index:1;width:var(--icon-size);height:var(--icon-size);border-radius:var(--icon-radius);box-shadow:0 18px 38px color-mix(in srgb,var(--accent),transparent 70%);transition:box-shadow .18s ease,filter .18s ease}.constellation-icon:hover .app-icon,.constellation-icon:focus-visible .app-icon{box-shadow:0 22px 46px color-mix(in srgb,var(--accent),transparent 56%),0 0 0 4px color-mix(in srgb,var(--accent),transparent 76%);filter:saturate(1.08)}.constellation-icon__name{position:absolute;top:calc(var(--hitbox-top) + var(--icon-size) + 10px);left:50%;width:max-content;max-width:132px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:var(--panel-bg);box-shadow:var(--panel-shadow);font-size:12px;font-weight:900;line-height:1.2;text-align:center;opacity:0;pointer-events:none;transform:translate(-50%,-4px);transition:opacity .16s ease,transform .16s ease;backdrop-filter:blur(16px);z-index:2}.constellation-icon:hover .constellation-icon__name,.constellation-icon:focus-visible .constellation-icon__name{opacity:1;transform:translate(-50%)}.app-constellation:has(.constellation-icon:hover) .constellation-orbit,.app-constellation:has(.constellation-icon:focus-visible) .constellation-orbit,.app-constellation:has(.constellation-icon:hover) .constellation-icon,.app-constellation:has(.constellation-icon:focus-visible) .constellation-icon{animation-play-state:paused}.constellation-orbit--1{--orbit-start: 0deg;--orbit-start-inverse: 0deg}.constellation-orbit--2{--orbit-start: 60deg;--orbit-start-inverse: -60deg}.constellation-orbit--3{--orbit-start: 120deg;--orbit-start-inverse: -120deg}.constellation-orbit--4{--orbit-start: 180deg;--orbit-start-inverse: -180deg}.constellation-orbit--5{--orbit-start: 240deg;--orbit-start-inverse: -240deg}.constellation-orbit--6{--orbit-start: 300deg;--orbit-start-inverse: -300deg}@keyframes constellation-orbit{0%{transform:rotate(var(--orbit-start))}to{transform:rotate(calc(var(--orbit-start) + 360deg))}}@keyframes constellation-icon-upright{0%{transform:rotate(var(--orbit-start-inverse))}to{transform:rotate(calc(var(--orbit-start-inverse) - 360deg))}}.constellation-glow{z-index:1;width:210px;height:210px;border-radius:999px;filter:blur(8px)}.constellation-glow--one{top:-32px;right:-28px;background:#007aff3d}.constellation-glow--two{bottom:-44px;left:-28px;background:#ff95002e}.constellation-ring{z-index:0;border:1px solid var(--constellation-ring);border-radius:999px;transform:rotate(-18deg)}.constellation-ring--one{inset:62px 28px}.constellation-ring--two{inset:28px 74px;transform:rotate(24deg)}.app-icon{display:block;width:64px;height:64px;border:1px solid var(--icon-border);border-radius:14px;object-fit:cover;background:color-mix(in srgb,var(--accent),var(--icon-base) 72%);box-shadow:inset 0 1px 0 var(--icon-inset),0 16px 34px color-mix(in srgb,var(--accent),transparent 70%)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0 84px}.stats div,.about{border:1px solid var(--line);border-radius:30px;background:var(--panel-bg);backdrop-filter:blur(20px);box-shadow:var(--panel-shadow)}.stats div{padding:24px}.stats strong,.stats span{display:block}.stats strong{margin-bottom:12px;font-size:46px;line-height:1.2}.stats span{color:var(--muted);font-size:16px;font-weight:700}.section-heading{max-width:760px;margin-bottom:30px}.section-heading h2,.about h2{margin-bottom:14px;font-size:48px}.section-heading p:not(.eyebrow),.about p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.8}.about__name{margin-bottom:0;color:var(--about-name)!important;font-size:22px!important;font-weight:700;line-height:1}.about__title,.about__experience,.about__slogan{margin-bottom:0}.about__title{color:var(--ink);font-weight:500}.about__experience,.about__slogan{font-weight:500}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.app-card{position:relative;display:flex;min-height:430px;padding:24px;overflow:hidden;border:1px solid var(--line);border-radius:34px;flex-direction:column;background:var(--card);box-shadow:0 22px 64px #00000014;backdrop-filter:blur(18px)}.app-card:before{position:absolute;inset:-35% -20% auto auto;width:220px;height:220px;border-radius:999px;content:"";background:color-mix(in srgb,var(--accent),transparent 72%);filter:blur(4px)}.app-card--featured{grid-column:span 2}.app-card__top,.platforms,.tags{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.app-card__top{justify-content:space-between;margin-bottom:28px}.category,.platforms span,.tags span{border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--chip-bg);font-size:13px;font-weight:800}.category{padding:8px 12px}.app-card h3{margin-bottom:8px;font-size:32px}.subtitle{margin-bottom:18px;color:color-mix(in srgb,var(--accent),var(--accent-text-base) 30%);font-size:16px;font-weight:900}.description{color:var(--muted);font-size:16px;line-height:1.72}.platforms{margin-top:auto;padding-top:22px}.platforms span,.tags span{padding:7px 10px}.tags{margin:14px 0 24px}.tags span{border-color:transparent;color:color-mix(in srgb,var(--accent),var(--accent-text-base) 28%);background:color-mix(in srgb,var(--accent),transparent 88%)}.store-link{display:inline-flex;width:fit-content;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;color:#fff;background:var(--accent);font-size:16px;font-weight:900;transition:transform .18s ease}.projects-section{margin-top:88px}.projects-section--compact{margin-top:64px}.section-heading--split{display:grid;grid-template-columns:minmax(0,.84fr) minmax(260px,.62fr);gap:28px;align-items:end;max-width:none}.section-heading--split p:not(.eyebrow){margin-bottom:8px}.project-grid{display:grid;gap:18px}.project-grid--featured,.project-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr))}.project-card{position:relative;display:flex;min-height:310px;padding:22px;overflow:hidden;border:1px solid var(--line);border-radius:30px;flex-direction:column;background:var(--card);box-shadow:0 20px 58px #00000013;backdrop-filter:blur(18px)}.project-card:before{position:absolute;inset:-70px -70px auto auto;width:170px;height:170px;border-radius:999px;content:"";background:color-mix(in srgb,var(--accent),transparent 74%);filter:blur(2px)}.project-card>*{position:relative;z-index:1}.project-card__top{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:28px}.project-card__repo,.project-card__language{border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:900;line-height:1.2}.project-card__repo{min-width:0;padding:7px 10px;overflow:hidden;color:color-mix(in srgb,var(--accent),var(--accent-text-base) 28%);text-overflow:ellipsis;white-space:nowrap;background:color-mix(in srgb,var(--accent),transparent 90%)}.project-card__language{flex:0 0 auto;padding:7px 9px;color:var(--muted);background:var(--chip-bg)}.project-card h3{margin-bottom:12px;font-size:28px;letter-spacing:-.03em;line-height:1.05}.project-card p{margin-bottom:0;color:var(--muted);font-size:15px;line-height:1.7}.project-card .tags{margin:18px 0 24px}.project-link{display:inline-flex;width:fit-content;align-items:center;gap:8px;margin-top:auto;padding:10px 13px;border-radius:999px;color:var(--store-link-ink);background:color-mix(in srgb,var(--accent),var(--store-link-bg) 45%);font-size:14px;font-weight:900;transition:transform .18s ease,filter .18s ease}.project-link:hover{transform:translateY(-2px);filter:saturate(1.08)}.project-card--compact{min-height:280px}.about{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-top:88px;padding:34px}.about p:not(.eyebrow,.about__name,.about__title,.about__experience,.about__slogan){margin-bottom:0}@media(prefers-reduced-motion:reduce){.constellation-orbit,.constellation-icon{animation:none}}@media(max-width:900px){.site-shell{padding-top:28px}.hero,.about{grid-template-columns:1fr}.hero{gap:34px;min-height:auto}h1{font-size:64px}.hero__intro{font-size:18px}.app-constellation{width:340px;height:340px;border-radius:88px}.constellation-orbit{--orbit-size: 238px}.constellation-icon{--icon-size: 76px;--icon-radius: 26px}.stats,.app-grid,.project-grid--featured,.project-grid--compact{grid-template-columns:1fr 1fr}.section-heading--split{grid-template-columns:1fr;gap:10px}.app-card--featured{grid-column:span 1}.section-heading h2,.about h2{font-size:52px}.about{display:block}.about__links{margin-top:24px}}@media(max-width:640px){.top-controls{flex-direction:column;justify-content:center;gap:12px}.nav-links{flex-wrap:wrap;justify-content:center}.controls-right{width:100%;justify-content:center}.language-switcher{justify-content:center}.site-shell{width:min(calc(100% - 22px),1180px)}h1{font-size:46px}.hero__intro{font-size:16px;line-height:1.72}.app-constellation{width:298px;height:298px;border-radius:72px}.constellation-orbit{--orbit-size: 206px}.constellation-icon{--icon-size: 66px;--icon-radius: 22px}.stats,.app-grid,.project-grid--featured,.project-grid--compact{grid-template-columns:1fr}.stats{margin-bottom:54px}.stats strong{font-size:38px}.section-heading h2,.about h2{font-size:40px}.app-card{min-height:auto;padding:20px}.app-card h3{font-size:28px}.projects-section,.projects-section--compact{margin-top:54px}.project-card{min-height:auto;padding:20px}.about{margin-top:54px;padding:24px}}