.cm{--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-io:cubic-bezier(.77, 0, .175, 1);--brass:#d9b56e;--silver:#c9ced3}.cm-hero h1{font-size:clamp(40px,11vw,176px)}.cm-hero .jp-pin{margin-top:calc(clamp(40px,11vw,176px)/-1.05263)}.cm-draft{max-width:520px;color:var(--t3);text-wrap:balance;margin:18px auto 0;font-size:14px;line-height:1.55;position:relative}.cm-draft b{color:var(--teal);font-weight:600}.cm-view canvas{opacity:0;width:100%;height:100%;transition:opacity .7s;display:block;position:absolute;inset:0}.cm-view.live canvas{opacity:1}.cm-view.live img{transition:opacity .7s;opacity:0!important}.cm-h2-wide{max-width:980px}.cm-scrub{margin-top:clamp(32px,5vw,56px)}.cm-scrub-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(32px,5vw,96px);display:grid}.cm-steps{grid-template-columns:1fr;margin:28px 0 0;padding:0;list-style:none;display:grid}.cm-step{opacity:0;filter:blur(6px);pointer-events:none;transition:opacity .32s ease, transform .42s var(--ease-out), filter .32s ease;grid-area:1/1;transform:translateY(18px)}.cm-step.on{opacity:1;filter:none;pointer-events:auto;transition-delay:80ms;transform:none}.cm-step h3{letter-spacing:-.035em;color:var(--t1);margin:8px 0 0;font-size:clamp(32px,3.6vw,56px);font-weight:700;line-height:1}.cm-line{letter-spacing:-.012em;color:var(--t1);text-wrap:balance;margin:16px 0 0;font-size:clamp(20px,1.8vw,24px);font-weight:600;line-height:1.3}.cm-body{max-width:460px;color:var(--t2);text-wrap:pretty;margin:10px 0 0;font-size:17px;line-height:1.55}.cm-scrub-side{flex-direction:column;align-items:center;gap:8px;display:flex}.cm-scrub-side .cm-view{width:min(620px,46vw,64vh)}html[data-cm-scrub] .cm-scrub{height:400vh;margin-top:0}html[data-cm-scrub] .cm-scrub-stage{align-items:center;height:100svh;display:flex;position:sticky;top:0}html[data-cm-scrub] .cm-scrub-grid{width:100%;padding-top:var(--head)}html[data-cm-scrub] .cm-step h3{letter-spacing:-.045em;font-size:clamp(40px,4.6vw,72px);line-height:.98}html[data-cm-scrub] .cm-line{margin-top:20px;font-size:clamp(22px,2vw,28px)}html[data-cm-scrub] .cm-body{font-size:18px}.cm-view{position:relative}.cm-square{aspect-ratio:1;width:100%}.cm-square img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0}.cm-square img.on{opacity:1}.cm-drag{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:radial-gradient(closest-side,#0094a029,#0094a00d 62%,#0094a000 100%);border-radius:50%}.cm-drag img{-webkit-user-drag:none;pointer-events:none}.cm-drag.grabbing{cursor:grabbing}.cm-drag:focus-visible{outline:2px solid var(--teal);outline-offset:-8px;border-radius:50%}.cm-hint{letter-spacing:.02em;color:var(--t2);align-items:center;gap:8px;margin:4px 0 0;font-size:13px;font-weight:500;transition:opacity .4s;display:inline-flex}.cm-hint svg{color:var(--teal)}.cm-hint .cm-hint-keys{display:none}.cm-drag:focus-visible+.cm-hint .cm-hint-keys{display:inline}.cm-drag:focus-visible+.cm-hint .cm-hint-drag{display:none}.cm-drag.used+.cm-hint{opacity:.45}html:not([data-live]) .cm-hint{visibility:hidden}.cm-seg{background:#ffffff0f;border:0;border-radius:16px;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;margin:0;padding:5px;display:grid;position:relative}.cm-seg legend{letter-spacing:.1em;text-transform:uppercase;color:var(--t2);padding:0;font-size:12px;font-weight:500;position:absolute;top:-26px;left:2px}.cm-seg{margin-top:26px}.cm-pill{z-index:0;transition:transform .26s var(--ease-io), width .26s var(--ease-io);pointer-events:none;background:#ffffff1f;border-radius:12px;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #ffffff1a,0 6px 18px #00000059}.cm-seg label{z-index:1;display:flex;position:relative}.cm-seg input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.cm-seg label>span{cursor:pointer;letter-spacing:.005em;min-height:48px;color:var(--t2);text-align:center;transition:color .2s ease, transform .12s var(--ease-out);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:15px;font-weight:600;display:flex}.cm-seg input:checked+span{color:var(--t1)}.cm-seg label>span:active{transform:scale(.97)}.cm-seg input:focus-visible+span{outline:2px solid var(--teal);outline-offset:2px}@media (hover:hover) and (pointer:fine){.cm-seg label>span:hover{color:var(--t1)}}.cm .jp-join .ghost{min-height:56px}@media (width<=899px){.cm-scrub-grid{grid-template-columns:1fr;gap:0}.cm-scrub-main{display:contents}.cm-seg-rank{order:1}.cm-scrub-side{order:2;margin-top:8px}.cm-steps{order:3;margin-top:0}.cm-scrub-side .cm-view{width:min(64vw,360px)}}@media (width<=680px){.cm-hero h1{font-size:clamp(38px,12.5vw,80px)}.cm-hero .jp-pin{margin-top:calc(clamp(38px,12.5vw,80px)/-1.25)}.cm-step h3{margin-top:4px;font-size:30px}.cm-line{margin-top:10px;font-size:19px}.cm-body{font-size:16px}.cm-seg label>span{min-height:44px;padding:0 4px;font-size:14px}}@media (width<=440px){.cm-seg-rank{grid-template-columns:1fr 1fr;grid-auto-flow:row}}@media (prefers-reduced-motion:reduce){.cm-square img,.cm-step,.cm-pill,.cm-hint{transition:none!important}}.cm-step dl.cm-body{margin:12px 0 0}.cm-step dl.cm-body dt{letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin-top:10px;font-size:11px;font-weight:600}.cm-step dl.cm-body dd{margin:3px 0 0}.cm-note{max-width:720px;color:var(--t3);margin-top:clamp(20px,3vw,32px);font-size:15px;line-height:1.55}.cm-list{max-width:820px;color:var(--t1);gap:14px;margin:clamp(24px,4vw,40px) 0 0;padding:0 0 0 1.1em;font-size:clamp(17px,1.6vw,20px);line-height:1.5;display:grid}.cm-list li::marker{color:var(--teal)}.jp-cols.cm-four{grid-template-columns:1fr}@media (width>=600px){.jp-cols.cm-four{grid-template-columns:repeat(2,1fr)}}@media (width>=1080px){.jp-cols.cm-four{grid-template-columns:repeat(4,1fr)}}