:root{--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 15px;--fs-md: 17px;--fs-lg: 20px;--fs-xl: 26px;--fs-2xl: clamp(28px, 3.6vw, 42px);--fs-3xl: clamp(38px, 6.6vw, 74px);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--s-10: 128px;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 26px;--r-full: 999px;--dur-fast: .16s;--dur-base: .28s;--dur-slow: .6s;--ease: cubic-bezier(.22, .61, .36, 1);--ease-back: cubic-bezier(.34, 1.35, .64, 1);--container: 1180px;--header-h: 64px;--z-bg: 0;--z-content: 1;--z-header: 50;--z-drawer: 100;--z-lightbox: 120}[data-theme=light]{color-scheme:light;--bg: #f4f6fa;--bg-soft: #eef2f9;--bg-deep: #e7ecf5;--surface: #ffffff;--surface-2: #f7f9fc;--surface-3: #eef1f7;--text: #10131a;--text-2: #535b6b;--text-3: #8a93a5;--border: rgba(16, 19, 26, .09);--border-strong: rgba(16, 19, 26, .18);--accent: #3d6bff;--accent-2: #7b5cff;--accent-ink: #ffffff;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow: 0 2px 6px rgba(16, 24, 40, .05), 0 14px 34px -14px rgba(16, 24, 40, .22);--shadow-lg: 0 30px 70px -28px rgba(16, 24, 40, .34);--glass: rgba(255, 255, 255, .72);--glass-border: rgba(16, 19, 26, .08);--grid-line: rgba(16, 19, 26, .055);--particle: rgba(16, 19, 26, .26);--glow: rgba(61, 107, 255, .16)}[data-theme=dark]{color-scheme:dark;--bg: #07090e;--bg-soft: #0b0e15;--bg-deep: #05070b;--surface: #11151d;--surface-2: #161b25;--surface-3: #1d2330;--text: #e9ecf3;--text-2: #a2acbf;--text-3: #6e788b;--border: rgba(233, 236, 243, .1);--border-strong: rgba(233, 236, 243, .22);--accent: #6e9bff;--accent-2: #b070ff;--accent-ink: #080b11;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow: 0 2px 8px rgba(0, 0, 0, .4), 0 18px 44px -18px rgba(0, 0, 0, .8);--shadow-lg: 0 34px 80px -30px rgba(0, 0, 0, .9);--glass: rgba(10, 13, 19, .72);--glass-border: rgba(233, 236, 243, .1);--grid-line: rgba(233, 236, 243, .05);--particle: rgba(233, 236, 243, .32);--glow: rgba(110, 155, 255, .2)}:root{--accent-soft: color-mix(in srgb, var(--accent) 14%, transparent);--accent-softer: color-mix(in srgb, var(--accent) 8%, transparent);--accent-line: color-mix(in srgb, var(--accent) 38%, transparent)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.65;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color var(--dur-base) var(--ease),color var(--dur-base) var(--ease)}body.is-locked{overflow:hidden}h1,h2,h3,h4{margin:0;font-weight:650;line-height:1.2;letter-spacing:-.02em}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}img,svg,canvas{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0}a[href],button,.card,.chip,.site-card,.cat,.ppage__close,.ppage__next,.flow__item{cursor:pointer}input,textarea{font:inherit}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-sm)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full);border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:50%;top:-60px;transform:translate(-50%);z-index:200;padding:10px 18px;border-radius:var(--r-full);background:var(--accent);color:var(--accent-ink);font-size:var(--fs-sm);transition:top var(--dur-fast) var(--ease)}.skip-link:focus{top:12px}.mono{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.noscript-tip{margin:80px auto;max-width:520px;padding:24px;text-align:center;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}.reveal{opacity:0;transform:translateY(22px);transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease);transition-delay:var(--reveal-delay, 0ms)}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--s-5)}@media(max-width:640px){.container{padding-inline:var(--s-4)}}.section{position:relative;padding-block:var(--s-9)}.section--hero{padding-block:0}.section+.section{border-top:1px solid var(--border)}@media(max-width:768px){.section{padding-block:var(--s-7)}}.section-head{display:flex;flex-direction:column;gap:var(--s-3);margin-bottom:var(--s-7);max-width:680px}.section-head__eyebrow{display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.section-head__eyebrow:before{content:"";width:24px;height:1px;background:var(--accent-line)}.section-head__title{font-size:var(--fs-2xl)}.section-head__sub{color:var(--text-2);font-size:var(--fs-md)}.grid{display:grid;gap:var(--s-5)}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:1024px){.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.grid--3,.grid--2{grid-template-columns:minmax(0,1fr)}}.stack{display:flex;flex-direction:column;gap:var(--s-3)}.row{display:flex;align-items:center;gap:var(--s-3)}.spacer{flex:1}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-bg);pointer-events:none;overflow:hidden}.bg-layer__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bg-layer__grid{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,#000 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,#000 0%,transparent 70%)}.bg-layer__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% -10%,var(--glow),transparent 70%)}main,.site-header,.site-footer{position:relative;z-index:var(--z-content)}.site-header{position:sticky;top:0;z-index:var(--z-header);background:var(--glass);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid transparent;transition:border-color var(--dur-base) var(--ease),background var(--dur-base) var(--ease)}.site-header.is-scrolled{border-bottom-color:var(--border)}.header-inner{display:flex;align-items:center;gap:var(--s-5);height:var(--header-h)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:650;letter-spacing:-.01em;flex-shrink:0}.brand__mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-family:var(--font-mono);font-size:14px;font-weight:600}.brand__name{font-size:var(--fs-md)}.brand__tag{font-family:var(--font-mono);font-size:11px;color:var(--text-3);padding:2px 8px;border:1px solid var(--border);border-radius:var(--r-full)}.nav{display:flex;align-items:center;gap:var(--s-2)}.nav__link{position:relative;padding:6px 12px;font-size:var(--fs-sm);color:var(--text-2);border-radius:var(--r-full);transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.nav__link:hover{color:var(--text);background:var(--accent-softer)}.header-actions{display:flex;align-items:center;gap:var(--s-2);margin-left:auto}.icon-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-full);border:1px solid var(--border);color:var(--text-2);background:var(--surface);transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.icon-btn:hover{color:var(--text);border-color:var(--border-strong);transform:translateY(-1px)}.icon-btn svg{width:17px;height:17px}.theme-toggle .icon-sun{display:none}[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon{display:none}@media(max-width:780px){.nav,.brand__tag{display:none}}.hero{position:relative;display:grid;place-items:center;min-height:calc(100svh - var(--header-h));padding-block:var(--s-9) var(--s-8);text-align:center}.hero__inner{display:flex;flex-direction:column;align-items:center;gap:var(--s-5)}.hero__eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 16px 6px 12px;border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);box-shadow:var(--shadow-sm)}.hero__dot{position:relative;width:7px;height:7px;border-radius:50%;background:var(--accent)}.hero__dot:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid var(--accent);opacity:.5;animation:pulse 2.4s var(--ease) infinite}@keyframes pulse{0%{transform:scale(.7);opacity:.7}70%{transform:scale(1.6);opacity:0}to{transform:scale(1.6);opacity:0}}.hero__title{font-size:var(--fs-3xl);font-weight:700;letter-spacing:-.045em;line-height:1.05;max-width:16em}.hero__title em{font-style:normal;background:linear-gradient(100deg,var(--accent) 10%,var(--accent-2) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__sub{max-width:34em;font-size:var(--fs-md);color:var(--text-2)}.hero__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-3);margin-top:var(--s-2)}.hero__scroll{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--text-3)}.hero__scroll span:last-child{width:1px;height:34px;background:linear-gradient(var(--border-strong),transparent);animation:scrollHint 2s var(--ease) infinite}@keyframes scrollHint{0%{transform:scaleY(.2);transform-origin:top;opacity:0}50%{transform:scaleY(1);opacity:1}to{transform:scaleY(.2);transform-origin:bottom;opacity:0}}@media(max-width:640px){.hero__scroll{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 24px;border-radius:var(--r-full);font-size:var(--fs-base);font-weight:550;white-space:nowrap;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-base) var(--ease),background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.btn svg{width:16px;height:16px}.btn--primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 8px 24px -10px var(--accent)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px -12px var(--accent)}.btn--ghost{border:1px solid var(--border-strong);color:var(--text);background:var(--surface)}.btn--ghost:hover{transform:translateY(-2px);border-color:var(--accent);color:var(--accent)}.btn--sm{height:38px;padding:0 16px;font-size:var(--fs-sm)}.filters{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-bottom:var(--s-6)}.chip{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface);font-size:var(--fs-sm);color:var(--text-2);transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.chip:hover{color:var(--text);border-color:var(--border-strong);transform:translateY(-1px)}.chip svg{width:15px;height:15px}.chip[aria-pressed=true]{background:var(--accent);border-color:transparent;color:var(--accent-ink)}.chip[aria-pressed=true] svg{color:currentColor}.chip__count{font-family:var(--font-mono);font-size:11px;opacity:.65}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5)}@media(max-width:1024px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.product-grid{grid-template-columns:minmax(0,1fr)}}.card{position:relative;display:flex;flex-direction:column;text-align:left;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);overflow:hidden;cursor:pointer;transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease)}.card:hover,.card:focus-visible{transform:translateY(-6px);border-color:var(--accent-line);box-shadow:var(--shadow)}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(240px circle at var(--mx, 50%) var(--my, 50%),var(--accent-soft),transparent 65%);transition:opacity var(--dur-base) var(--ease)}.card:hover:before{opacity:1}.card__media{position:relative;aspect-ratio:3 / 2;overflow:hidden;background:var(--surface-3)}.card__media img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease)}.card:hover .card__media img{transform:scale(1.06)}.card__fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(135deg,var(--card-accent, var(--accent)),var(--accent-2))}.card__fallback span{font-family:var(--font-mono);font-size:40px;font-weight:600;color:#ffffffeb;letter-spacing:-.02em}.card__platform{position:absolute;top:12px;left:12px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-full);background:#0a0c128c;backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:500}.card__platform svg{width:13px;height:13px}.card__body{display:flex;flex-direction:column;gap:10px;padding:18px 20px 20px;flex:1}.card__top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3)}.card__name{font-size:19px;font-weight:650;letter-spacing:-.01em}.card__tagline{font-size:var(--fs-sm);color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:4px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--r-full);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border-strong);color:var(--text-2);flex-shrink:0}.badge--released{border-color:color-mix(in srgb,#22c55e 45%,transparent);color:color-mix(in srgb,#16a34a 75%,var(--text-2))}.badge--beta{border-color:color-mix(in srgb,#f59e0b 50%,transparent);color:color-mix(in srgb,#d97706 80%,var(--text-2))}.badge--wip{border-color:color-mix(in srgb,var(--accent) 50%,transparent);color:var(--accent)}.tag{padding:3px 9px;border-radius:var(--r-sm);background:var(--surface-3);font-family:var(--font-mono);font-size:11px;color:var(--text-2)}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-9) var(--s-5);border:1px dashed var(--border-strong);border-radius:var(--r-xl);color:var(--text-3);text-align:center}.about__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--s-7);align-items:start}@media(max-width:860px){.about__grid{grid-template-columns:minmax(0,1fr);gap:var(--s-5)}}.about__text{display:flex;flex-direction:column;gap:var(--s-4);color:var(--text-2);font-size:var(--fs-md)}.about__links{display:flex;flex-direction:column;gap:var(--s-2)}.about__link{display:flex;align-items:center;gap:var(--s-3);padding:12px 16px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.about__link:hover{transform:translate(3px);border-color:var(--accent-line)}.about__link svg{width:17px;height:17px;color:var(--accent)}.about__link span{font-size:var(--fs-sm)}.about__link .mono{margin-left:auto;font-size:11px}.site-footer{border-top:1px solid var(--border);background:var(--bg-soft);padding-block:var(--s-6);margin-top:var(--s-8)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;font-size:var(--fs-sm);color:var(--text-3)}.footer-links{display:flex;gap:var(--s-4);flex-wrap:wrap}.footer-links a:hover{color:var(--accent)}.boot-error{margin:120px auto;max-width:560px;padding:var(--s-6);border:1px solid var(--border-strong);border-radius:var(--r-xl);background:var(--surface);text-align:center}.boot-error code{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--accent)}.sites-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5)}@media(max-width:860px){.sites-grid{grid-template-columns:minmax(0,1fr)}}.site-card{position:relative;display:flex;align-items:flex-start;gap:var(--s-4);padding:var(--s-5);border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);overflow:hidden;text-align:left;transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease)}.site-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;background:linear-gradient(120deg,color-mix(in srgb,var(--card-accent, var(--accent)) 14%,transparent),transparent 62%);transition:opacity var(--dur-base) var(--ease)}.site-card:hover,.site-card:focus-visible{transform:translateY(-4px);border-color:color-mix(in srgb,var(--card-accent, var(--accent)) 38%,transparent);box-shadow:var(--shadow)}.site-card:hover:before,.site-card:focus-visible:before{opacity:1}.site-card>*{position:relative;z-index:1}.site-card__icon{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--card-accent, var(--accent)) 14%,transparent);color:var(--card-accent, var(--accent))}.site-card__icon svg{width:21px;height:21px}.site-card__main{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.site-card__name{font-size:var(--fs-lg);font-weight:650;letter-spacing:-.01em}.site-card__desc{font-size:var(--fs-sm);color:var(--text-2)}.site-card__meta{display:flex;align-items:center;gap:8px;margin-top:2px;flex-wrap:wrap}.site-card__meta .mono{font-size:11px;color:var(--text-3)}.site-card__dot{width:3px;height:3px;border-radius:50%;background:var(--text-3)}.site-card__arrow{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border:1px solid var(--border);border-radius:50%;color:var(--text-3);transition:color var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease),transform var(--dur-base) var(--ease)}.site-card__arrow svg{width:15px;height:15px}.site-card:hover .site-card__arrow,.site-card:focus-visible .site-card__arrow{color:var(--card-accent, var(--accent));border-color:color-mix(in srgb,var(--card-accent, var(--accent)) 40%,transparent);transform:translate(2px,-2px)}.nav__link--external{display:inline-flex;align-items:center;gap:4px}.nav__link--external .nav__ext-icon svg{width:11px;height:11px;opacity:.55}.nav__link--external:first-of-type{margin-left:var(--s-2);border-left:1px solid var(--border);border-radius:0;padding-left:14px}.grain{position:fixed;top:-120px;right:-120px;bottom:-120px;left:-120px;z-index:1200;pointer-events:none;opacity:.05;background-size:220px 220px}.scroll-progress{position:fixed;top:0;left:0;z-index:calc(var(--z-header) + 2);width:100%;height:2px;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--accent),var(--accent-2));pointer-events:none}.char{display:inline-block;overflow:hidden;vertical-align:top}.char__inner{display:inline-block;transform:translateY(120%);animation:charRise .7s var(--ease) both;animation-delay:var(--char-delay, 0ms)}.char--accent .char__inner{background:linear-gradient(100deg,var(--accent) 10%,var(--accent-2) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes charRise{to{transform:none}}@media(prefers-reduced-motion:reduce){.char__inner{animation:none;transform:none}}.card{transform:perspective(1100px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(var(--lift, 0px));will-change:transform}.card:hover,.card:focus-visible{transform:perspective(1100px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(-6px)}@media(pointer:coarse),(prefers-reduced-motion:reduce){.card{transform:none}.card:hover,.card:focus-visible{transform:translateY(-4px)}}.card--featured{grid-column:span 2}@media(max-width:680px){.card--featured{grid-column:auto}}::view-transition-old(root),::view-transition-new(root){animation-duration:.28s}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-timing-function:cubic-bezier(.22,.61,.36,1)}.hero{position:relative;display:grid;place-items:center;min-height:calc(100svh - var(--header-h));padding-block:var(--s-8) var(--s-7);overflow:hidden}.hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:var(--s-7);align-items:center;width:100%}.hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-5);text-align:left}.hero__art{position:relative;z-index:2}.hero__blobs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.hero__blob{position:absolute;border-radius:50%;will-change:transform}.hero__blob--a{top:-18%;right:-10%;width:min(660px,62vw);aspect-ratio:1;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 68%)}.hero__blob--b{bottom:-24%;left:-12%;width:min(560px,54vw);aspect-ratio:1;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent-2) 26%,transparent),transparent 70%)}.mascot{position:relative;filter:drop-shadow(0 26px 40px rgba(10,14,26,.18))}.mascot__svg{width:100%;height:auto;overflow:visible}.mascot__eyes{transition:transform .09s var(--ease)}.mascot.is-blink .mascot__eyes{transform:scaleY(.1);transform-origin:174px 176px}.mascot__arm{transform-origin:218px 272px}.mascot.is-wave .mascot__arm{animation:mascotWave .9s var(--ease) infinite}@keyframes mascotWave{0%,to{transform:rotate(0)}30%{transform:rotate(-28deg)}60%{transform:rotate(-12deg)}}.floaty{animation:floaty 4.6s var(--ease) infinite alternate}.floaty--b{animation-duration:5.4s;animation-delay:-1.2s}.floaty--c{animation-duration:6.2s;animation-delay:-2.4s}@keyframes floaty{0%{transform:translateY(-9px)}to{transform:translateY(11px)}}.cat__eyes{transition:transform .09s var(--ease)}.mascot.is-blink .cat__eyes{transform:scaleY(.1);transform-origin:286px 317px}.cat__tail{transform-box:view-box;transform-origin:388px 340px;animation:catTail 3.6s ease-in-out infinite alternate}@keyframes catTail{0%{transform:rotate(-9deg)}to{transform:rotate(10deg)}}.cat__breathe{transform-box:view-box;transform-origin:336px 351px;animation:catBreath 3.4s ease-in-out infinite alternate}@keyframes catBreath{0%{transform:scaleY(1)}to{transform:scaleY(1.07)}}.mascot.is-cat-happy .cat__tail{animation-duration:.55s}.mascot.is-cat-poke .cat{animation:catPoke .5s var(--ease)}@keyframes catPoke{0%{transform:translateY(0)}30%{transform:translateY(-9px)}60%{transform:translateY(2px)}to{transform:translateY(0)}}.steam path{animation:steam 2.8s ease-in-out infinite}.steam path:nth-child(2){animation-delay:.9s}@keyframes steam{0%{opacity:0;transform:translateY(4px)}45%{opacity:.55}to{opacity:0;transform:translateY(-15px)}}@media(max-width:980px){.hero__grid{grid-template-columns:minmax(0,1fr);gap:var(--s-5);text-align:center}.hero__copy{align-items:center}.hero__art{order:2;width:min(420px,82%);margin-inline:auto}.hero{min-height:auto;padding-block:var(--s-8) var(--s-6)}}@media(prefers-reduced-motion:reduce){.floaty,.steam path,.mascot.is-wave .mascot__arm{animation:none}}.ppage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-drawer) + 1);background:var(--bg);opacity:0;visibility:hidden;transition:opacity var(--dur-base) var(--ease),visibility 0s linear var(--dur-base)}.ppage.is-open{opacity:1;visibility:visible;transition:opacity var(--dur-base) var(--ease)}.ppage__scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.ppage__hero{position:relative;height:min(74vh,660px);min-height:380px;overflow:hidden;background:var(--bg-deep)}.ppage__hero-media{position:absolute;top:0;right:0;bottom:0;left:0}.ppage__hero-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);will-change:transform}.ppage__hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05070b59,#05070b00 34%,#05070b0d 62%,#05070bd1);pointer-events:none}.ppage__hero-caption{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;gap:6px;padding:0 max(var(--s-5),calc((100% - 880px)/2)) var(--s-6)}.ppage__title{color:#fff;font-size:clamp(38px,6vw,68px);font-weight:700;letter-spacing:-.04em;line-height:1.05;text-shadow:0 4px 30px rgba(0,0,0,.35)}.ppage__tag{color:#ffffffd1;font-size:var(--fs-md)}.ppage__close{position:absolute;top:20px;right:24px;z-index:3;display:flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--r-full);background:#0a0c1280;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:var(--fs-sm);transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.ppage__close:hover{background:#0a0c12bf;transform:translateY(-1px)}.ppage__close svg{width:15px;height:15px}.ppage__kbd{position:absolute;top:28px;left:24px;z-index:3;display:flex;gap:6px;font-family:var(--font-mono);font-size:11px;color:#ffffff8c}.ppage__kbd kbd{padding:3px 8px;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:#0a0c1273;backdrop-filter:blur(8px)}@media(max-width:720px){.ppage__kbd{display:none}}.ppage__body{max-width:880px;margin-inline:auto;padding:var(--s-6) var(--s-5) var(--s-9);display:flex;flex-direction:column;gap:var(--s-7)}.ppage__meta{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-3)}.ppage__meta .badge{flex-shrink:0}.ppage__desc{font-size:var(--fs-lg);line-height:1.85;color:var(--text);white-space:pre-wrap}.ppage__section-label{display:flex;align-items:center;gap:var(--s-3);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--s-4)}.ppage__section-label:after{content:"";flex:1;height:1px;background:var(--border)}.flow{--flow-item-w: min(640px, 78vw);--flow-gutter-min: var(--s-5);--flow-gutter: max(var(--flow-gutter-min), calc(50% - var(--flow-item-w) / 2));display:flex;gap:var(--s-5);overflow-x:auto;scroll-snap-type:x mandatory;padding:var(--s-3) var(--flow-gutter) var(--s-4);scroll-padding-inline:0;scrollbar-width:none}.flow::-webkit-scrollbar{display:none}.flow__item{flex:0 0 var(--flow-item-w);margin:0;scroll-snap-align:center;transform:scale(var(--s, .94));transition:transform .35s var(--ease),opacity .35s var(--ease);opacity:var(--o, .55);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);background:var(--surface-2)}.flow__zoom{display:block;width:100%;padding:0;line-height:0;-webkit-user-drag:none}.flow__zoom:focus-visible{outline-offset:-4px}.flow__item img{width:100%;display:block;aspect-ratio:16 / 10;object-fit:cover;-webkit-user-drag:none}.flow__item.is-center{--s: 1;--o: 1}@media(max-width:680px){.flow{--flow-item-w: min(640px, calc(100vw - 96px) );--flow-gutter-min: var(--s-3)}.flow__item{transform:none;opacity:1}}.flow__hint{text-align:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--text-3)}.notes{counter-reset:note}.notes li{display:grid;grid-template-columns:88px 1fr;gap:var(--s-5);padding:var(--s-5) 0;border-top:1px solid var(--border);position:relative}.notes li:last-child{border-bottom:1px solid var(--border)}.notes__num{font-family:var(--font-mono);font-size:15px;color:var(--accent);padding-top:5px}.notes__num:before{content:"0" counter(note);counter-increment:note}.notes h4{font-size:var(--fs-xl);letter-spacing:-.02em;margin-bottom:6px}.notes p{color:var(--text-2);max-width:56ch}@media(max-width:640px){.notes li{grid-template-columns:1fr;gap:var(--s-2)}}.ppage__tags{display:flex;flex-wrap:wrap;gap:var(--s-2)}.ppage__tags .tag{padding:7px 14px;font-size:var(--fs-xs);border-radius:var(--r-full);border:1px solid var(--border);background:var(--surface);transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.ppage__tags .tag:hover{border-color:var(--accent-line);color:var(--accent);transform:translateY(-2px)}.ppage__stats{display:flex;gap:var(--s-6);flex-wrap:wrap}.ppage__stat{display:flex;flex-direction:column;gap:2px}.ppage__stat b{font-family:var(--font-mono);font-size:28px;font-weight:600;font-variant-numeric:tabular-nums}.ppage__stat span{font-size:var(--fs-sm);color:var(--text-3)}.ppage__links{display:flex;gap:var(--s-3);flex-wrap:wrap}.ppage__next{position:relative;display:flex;align-items:center;gap:var(--s-4);margin-top:var(--s-4);padding:var(--s-6);border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);overflow:hidden;transition:border-color var(--dur-base) var(--ease)}.ppage__next:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--next-cover, none);background-size:cover;background-position:center;opacity:0;transform:scale(1.06);transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease)}.ppage__next:hover{border-color:var(--accent-line)}.ppage__next:hover:before{opacity:.9;transform:none}.ppage__next>*{position:relative;z-index:2}.ppage__next:hover .ppage__next-name,.ppage__next:hover .ppage__next-label,.ppage__next:hover .ppage__next-arrow{color:#fff}.ppage__next:hover .ppage__next-label{color:#ffffffb3}.ppage__next:hover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#05070bb8,#05070b40)}.ppage__next-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.16em;color:var(--text-3);display:block;margin-bottom:6px;transition:color var(--dur-base) var(--ease)}.ppage__next-name{font-size:clamp(26px,4vw,40px);font-weight:700;letter-spacing:-.03em;transition:color var(--dur-base) var(--ease)}.ppage__next-arrow{margin-left:auto;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:50%;color:var(--text-2);transition:color var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease),transform var(--dur-base) var(--ease)}.ppage__next-arrow svg{width:18px;height:18px}.ppage__next:hover .ppage__next-arrow{color:#fff;border-color:#ffffff80;transform:translate(4px)}.ppage.is-open~.scroll-progress{display:none}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-lightbox);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(var(--s-6),env(safe-area-inset-top,0px)) var(--s-5) calc(var(--s-5) + env(safe-area-inset-bottom,0px));background:#05070be0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;visibility:hidden;pointer-events:none;overscroll-behavior:contain;transition:opacity .14s var(--ease),visibility 0s linear .14s}.lightbox.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s var(--ease)}.lightbox__stage{flex:1;min-height:0;width:100%;display:grid;place-items:center}.lightbox__img{max-width:min(1200px,92vw);max-height:78dvh;object-fit:contain;border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.14);background:#ffffff0a;box-shadow:0 40px 90px -30px #000c;transform:scale(.96);opacity:0;transition:transform .18s var(--ease),opacity .18s var(--ease)}.lightbox.is-open .lightbox__img{transform:none;opacity:1}.lightbox__bar{display:flex;align-items:center;justify-content:center;gap:var(--s-4);padding-top:var(--s-4);padding-bottom:env(safe-area-inset-bottom,0px);color:#ffffffe0}.lightbox__counter{font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:.08em;font-variant-numeric:tabular-nums;min-width:56px;text-align:center}.lightbox__nav,.lightbox__close{display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:var(--r-full);border:1px solid rgba(255,255,255,.22);background:#ffffff1a;color:#fff;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.lightbox__nav:hover:not(:disabled),.lightbox__close:hover{background:#fff3;border-color:#fff6;transform:translateY(-1px)}.lightbox__nav[hidden],.lightbox__close[hidden]{display:none}.lightbox__nav:disabled{opacity:.35;cursor:not-allowed}.lightbox__nav svg{width:18px;height:18px}.lightbox__nav--prev svg{transform:rotate(180deg)}.lightbox__close{position:absolute;top:max(var(--s-4),env(safe-area-inset-top,0px));right:var(--s-4)}.lightbox__close svg{width:17px;height:17px}.lightbox :focus-visible{outline:2px solid #ffffff;outline-offset:3px}@media(prefers-reduced-motion:reduce){.lightbox,.lightbox.is-open,.lightbox__img,.lightbox.is-open .lightbox__img,.lightbox__nav,.lightbox__close{transition-duration:0s!important}.lightbox__img{transform:none}}