.page-module___VsJBG__guide{padding-block:var(--sp-5)}.page-module___VsJBG__guide ::selection{background:var(--c-accent);color:var(--c-paper)}.page-module___VsJBG__guide a{text-underline-offset:.3em;text-decoration-thickness:1px}.page-module___VsJBG__guide a:hover{color:var(--c-accent)}.page-module___VsJBG__guide :is(a,button):focus-visible{outline:2px solid var(--c-accent);outline-offset:5px}.page-module___VsJBG__hero{gap:var(--sp-6);padding-bottom:var(--sp-6);grid-template-columns:minmax(0,1fr) 304px;align-items:center;display:grid}.page-module___VsJBG__intro{gap:var(--sp-3);max-width:36em;display:grid}.page-module___VsJBG__intro h1{text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere;font-size:clamp(28px,3.4vw,40px);font-weight:700;line-height:1.55}.page-module___VsJBG__lead{font-size:18px;line-height:1.9}.page-module___VsJBG__notice{border-top:1px solid var(--c-line);padding-top:var(--sp-3);color:var(--c-sub);font-size:12px}.page-module___VsJBG__updated{color:var(--c-sub);font-size:12px}.page-module___VsJBG__example{width:100%}.page-module___VsJBG__example figcaption{color:var(--c-sub);margin-top:var(--sp-2);font-size:12px;line-height:1.8}.page-module___VsJBG__player video{aspect-ratio:9/16;background:var(--c-paper-2);width:100%;height:auto;display:block}.page-module___VsJBG__player>p{margin-top:var(--sp-2);font-size:12px}.page-module___VsJBG__playButton,.page-module___VsJBG__codeRow button{font:inherit;border:1px solid var(--c-sub);background:var(--c-paper);color:var(--c-ink);cursor:pointer;min-height:48px;padding:12px 16px;font-size:14px;transition:background .2s}.page-module___VsJBG__playButton{width:100%;margin-top:var(--sp-1)}.page-module___VsJBG__playButton:hover,.page-module___VsJBG__codeRow button:hover{background:var(--c-paper-2)}.page-module___VsJBG__playButton:disabled{opacity:.7;cursor:progress}.page-module___VsJBG__reading{gap:var(--sp-6);border-top:1px solid var(--c-line);padding-top:var(--sp-5);grid-template-columns:224px minmax(0,1fr);display:grid}.page-module___VsJBG__contents{top:calc(var(--hd,64px) + 32px);align-self:start;font-size:14px;position:sticky}.page-module___VsJBG__contents>p{color:var(--c-sub);margin-bottom:var(--sp-2);font-size:12px}.page-module___VsJBG__contents ol{margin:0;padding:0;list-style:none}.page-module___VsJBG__contents a{align-items:center;gap:16px;min-height:48px;text-decoration:none;display:flex}.page-module___VsJBG__contents span{color:var(--c-sub);font-variant-numeric:tabular-nums}.page-module___VsJBG__tryLink{margin-top:var(--sp-2);border-top:1px solid var(--c-line);padding-top:var(--sp-2);color:var(--c-accent)}.page-module___VsJBG__body{min-width:0;max-width:36em}.page-module___VsJBG__step{scroll-margin-top:var(--sp-4);padding-bottom:var(--sp-5)}.page-module___VsJBG__step+.page-module___VsJBG__step{border-top:1px solid var(--c-line);padding-top:var(--sp-5)}.page-module___VsJBG__body h2{text-wrap:balance;font-size:22px;font-weight:700;line-height:1.6}.page-module___VsJBG__step h2{gap:var(--sp-2);align-items:baseline;display:flex}.page-module___VsJBG__step h2 span{color:var(--c-accent);font-family:var(--font-en-display);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:26px}.page-module___VsJBG__body p{margin-top:var(--sp-3)}.page-module___VsJBG__body strong{font-weight:700}.page-module___VsJBG__imageRoles{margin:var(--sp-3) 0 0}.page-module___VsJBG__imageRoles>div{padding-block:var(--sp-2);border-top:1px solid var(--c-line);gap:var(--sp-2);grid-template-columns:120px 1fr;display:grid}.page-module___VsJBG__imageRoles dt{font-weight:700}.page-module___VsJBG__imageRoles dd{margin:0}.page-module___VsJBG__soundPlan{margin-block:var(--sp-4);padding-block:var(--sp-2)}.page-module___VsJBG__soundPlan>div{height:24px;color:var(--c-sub);font-variant-numeric:tabular-nums;font-size:12px;position:relative}.page-module___VsJBG__soundPlan>div span{position:absolute;top:0;left:0}.page-module___VsJBG__soundPlan>div span:nth-child(2){left:80%;transform:translate(-50%)}.page-module___VsJBG__soundPlan>div span:last-child{left:auto;right:0}.page-module___VsJBG__soundPlan svg{width:100%;height:64px;display:block;overflow:visible}.page-module___VsJBG__soundPlan path{fill:none;stroke:var(--c-accent);stroke-width:2px;vector-effect:non-scaling-stroke}.page-module___VsJBG__soundPlan p{justify-content:space-between;gap:var(--sp-2);color:var(--c-sub);margin:var(--sp-1) 0 0;font-size:12px;display:flex}.page-module___VsJBG__checks{margin-top:var(--sp-3);padding-left:1.3em;list-style:outside}.page-module___VsJBG__checks li{margin-top:var(--sp-1);padding-left:4px}.page-module___VsJBG__muse{scroll-margin-top:var(--sp-4);padding-block:var(--sp-4);border-top:1px solid var(--c-sub)}.page-module___VsJBG__primaryLink{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);background:var(--c-accent);color:var(--c-paper);min-height:56px;padding:16px 24px;font-weight:700;text-decoration:none;transition:background .2s;display:flex}.page-module___VsJBG__guide .page-module___VsJBG__primaryLink:hover{color:var(--c-paper);background:#b1eef5}.page-module___VsJBG__referral{margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--c-line)}.page-module___VsJBG__referral .page-module___VsJBG__referralTitle{margin-top:0;font-weight:700}.page-module___VsJBG__codeBlock{margin-top:var(--sp-2)}.page-module___VsJBG__codeRow{gap:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.page-module___VsJBG__codeRow code{letter-spacing:.1em;-webkit-user-select:all;user-select:all;font-size:26px}.page-module___VsJBG__codeBlock .page-module___VsJBG__copyStatus{color:var(--c-sub);margin-top:var(--sp-1);min-height:3.8em;font-size:12px}.page-module___VsJBG__referral .page-module___VsJBG__disclosure{font-size:14px}.page-module___VsJBG__sources{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--c-line);color:var(--c-sub);font-size:12px}.page-module___VsJBG__sources h2{color:var(--c-ink);font-size:18px}.page-module___VsJBG__sources ul{gap:var(--sp-1);margin-top:var(--sp-2);display:grid}.page-module___VsJBG__sources p{margin-top:var(--sp-2)}.page-module___VsJBG__back{border-top:1px solid var(--c-line);padding-top:var(--sp-4);margin-top:var(--sp-5);font-size:14px}@media (max-width:800px){.page-module___VsJBG__hero{gap:var(--sp-4);grid-template-columns:minmax(0,1fr) 240px}.page-module___VsJBG__reading{gap:var(--sp-4);grid-template-columns:1fr}.page-module___VsJBG__contents{position:static}.page-module___VsJBG__contents ol{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.page-module___VsJBG__contents a{font-size:14px}.page-module___VsJBG__tryLink{width:fit-content}.page-module___VsJBG__body{max-width:none}}@media (max-width:560px){.page-module___VsJBG__guide{padding-block:var(--sp-4)}.page-module___VsJBG__hero{padding-bottom:var(--sp-4);grid-template-columns:1fr}.page-module___VsJBG__intro{display:contents}.page-module___VsJBG__intro h1{order:0}.page-module___VsJBG__lead{order:1}.page-module___VsJBG__notice{order:2}.page-module___VsJBG__example{order:3;max-width:288px;margin-inline:auto}.page-module___VsJBG__explanation{order:4}.page-module___VsJBG__updated{order:5}.page-module___VsJBG__reading{padding-top:var(--sp-4)}.page-module___VsJBG__lead{font-size:16px}.page-module___VsJBG__body h2{font-size:20px}.page-module___VsJBG__imageRoles>div{gap:var(--sp-1);grid-template-columns:1fr}.page-module___VsJBG__contents ol{grid-template-columns:1fr}.page-module___VsJBG__step{padding-bottom:var(--sp-4)}.page-module___VsJBG__step+.page-module___VsJBG__step{padding-top:var(--sp-4)}}@media (prefers-reduced-motion:reduce){.page-module___VsJBG__guide *,.page-module___VsJBG__guide :before,.page-module___VsJBG__guide :after{scroll-behavior:auto;transition:none}}