:root{--hue:252;--glowAmt:1;--mono:"JetBrains Mono", ui-monospace, monospace;--sans:"Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", sans-serif}html[data-theme=light]{color-scheme:light;--bg:oklch(98.5% .005 85);--surface:oklch(99.8% .002 85);--surface-2:oklch(96.2% .008 85);--text:oklch(29% .014 75);--text-2:oklch(52% .016 75);--text-3:oklch(66% .014 75);--line:oklch(90.5% .01 85);--accL:.52;--accC:.17;--accent:oklch(var(--accL) var(--accC) var(--hue));--accent-strong:oklch(calc(var(--accL) - .06) var(--accC) var(--hue));--accent-ink:oklch(.99 .005 var(--hue));--accent-soft:oklch(var(--accL) var(--accC) var(--hue) / .09);--status-l:.52;--status-a:.13;--code-bg:oklch(27% .015 270);--code-ink:oklch(92% .01 85);--glow:0 6px 22px -8px oklch(var(--accL) var(--accC) var(--hue) / calc(.55 * var(--glowAmt)));--glow-lg:0 8px 30px -8px oklch(var(--accL) var(--accC) var(--hue) / calc(.7 * var(--glowAmt)));--shadow:0 1px 2px oklch(30% .01 75/.05), 0 10px 28px -16px oklch(30% .01 75/.18)}html[data-theme=dark]{color-scheme:dark;--bg:oklch(21.5% .008 270);--surface:oklch(25.5% .01 270);--surface-2:oklch(29% .012 270);--text:oklch(93% .006 85);--text-2:oklch(70% .01 80);--text-3:oklch(55% .01 80);--line:oklch(34% .012 270);--accL:.74;--accC:.14;--accent:oklch(var(--accL) var(--accC) var(--hue));--accent-strong:oklch(calc(var(--accL) + .06) var(--accC) var(--hue));--accent-ink:oklch(.2 .03 var(--hue));--accent-soft:oklch(var(--accL) var(--accC) var(--hue) / .12);--status-l:.74;--status-a:.16;--code-bg:oklch(17% .01 270);--code-ink:oklch(88% .01 85);--glow:0 0 24px -4px oklch(var(--accL) var(--accC) var(--hue) / calc(.45 * var(--glowAmt)));--glow-lg:0 0 36px -4px oklch(var(--accL) var(--accC) var(--hue) / calc(.6 * var(--glowAmt)));--shadow:0 1px 2px oklch(0% 0 0/.3), 0 12px 32px -16px oklch(0% 0 0/.5)}html[data-theme=light][data-tone=white]{--bg:oklch(100% 0 0);--surface:oklch(100% 0 0);--surface-2:oklch(96.2% 0 0);--text:oklch(27% 0 0);--text-2:oklch(51% 0 0);--text-3:oklch(65% 0 0);--line:oklch(90.5% 0 0)}html[data-theme=dark][data-tone=white]{--bg:oklch(21.5% 0 0);--surface:oklch(25.5% 0 0);--surface-2:oklch(29% 0 0);--text:oklch(93% 0 0);--text-2:oklch(70% 0 0);--text-3:oklch(55% 0 0);--line:oklch(34% 0 0)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);font-family:var(--sans);color:var(--text);transition:background-color .3s,color .3s}.mono{font-family:var(--mono)}.app{flex-direction:column;min-height:100vh;display:flex}.page{flex:1}.bg-fx{z-index:-1;pointer-events:none;--pmx:0;--pmy:0;position:fixed;inset:0;overflow:hidden}.bg-fx span{filter:blur(64px);opacity:.5;border-radius:50%;position:absolute}.bg-fx span:first-child{width:46vmax;height:46vmax;transform:translate3d(calc(var(--pmx) * 36px), calc(var(--pmy) * 34px), 0);background:radial-gradient(circle,oklch(55% .17 252/.5),#0000 70%);animation:32s ease-in-out infinite drift1;top:-12vmax;left:-8vmax}.bg-fx span:nth-child(2){width:40vmax;height:40vmax;transform:translate3d(calc(var(--pmx) * -26px), calc(var(--pmy) * 30px), 0);background:radial-gradient(circle,oklch(55% .17 298/.42),#0000 70%);animation:41s ease-in-out infinite drift2;top:16vmax;right:-6vmax}.bg-fx span:nth-child(3){width:38vmax;height:38vmax;transform:translate3d(calc(var(--pmx) * 20px), calc(var(--pmy) * -30px), 0);background:radial-gradient(circle,oklch(58% .16 196/.4),#0000 70%);animation:37s ease-in-out infinite drift3;bottom:-16vmax;left:22vmax}html[data-theme=dark] .bg-fx span:first-child{background:radial-gradient(circle,oklch(72% .15 252/.5),#0000 70%)}html[data-theme=dark] .bg-fx span:nth-child(2){background:radial-gradient(circle,oklch(72% .15 298/.42),#0000 70%)}html[data-theme=dark] .bg-fx span:nth-child(3){background:radial-gradient(circle,oklch(74% .14 196/.4),#0000 70%)}html[data-theme=dark] .bg-fx span{opacity:.42;filter:blur(72px)}@keyframes drift1{0%,to{translate:0}33%{translate:7vmax 6vmax}66%{translate:-5vmax 9vmax}}@keyframes drift2{0%,to{translate:0}50%{translate:-9vmax 5vmax}}@keyframes drift3{0%,to{translate:0}40%{translate:6vmax -7vmax}75%{translate:-7vmax -2vmax}}@media (prefers-reduced-motion:reduce){.bg-fx span{animation:none!important}}a{color:inherit}.ext{opacity:.65;flex:none}[hidden]{display:none!important}.site-header{z-index:20;background:color-mix(in oklab, var(--bg) 82%, 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:1060px;margin:0 auto;padding:14px 28px 10px;display:flex}.brand{letter-spacing:.01em;white-space:nowrap;flex-shrink:0;font-size:17px;font-weight:700;text-decoration:none}.caret{color:var(--accent);animation:1.2s steps(2,end) infinite blink}.site-nav{gap:4px;margin-left:auto;display:flex}.nav-link{color:var(--text-2);white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:14px;text-decoration:none;transition:color .2s,background-color .2s;display:inline-flex}.nav-link:hover{color:var(--text);background:var(--surface-2)}.nav-link.is-active{color:var(--accent);font-weight:700}.theme-toggle{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:color .2s,border-color .2s,box-shadow .25s,transform .2s;display:inline-flex}.theme-toggle:hover{color:var(--accent);border-color:var(--accent);box-shadow:var(--glow);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,html[data-theme=dark] .tone-toggle{display:none}.palette-btn{border:1px solid var(--line);background:var(--surface);height:34px;color:var(--text-2);cursor:pointer;border-radius:99px;align-items:center;gap:6px;padding:0 11px;transition:color .2s,border-color .2s,box-shadow .25s;display:inline-flex}.palette-btn .pk{letter-spacing:.05em;font-size:10px}.palette-btn:hover{color:var(--accent);border-color:var(--accent);box-shadow:var(--glow)}.path-bar{max-width:1060px;color:var(--text-3);letter-spacing:.04em;margin:0 auto;padding:0 28px 9px;font-size:10.5px}.path-seg{color:var(--text-3);text-decoration:none}a.path-seg:hover{color:var(--accent);text-decoration:underline}.path-host{opacity:.85}.path-cur{color:var(--accent)}.path-sep{opacity:.55;margin:0 4px}.page-in{max-width:1060px;margin:0 auto;padding:0 28px 80px}.section{margin-top:72px}.sec-label{flex-direction:column;gap:6px;display:flex}.sec-en{color:var(--accent);letter-spacing:.08em;font-size:13px;font-weight:500}.sec-ja{letter-spacing:.01em;font-size:24px;font-weight:700}.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(--accent), var(--accent)) no-repeat left bottom / 0% 1.5px;padding-bottom:2px;font-size:13px;text-decoration:none;transition:color .25s,background-size .3s}.more-link:hover{color:var(--accent);background-size:100% 1.5px}.hero{max-width:660px;padding:96px 0 0}.hero-eyebrow{color:var(--text-2);font-size:14px}.hero-eyebrow .caret{animation:1s steps(2,end) infinite blink}.hero-name{letter-spacing:-.02em;margin-top:14px;font-size:clamp(48px,8vw,76px);font-weight:700;line-height:1.1}.hero-lead{color:var(--text);margin-top:14px;font-size:20px;font-weight:500}.hero-intro{color:var(--text-2);text-wrap:pretty;margin-top:16px;font-size:15px;line-height:2}.hero-cta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px;display:flex}.btn-demo{background:var(--accent);color:var(--accent-ink);white-space:nowrap;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--sans);box-shadow:var(--glow);border:none;border-radius:10px;align-items:center;gap:7px;padding:10px 20px;text-decoration:none;transition:background-color .2s,box-shadow .25s,transform .2s;display:inline-flex}.btn-demo:hover{background:var(--accent-strong);box-shadow:var(--glow-lg);transform:translateY(-1px)}.btn-demo:active{transform:translateY(0)}.link-pill{color:var(--text-2);white-space:nowrap;cursor:pointer;border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s,box-shadow .25s,transform .2s;display:inline-flex}.link-pill:hover{color:var(--accent);border-color:var(--accent);box-shadow:var(--glow);transform:translateY(-1px)}.media-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-top:24px;display:grid}.media-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:6px;padding:18px 20px;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex}.media-card:not(.is-prep):hover{border-color:color-mix(in oklch, var(--accent) 45%, var(--line));box-shadow:var(--shadow), var(--glow);transform:translateY(-3px)}.m-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.m-name{font-size:15px;font-weight:700}.m-role{color:var(--text-2);font-size:12.5px}.media-card.is-prep{opacity:.55;cursor:default}.prep-badge{color:var(--text-2);border:1px solid var(--line);background:var(--surface-2);letter-spacing:.06em;border-radius:99px;padding:2px 7px;font-size:10px;font-weight:500}.works-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;margin-top:24px;display:grid}.card{background:var(--surface);border:1px solid var(--line);cursor:pointer;outline-offset:3px;border-radius:16px;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.card:hover,.card:focus-visible{border-color:color-mix(in oklch, var(--accent) 45%, var(--line));box-shadow:var(--shadow), var(--glow);transform:translateY(-3px)}.card-body{flex-direction:column;flex:1;gap:12px;padding:18px 20px 20px;display:flex}.card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.card-head h3{letter-spacing:-.01em;font-size:17px;font-weight:700}.card-summary{color:var(--text-2);text-wrap:pretty;flex:1;font-size:13.5px;line-height:1.85}.date-line{color:var(--text-3);align-items:center;gap:6px;font-size:11.5px;display:flex}.date-line svg{opacity:.8;flex:none}.dl-sep{opacity:.6}.card-trade{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.trade-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.price-badge{letter-spacing:.02em;white-space:nowrap;border-radius:99px;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.price-badge.is-free{color:oklch(var(--status-l) .13 155);background:oklch(var(--status-l) .13 155 / var(--status-a))}.price-badge.is-buyout{color:var(--accent);background:var(--accent-soft)}.price-badge.is-sub{color:oklch(var(--status-l) .13 295);background:oklch(var(--status-l) .13 295 / var(--status-a))}.price-trial{color:var(--text-3);font-size:10.5px}.card-foot{flex-direction:column;gap:12px;display:flex}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{color:var(--text-3);background:var(--surface-2);border-radius:6px;padding:3px 8px;font-size:11px}.work-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card .btn-demo{padding:7px 14px;font-size:12.5px}.card .link-pill{padding:6px 11px;font-size:11.5px}.btn-buy{gap:9px}.buy-host{opacity:.85;border-left:1px solid color-mix(in oklch, var(--accent-ink) 32%, transparent);padding-left:9px;font-size:11.5px;font-weight:600}.card .buy-host{padding-left:7px;font-size:10.5px}.badge{white-space:nowrap;letter-spacing:.03em;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:3px 9px;font-size:11px;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}.thumb{aspect-ratio:16/9;background:repeating-linear-gradient(-45deg, oklch(.6 .09 var(--tH) / .06) 0 10px, transparent 10px 20px), linear-gradient(135deg, oklch(.7 .08 var(--tH) / .18), oklch(.6 .1 calc(var(--tH) + 40) / .1));border-bottom:1px solid var(--line);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.thumb-letter{color:oklch(var(--status-l,.52) .11 var(--tH) / .8);font-size:54px;font-weight:700;transition:transform .35s}.card:hover .thumb-letter{transform:translateY(-3px)scale(1.05)}.thumb-note{letter-spacing:.1em;color:var(--text-3);opacity:.7;font-size:9.5px;position:absolute;bottom:8px;right:12px}.thumb.is-banner{aspect-ratio:21/8;border:1px solid var(--line);border-radius:16px;margin-top:20px}.thumb.is-banner .thumb-letter{font-size:72px}.page-head{padding-top:56px}.page-desc{color:var(--text-2);text-wrap:pretty;max-width:560px;margin-top:14px;font-size:14px;line-height:1.9}.detail{max-width:760px}.back-link{color:var(--text-2);margin-top:32px;font-size:13px;text-decoration:none;transition:color .2s,transform .2s;display:inline-block}.back-link:hover{color:var(--accent);transform:translate(-3px)}.detail-head{flex-direction:column;gap:14px;margin-top:26px;display:flex}.detail-title{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.detail-title h1{letter-spacing:-.02em;font-size:clamp(30px,5vw,42px);font-weight:700}.detail-summary{color:var(--text-2);text-wrap:pretty;font-size:16px;line-height:1.95}.work-links.is-lg{margin-top:6px}.work-links.is-lg .btn-demo{padding:11px 24px;font-size:15px}.work-links.is-lg .link-pill{padding:9px 16px;font-size:13px}.work-links.is-lg .buy-host{font-size:12.5px}.rule{border:none;border-top:1px solid var(--line);margin:36px 0}.body{flex-direction:column;gap:18px;display:flex}.body h2,.body-h2{border-left:3px solid var(--accent);margin-top:18px;padding-left:14px;scroll-margin-top:86px;font-size:20px;font-weight:700}.body-h2{margin-top:36px;display:block}.body p{color:var(--text-2);text-wrap:pretty;font-size:15px;line-height:2.1}.body ul{flex-direction:column;gap:8px;padding-left:4px;list-style:none;display:flex}.body li{color:var(--text-2);padding-left:20px;font-size:14.5px;line-height:1.9;position:relative}.body li:before{content:"▸";color:var(--accent);font-size:12px;position:absolute;left:2px}.body blockquote{color:var(--text);background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;padding:14px 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);border:1px solid color-mix(in oklab, var(--code-bg) 70%, var(--accent));font-size:13px;line-height:1.8;font-family:var(--mono);border-radius:12px;padding:18px 22px;overflow-x:auto}.video-ph{aspect-ratio:16/9;border:1px dashed var(--line);background:repeating-linear-gradient(-45deg, var(--surface-2) 0 12px, transparent 12px 24px);border-radius:14px;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:20px;padding-top:20px;display:grid}.pn-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;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 oklch, var(--accent) 45%, var(--line));box-shadow:var(--glow);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:14px;font-weight:700}.pn-mid{align-self:center}.now-wrap{grid-template-columns:1fr 430px;align-items:stretch;gap:16px;margin-top:24px;display:grid}.now-list{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:18px;padding:22px 24px;display:flex}.now-row{gap:14px;display:flex}.now-dot{background:var(--line);border-radius:50%;flex:none;width:9px;height:9px;margin-top:6px}.now-dot.is-latest{background:var(--accent);color:var(--accent);animation:2.4s ease-out infinite pulse}.now-meta{align-items:center;gap:10px;display:flex}.now-app{color:var(--accent);background:var(--accent-soft);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.now-date{color:var(--text-3);font-size:11px}.now-text{color:var(--text);margin-top:5px;font-size:14px;line-height:1.9}.pulse-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;justify-content:center;gap:2px;padding:18px 20px;display:flex}.pulse-title{color:var(--accent);letter-spacing:.08em;margin-bottom:8px;font-size:11px}.pulse-row{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:9px 6px;text-decoration:none;transition:background-color .2s;display:flex}.pulse-row:hover{background:var(--accent-soft)}.pulse-name{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:12px;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) 32%, transparent);border-radius:2px 2px 0 0}.sp-bar.recent{background:var(--accent)}.pulse-label{font-size:11.5px;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:oklch(var(--status-l) .12 85)}.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:14px;flex-direction:column;gap:14px;margin-top:24px;padding:20px 22px;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(--accent-soft);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:28px;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(--mono);border:1px solid var(--line);background:var(--surface);color:var(--text-2);cursor:pointer;white-space:nowrap;border-radius:99px;padding:5px 12px;font-size:11.5px;transition:color .2s,border-color .2s,background-color .2s,box-shadow .25s}.chip:hover{color:var(--accent);border-color:var(--accent)}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:var(--glow)}.filter-count{color:var(--text-3);letter-spacing:.08em;margin-top:20px;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(20% .01 270/.4);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), var(--glow);border-radius:16px;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(--accent-soft)}.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)}}.changelog{flex-direction:column;margin-top:4px;display:flex}.cl-row{border-bottom:1px dashed var(--line);align-items:baseline;gap:14px;padding:11px 2px;display:flex}.cl-v{color:var(--accent);flex:none;min-width:56px;font-size:12px;font-weight:700}.cl-d{color:var(--text-3);flex:none;font-size:11px}.cl-t{color:var(--text-2);font-size:13.5px}.share-row{align-items:center;gap:10px;margin-top:48px;display:flex}.share-label{color:var(--accent);letter-spacing:.08em;margin-right:4px;font-size:11px}.price-row{align-items:center;gap:10px;margin-top:4px;display:flex}.price-text{color:var(--text-2);font-size:12.5px}.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), var(--glow);border-radius:16px;width:calc(100% - 32px);max-width:440px;margin:auto;padding:0}.ext-dialog::backdrop{backdrop-filter:blur(2px);background:oklch(0% 0 0/.42)}.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{color:var(--accent);letter-spacing:.1em;font-size:11px}.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}.review{margin-top:44px}.review-lead{color:var(--text-2);margin:6px 0 18px;font-size:14px;line-height:1.7}.review-form{flex-direction:column;gap:16px;max-width:640px;display:flex}.rf-row{flex-direction:column;gap:7px;display:flex}.rf-label{color:var(--text);font-size:12.5px;font-weight:600}.rf-opt{color:var(--text-3);font-size:10.5px;font-weight:400}.rf-types{flex-wrap:wrap;gap:18px;display:flex}.rf-radio{color:var(--text-2);cursor:pointer;align-items:center;gap:6px;font-size:13.5px;display:inline-flex}.rf-radio input{accent-color:var(--accent)}.rf-input{font-family:var(--sans);color:var(--text);background:var(--surface);border:1px solid var(--line);box-sizing:border-box;border-radius:10px;width:100%;padding:10px 13px;font-size:14px;transition:border-color .2s,box-shadow .2s}.rf-input::placeholder{color:var(--text-3)}.rf-input:focus{border-color:var(--accent);box-shadow:var(--glow);outline:none}.rf-textarea{resize:vertical;min-height:130px;line-height:1.75}.rf-hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.rf-foot{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.rf-msg{color:var(--text-2);font-size:12.5px}.filter-div{background:var(--line);width:1px;height:18px;margin:0 4px}.price-dialog{background:var(--surface);border:1px solid var(--line);width:460px;max-width:100%;box-shadow:var(--shadow), var(--glow);border-radius:16px;flex-direction:column;gap:16px;padding:22px 24px;animation:.25s cubic-bezier(.2,.7,.2,1) both palIn;display:flex}.pd-title{color:var(--accent);letter-spacing:.08em;font-size:12px}.pd-row{align-items:center;gap:14px;display:flex}.pd-label{color:var(--text-3);letter-spacing:.1em;flex:none;width:38px;font-size:10px}.pd-seg{background:var(--surface-2);border-radius:10px;gap:2px;padding:3px;display:flex}.pd-seg button{font-family:var(--mono);color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:11.5px;transition:background-color .2s,color .2s}.pd-seg button.on{background:var(--accent);color:var(--accent-ink);box-shadow:var(--glow)}.pd-range{color:var(--text-2);align-items:center;gap:6px;font-size:12px;display:flex}.pd-range input{width:88px;font-family:var(--mono);color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;outline:none;padding:7px 10px;font-size:13px;transition:border-color .2s,box-shadow .25s}.pd-range input:focus{border-color:var(--accent);box-shadow:var(--glow)}.pd-presets{flex-wrap:wrap;gap:8px;display:flex}.pd-note{color:var(--text-3);padding-left:52px;font-size:11px}.pd-actions{justify-content:flex-end;gap:10px;margin-top:2px;display:flex}.pd-apply{padding:9px 20px;font-size:13px}.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;width:11px;height:11px;box-shadow:var(--glow);border-radius:50%;flex:none;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(--mono);border:none;border-radius:6px;padding:2px 9px;text-decoration:none;transition:box-shadow .25s}.upd-app:hover{box-shadow:var(--glow)}.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:96px;display:flex}.nf-code{letter-spacing:-.03em;color:var(--accent);text-shadow:var(--glow-lg);font-size:clamp(64px,11vw,110px);font-weight:700;line-height:1}.nf-cmd{color:var(--text-2);font-size:13px;line-height:2}.nf-err{color:oklch(var(--status-l) .13 25)}.nf-msg{color:var(--text-2);font-size:14.5px;line-height:2}.f-link.is-404{opacity:.7}.roadmap{flex-direction:column;margin-top:4px;display:flex}.rm-row{border-bottom:1px dashed var(--line);align-items:center;gap:14px;padding:11px 2px;display:flex}.rm-state{white-space:nowrap;border-radius:99px;flex:none;align-items:center;gap:6px;padding:3px 10px;font-size:10.5px;display:inline-flex}.rm-state .dot{background:currentColor;border-radius:50%;width:5px;height:5px}.rm-state.is-doing{color:oklch(var(--status-l) .13 155);background:oklch(var(--status-l) .13 155 / var(--status-a))}.rm-state.is-doing .dot{animation:2.4s ease-out infinite pulse}.rm-state.is-planned{color:var(--text-3);background:var(--surface-2)}.rm-label{color:var(--text-2);font-size:13.5px}.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:11px;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(--accent-soft)}.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(--accent-soft)}.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}.toc{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;gap:11px;margin-top:18px;padding:15px 18px 16px;display:flex}.toc-label{letter-spacing:.14em;color:var(--text-3);font-size:10.5px}.toc-links{flex-wrap:wrap;gap:8px 9px;display:flex}.toc-link{color:var(--text-2);border:1px solid var(--line);background:var(--bg);white-space:nowrap;border-radius:99px;align-items:center;gap:7px;padding:6px 13px;font-size:12.5px;text-decoration:none;transition:color .2s,border-color .2s,box-shadow .25s,transform .2s;display:inline-flex}.toc-link:hover{color:var(--text);border-color:var(--accent);box-shadow:var(--glow);transform:translateY(-1px)}.toc-num{color:var(--accent);letter-spacing:.06em;font-size:9.5px}.site-footer{border-top:1px solid var(--line);background:var(--surface);margin-top:40px}.footer-in{grid-template-columns:1fr auto auto;gap:56px;max-width:1060px;margin:0 auto;padding:44px 28px 32px;display:grid}.footer-brand{flex-direction:column;gap:10px;max-width:300px;display:flex}.footer-note{color:var(--text-2);font-size:12.5px;line-height:1.9}.footer-h{color:var(--accent);letter-spacing:.08em;font-size:11px}.footer-links ul{flex-direction:column;gap:9px;margin-top:12px;list-style:none;display:flex}.f-link{color:var(--text-2);align-items:center;gap:6px;font-size:13px;text-decoration:none;transition:color .2s;display:inline-flex}a.f-link:hover{color:var(--accent)}.f-link.is-prep{opacity:.55}.footer-base{max-width:1060px;color:var(--text-3);letter-spacing:.04em;margin:0 auto;padding:0 28px 28px;font-size:11px}@media (width>=1200px){.header-in,.path-bar,.page-in,.footer-in,.footer-base{max-width:1360px}.hero{max-width:800px}.detail{max-width:880px}.media-grid{grid-template-columns:repeat(4,1fr)}.now-wrap{grid-template-columns:1fr 500px}}@media (width<=720px){.header-in{flex-wrap:wrap;gap:10px;padding:12px 18px}.brand{margin-right:auto}.site-nav{flex-basis:100%;order:5;gap:2px;margin-left:0}.page-in{padding:0 20px 64px}.hero{padding-top:56px}.hero-lead{font-size:18px}.section{margin-top:56px}.sec-ja{font-size:21px}.works-grid{grid-template-columns:1fr}.media-grid{grid-template-columns:1fr 1fr}.footer-in{grid-template-columns:1fr 1fr;gap:28px;padding:36px 20px 24px}.footer-brand{grid-column:1/-1}.thumb.is-banner{aspect-ratio:16/9}.detail-title h1{font-size:30px}.detail-foot{grid-template-columns:1fr 1fr}.pn-mid{order:3;grid-column:1/-1;justify-self:center}.post-title{white-space:normal;line-height:1.7}.filter-label{width:100%}.now-wrap{grid-template-columns:minmax(0,1fr)}.now-list,.pulse-card{min-width:0}.pulse-label{font-size:10.5px}.pd-note{padding-left:0}.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}.nav-link{padding:6px;font-size:12px}.palette-btn .pk{display:none}.path-bar{padding:0 18px 8px}}.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,.media-grid>.rise{display:grid}.rise>.card,.rise>.media-card{height:100%}@keyframes pageIn{0%{opacity:0}}@keyframes blink{50%{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}}.badge-row{flex:none;align-items:center;gap:6px;display:flex}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page,.rise,.caret,.badge .dot,.thumb-letter{transition:none!important;animation:none!important}.rise{opacity:1!important;transform:none!important}}