:root{--bg: oklch(99% .006 240);--bg-2: oklch(96% .018 235);--ink: oklch(24% .05 250);--ink-2: oklch(48% .04 245);--line: oklch(90% .018 235);--pink: oklch(62% .18 250);--cyan: oklch(78% .13 220);--yellow: oklch(88% .1 215);--lilac: oklch(72% .13 270);--green: oklch(72% .14 195);--shadow: 0 1px 0 rgba(255, 255, 255, .6) inset, 0 12px 32px -16px oklch(40% .1 250 / .35);--font-display: "Outfit", "Noto Sans JP", sans-serif;--font-body: "Plus Jakarta Sans", "Noto Sans JP", system-ui, "Hiragino Kaku Gothic ProN", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}:root{--accent: oklch(52% .16 250);--accent-strong: oklch(42% .14 250);--accent-wash: oklch(96% .028 250);--accent-line: oklch(88% .045 250);--side-bg: oklch(97.2% .018 250);--surface: oklch(96.5% .012 250);--mark: linear-gradient(135deg, var(--pink), var(--cyan));--warn-ink: oklch(42% .09 75);--warn-bg: oklch(97% .03 85);--warn-line: oklch(88% .06 80);--radius-card: 20px;--radius-panel: 16px;--radius-item: 10px}[data-product=mocap]{--mark: linear-gradient(135deg, oklch(62% .25 333), oklch(70% .19 315))}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);line-height:1.85;-webkit-font-smoothing:antialiased}a{color:var(--accent)}code{background-color:var(--surface);border:1px solid var(--line);border-radius:6px;padding:.15em .4em;font-size:.92em;font-family:var(--font-mono)}.layout{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;width:284px;flex-shrink:0;height:100vh;overflow-y:auto;background:var(--side-bg);border-right:1px solid var(--line);display:flex;flex-direction:column}.content{flex:1;min-width:0;background:#fff}.masthead{display:flex;align-items:center;gap:11px;padding:20px 20px 18px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.masthead-mark{width:36px;height:36px;flex-shrink:0;border-radius:11px;background:var(--mark);display:grid;place-items:center;color:#fff;font-family:var(--font-display);font-weight:800;font-size:1.05rem;line-height:1}.masthead-text{display:flex;flex-direction:column;min-width:0;line-height:1.3}.masthead-product{font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:-.01em}.masthead-label{font-size:.76rem;color:var(--ink-2)}.masthead:hover .masthead-product{color:var(--accent)}.top-menu{flex:1;padding:14px 0 24px}.top-menu-inner{display:flex;flex-direction:column;gap:1px;padding:0 10px}.top-menu-section{display:flex;flex-direction:column;gap:1px;margin-top:16px}.top-menu-section-title{padding:0 10px 5px;font-size:.74rem;font-weight:700;letter-spacing:.01em;color:var(--ink-2)}.top-menu-divider{margin:14px 10px 12px;border-top:1px solid var(--line)}.top-menu a{display:block;padding:8px 12px;border-radius:var(--radius-item);font-size:.875rem;font-weight:500;color:var(--ink);text-decoration:none;transition:color .18s,background-color .18s;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}.top-menu-section a{padding-left:22px}.top-menu a:hover{color:var(--accent-strong);background-color:var(--accent-wash)}.top-menu a.active{color:var(--accent-strong);background-color:var(--accent-wash);font-weight:700}.top-menu-shop-link{color:var(--accent)}.top-menu-shop-link:after{content:" ↗"}.top-menu-cross-link{color:var(--accent)}.top-menu-cross-link:after{content:" →"}.header{text-align:center;padding:56px 24px 44px}.header h1{font-family:var(--font-display);font-size:2.25rem;font-weight:800;letter-spacing:-.025em;line-height:1.25;color:var(--ink);text-wrap:balance;word-break:auto-phrase}.header p{margin-top:14px;font-size:1.02rem;color:var(--ink-2);text-wrap:pretty}.step-nav{max-width:768px;margin:0 auto 44px;padding:0 24px;display:flex;flex-wrap:wrap;gap:8px}.step-nav a{display:inline-block;padding:7px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);text-decoration:none;font-size:.85rem;font-weight:500;transition:border-color .18s,color .18s,background-color .18s}.step-nav a:hover{border-color:var(--accent-line);background:var(--accent-wash);color:var(--accent-strong)}.main{max-width:720px;margin:0 auto;padding:0 24px 96px}.page-toc{position:fixed;right:16px;bottom:16px;z-index:50}.page-toc-toggle{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:1px solid var(--accent-line);border-radius:999px;background:#fff;color:var(--accent-strong);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 8px 24px -12px #124a7b73}.page-toc-toggle:hover{background:var(--accent-wash)}.page-toc-panel{display:none;position:absolute;right:0;bottom:calc(100% + 8px);width:min(300px,calc(100vw - 32px));max-height:60vh;overflow-y:auto;padding:14px 8px 10px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 16px 40px -16px #124a7b73}.page-toc.is-open .page-toc-panel{display:block}.page-toc-title{margin:0 0 6px;padding:0 10px;font-size:.75rem;font-weight:700;letter-spacing:.04em;color:var(--ink-2)}.page-toc ol{list-style:none;margin:0;padding:0}.page-toc li{margin:0}.page-toc a{display:block;padding:6px 10px;border-left:2px solid transparent;color:var(--ink-2);text-decoration:none;font-size:.84rem;line-height:1.45;transition:color .18s,border-color .18s,background-color .18s}.page-toc a:hover{color:var(--accent-strong);background:var(--accent-wash)}.page-toc a.is-active{color:var(--accent-strong);border-left-color:var(--accent);font-weight:600}@media(min-width:1280px){.main-wrap.has-toc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,720px) minmax(260px,1fr)}.main-wrap.has-toc .main{grid-column:2;width:100%;margin:0}.page-toc{grid-column:3;position:sticky;top:32px;right:auto;bottom:auto;align-self:start;width:auto;max-width:240px;margin-left:32px;padding-right:16px}.page-toc-toggle{display:none}.page-toc-panel{display:block;position:static;width:auto;max-height:calc(100vh - 64px);padding:4px 0;border:none;border-left:1px solid var(--line);border-radius:0;background:none;box-shadow:none}.page-toc a{margin-left:-1px}}.intro{margin-bottom:64px;padding-bottom:32px;border-bottom:1px solid var(--line)}.intro p{margin-bottom:16px;text-wrap:pretty}.intro h3{font-size:1rem;font-weight:700;margin:26px 0 8px}.intro ul{padding-left:20px}.intro ul li{margin-bottom:4px}.flow{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);padding:20px;margin-top:20px;text-align:center;font-size:.9rem;line-height:2.1}.flow code{background:#fff}.flow-diagram{display:flex;align-items:stretch;justify-content:center;gap:4px;margin-top:20px;padding:24px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel)}.flow-node{flex:1 1 0;min-width:0;max-width:180px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 10px 14px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-item);text-align:center}.flow-node.is-main{border-color:var(--accent);box-shadow:0 8px 20px -14px var(--accent)}.flow-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:4px;border-radius:50%;background:var(--accent-wash);color:var(--accent-strong)}.flow-node.is-main .flow-icon{background:var(--accent);color:#fff}.flow-icon svg{width:28px;height:28px}.flow-media{display:grid;place-items:center;width:100%;max-width:128px;aspect-ratio:1;margin-bottom:6px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-item);background:var(--accent-wash);color:var(--accent-strong)}.flow-media img{display:block;width:100%;height:100%;object-fit:cover}.flow-media.is-icon svg{width:44%;height:44%}.flow-node.is-main .flow-media{border:2px solid var(--accent)}.flow-label{font-weight:700;font-size:.9rem;line-height:1.4;color:var(--ink);word-break:keep-all}.flow-sub{font-size:.78rem;line-height:1.4;color:var(--ink-2)}.flow-arrow{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:64px;color:var(--accent)}.flow-arrow svg{width:40px;height:12px}.flow-arrow-text{font-size:.74rem;font-weight:600;line-height:1.3;color:var(--ink-2);white-space:nowrap}@media(max-width:560px){.flow-diagram{flex-direction:column;align-items:center}.flow-node{width:100%;max-width:260px}.flow-arrow{flex-direction:row;gap:8px;min-width:0;padding:4px 0}.flow-arrow svg{transform:rotate(90deg);width:28px}}.section{margin-bottom:64px}.section-header{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--line)}.step-number{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;font-family:var(--font-display);font-size:1.05rem;font-weight:700;flex-shrink:0}.section-header h2{font-family:var(--font-display);font-size:1.4rem;font-weight:700;letter-spacing:-.015em;line-height:1.4;text-wrap:balance}.section-intro{margin-bottom:20px;font-size:.95rem;text-wrap:pretty}.sub-heading{font-size:1.05rem;font-weight:700;margin:30px 0 12px}.steps-list{list-style:none;counter-reset:step;margin-bottom:24px}.steps-list li{counter-increment:step;position:relative;padding-left:36px;margin-bottom:14px;line-height:1.75}.steps-list li:before{content:counter(step);position:absolute;left:0;top:4px;width:24px;height:24px;border-radius:50%;background:var(--accent-wash);color:var(--accent-strong);font-size:.78rem;font-weight:700;display:flex;align-items:center;justify-content:center}.steps-list li .sub{display:block;color:var(--ink-2);font-size:.88rem;margin-top:2px}.tips{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);padding:18px 22px;margin:24px 0;font-size:.9rem}.tips strong{color:var(--accent-strong)}.tips ul{margin-top:8px;padding-left:18px}.tips ul li{margin-bottom:4px}[data-product=mocap] .main :is(.section,.intro) ul{list-style:none;margin:12px 0 20px;padding-left:8px}[data-product=mocap] .main :is(.section,.intro) ul li{position:relative;padding-left:20px;margin-bottom:8px;line-height:1.75}[data-product=mocap] .main :is(.section,.intro) ul li:before{content:"";position:absolute;left:4px;top:.68em;width:6px;height:6px;border-radius:50%;background:var(--accent)}[data-product=mocap] .main :is(.section,.intro) ul ul{margin:6px 0 4px;padding-left:0}[data-product=mocap] .main :is(.section,.intro) ul ul li:before{background:none;border:1.5px solid var(--accent)}[data-product=mocap] .main .tips ul{margin:8px 0 0;padding-left:0}[data-product=mocap] .main .tips ul li{margin-bottom:4px}figure{margin:22px 0}figure a{display:block;cursor:zoom-in}figure img{display:block;max-width:100%;max-height:480px;width:auto;height:auto;margin:0 auto;border-radius:12px}.image-placeholder{border:1px dashed var(--accent-line);border-radius:var(--radius-panel);background:var(--accent-wash);padding:28px}.image-placeholder-path{display:block;width:fit-content;max-width:100%;margin:0 auto 4px;padding:4px 10px;border:1px solid var(--accent-line);background:#fff;font-size:.8rem;color:var(--accent-strong);overflow-wrap:anywhere}.image-placeholder-dir{color:var(--ink-2);user-select:none}.image-placeholder-file{user-select:all}figure.page-hero{margin:0 0 36px}figure.page-hero img{max-height:360px}figcaption{margin-top:8px;font-size:.84rem;color:var(--ink-2);text-align:center}.img-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0b1723d1;z-index:1000;cursor:zoom-out;justify-content:center;align-items:center}.img-overlay.active{display:flex}.img-overlay img{max-width:95%;max-height:95%;border-radius:8px;box-shadow:0 24px 64px -24px #00000080}.table-wrap{overflow-x:auto;margin:18px 0;border:1px solid var(--line);border-radius:var(--radius-panel)}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:11px 16px;border-bottom:1px solid var(--line);vertical-align:top}tr:last-child td{border-bottom:none}th{color:var(--ink-2);font-weight:700;background:var(--surface);white-space:nowrap}table.compare-table td:first-child{color:var(--ink-2);font-weight:700;min-width:6em}@media(min-width:561px){table.compare-table td:first-child{white-space:nowrap}}pre.code-block{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);padding:1.1em 1.3em;overflow-x:auto;font-family:var(--font-mono);font-size:.86em;line-height:1.7;margin:1.2em 0}pre.code-block code{background:none;border:none;padding:0;border-radius:0;font-size:inherit}.changelog-entry{padding-bottom:32px;border-bottom:1px solid var(--line)}.changelog-entry h2{margin-bottom:16px;font-family:var(--font-display);font-size:1.25rem;font-weight:700}.changelog-text{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:.94rem;line-height:1.85}.guide-index{display:flex;flex-direction:column;gap:12px}.guide-index-card{display:block;padding:20px 24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s}.guide-index-card:hover{border-color:var(--accent-line);box-shadow:var(--shadow);transform:translateY(-1px)}.guide-index-title{display:block;font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:-.01em;color:var(--accent)}.guide-index-desc{display:block;margin-top:4px;font-size:.9rem;color:var(--ink-2)}.landing-hero{padding:64px 0 40px}.landing-eyebrow{font-size:.82rem;font-weight:700;letter-spacing:.04em;color:var(--accent)}.landing-title{margin-top:8px;font-family:var(--font-display);font-size:2.75rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--ink)}.landing-lead{margin-top:18px;max-width:62ch;font-size:1.02rem;line-height:1.9;color:var(--ink);text-wrap:pretty}.landing-lead+.landing-lead{margin-top:10px}.landing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.landing-btn{display:inline-flex;align-items:center;padding:12px 24px;border-radius:999px;border:1px solid transparent;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,background-color .15s,border-color .15s}.landing-btn-primary{background:var(--accent);color:#fff}.landing-btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px -12px var(--accent)}.landing-btn-secondary{background:#fff;border-color:var(--accent-line);color:var(--accent-strong)}.landing-btn-secondary:after{content:" ↗";margin-left:6px}.landing-btn-secondary:hover{background:var(--accent-wash);border-color:var(--accent)}.landing-video{margin:0 0 64px;aspect-ratio:16 / 9;border-radius:var(--radius-card);overflow:hidden;background:var(--surface);border:1px solid var(--line)}.landing-video video{display:block;width:100%;height:100%;object-fit:cover}.landing-video-placeholder{display:grid;place-items:center;border-style:dashed;border-color:var(--accent-line);color:var(--ink-2);font-size:.9rem}.landing-section{margin-bottom:64px}.landing-heading{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--line);font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--ink)}.landing-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.landing-feature{padding:20px;border:1px solid var(--line);border-radius:var(--radius-panel);background:#fff}.landing-feature h3{font-size:.98rem;font-weight:700;line-height:1.5;color:var(--ink)}.landing-feature p{margin-top:8px;font-size:.86rem;line-height:1.75;color:var(--ink-2)}.landing-more{display:inline-block;margin-top:16px;font-size:.9rem;font-weight:600;color:var(--accent);text-decoration:none}.landing-more:after{content:" →"}.landing-more:hover{text-decoration:underline}.landing-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.landing-group{padding:20px 22px;border:1px solid var(--line);border-radius:var(--radius-panel);background:#fff}.landing-group.is-highlight{grid-column:1 / -1;border-color:var(--accent-line);background:var(--accent-wash)}.landing-group-tag{font-size:.74rem;font-weight:700;letter-spacing:.06em;color:var(--accent)}.landing-group h3{margin-top:4px;font-size:1.05rem;font-weight:700;color:var(--ink)}.landing-group-desc{margin-top:6px;font-size:.86rem;line-height:1.7;color:var(--ink-2)}.landing-group ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.landing-group.is-highlight ul{flex-direction:row;flex-wrap:wrap;gap:6px 20px}.landing-group li{margin:0}.landing-group a{font-size:.9rem;font-weight:600;color:var(--accent);text-decoration:none}.landing-group a:hover{text-decoration:underline}.landing-requirements ul{margin:0;padding-left:1.2em}.landing-requirements li{margin:4px 0;color:var(--ink)}.landing-cross-links{margin-bottom:32px}@media(max-width:768px){.landing-hero{padding:36px 0 28px}.landing-title{font-size:2.1rem}.landing-features,.landing-groups{grid-template-columns:minmax(0,1fr)}.landing-video,.landing-section{margin-bottom:44px}}@media(prefers-reduced-motion:reduce){.landing-btn{transition:none}}.lang-switcher{display:flex;flex-wrap:wrap;gap:2px;padding:14px 16px;border-top:1px solid var(--line)}.lang-switcher a{font-size:.78rem;color:var(--ink-2);text-decoration:none;padding:4px 9px;border-radius:999px;transition:color .18s,background-color .18s}.lang-switcher a:hover{color:var(--accent-strong);background-color:var(--accent-wash)}.lang-switcher a.active{color:var(--accent-strong);background:#fff;border:1px solid var(--accent-line);padding:3px 8px;font-weight:600}.machine-translation-notice,.terminology-notice,.guide-notice{max-width:760px;margin:0 auto 20px;border-radius:var(--radius-panel);font-size:.85rem;line-height:1.7}.machine-translation-notice{padding:11px 22px;text-align:center;color:var(--warn-ink);background:var(--warn-bg);border:1px solid var(--warn-line)}.terminology-notice{padding:13px 22px;color:var(--ink-2);background:var(--surface);border:1px solid var(--line)}.terminology-notice strong{color:var(--ink)}.guide-notice{padding:15px 22px;color:var(--warn-ink);background:var(--warn-bg);border:1px solid var(--warn-line)}.guide-notice strong{color:oklch(32% .08 70)}.guide-notice a{color:oklch(48% .12 60);font-weight:600}.footer{text-align:center;padding:32px 24px;border-top:1px solid var(--line);color:var(--ink-2);font-size:.8rem}@media(prefers-reduced-motion:reduce){.guide-index-card,.top-menu a,.step-nav a,.lang-switcher a{transition:none}.guide-index-card:hover{transform:none}}@media(max-width:768px){.layout{flex-direction:column}figure img{max-height:360px}.sidebar{position:static;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--line)}.masthead{padding:14px 16px;border-bottom:none}.top-menu{padding:0 0 10px}.top-menu-inner{flex-direction:row;align-items:stretch;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:4px;padding:0 12px}.top-menu-inner::-webkit-scrollbar{display:none}.top-menu-section{flex-direction:row;flex:0 0 auto;gap:4px;margin-top:0}.top-menu-section-title{display:none}.top-menu-divider{flex:0 0 auto;align-self:stretch;margin:6px 4px;border-top:none;border-left:1px solid var(--line)}.top-menu a{white-space:nowrap;border-radius:999px;padding:7px 14px;font-size:.84rem}.top-menu-section a{padding-left:14px}.lang-switcher{border-top:none;padding:4px 12px 12px}.header{padding:32px 16px 28px}.header h1{font-size:1.6rem}.main{padding:0 16px 64px}.section-header h2{font-size:1.18rem}.step-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;margin-bottom:32px;padding:0 16px}.step-nav::-webkit-scrollbar{display:none}.step-nav a{flex:0 0 auto;white-space:nowrap;font-size:.8rem;padding:6px 13px}}