: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}.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}.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}.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}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}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}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)}.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}}