.cp-eyebrow{color:var(--cp-a-text,var(--color-part-ink-2));margin-top:18px}.cp-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.cp-head-note{color:var(--color-muted);font-size:14px}.cp-outcomes{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:22px;display:grid}.cp-outcomes li{grid-template-columns:34px minmax(0,1fr);align-items:baseline;gap:12px;display:grid}.cp-outcome-n{color:var(--cp-a-text,var(--color-cream));font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;line-height:1}.cp-outcomes p{font-size:18px;line-height:1.5}.cp-units{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:24px;display:grid}.cp-unit{background:var(--color-panel);border:1px solid var(--cp-line);border-radius:22px;padding:22px}.cp-unit-n{letter-spacing:.12em;text-transform:uppercase;color:var(--cp-a-text,var(--color-part-ink-2));font-size:12px;font-weight:800}.cp-unit h3{margin-top:4px;font-size:20px;font-weight:800}.cp-unit-say{color:var(--color-cream);margin-top:6px;font-size:15px;line-height:1.5}.cp-lessons{color:var(--color-muted);gap:7px;margin-top:12px;padding-inline-start:1.3em;font-size:15px;line-height:1.4;list-style:decimal;display:grid}.cp-try .s-title{font-size:clamp(26px,5.5vw,40px)}.cp-try{background:var(--cp-a);color:var(--cp-a-ink);border-radius:26px;padding:28px 22px}.cp-try .s-title{color:inherit}.cp-try :is(.cp-try-lead,.cp-try-after){color:var(--cp-a-ink)}@supports (color:color-mix(in lab, red, red)){.cp-try :is(.cp-try-lead,.cp-try-after){color:color-mix(in srgb, var(--cp-a-ink) 88%, transparent)}}.cp-try .cp-try-steps{gap:18px;margin-top:26px}.cp-try .cp-try-steps li{font-size:18.5px;line-height:1.55}.cp-try .cp-try-n{width:34px;height:34px;color:inherit;border-color:currentColor}.cp-try-lead{color:var(--color-muted);max-width:60ch;margin-top:12px;font-size:16px;line-height:1.55}.cp-try-steps{gap:14px;margin-top:20px;display:grid}.cp-try-steps li{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;font-size:17px;line-height:1.5;display:grid}.cp-try-n{border:2px solid var(--cp-a);width:30px;height:30px;color:var(--color-cream);border-radius:99px;place-items:center;font-size:15px;font-weight:800;display:grid}.cp-try-after{color:var(--color-muted);max-width:60ch;margin-top:20px;font-size:15px;line-height:1.5}.cp-facts{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:22px;display:grid}.cp-fact{background:var(--color-panel);border:1px solid var(--cp-line);border-radius:22px;flex-direction:column;justify-content:space-between;gap:14px;padding:22px;display:flex}.cp-fact p:first-child{font-size:17px;font-weight:600;line-height:1.5}.cp-fact-src{color:var(--color-muted);font-size:13px}.cp-fact-src a{text-underline-offset:3px;text-decoration:underline}.cp-three{grid-template-columns:minmax(0,1fr);gap:34px;display:grid}.cp-three .s-ticks{margin-top:14px;font-size:17px}.cp-three .s-course-songs{font-size:16.5px}.cp-faq{max-width:760px;margin-top:18px}.cp-faq details{border-bottom:1px solid var(--cp-line)}.cp-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding-block:16px;font-size:clamp(18px,2vw,21px);font-weight:700;list-style:none;display:flex}.cp-faq summary::-webkit-details-marker{display:none}.cp-faq-sign{background:var(--fill-2,var(--color-raised));border-radius:99px;flex:none;place-items:center;width:32px;height:32px;transition:rotate .2s;display:grid}.cp-faq details[open] .cp-faq-sign{rotate:45deg}.cp-faq details p{color:var(--color-muted);max-width:66ch;padding-bottom:18px;font-size:17px;line-height:1.6}.cp-join{background:var(--color-panel);position:relative}.cp-join-card{margin-top:16px}.cp-join-line{font-size:20px;font-weight:750}.cp-join-note{color:var(--color-muted);margin-top:6px;font-size:15px}.cp-join-btns{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.cp-related-h{margin-top:44px}.cp-related{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.cp-related a{background:var(--fill-2,var(--color-raised));border-radius:99px;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:650;display:inline-flex}.cp-related a:hover{background:var(--fill-3,var(--color-line))}.cp-related-all{margin-top:10px}.cp-inside-score{color:var(--color-muted);margin-top:14px;font-size:16px;line-height:1.55}@media (min-width:900px){.cp-outcomes{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 56px}.cp-units{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cp-unit{padding:28px}.cp-units:has(>.cp-unit:nth-child(4)) .cp-unit{padding:24px 22px}.cp-try{padding:52px 56px}.cp-try .cp-try-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px}.cp-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cp-three{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 64px}}@media (prefers-reduced-motion:reduce){.cp-faq-sign{transition:none}}@media (min-width:1100px){.cp-units{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}}@media (min-width:960px){.cp .cp-side{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:56px;display:grid}.cp .cp-side .cp-faq{margin-top:0}}.cp-join-centred>.s-wrap{text-align:center;justify-items:center;display:grid}.cp-join-centred :is(.cp-join-btns,.cp-related){justify-content:center}.cp-join-centred .cp-join-note{margin-inline:auto}.cp-head-note,.cp-fig-note,.cp-inside-score{font-size:16px}.cp .cp-first{padding-top:48px}@media (min-width:900px){.cp .cp-first{padding-top:72px}}.cp .cp-join>.s-sec{padding-block:56px 72px}.cp-faq+*{margin-top:0}:root[data-skin=game] body.s-arcade .cp-unit-n{font-family:var(--a-hud);letter-spacing:.06em;font-size:9.5px;font-weight:400}:root[data-skin=game] body.s-arcade .cp-join{background:var(--a-bg-2,var(--a-panel))}.cp-pair{grid-template-columns:minmax(0,1fr);align-items:center;gap:28px;display:grid}.cp-pair-figs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.cp-figs{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:24px;display:grid}.cp-fig{background:var(--color-panel);border:1px solid var(--cp-line);border-radius:20px;margin:0;padding:18px}.cp-fig svg{width:100%;height:auto;display:block;overflow:visible}.cp-fig figcaption{color:var(--color-muted);margin-top:10px;font-size:14.5px;line-height:1.45}.cp-fig figcaption b{color:var(--color-cream);font-size:16px;display:block}.cp-fig-note{color:var(--color-muted);max-width:60ch;margin-top:14px;font-size:15.5px;line-height:1.55}.cp-care .s-lede{max-width:52ch}.cp-care-points{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:26px;display:grid}.cp-care-points li{background:#ffffff0f;border-radius:16px;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}@supports (color:color-mix(in lab, red, red)){.cp-care-points li{background:color-mix(in srgb, var(--color-cream) 6%, transparent)}}.cp-care-points li{font-size:16px;line-height:1.45}.cp-care-points svg{color:var(--cp-care,var(--cp-a-text));flex:none;margin-top:2px}@media (min-width:900px){.cp-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}.cp-figs{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cp-care-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}.cp-diction.cp-fb{--di-wash:#0b0204}@supports (color:color-mix(in lab, red, red)){.cp-diction.cp-fb{--di-wash:color-mix(in srgb, #a3233a 7%, var(--color-ink))}}.cp-diction.cp-fb{--di-rule:#d1bdbd;--di-ink:#241417;--di-body:#4a3a3d;--di-muted:#62504f;--di-label:#a3233a;--di-dot:#a3233a;--di-ring:#1d5e72;--cp-a:#a3233a;--cp-a-text:#a3233a}:root:not([data-skin=game]):not([data-theme$=-light]) .cp-diction.cp-fb{--di-wash:#0f0a0a}@supports (color:color-mix(in lab, red, red)){:root:not([data-skin=game]):not([data-theme$=-light]) .cp-diction.cp-fb{--di-wash:color-mix(in srgb, #ffa0ab 6%, var(--color-ink))}}:root:not([data-skin=game]):not([data-theme$=-light]) .cp-diction.cp-fb{--di-rule:#292929}@supports (color:color-mix(in lab, red, red)){:root:not([data-skin=game]):not([data-theme$=-light]) .cp-diction.cp-fb{--di-rule:color-mix(in srgb, #fff 16%, var(--color-ink))}}:root:not([data-skin=game]):not([data-theme$=-light]) .cp-diction.cp-fb{--di-ink:#f8eef0;--di-body:#e6d5d8;--di-muted:#c9b4b8;--di-label:#ffa0ab;--di-dot:#ffa0ab;--di-ring:#8fd3e0;--cp-a-text:#ffa0ab}.cp-fb .cp-dk-demo{--pd-rose:#ff9aa8}.cp-fb-band{fill:var(--pd-rose)}@supports (color:color-mix(in lab, red, red)){.cp-fb-band{fill:color-mix(in srgb, var(--pd-rose) 16%, transparent)}}.cp-fb-band{stroke:var(--pd-rose);stroke-width:1.5px;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}.cp-dk-key .cp-fb-dkey-band{background:var(--pd-rose);border-radius:3px}@supports (color:color-mix(in lab, red, red)){.cp-dk-key .cp-fb-dkey-band{background:color-mix(in srgb, var(--pd-rose) 16%, transparent)}}.cp-dk-key .cp-fb-dkey-band{border:1.5px dashed var(--pd-rose)}.cp-fb-care .cp-di-card{background:var(--di-wash);padding:clamp(22px,4vw,48px)}.cp-fb-care .cp-di-ticks{max-width:58ch;margin-top:18px}.cp-fb-risk{margin-top:32px}@media (max-width:899px){.cp-fb-risk .cp-di-blur-h{display:none}.cp-fb-risk .cp-di-small{margin-top:0}.cp-fb-risk .cp-di-nums{padding-bottom:8px}}@media (min-width:900px){.cp-fb-risk{margin-top:0}}.cp-fb .cp-di-close .cp-di-note{margin-inline:auto}@media (max-width:639px){.cp-fb .cp-di-scale span:nth-child(2n){display:none}}.cp-breath{--br-sky-1:#dcefef;--br-sky-2:#f4f1e6;--br-sea:#2a7f86;--br-sea-2:#1d5f68;--br-sail:#fffdf6;--br-hull:#b5452f;--br-ink:#18343a;--br-air:#7cc4c0;--br-fill:#1a9a8f;--br-yellow:#f2c200;--br-blue:#1f4f9e;--cp-a:#0f7a72;--cp-a-ink:#fff;--cp-a-text:#0b6b64;--cp-care:#7fe0d3}:root:not([data-theme$=-light]) .cp-breath{--br-sky-1:#0f2428;--br-sky-2:#1a1712;--br-sea:#12454b;--br-sea-2:#0a2c31;--br-sail:#e9e4d6;--br-hull:#c7553c;--br-ink:#e9e4d6;--br-air:#3f8f8c;--br-fill:#2fb3a5;--cp-a-text:#7fe0d3}:root[data-skin=game]:not([data-theme$=-light]) .cp-breath{--br-sky-1:#08182a;--br-sky-2:#05030c;--br-sea:#0a1c3a;--br-sea-2:#050d1f;--br-sail:#0d1530;--br-hull:#ff5fd2;--br-ink:#3be7ff;--br-air:#3be7ff;--br-fill:#45e3a5;--br-yellow:#ffd84a;--br-blue:#3be7ff;--cp-a:#45e3a5;--cp-a-ink:#04140d;--cp-a-text:#45e3a5;--cp-care:#45e3a5}:root:not([data-skin=game]) .cp-breath .cp-hero h1{letter-spacing:-.04em;font-size:clamp(46px,11vw,92px);font-weight:800;line-height:.96}.cp-breath .s-lede{max-width:56ch}.cp-breath .cp-unit-n{color:var(--cp-a-text)}.cp-breath .cp-dk-roll svg{height:auto}.cp-breath .cp-dk-live{white-space:nowrap}:root[data-skin=game] .cp-breath .cp-dk-demo{border:2px solid #3be7ff;box-shadow:6px 6px #ff5fd2}:root[data-skin=game] .cp-breath :is(.cp-dk-demo,.cp-dk-roll,.cp-dk-hear,.cp-dk-chip,.cp-br-press){border-radius:0}.cp-folk{--fo-paper:#f3ebd9;--fo-paper-2:#e8dcc0;--fo-ink:#2a2118;--fo-red:#9b3a28;--fo-wood:#6e4a2e;--fo-wood-2:#5a3b23;--cp-a:#9b3a28;--cp-a-ink:#fff;--cp-a-text:#8a3122;--cp-care:#f0a58f;--fo-serif:ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}:root:not([data-theme$=-light]) .cp-folk{--fo-paper:#ece2cb;--fo-paper-2:#ddd0b3;--fo-ink:#2a2118;--fo-wood:#3a281a;--fo-wood-2:#2e2014;--cp-a-text:#f0a58f}:root[data-skin=game]:not([data-theme$=-light]) .cp-folk{--fo-paper:#120c22;--fo-paper-2:#0a0716;--fo-ink:#ffd84a;--fo-red:#ff5fd2;--fo-wood:#1b1036;--fo-wood-2:#140b28;--cp-a:#ff5fd2;--cp-a-ink:#1a0414;--cp-a-text:#ff8fe0;--cp-care:#ffd84a}.cp-folk .cp-dk-demo{--pd-bg:#1f1712;--pd-edge:#4a3727;--pd-rose:#f0a58f;--pd-gold:#ecc77a;--pd-bar:#5c4632;--pd-staff:#3d2e21}:root[data-skin=game] body.s-arcade .cp-folk :is(.cp-dk-demo,.cp-dk-roll,.cp-dk-play,.cp-dk-hear){border-radius:0}:root[data-skin=game] body.s-arcade .cp-folk .cp-dk-demo{border:2px solid #ffd84a;box-shadow:6px 6px #ff5fd2}:root:not([data-skin=game]) .cp-folk :is(.cp-hero h1,.cp-fo-title){font-family:var(--fo-serif);letter-spacing:-.01em;text-wrap:balance;font-weight:800}:root:not([data-skin=game]) .cp-folk .cp-hero h1{font-size:clamp(46px,11vw,92px);line-height:.96}.cp-folk .s-lede{max-width:56ch}.cp-folk .cp-unit-n{color:var(--cp-a-text)}.cp-dk-demo :is(button):focus-visible,.cp-pop .cp-dk-hear:focus-visible{outline:3px solid var(--pd-gold,var(--po-line));outline-offset:3px}.cp-free{--cp-a:var(--color-accent)}.cp-free .cp-hero{background:radial-gradient(70% 90% at 75% 45%, #1f1107, var(--color-ink) 75%)}@supports (color:color-mix(in lab, red, red)){.cp-free .cp-hero{background:radial-gradient(70% 90% at 75% 45%, color-mix(in srgb, var(--color-part-1) 12%, var(--color-ink)), var(--color-ink) 75%)}}:root[data-skin=game] body.s-arcade .cp-free .cp-hero{background:radial-gradient(70% 80% at 72% 45%, #ff5fd2, var(--a-bg))}@supports (color:color-mix(in lab, red, red)){:root[data-skin=game] body.s-arcade .cp-free .cp-hero{background:radial-gradient(70% 80% at 72% 45%, color-mix(in srgb, #ff5fd2 12%, var(--a-bg)), var(--a-bg))}}.cp-fr-art{place-items:center;display:grid}.cp-fr-svg{width:min(100%,540px);height:auto;overflow:visible}.cp-fr-road{fill:none;stroke:var(--color-cream);stroke-width:4px;stroke-dasharray:2 12;stroke-linecap:round;stroke-linejoin:round;opacity:.35}.cp-fr-stop{fill:var(--c);stroke:var(--color-ink);stroke-width:4px}.cp-fr-bar{fill:var(--c)}@media (prefers-reduced-motion:no-preference){.cp-fr-road{animation:3s linear infinite cp-fr-walk}.cp-fr-bar{transform-box:fill-box;transform-origin:0;animation:7s ease-out infinite both cp-fr-grow}.cp-fr-bar.s-v2{animation-delay:.3s}.cp-fr-bar.s-v3{animation-delay:.6s}.cp-fr-bar.s-v4{animation-delay:.9s}}.cp-fr-steps{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:24px;display:grid}.cp-fr-steps li{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;display:grid}.cp-fr-step-n{background:var(--c);width:34px;height:34px;color:var(--ci);border-radius:99px;place-items:center;font-weight:800;display:grid}.cp-fr-steps p{color:var(--color-muted);font-size:15.5px;line-height:1.5}.cp-fr-steps p b{color:var(--color-cream);font-size:17px;display:block}.cp-fr-shot{max-width:760px;margin-top:28px}.cp-fr-layers{justify-self:center;width:100%;max-width:420px;height:auto}.cp-fr-layers rect{fill:var(--c)}@media (prefers-reduced-motion:no-preference){.cp-fr-layer{animation:8s ease-out infinite both cp-fr-in}.cp-fr-layer-2{animation-delay:.8s}.cp-fr-layer-3{animation-delay:1.6s}.cp-fr-layer-4{animation-delay:2.4s}}@media (min-width:900px){.cp-fr-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}:root[data-skin=game][data-theme$=-light] body.s-arcade .cp-join-btns .btn-secondary{color:var(--a-cyan);box-shadow:inset 0 0 0 2px var(--a-cyan)}