:root{--font:"Noto Sans JP", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-2xs:normal 10px/18px var(--font);--text-xs:normal 12px/20px var(--font);--text-s:normal 14px/22px var(--font);--text-m:normal 16px/24px var(--font);--text-l:normal 20px/28px var(--font);--text-xs-bold:bold 12px/20px var(--font);--text-s-bold:bold 14px/22px var(--font);--text-m-bold:bold 16px/24px var(--font);--text-l-bold:bold 20px/28px var(--font);--fg-default:#333;--fg-muted:#666;--fg-subtle:#999;--fg-on-emphasis:#fff;--bg-surface:#fff;--bg-canvas:#f9f9f9;--bg-inset:#f5f5f5;--bg-inset-hover:#f1f1f1;--bg-section:#f1f1f1;--bg-footer:#e0e0e0;--bg-emphasis:#333;--border-default:#e0e0e0;--border-subtle:#eee;--border-strong:#333;--shadow-default:0 0 6px 0 #2a16161a;--spring:cubic-bezier(.34, 1.56, .64, 1);--section-radius:60px}html,body{background:var(--bg-surface);color:var(--fg-default);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}.pv-page{min-height:100vh;position:relative;overflow:hidden}.pv-yui,.pv-github{z-index:10;display:block;position:absolute}.pv-yui{width:100px;top:30px;left:40px}.pv-github{aspect-ratio:1;width:60px;transition:transform .36s var(--spring);top:16px;right:16px}.pv-yui img,.pv-github img{width:100%;display:block}@media (hover:hover){.pv-github:hover{transform:rotate(-8deg)scale(1.06)}}.pv-hero{justify-items:center;row-gap:18px;padding-top:120px;display:grid}.pv-hero-logo{--logo-scale:.8;width:calc(360px * var(--logo-scale));height:calc(99px * var(--logo-scale));display:block}.pv-logo{transform-origin:0 0;width:360px;height:99px;transform:scale(var(--logo-scale,1));position:relative}.pv-logo[data-tone=dark]{--logo-ink:#000;--logo-body:#fff;--heart-a:#666;--heart-b:#000}.pv-logo[data-tone=light]{--logo-ink:#fff;--logo-body:var(--bg-footer);--heart-a:#eee;--heart-b:#fff}.pv-logo-symbol{width:113px;position:absolute;top:0;left:0}.pv-logo-typo{width:229.5px;position:absolute;bottom:11px;right:7px}.pv-symbol,.pv-typo{width:100%;display:block;overflow:visible}.pv-symbol-stroke{fill:none;stroke:var(--logo-ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:10px}.pv-symbol-body{fill:var(--logo-body)}.pv-symbol-eye,.pv-typo-letter{fill:var(--logo-ink)}.pv-heart{--size:14px;width:var(--size);height:var(--size);position:absolute;top:-20px}.pv-heart:before,.pv-heart:after{content:"";transform-origin:bottom;border-radius:999px;width:100%;height:150%;display:block;position:absolute;bottom:0;left:0}.pv-heart:before{background:var(--heart-a);transform:translate(-32%)rotate(45deg)}.pv-heart:after{background:var(--heart-b);transform:translate(32%)rotate(-45deg)}.pv-heart-1{right:-2px}.pv-heart-2{right:76px}.pv-symbol-eyes{transform:translate(-7px)}.pv-concept{width:320px;max-width:calc(100% - 48px);display:block}.pv-kicker{border:2px solid var(--border-default);color:var(--fg-subtle);font:var(--text-xs-bold);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin:0;padding:2px 12px}.pv-tabs{max-width:900px;margin:28px auto 0;padding:0 24px}.pv-tabs-scroller{--fade:32px;--fade-left:0px;--fade-right:0px;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-left), #000 calc(100% - var(--fade-right)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-left), #000 calc(100% - var(--fade-right)), transparent 100%);overflow-x:auto}.pv-tabs-scroller::-webkit-scrollbar{display:none}.pv-tabs-scroller[data-can-prev=true]{--fade-left:var(--fade)}.pv-tabs-scroller[data-can-next=true]{--fade-right:var(--fade)}.pv-tabs-list{width:max-content;margin:0 auto;padding-bottom:5px;display:flex;position:relative}.pv-tabs-list:before{content:"";background:var(--border-subtle);border-radius:999px;height:5px;position:absolute;bottom:0;left:0;right:0}.pv-tab{color:var(--fg-subtle);font:var(--text-s);white-space:nowrap;padding:12px 16px;text-decoration:none;transition:color .16s linear;position:relative}.pv-tab:hover{color:var(--fg-muted)}.pv-tab[data-selected=true]{color:var(--fg-default);font:var(--text-s-bold)}.pv-tab[data-selected=true]:after{content:"";background:var(--border-strong);border-radius:999px;height:5px;position:absolute;bottom:-5px;left:0;right:0}.pv-tab:focus-visible{outline:2px solid var(--border-default);outline-offset:-2px;border-radius:8px}.pv-stage{margin-top:28px;position:relative}.pv-stage:before{content:"";background:var(--bg-section);border-radius:var(--section-radius) var(--section-radius) 0 0;width:100%;height:50%;position:absolute;bottom:0;left:0}.pv-viewer{position:relative}.pv-footer{background:var(--bg-section);margin-top:-1px;padding:125px 24px 50px;position:relative}.pv-footer:before{content:"";background:var(--bg-footer);border-radius:var(--section-radius) var(--section-radius) 0 0;position:absolute;inset:60px 0 0}.pv-footer-logo{--logo-scale:.8;width:calc(360px * var(--logo-scale));height:calc(99px * var(--logo-scale));margin:0 auto;position:relative}.pv-copyright{color:#fff;font:bold 18px/1.45 var(--font);text-align:center;margin-top:16px;position:relative}.pv-back{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--shadow-default);color:var(--fg-default);font:var(--text-xs-bold);transition:transform .36s var(--spring);background:#fffc;border-radius:999px;padding:8px 16px;text-decoration:none;position:fixed;top:20px;right:20px}@media (hover:hover){.pv-back:hover{transform:scale(1.05)}}@media (width<=767px){:root{--section-radius:30px}.pv-yui{width:80px;top:16px;left:16px}.pv-github{width:50px;top:8px;right:8px}.pv-hero{row-gap:14px;padding-top:96px}.pv-hero-logo,.pv-footer-logo{--logo-scale:.61}.pv-concept{width:260px}.pv-tabs{padding:0 16px}.pv-tab{font:var(--text-xs);padding:8px 12px}.pv-tab[data-selected=true]{font:var(--text-xs-bold)}.pv-stage{margin-top:20px}.pv-copyright{font-size:14px}.pv-back{top:74px;right:12px}}