:root{--mono:"JetBrains Mono", ui-monospace, monospace;--sans:"Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", sans-serif;--disp:"Space Grotesk", "Zen Kaku Gothic New", sans-serif;--ease:cubic-bezier(.22, .61, .36, 1);--ease-spring:cubic-bezier(.16, 1, .3, 1)}html[data-theme=light]{color-scheme:light;--bg:oklch(98.4% .004 245);--surface:oklch(100% 0 0);--surface-2:oklch(96.2% .004 250);--text:oklch(23% .012 255);--text-2:oklch(47% .01 255);--text-3:oklch(63% .008 255);--line:oklch(92.4% .005 255);--accent:oklch(50% .13 244);--accent-soft:oklch(50% .13 244/.08);--amber:oklch(60% .125 72);--sig-1:oklch(58% .15 236);--sig-2:oklch(53% .17 292);--sig:linear-gradient(105deg, var(--sig-1), var(--sig-2));--btn-bg:oklch(22% .014 258);--btn-bg-2:oklch(30% .016 258);--btn-fg:oklch(99% 0 0);--status-l:.5;--status-a:.11;--wL:.6;--wC:.135;--code-bg:oklch(25% .014 255);--code-ink:oklch(95% .004 250);--glow:0 6px 18px -12px oklch(50% .13 244/.28);--shadow:0 1px 2px oklch(30% .01 255/.05), 0 8px 20px -14px oklch(30% .02 258/.18), 0 26px 50px -32px oklch(40% .07 262/.24)}html[data-theme=dark]{color-scheme:dark;--bg:oklch(19% .015 255);--surface:oklch(22.5% .017 255);--surface-2:oklch(26% .019 255);--text:oklch(94% .008 100);--text-2:oklch(74% .012 95);--text-3:oklch(59% .012 95);--line:oklch(31.5% .018 255);--accent:oklch(80% .12 216);--accent-soft:oklch(80% .12 216/.12);--amber:oklch(82% .13 80);--sig-1:oklch(82% .13 212);--sig-2:oklch(75% .15 294);--sig:linear-gradient(105deg, var(--sig-1), var(--sig-2));--btn-bg:oklch(95% .005 100);--btn-bg-2:oklch(88% .007 100);--btn-fg:oklch(21% .016 255);--status-l:.78;--status-a:.16;--wL:.74;--wC:.135;--code-bg:oklch(15.5% .013 255);--code-ink:oklch(89% .01 100);--glow:0 0 20px -6px oklch(80% .12 216/.38);--shadow:0 1px 2px oklch(0% 0 0/.34), 0 12px 30px -18px oklch(0% 0 0/.55), 0 32px 60px -40px oklch(50% .1 274/.4)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);font-family:var(--sans);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;transition:background-color .3s,color .3s}.mono{font-family:var(--mono);font-feature-settings:"tnum" 1, "cv01" 1}.disp{font-family:var(--disp)}.sig-ink{background:var(--sig);-webkit-text-fill-color:transparent;color:#0000;background-clip:text}.app{flex-direction:column;min-height:100vh;display:flex}.page{flex:1}a{color:inherit}.ext{opacity:.6;flex:none}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.bg-fx{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}html[data-theme=light] .bg-fx{background:radial-gradient(54vmax 40vmax at 88% -12%,oklch(84% .065 215/.16),#0000 62%),radial-gradient(58vmax 44vmax at -14% 64%,oklch(83% .06 285/.11),#0000 62%),radial-gradient(42vmax 32vmax at 62% 116%,oklch(87% .05 200/.09),#0000 60%)}html[data-theme=dark] .bg-fx{background:radial-gradient(60vmax 42vmax at 85% -14%,oklch(66% .11 275/.12),#0000 62%),radial-gradient(50vmax 38vmax at -10% 70%,oklch(70% .1 210/.07),#0000 60%)}.bg-art{object-fit:cover;filter:blur(26px)saturate(1.06);z-index:0;transform-origin:62% 38%;will-change:transform;width:106%;height:106%;animation:46s ease-in-out infinite alternate aurora-drift;position:absolute;inset:-3%}@keyframes aurora-drift{0%{transform:scale(1.03)translate(-1.4%,-.8%)}to{transform:scale(1.09)translate(1.6%,1.2%)}}.bg-veil{z-index:1;background:color-mix(in oklab, var(--bg) 72%, transparent);position:absolute;inset:0}html[data-theme=dark] .bg-art{filter:blur(28px)brightness(.38)saturate(1.5)}html[data-theme=dark] .bg-veil{background:color-mix(in oklab, var(--bg) 62%, transparent)}.bg-fx:after{content:"";z-index:2;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}html[data-theme=dark] .bg-fx:after{opacity:.05}.site-header{z-index:20;background:color-mix(in oklab, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.header-in{align-items:center;gap:12px;max-width:1120px;margin:0 auto;padding:14px 28px;display:flex}.brand{white-space:nowrap;flex-shrink:0;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.brand-mark{color:var(--accent);flex:none}.brand-name{font-family:var(--disp);letter-spacing:-.01em;font-size:17px;font-weight:700}.site-nav{gap:4px;margin-left:auto;display:flex}.nav-link{color:var(--text-2);white-space:nowrap;transition:color .2s var(--ease);align-items:center;gap:5px;padding:6px 12px;font-size:13.5px;text-decoration:none;display:inline-flex;position:relative}.nav-link:after{content:"";background:var(--sig);transform-origin:0;opacity:0;height:1.5px;transition:transform .32s var(--ease), opacity .32s;border-radius:2px;position:absolute;bottom:1px;left:12px;right:12px;transform:scaleX(0)}.nav-link:hover{color:var(--text)}.nav-link:hover:after{opacity:.75;transform:scaleX(1)}.nav-link.is-active{color:var(--text);font-weight:700}.nav-link.is-active:after{opacity:1;transform:scaleX(1)}.theme-toggle{width:32px;height:32px;color:var(--text-3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:color .2s,border-color .2s,transform .2s;display:inline-flex}.theme-toggle:hover{color:var(--text);border-color:var(--line);transform:rotate(15deg)}#theme-toggle .icon-sun{display:none}html[data-theme=dark] #theme-toggle .icon-sun{display:block}html[data-theme=dark] #theme-toggle .icon-moon{display:none}.palette-btn{height:32px;color:var(--text-3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:99px;align-items:center;gap:6px;padding:0 11px;transition:color .2s,border-color .2s;display:inline-flex}.palette-btn .pk{letter-spacing:.05em;font-size:10px}.palette-btn:hover{color:var(--text);border-color:var(--line)}.page-in{max-width:1120px;margin:0 auto;padding:0 28px 100px}.section{margin-top:104px;scroll-margin-top:72px}.sec-label{flex-direction:column;gap:10px;display:flex}.sec-en{width:fit-content;font-family:var(--disp);color:var(--text-3);letter-spacing:.26em;text-transform:uppercase;align-items:center;gap:11px;font-size:11px;font-weight:700;display:inline-flex}.sec-en:before{content:"";background:var(--sig);border-radius:2px;flex:none;width:20px;height:2px}.sec-ja{letter-spacing:-.005em;font-size:23px;font-weight:700;line-height:1.35}.sec-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.more-link{color:var(--text-2);background:linear-gradient(var(--text), var(--text)) no-repeat left bottom / 0% 1px;padding-bottom:2px;font-size:13px;text-decoration:none;transition:color .25s,background-size .3s}.more-link:hover{color:var(--text);background-size:100% 1px}.hero{max-width:760px;padding:124px 0 0}.hero-eyebrow{font-family:var(--disp);color:var(--text-3);letter-spacing:.3em;text-transform:uppercase;align-items:center;gap:9px;font-size:11.5px;font-weight:700;display:inline-flex}.hero-eyebrow:before{content:"";background:var(--sig-1);width:6px;height:6px;box-shadow:0 0 0 0 color-mix(in oklab, var(--sig-1) 60%, transparent);border-radius:50%;flex:none;animation:2.6s ease-out infinite pulse}.hero-name{font-family:var(--disp);letter-spacing:-.035em;background:var(--sig);-webkit-text-fill-color:transparent;color:#0000;background-clip:text;width:fit-content;margin-top:18px;font-size:clamp(50px,8.4vw,88px);font-weight:700;line-height:1.02}.hero-lead{color:var(--text-2);letter-spacing:.01em;max-width:30em;margin-top:28px;font-size:17.5px;font-weight:500;line-height:1.7}.hero-cta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:38px;display:flex}.hero.has-art{grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:56px;max-width:none;display:grid}.hero.has-art .hero-main{max-width:720px}.hero-art{justify-content:center;align-items:center;display:flex}.card-stack{width:100%;max-width:420px;height:300px;animation:7.5s ease-in-out infinite alternate floaty;position:relative}.stack-card{aspect-ratio:5/4;border:1px solid var(--line);background:var(--surface);width:55%;box-shadow:var(--shadow);transition:rotate .5s var(--ease), translate .5s var(--ease), box-shadow .4s var(--ease);animation:deal .75s var(--ease-spring) both;border-radius:16px;position:absolute;overflow:hidden}.stack-card img{object-fit:cover;width:100%;height:100%;display:block}.sc-0{z-index:1;animation-delay:60ms;top:24%;left:2%;rotate:-9deg}.sc-1{z-index:2;animation-delay:.17s;top:3%;left:22%;rotate:3deg}.sc-2{z-index:3;animation-delay:.28s;top:25%;left:41%;rotate:12deg}.card-stack:hover .sc-0{translate:-8% 1%;rotate:-15deg}.card-stack:hover .sc-1{translate:0 -8%;rotate:2deg}.card-stack:hover .sc-2{translate:8% 1%;rotate:18deg}@keyframes deal{0%{opacity:0;transform:translateY(28px)scale(.9)}}@keyframes floaty{0%{transform:translateY(-5px)}to{transform:translateY(5px)}}@media (width<=960px){.hero.has-art{grid-template-columns:1fr;gap:40px}.card-stack{margin:0 auto}}@media (width<=720px){.card-stack{max-width:330px;height:232px}.stack-card{width:53%}.sc-2{left:39%;rotate:11deg}}.wave{justify-content:center;align-items:center;gap:3px;height:148px;padding:26px;display:flex;position:relative;overflow:hidden}.wave:before{content:"";background:var(--line);opacity:.8;height:1px;position:absolute;top:50%;left:0;right:0}.wave i{min-width:0;max-width:9px;height:calc(var(--h) * 1%);background:oklch(var(--wL) var(--wC) var(--hu));border-radius:99px;flex:1 1 0}.wave.is-banner{border:1px solid var(--line);background:var(--surface);border-radius:20px;height:180px;margin-top:24px}.wave.is-hero{background:0 0;border:none;justify-content:flex-start;gap:4px;max-width:680px;height:92px;margin-top:42px;padding:0;overflow:visible}.wave.is-hero:before{opacity:.45}.wave.is-hero i{max-width:8px}.wave.is-hero:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(58% 52% at 22% 50%, color-mix(in oklab, var(--sig-1) 20%, transparent), transparent 72%);width:72%;height:260%;position:absolute;top:50%;left:-4%;transform:translateY(-50%)}@keyframes eq{0%{transform:scaleY(1)}to{transform:scaleY(.45)}}.card:hover .wave i,.card:focus-visible .wave i{animation:.7s ease-in-out infinite alternate eq;animation-delay:calc(var(--i) * -70ms)}.wave.is-hero i{animation:3.4s ease-in-out infinite alternate eq;animation-delay:calc(var(--i) * -140ms)}.btn-demo{background-color:var(--btn-bg);color:var(--btn-fg);white-space:nowrap;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--sans);transition:background-color .25s var(--ease), transform .25s var(--ease), box-shadow .3s var(--ease);background-image:linear-gradient(oklch(100% 0 0/.1),#0000 42%);border:none;border-radius:99px;align-items:center;gap:8px;padding:13px 27px;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px oklch(100% 0 0/.07),0 3px 10px -6px oklch(20% .03 262/.4)}.btn-demo:hover{background-color:var(--btn-bg-2);transform:translateY(-2px);box-shadow:inset 0 1px oklch(100% 0 0/.09),0 12px 26px -12px oklch(40% .1 264/.5)}.btn-demo:active{transform:translateY(0)}.link-pill{color:var(--text-2);white-space:nowrap;cursor:pointer;border:1px solid var(--line);transition:color .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease), box-shadow .25s var(--ease);background:0 0;border-radius:99px;align-items:center;gap:6px;padding:12px 19px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.link-pill:hover{color:var(--text);border-color:color-mix(in oklab, var(--sig-1) 45%, var(--line));transform:translateY(-2px);box-shadow:0 8px 18px -12px oklch(40% .08 262/.3)}.works-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:26px;margin-top:36px;display:grid}.card{background:var(--surface);border:1px solid var(--line);cursor:pointer;outline-offset:3px;transition:transform .32s var(--ease), box-shadow .32s var(--ease), border-color .32s var(--ease);border-radius:18px;flex-direction:column;display:flex;position:relative;overflow:hidden}.card:before{content:"";z-index:2;background:var(--sig);transform-origin:0;height:2px;transition:transform .42s var(--ease);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.card:hover:before,.card:focus-visible:before{transform:scaleX(1)}.card:hover,.card:focus-visible{border-color:color-mix(in oklab, var(--sig-1) 30%, var(--line));box-shadow:var(--shadow);transform:translateY(-6px)}.card .wave{border-bottom:1px solid var(--line)}.card-art{aspect-ratio:16/9;border-bottom:1px solid var(--line);overflow:hidden}.card-art img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.card:hover .card-art img,.card:focus-visible .card-art img{transform:scale(1.04)}.art-banner{aspect-ratio:21/9;border:1px solid var(--line);border-radius:20px;margin-top:24px;overflow:hidden}.art-banner img{object-fit:cover;width:100%;height:100%;display:block}.card-body{flex-direction:column;flex:1;gap:12px;padding:20px 22px;display:flex}.card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.card-head h3{letter-spacing:.005em;font-size:17px;font-weight:700;line-height:1.55}.card-summary{color:var(--text-3);text-wrap:pretty;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.85;display:-webkit-box;overflow:hidden}.card-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:4px;display:flex}.card-cta{letter-spacing:.01em;color:var(--text-3);white-space:nowrap;transition:color .25s var(--ease);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:inline-flex}.card-cta:after{content:"→";transition:transform .25s var(--ease);font-size:14px}.card:hover .card-cta,.card:focus-visible .card-cta{color:var(--sig-2)}.card:hover .card-cta:after,.card:focus-visible .card-cta:after{transform:translate(3px)}.carousel{margin-top:36px;position:relative}.carousel-track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:26px;padding:8px 2px 12px;display:flex;overflow-x:auto;mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.carousel-track::-webkit-scrollbar{display:none}.carousel-item{scroll-snap-align:start;flex:none;width:min(340px,82vw);display:flex}.carousel-item>.rise{width:100%}.carousel .rise{opacity:1!important;transform:none!important}@media (width<=720px){.carousel-track{gap:14px}.carousel-track:before,.carousel-track:after{content:"";flex:0 0 10%}.carousel-item{scroll-snap-align:center;width:82%}}.carousel-dots{justify-content:center;gap:8px;margin-top:20px;display:flex}.cdot{background:color-mix(in oklab, var(--text-3) 42%, transparent);cursor:pointer;width:7px;height:7px;transition:width .3s var(--ease), background-color .3s var(--ease);border:none;border-radius:99px;padding:0}.cdot:hover{background:var(--text-3)}.cdot.on{background:var(--sig-1);width:22px}.btn-buy{gap:9px}.buy-host{opacity:.8;border-left:1px solid color-mix(in oklab, var(--btn-fg) 30%, transparent);padding-left:9px;font-size:11.5px;font-weight:600}.badge{white-space:nowrap;letter-spacing:.04em;color:oklch(var(--status-l) var(--sC) var(--sH));background:oklch(var(--status-l) var(--sC) var(--sH) / var(--status-a));border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:10.5px;font-weight:500;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;flex:none;width:5px;height:5px}.badge.is-live .dot{animation:2.4s ease-out infinite pulse}.badge-row{flex:none;align-items:center;gap:6px;padding-top:3px;display:flex}.tags{flex-wrap:wrap;gap:7px;display:flex}.tag{color:var(--text-3);background:var(--surface-2);border-radius:99px;padding:4px 10px;font-size:11px}.page-head{padding-top:72px}.page-desc{color:var(--text-2);text-wrap:pretty;max-width:600px;margin-top:12px;font-size:14px;line-height:1.9}.detail{max-width:780px}.back-link{color:var(--text-3);margin-top:36px;font-size:13px;text-decoration:none;transition:color .2s,transform .2s;display:inline-block}.back-link:hover{color:var(--text);transform:translate(-3px)}.detail-head{flex-direction:column;gap:16px;margin-top:30px;display:flex}.detail-title{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.detail-title h1{letter-spacing:.005em;font-size:clamp(28px,5vw,40px);font-weight:700;line-height:1.4}.detail-summary{color:var(--text-2);text-wrap:pretty;font-size:15.5px;line-height:2.05}.work-links{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.work-links.is-lg{margin-top:8px}.work-links.is-lg .btn-demo{padding:13px 28px;font-size:14.5px}.work-links.is-lg .link-pill{padding:11px 18px;font-size:13px}.work-links.is-lg .buy-host{font-size:12.5px}.release-links{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.rel-pill{color:oklch(var(--status-l) var(--sC) var(--sH));background:oklch(var(--status-l) var(--sC) var(--sH) / var(--status-a));border:1px solid oklch(var(--status-l) var(--sC) var(--sH) / .3);white-space:nowrap;transition:transform .25s var(--ease), box-shadow .3s var(--ease), border-color .25s var(--ease);border-radius:99px;align-items:center;gap:8px;padding:8px 15px;text-decoration:none;display:inline-flex}.rel-pill:hover{box-shadow:var(--shadow);border-color:oklch(var(--status-l) var(--sC) var(--sH) / .55);transform:translateY(-2px)}.rel-kind{letter-spacing:.03em;font-size:10.5px;font-weight:700}.rel-ver{font-size:12.5px;font-weight:700}.rel-date{opacity:.75;font-size:10.5px}.rel-pill .ext{opacity:.65}.rel-note{color:var(--text-3);font-size:11.5px}.rule{border:none;border-top:1px solid var(--line);margin:44px 0}.body{flex-direction:column;gap:18px;display:flex}.body h2,.body-h2{margin-top:24px;scroll-margin-top:86px;font-size:19px;font-weight:700}.body-h2{margin-top:44px;display:block}.body p{color:var(--text-2);text-wrap:pretty;overflow-wrap:anywhere;font-size:15px;line-height:2.15}.body ul{flex-direction:column;gap:9px;padding-left:4px;list-style:none;display:flex}.body li{color:var(--text-2);overflow-wrap:anywhere;padding-left:18px;font-size:14.5px;line-height:1.95;position:relative}.body li:before{content:"";background:var(--text-3);width:6px;height:1.5px;position:absolute;top:.85em;left:2px}.body blockquote{color:var(--text);border-left:2px solid var(--text-3);padding:4px 0 4px 20px;font-size:15px;line-height:2}.body blockquote p{color:inherit;font-size:inherit;line-height:inherit}.body pre{background:var(--code-bg);color:var(--code-ink);font-size:13px;line-height:1.8;font-family:var(--mono);border-radius:14px;padding:18px 22px;overflow-x:auto}.body :not(pre)>code{font-family:var(--mono);background:var(--surface-2);border-radius:6px;padding:1px 6px;font-size:.86em}.video-ph{aspect-ratio:16/9;border:1px dashed var(--line);border-radius:16px;justify-content:center;align-items:center;margin-top:16px;display:flex}.video-ph span{color:var(--text-3);letter-spacing:.06em;font-size:12px}.detail-foot{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px;margin-top:28px;padding-top:24px;display:grid}.pn-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;gap:6px;padding:14px 16px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .25s;display:flex}.pn-card:hover{border-color:color-mix(in oklab, var(--text-3) 45%, var(--line));box-shadow:var(--shadow);transform:translateY(-2px)}.pn-card.is-next{text-align:right;align-items:flex-end}.pn-dir{color:var(--text-3);letter-spacing:.12em;font-size:10px}.pn-name{color:var(--text);font-size:13px;font-weight:700}.pn-mid{align-self:center}.cta-panel{border:1px solid color-mix(in oklab, var(--sig-1) 22%, var(--line));background:linear-gradient(118deg, color-mix(in oklab, var(--sig-1) 9%, var(--surface)), color-mix(in oklab, var(--sig-2) 8%, var(--surface)));box-shadow:var(--glow);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:64px;padding:30px 32px;display:flex;position:relative;overflow:hidden}.cta-t{font-size:18px;font-weight:700}.cta-d{color:var(--text-3);text-wrap:pretty;max-width:420px;margin-top:6px;font-size:13px;line-height:1.9}.cta-panel .work-links{margin-top:0}.pulse-wrap{max-width:640px;margin-top:30px}.pulse-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;flex-direction:column;justify-content:center;gap:2px;padding:22px 24px;display:flex}.pulse-title{font-family:var(--disp);color:var(--text-3);letter-spacing:.22em;text-transform:uppercase;margin-bottom:10px;font-size:10.5px;font-weight:700}.pulse-row{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 6px;text-decoration:none;transition:background-color .2s;display:flex}.pulse-row:hover{background:var(--surface-2)}.pulse-name{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:13px;font-weight:700;overflow:hidden}.spark{flex:none;align-items:flex-end;gap:2px;height:22px;display:inline-flex}.sp-bar{width:5px;height:calc(4px + var(--v) * 5px);background:color-mix(in oklab, var(--text-3) 30%, transparent);border-radius:2px 2px 0 0}.sp-bar.recent{background:var(--sig-1)}.pulse-label{font-size:11px;font-family:var(--sans);white-space:nowrap;flex:none;align-items:center;gap:6px;display:inline-flex}.pulse-label .dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.pulse-label.hot{color:oklch(var(--status-l) .13 155)}.pulse-label.hot .dot{animation:2.4s ease-out infinite pulse}.pulse-label.warm{color:var(--amber)}.pulse-label.cool{color:var(--text-2)}.pulse-label.idle{color:var(--text-3)}.pulse-legend{color:var(--text-3);letter-spacing:.04em;margin-top:10px;font-size:10px}.hist-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:14px;margin-top:26px;padding:20px 24px;display:flex}.hist-stats{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.hs{flex-direction:column;gap:3px;display:flex}.hs-l{color:var(--text-3);letter-spacing:.12em;font-size:9.5px}.hs-v{color:var(--text);white-space:nowrap;font-size:13.5px;font-weight:700}.hs-r{color:var(--text-3);font-size:10px}.hist-stats .pulse-label{flex:none;margin-left:auto}.hist-chart{scrollbar-width:thin;overflow-x:auto}.hist-bars{align-items:flex-end;gap:2px;height:36px;display:flex}.hist-bars .sp-bar{width:11px;height:calc(5px + var(--v) * 9px);border-radius:2.5px 2.5px 0 0;flex:none}.hist-axis{gap:2px;display:flex}.hist-axis-mo{border-top:1px solid var(--line);margin-top:5px;padding-top:4px}.hist-axis-yr{margin-top:3px}.hist-tick{width:11px;color:var(--text-3);white-space:nowrap;flex:none;font-size:9px;overflow:visible}.hist-axis-mo .hist-tick{text-align:center;opacity:.85;font-size:8.5px}.hist-axis-yr .hist-tick.has-label{color:var(--text-2);font-weight:700}.sec-note{color:var(--text-3);letter-spacing:.04em;font-size:11px}.post-list{flex-direction:column;margin-top:18px;display:flex}.post-row{border-bottom:1px solid var(--line);border-radius:8px;align-items:center;gap:14px;padding:14px 10px;text-decoration:none;transition:background-color .2s,transform .2s;display:flex}.post-row:hover{background:var(--surface-2);transform:translate(4px)}.post-date{color:var(--text-3);flex:none;font-size:11.5px}.post-src{border:1px solid var(--line);color:var(--text-2);letter-spacing:.05em;border-radius:99px;flex:none;padding:2px 8px;font-size:10px}.post-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.filters{flex-direction:column;gap:10px;margin-top:34px;display:flex}.filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-label{color:var(--text-3);letter-spacing:.08em;flex:none;width:36px;font-size:11px}.chip{font-family:var(--sans);border:1px solid var(--line);color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:99px;padding:7px 15px;font-size:12.5px;transition:color .2s,border-color .2s,background-color .2s}.chip:hover{color:var(--text);border-color:var(--text-3)}.chip.on{background:var(--btn-bg);border-color:var(--btn-bg);color:var(--btn-fg)}.filter-count{color:var(--text-3);letter-spacing:.08em;margin-top:22px;font-size:11px}.empty{text-align:center;color:var(--text-3);padding:56px 0;font-size:13px}.palette-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);background:oklch(25% .01 255/.3);justify-content:center;align-items:flex-start;padding:12vh 20px 0;animation:.2s both pageIn;display:flex;position:fixed;inset:0}.palette{background:var(--surface);border:1px solid var(--line);width:560px;max-width:100%;box-shadow:var(--shadow);border-radius:18px;animation:.25s cubic-bezier(.2,.7,.2,1) both palIn;overflow:hidden}.palette-head{border-bottom:1px solid var(--line);color:var(--text-3);align-items:center;gap:10px;padding:14px 16px;display:flex}.palette-head input{font:500 14px var(--sans);color:var(--text);background:0 0;border:none;outline:none;flex:1}.palette-head input::placeholder{color:var(--text-3)}.palette-esc{border:1px solid var(--line);border-radius:6px;padding:2px 7px;font-size:10px}.palette-list{scrollbar-width:thin;flex-direction:column;gap:2px;max-height:330px;padding:8px;display:flex;overflow-y:auto}.palette-item{cursor:pointer;text-align:left;font-family:var(--sans);color:var(--text);background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.palette-item.is-sel{background:var(--surface-2)}.pi-type{letter-spacing:.1em;color:var(--text-3);border:1px solid var(--line);border-radius:5px;flex:none;padding:2px 6px;font-size:9px}.pi-label{flex:none;font-size:13.5px;font-weight:700}.pi-hint{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.palette-empty{text-align:center;color:var(--text-3);padding:26px;font-size:12px}@keyframes palIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}}.cl-v{color:var(--accent);flex:none;min-width:56px;font-size:12px;font-weight:700}.share-row{align-items:center;gap:10px;margin-top:52px;display:flex}.share-label{font-family:var(--disp);color:var(--text-3);letter-spacing:.22em;margin-right:4px;font-size:10.5px;font-weight:700}.copy-toast{color:var(--accent);background:var(--accent-soft);border-radius:99px;padding:4px 11px;font-size:11px;animation:.25s both palIn}.ext-dialog{border:1px solid var(--line);background:var(--surface);color:var(--text);box-shadow:var(--shadow);border-radius:18px;width:calc(100% - 32px);max-width:440px;margin:auto;padding:0}.ext-dialog::backdrop{backdrop-filter:blur(2px);background:oklch(0% 0 0/.38)}.ext-dialog-in{flex-direction:column;gap:12px;padding:22px 24px;animation:.25s cubic-bezier(.2,.7,.2,1) both palIn;display:flex}.ext-h{font-family:var(--disp);color:var(--text-3);letter-spacing:.22em;font-size:10.5px;font-weight:700}.ext-msg{color:var(--text);font-size:14.5px;line-height:1.75}.ext-dest{color:var(--text-2);word-break:break-all;background:var(--surface-2);border-radius:8px;padding:8px 12px;font-size:12.5px}.ext-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;display:flex}.upd-list{flex-direction:column;margin-top:28px;display:flex}.upd-row{align-items:flex-start;gap:16px;padding:16px 0;display:flex;position:relative}.upd-row:before{content:"";background:var(--line);width:1px;position:absolute;top:0;bottom:0;left:109px}.upd-date{width:96px;color:var(--text-3);text-align:right;flex:none;padding-top:3px;font-size:11.5px}.upd-node{background:var(--bg);border:2.5px solid var(--accent);z-index:1;border-radius:50%;flex:none;width:11px;height:11px;margin-top:4px;position:relative}.upd-body{flex-direction:column;gap:5px;min-width:0;display:flex}.upd-head{align-items:center;gap:10px;display:flex}.upd-app{color:var(--accent);background:var(--accent-soft);cursor:pointer;white-space:nowrap;font-size:12px;font-weight:700;font-family:var(--sans);border:none;border-radius:6px;padding:2px 9px;text-decoration:none}.upd-text{color:var(--text-2);font-size:14px;line-height:1.8}.about-tl{flex-direction:column;margin-top:18px;display:flex}.atl-row{align-items:flex-start;gap:16px;padding:12px 0;display:flex;position:relative}.atl-row:before{content:"";background:var(--line);width:1px;position:absolute;top:0;bottom:0;left:57px}.atl-row .upd-node{margin-top:5px}.atl-y{width:44px;color:var(--text);text-align:right;flex:none;font-size:13px;font-weight:700}.atl-t{color:var(--text-2);font-size:14px;line-height:1.9}.nf{flex-direction:column;align-items:flex-start;gap:18px;max-width:560px;padding-top:110px;display:flex}.nf-code{font-family:var(--disp);letter-spacing:-.03em;color:var(--text);font-size:clamp(64px,11vw,110px);font-weight:700;line-height:1}.nf-msg{color:var(--text-2);font-size:14.5px;line-height:2}.f-link.is-404{opacity:.7}.prep-badge{color:var(--text-3);border:1px solid var(--line);letter-spacing:.06em;border-radius:99px;padding:2px 7px;font-size:10px;font-weight:500}.qa-count{color:var(--text-3);margin-left:8px;font-size:13px;font-weight:400}.qa-thread{border:1px solid var(--line);background:var(--surface);scrollbar-width:thin;border-radius:14px;max-height:clamp(232px,44vh,420px);margin-top:8px;overflow-y:auto}.qa{border-bottom:1px solid var(--line)}.qa:last-child{border-bottom:none}.qa[open]{background:var(--surface-2)}.qa-sum{cursor:pointer;align-items:center;gap:9px;padding:9px 13px;list-style:none;display:flex}.qa-sum::-webkit-details-marker{display:none}.qa-sum:hover{background:var(--surface-2)}.qa-type{letter-spacing:.03em;border-radius:999px;flex:none;padding:2px 8px;font-size:9px}.qa-suggestion{color:oklch(var(--status-l) .12 250);background:oklab(68% -.0444626 -.12216/.16)}.qa-question{color:oklch(var(--status-l) .12 300);background:oklab(68% .06 -.103923/.16)}.qa-unclear{color:oklch(var(--status-l) .12 70);background:oklab(72% .0410424 .112763/.18)}.qa-q{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:12.5px;font-weight:500;overflow:hidden}.qa-date{color:var(--text-3);flex:none;font-size:9.5px}.qa-sum:after{content:"";border-right:1.5px solid var(--text-3);border-bottom:1.5px solid var(--text-3);flex:none;width:6px;height:6px;transition:transform .2s;transform:rotate(45deg)}.qa[open] .qa-sum:after{transform:rotate(-135deg)}.qa-body{padding:0 13px 13px}.qa-area{color:var(--text-3);margin-top:2px;font-size:10px;display:inline-block}.qa-a{border-top:1px dashed var(--line);gap:9px;margin-top:9px;padding-top:10px;display:flex}.qa-a-label{color:var(--accent);letter-spacing:.04em;flex:none;padding-top:2px;font-size:9.5px}.qa-a-text{color:var(--text-2);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.8}.review{margin-top:44px}.review-lead{color:var(--text-2);margin-top:10px;font-size:13.5px;line-height:1.9}.review-form{flex-direction:column;gap:16px;margin-top:18px;display:flex}.rf-row{flex-direction:column;gap:8px;display:flex}.rf-label{color:var(--text-3);letter-spacing:.06em;font-size:11.5px}.rf-opt{color:var(--text-3);border:1px solid var(--line);border-radius:99px;margin-left:4px;padding:1px 7px;font-size:10px}.rf-types{flex-wrap:wrap;gap:8px 16px;display:flex}.rf-radio{color:var(--text-2);cursor:pointer;align-items:center;gap:7px;font-size:13.5px;display:inline-flex}.rf-radio input{accent-color:var(--accent);width:15px;height:15px}.rf-input{width:100%;font-family:var(--sans);color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:10px;outline:none;padding:11px 13px;font-size:16px;transition:border-color .2s}.rf-input::placeholder{color:var(--text-3)}.rf-input:focus{border-color:var(--accent)}.rf-textarea{resize:vertical;min-height:132px;line-height:1.85}.rf-hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.rf-foot{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rf-msg{color:var(--text-2);font-size:12.5px}.review-form .btn-demo:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}@media (width>=720px){.rf-row{grid-template-columns:112px 1fr;align-items:start;gap:14px;display:grid}.rf-label{padding-top:12px}.rf-types{padding-top:11px}}.toc{flex-direction:column;gap:11px;margin-top:20px;display:flex}.toc-label{font-family:var(--disp);letter-spacing:.22em;color:var(--text-3);text-transform:uppercase;font-size:10px;font-weight:700}.toc-links{flex-wrap:wrap;gap:8px 9px;display:flex}.toc-link{color:var(--text-2);border:1px solid var(--line);white-space:nowrap;background:0 0;border-radius:99px;align-items:center;gap:7px;padding:7px 14px;font-size:12.5px;text-decoration:none;transition:color .2s,border-color .2s,transform .2s;display:inline-flex}.toc-link:hover{color:var(--text);border-color:var(--text-3);transform:translateY(-1px)}.toc-num{color:var(--text-3);letter-spacing:.06em;font-size:9.5px}.site-footer{border-top:1px solid var(--line);margin-top:72px}.footer-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;max-width:1120px;margin:0 auto;padding:30px 28px 8px;display:flex}.footer-media{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.f-link{color:var(--text-2);align-items:center;gap:6px;font-size:12.5px;text-decoration:none;transition:color .2s;display:inline-flex}a.f-link:hover{color:var(--text)}.f-link.is-prep{opacity:.5}.footer-base{max-width:1120px;color:var(--text-3);letter-spacing:.04em;margin:0 auto;padding:6px 28px 26px;font-size:11px}@media (width>=1200px){.header-in,.page-in,.footer-in,.footer-base{max-width:1280px}.detail{max-width:860px}.works-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.header-in{flex-wrap:wrap;gap:8px 10px;padding:12px 18px}.brand{margin-right:auto}.brand-name{font-size:16px}.site-nav{flex-basis:100%;order:5;gap:2px;margin-left:0}.nav-link{padding:6px 7px;font-size:12.5px}.palette-btn .pk{display:none}.page-in{padding:0 20px 72px}.hero{padding-top:64px}.hero-lead{font-size:15px}.wave.is-hero{gap:3px;height:60px;margin-top:28px}.section{margin-top:76px}.sec-ja{font-size:20px}.works-grid{grid-template-columns:1fr;gap:20px}.wave{height:116px;padding:20px}.wave.is-banner{height:128px}.footer-in{padding:24px 20px 6px}.footer-base{padding:4px 20px 22px}.detail-title h1{font-size:26px}.detail-foot{grid-template-columns:1fr 1fr}.pn-mid{order:3;grid-column:1/-1;justify-self:center}.cta-panel{padding:24px 22px}.cta-t{font-size:16.5px}.post-title{white-space:normal;line-height:1.7}.filter-label{width:100%}.pulse-wrap{max-width:none}.pulse-card{min-width:0}.pulse-label{font-size:10.5px}.hist-stats{gap:18px}.hist-stats .pulse-label{width:100%;margin-left:0}.upd-date{width:72px;font-size:10.5px}.upd-row:before{left:85px}}.page{animation:.4s both pageIn}.rise{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1);transform:translateY(14px)}.rise.in-view{opacity:1;transform:none}.works-grid>.rise{display:grid}.rise>.card{height:100%}@keyframes pageIn{0%{opacity:0}}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in oklab, currentColor 45%, transparent)}70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page,.rise,.badge .dot,.wave i,.bg-art,.hero-eyebrow:before,.card-stack,.stack-card{transition:none!important;animation:none!important}.rise{opacity:1!important;transform:none!important}}