.cc-head{max-width:44rem;margin-bottom:clamp(28px,4vw,48px)}.cc-steps{gap:clamp(20px,3vw,32px);max-width:48rem;margin:0;padding:0;list-style:none;display:grid}.cc-step{grid-template-columns:auto 1fr;gap:18px;display:grid}.cc-step__n{background:var(--frost);width:40px;height:40px;color:var(--pink-deep);font:700 18px var(--font-display);border-radius:50%;place-items:center;display:grid}.cc-step .h3{margin:4px 0 6px}.cc-step p{color:var(--ink-2);text-wrap:pretty;max-width:38rem;margin:0 0 12px}.cc-code{background:var(--night-2);border:1px solid var(--night-line);border-radius:var(--radius-sm);align-items:stretch;max-width:38rem;display:flex;overflow:hidden}.cc-code code{min-width:0;font:13px/1.5 var(--font-mono);color:#f3ece4;flex:1;padding:12px 14px;overflow-x:auto}.cc-code .cmd-w{white-space:nowrap}.cc-copy{border:0;border-left:1px solid var(--night-line);color:#f3ece4;width:84px;font:600 13px var(--font-body);cursor:pointer;transition:background var(--dur-1);background:0 0;flex:none;position:relative}.cc-copy:hover{background:color-mix(in srgb, var(--pink) 22%, transparent)}.cc-copy:focus-visible{outline:2px solid var(--pink);outline-offset:-3px}.cc-copy span{transition:opacity var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-spring);place-items:center;display:grid;position:absolute;inset:0}.cc-copy__done{opacity:0;color:var(--sprinkle-green);transform:translateY(8px)}.cc-copy.is-copied .cc-copy__idle{opacity:0;transform:translateY(-8px)}.cc-copy.is-copied .cc-copy__done{opacity:1;transform:none}.cc-groups{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:16px;display:grid}.cc-group{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);flex-direction:column;padding:22px;display:flex}.cc-group .h3{margin:0 0 8px}.cc-group p{color:var(--ink-2);text-wrap:pretty;margin:0 0 14px}.cc-group .cc-say{border-top:1px dashed var(--line-2);color:var(--ink);margin:auto 0 0;padding-top:12px;font-style:italic}.cc-batch .split{align-items:center}.cc-flow{counter-reset:flow;gap:10px;margin:22px 0;padding:0;list-style:none;display:grid}.cc-flow li{color:var(--ink-2);counter-increment:flow;text-wrap:pretty;padding-left:34px;position:relative}.cc-flow li:before{content:counter(flow);background:var(--frost);width:22px;height:22px;color:var(--pink-deep);font:700 12px var(--font-body);border-radius:50%;place-items:center;display:grid;position:absolute;top:1px;left:0}.cc-fill{transition:opacity .5s var(--ease-out)}.cc-fill.is-out{opacity:0}.cc-fill__body{background:var(--card);padding:18px}.cc-fill__sum{color:var(--ink-2);margin:0 0 12px;font-size:14px}.cc-fill__sum b{color:var(--ink);font-variant-numeric:tabular-nums}.cc-rows{gap:8px;margin:0;padding:0;list-style:none;display:grid}.cc-row{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);opacity:0;transition:opacity var(--dur-2) var(--ease-out), transform var(--dur-3) var(--ease-spring);grid-template-columns:minmax(0,1fr) 56px 88px;align-items:center;gap:12px;padding:10px 12px;display:grid;transform:translateY(10px)}.cc-row.is-on{opacity:1;transform:none}.cc-row:nth-child(2){transition-delay:70ms}.cc-row:nth-child(3){transition-delay:.14s}.cc-row:nth-child(4){transition-delay:.21s}.cc-row__name{min-width:0;font-size:14px;line-height:1.3;display:grid}.cc-row__name b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.cc-row__name i{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;overflow:hidden}.cc-row__bar{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.cc-row__bar i{background:var(--pink);transform-origin:0;height:100%;transition:transform .9s var(--ease-in-out);display:block;transform:scaleX(0)}.cc-row:not([data-s="0"]) .cc-row__bar i{transform:scaleX(1)}.cc-row[data-s="2"] .cc-row__bar i{background:var(--good)}.cc-row[data-s="3"] .cc-row__bar i{background:var(--warn)}.cc-row__st{height:24px;position:relative}.st{font:600 12px var(--font-body);white-space:nowrap;opacity:0;transition:opacity var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out);border-radius:999px;align-items:center;padding:0 9px;display:inline-flex;position:absolute;inset:0 auto 0 0;transform:translateY(6px)}.st-0{background:var(--paper-2);color:var(--ink-3)}.st-1{background:var(--frost);color:var(--pink-deep)}.st-2{background:var(--good-soft);color:var(--good)}.st-3{background:var(--warn-soft);color:var(--warn)}.cc-row[data-s="0"] .st-0,.cc-row[data-s="1"] .st-1,.cc-row[data-s="2"] .st-2,.cc-row[data-s="3"] .st-3{opacity:1;transform:none}.cc-left{border:1px dashed var(--line-2);border-radius:var(--radius-sm);opacity:0;transition:opacity var(--dur-2) var(--ease-out), transform var(--dur-3) var(--ease-out);margin-top:14px;padding:12px 14px;transform:translateY(8px)}.cc-left.is-on{opacity:1;transform:none}.cc-left__h{font:600 12px var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:0 0 8px}.cc-left__item{color:var(--ink-2);opacity:0;transition:opacity var(--dur-2) var(--ease-out), transform var(--dur-3) var(--ease-out);align-items:center;gap:8px;margin:0;padding:4px 0;font-size:13px;display:flex;transform:translate(-8px)}.cc-left__item.is-on{opacity:1;transform:none}.cc-left__item b{color:var(--ink);white-space:nowrap;font-weight:600}.cc-left__item span:last-child{min-width:0;transition:opacity var(--dur-2)}.cc-left__item.is-done span:last-child{opacity:.45}.cc-left__mark{border:2px solid var(--warn);width:16px;height:16px;transition:border-color var(--dur-2);border-radius:50%;flex:none;position:relative}.cc-left__mark i{background:var(--good);transition:transform var(--dur-2) var(--ease-spring);border-radius:50%;position:absolute;inset:3px;transform:scale(0)}.cc-left__item.is-done .cc-left__mark{border-color:var(--good)}.cc-left__item.is-done .cc-left__mark i{transform:scale(1)}.cc-fill__final{color:var(--good);opacity:0;transition:opacity var(--dur-2) var(--ease-out), transform var(--dur-3) var(--ease-out);margin:14px 0 0;font-size:14px;font-weight:600;transform:translateY(6px)}.cc-fill__final.is-on{opacity:1;transform:none}.cc-cols{grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:16px;display:grid}.cc-col{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px}.cc-col .h3{margin:0 0 12px}.cc-col ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.cc-col li{color:var(--ink-2);text-wrap:pretty;padding-left:26px;position:relative}.cc-col li:before{font-weight:700;position:absolute;top:0;left:0}.cc-col--will li:before{content:"✓";color:var(--good)}.cc-col--wont li:before{content:"✕";color:var(--bad)}@media (max-width:480px){.cc-row{grid-template-columns:minmax(0,1fr) 84px}.cc-row__bar{display:none}.cc-step{grid-template-columns:1fr;gap:8px}}