.caps{--muted:color-mix(in srgb, var(--color-primary) 65%, #fff);--hair:color-mix(in srgb, var(--color-primary) 9%, transparent);--hair2:color-mix(in srgb, var(--color-primary) 11%, transparent);--pnl:#efeef4;--sh:0 0 0 1px #12101b0f, 0 1px 2px #140c3012, 0 16px 34px -16px #26165852;--beat:2.3s;--ease:cubic-bezier(.22, .9, .2, 1);width:100%;max-width:var(--container-content);color:var(--color-primary);flex-direction:column;gap:clamp(72px,8vw,112px);margin:clamp(40px,5vw,64px) auto 0;padding:0 clamp(20px,4vw,48px);list-style:none;display:flex}.caps .cap{scroll-margin-top:96px;position:relative}.caps .cap-replay{border:1px solid color-mix(in srgb, var(--color-primary) 18%, transparent);min-height:34px;color:var(--color-primary);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:0 13px;font-size:12.5px;font-weight:600;position:absolute;top:0;right:0}.caps .cap-replay[hidden]{display:none}@media (width<=1119px){.caps .cap-replay{margin:0 0 14px auto;display:block;position:static}}.caps .cap-replay:hover{background:color-mix(in srgb, var(--color-primary) 5%, #fff)}.caps .cap-replay:focus-visible{outline:3px solid var(--color-violet);outline-offset:2px}.caps .cap-head{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:640px;margin:0 auto clamp(28px,3vw,40px);display:flex}.caps .cap-title{font-size:clamp(24px,2.6vw,32px);font-weight:var(--font-weight-headline);letter-spacing:-.03em;text-wrap:balance;margin:0;line-height:1.15}.caps .cap-desc{max-width:56ch;color:color-mix(in srgb, var(--color-primary) 65%, transparent);text-wrap:pretty;margin:0;font-size:16px;line-height:1.55}.caps .cap-steps{--gap:28px;grid-template-columns:minmax(0,1fr);row-gap:52px;max-width:420px;margin:0 auto;padding:0;list-style:none;display:grid}@media (width>=1120px){.caps .cap-steps{column-gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}}.caps .cap-step{--base:0s;flex-direction:column;min-width:0;display:flex}@media (width>=1120px){.caps .cap-step{--base:calc(var(--n) * var(--beat))}}.caps .cap-rail{justify-content:center;margin-bottom:16px;display:flex;position:relative}.caps .cap-num{z-index:1;width:40px;height:40px;color:var(--color-violet);font-variant-numeric:tabular-nums;background:#f1ecfe;border:1px solid #e5dcfd;border-radius:11px;place-items:center;font-size:17px;font-weight:600;line-height:1;display:grid;position:relative;box-shadow:inset 0 1px #fffc,0 1px 2px #4a26bc0f}.caps .cap-rail:after{content:"";background:linear-gradient(var(--color-violet-soft), var(--color-violet-soft)) no-repeat 0 0 / 100% 100%, #dcd9e6;display:none;position:absolute}@media (width>=1120px){.caps .cap-step:not(:last-child) .cap-rail:after{top:19px;left:calc(50% + 30px);right:calc(-50% - var(--gap) + 34px);border-radius:2px;height:2px;display:block}.caps .cap-step:not(:last-child) .cap-rail:before{content:"";top:14px;right:calc(-50% - var(--gap) + 34px);border-top:2px solid var(--color-violet-soft);border-right:2px solid var(--color-violet-soft);border-radius:1px;width:8px;height:8px;position:absolute;transform:rotate(45deg)}}@media (width<=1119px){.caps .cap-step:not(:first-child) .cap-rail:after{border-radius:2px;width:2px;height:30px;display:block;bottom:46px;left:calc(50% - 1px)}}.caps .cap-visual{isolation:isolate;text-align:left;background:radial-gradient(circle at 1px 1px,#12101b12 1px,#0000 1.4px) 0 0/16px 16px,linear-gradient(#f1f0f6,#ebeaf2);border-radius:20px;height:330px;font-size:12px;line-height:1.3;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #12101b0a}.caps .cap-label{letter-spacing:-.015em;text-align:center;text-wrap:balance;margin:20px 0 0;font-size:clamp(18px,1.5vw,20px);font-weight:600;line-height:1.25}.caps .cap-body{text-align:center;max-width:40ch;color:color-mix(in srgb, var(--color-primary) 72%, transparent);text-wrap:pretty;margin:8px auto 0;font-size:15px;line-height:1.5}.caps .stg{translate:0 var(--dy,0px);position:absolute;inset:0}@media (width<=1119px){.caps .cap-label{margin-top:16px}}.caps .c{box-shadow:var(--sh);background:#fff;border-radius:14px;position:absolute}.caps .c.is-back:after{content:"";border-radius:inherit;background:var(--pnl);opacity:.36;pointer-events:none;position:absolute;inset:0}.caps .ch{align-items:center;gap:10px;padding:11px 12px 10px;display:flex}.caps .ch-t{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.caps .ch-t b{letter-spacing:-.01em;font-size:13.5px;font-weight:750;line-height:1.2}.caps .ch-t span{color:var(--muted);font-size:11px;font-weight:600}.caps .ch-t .k{color:var(--color-violet);font-size:11px;font-weight:750}.caps .ico{border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.caps .ico svg,.caps .chip svg,.caps .tick svg,.caps .foot svg,.caps .mini-ico svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.caps .ico svg{stroke-width:1.7px;width:16px;height:16px}.caps .ico-violet{background:color-mix(in srgb, var(--color-violet) 12%, #fff);color:var(--color-violet-deep)}.caps .ico-teal{background:color-mix(in srgb, var(--color-accent) 22%, #fff);color:var(--color-on-accent)}.caps .ico-amber{background:var(--color-amber-tint);color:var(--color-amber-deep)}.caps .ico.s{border-radius:7px;width:24px;height:24px}.caps .ico.s svg{width:13px;height:13px}.caps .chip{white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:750;line-height:1.2;display:inline-flex}.caps .chip svg{stroke-width:2.2px;width:11px;height:11px}.caps .chip-ok{background:color-mix(in srgb, var(--color-accent) 26%, #fff);color:var(--color-on-accent)}.caps .chip-warn{background:var(--color-amber-tint);color:var(--color-amber-deep)}.caps .tick{background:var(--color-on-accent);color:#fff;border-radius:999px;flex:none;place-items:center;width:16px;height:16px;display:grid}.caps .tick svg{stroke-width:2.6px;width:10px;height:10px}.caps .av{background:color-mix(in srgb, var(--color-violet) 12%, #fff);width:28px;height:28px;color:var(--color-violet-deep);border-radius:999px;flex:none;place-items:center;font-size:11px;font-weight:750;display:grid}.caps .av.is-solid{background:var(--color-violet-deep);color:#fff}.caps .swap{flex:none;place-items:center end;display:inline-grid}.caps .swap>*{grid-area:1/1}.caps .swap>.was{opacity:0}.caps .foot{border-top:1px solid var(--hair);background:color-mix(in srgb, var(--color-accent) 8%, #fff);color:var(--color-on-accent);border-radius:0 0 14px 14px;align-items:center;gap:8px;padding:9px 12px 10px;font-size:11.5px;font-weight:750;display:flex}.caps .foot svg{stroke-width:1.9px;flex:none;width:16px;height:16px}.caps .grw{grid-template-rows:1fr;display:grid}.caps .grw>*{min-height:0;overflow:hidden}.caps.anim .a-open{animation-name:cs-open}@keyframes cs-open{0%{opacity:0;grid-template-rows:0fr}to{opacity:1;grid-template-rows:1fr}}.caps .foot.is-warn{background:color-mix(in srgb, var(--color-amber-tint) 60%, #fff);color:var(--color-amber-deep)}.caps .foot-grid{display:grid}.caps .foot-grid>*{grid-area:1/1}.caps .foot-grid>.was{opacity:0}.caps .bar{background:#e9e8ef;border-radius:4px;height:7px;display:block}.caps .rows{flex-direction:column;gap:6px;padding:0 10px 10px;display:flex}.caps .row{box-shadow:inset 0 0 0 1px var(--hair2);background:#fff;border-radius:10px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;column-gap:8px;padding:7px 9px;display:grid;position:relative}.caps .row time{font-variant-numeric:tabular-nums;font-size:12px;font-weight:750}.caps .row .t{flex-direction:column;gap:2px;min-width:0;display:flex}.caps .row .t b{font-size:12px;font-weight:700;line-height:1.25}.caps .row .t span{color:var(--muted);font-size:11px;font-weight:650}.caps .row.is-warn{background:#fff8ec;box-shadow:inset 0 0 0 1.5px #efc27e}.caps .row.is-warn .t span{color:var(--color-amber-deep);font-weight:750}.caps .row.is-ok{background:color-mix(in srgb, var(--color-accent) 7%, #fff);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--color-accent) 60%, #fff)}.caps .row.is-ok .t span{color:var(--color-on-accent);font-weight:700}.caps .dial{flex:none;align-items:center;gap:6px;display:flex}.caps .dial svg{width:26px;height:26px;rotate:-90deg}.caps .dial circle{fill:none;stroke-width:5px}.caps .dial .trk{stroke:#e9e8ef}.caps .dial .val{stroke:var(--color-on-accent);stroke-linecap:round;stroke-dasharray:94.25;stroke-dashoffset:0}.caps .dial b{text-align:right;font-variant-numeric:tabular-nums;min-width:4ch;color:var(--color-on-accent);font-size:12.5px;font-weight:800}.caps .picks{flex-direction:column;gap:6px;padding:0 10px 10px;display:flex}.caps .pick{box-shadow:inset 0 0 0 1px var(--hair2);background:#fff;border-radius:10px;align-items:center;gap:9px;padding:8px 10px;display:flex}.caps .pick .t{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.caps .pick .t b{font-size:12.5px;font-weight:700}.caps .pick .t span{color:var(--muted);font-size:11px;font-weight:600}.caps .pick.is-on{box-shadow:inset 0 0 0 1.5px var(--color-violet);background:#f6f3ff}.caps .radio{border-radius:999px;flex:none;width:16px;height:16px;box-shadow:inset 0 0 0 1.5px #c9c7d1}.caps .radio.is-on{box-shadow:inset 0 0 0 5px var(--color-violet)}.caps .tkt{width:204px;box-shadow:var(--sh);transform:rotate(var(--r));background:#fff;border-radius:12px;align-items:center;gap:9px;padding:8px 11px 8px 8px;display:flex;position:absolute}.caps .tkt .t{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.caps .tkt .t b{font-variant-numeric:tabular-nums;font-size:12px;font-weight:750}.caps .tkt .t span{color:var(--muted);font-size:11px;font-weight:600}.caps .pax{color:var(--color-violet-deep);white-space:nowrap;flex:none;font-size:11.5px;font-weight:750}.caps .joined{flex-direction:column;margin:0 12px 12px;padding-left:12px;display:flex;position:relative}.caps .joined .line{background:var(--color-violet);transform-origin:50% 0;border-radius:2px;width:2px;position:absolute;top:2px;bottom:2px;left:0}.caps .bk{border-bottom:1px solid var(--hair);grid-template-columns:58px minmax(0,1fr) auto;align-items:center;column-gap:8px;min-height:27px;font-size:11.5px;display:grid}.caps .bk:last-child{border-bottom:0}.caps .bk b{font-variant-numeric:tabular-nums;font-weight:750}.caps .bk span{color:var(--muted);font-weight:600}.caps .big{color:var(--muted);align-items:baseline;gap:6px;padding:2px 12px 8px;font-size:12px;font-weight:650;display:flex}.caps .big b{letter-spacing:-.035em;color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:30px;font-weight:750;line-height:1}.caps .kv{border-top:1px solid var(--hair);margin:0 12px}.caps .kv-r{border-bottom:1px solid var(--hair);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:8px;min-height:34px;display:grid}.caps .kv-r:last-child{border-bottom:0}.caps .kv-r>span{color:var(--muted);font-size:11px;font-weight:650}.caps .kv-r>b{white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.caps .kv-r .av{width:22px;height:22px;font-size:11px}.caps .kv-r.is-edit{box-shadow:inset 0 0 0 1.5px var(--color-violet);background:#f6f3ff;border-bottom-color:#0000;border-radius:9px;margin:0 -8px;padding:0 8px}.caps .mini-ico{color:var(--muted);place-items:center;display:inline-grid}.caps .mini-ico svg{stroke-width:1.8px;width:13px;height:13px}.caps .dup{left:calc(14px + var(--k) * 12px);width:282px;top:calc(18px + var(--k) * 38px);padding:11px 12px 12px}.caps .dup .ch{padding:0 0 9px}.caps .dup .ch-t b{white-space:nowrap;font-size:12px}.caps .dup .bar+.bar{margin-top:6px}.caps .count{align-items:center;gap:10px;padding:10px 14px 10px 10px;display:flex;position:absolute;top:186px;right:14px}.caps .count .t{flex-direction:column;display:flex}.caps .count b{letter-spacing:-.035em;color:var(--color-amber-deep);font-variant-numeric:tabular-nums;font-size:28px;font-weight:750;line-height:1}.caps .count span{color:var(--muted);white-space:nowrap;margin-top:3px;font-size:11.5px;font-weight:650}.caps .profile{border:1.5px dashed color-mix(in srgb, var(--color-violet) 55%, #fff);background:#fbfaff}.caps .link{border-left:2px solid var(--color-violet-soft);border-bottom:2px solid var(--color-violet-soft);border-bottom-left-radius:12px;position:absolute}.caps .plist{margin:0 12px 10px}.caps .plist-h{align-items:center;gap:6px;padding:10px 0 6px;font-size:11.5px;font-weight:750;display:flex}.caps .prow{border-top:1px solid var(--hair);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;column-gap:8px;min-height:34px;display:grid}.caps .prow>b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.caps .prow .val{white-space:nowrap;align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:inline-flex}.caps .slot-l{color:var(--muted);padding:2px 12px 6px;font-size:11px;font-weight:750}.caps .slot{margin:2px 12px 12px;display:grid}.caps .slot>*{grid-area:1/1}.caps .slot-empty{height:46px;color:var(--color-amber-deep);background:#fffaf2;border:1.5px dashed #e1a85a;border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex}.caps .slot-empty span:last-child{font-size:12px;font-weight:700}.caps .slot-full .k{color:var(--color-violet);font-size:11px;font-weight:750}.caps .slot-full{box-shadow:inset 0 0 0 1px var(--hair2);background:#fff;border-radius:10px;flex-direction:column;gap:5px;padding:9px 11px 10px;display:flex}.caps .slot-full .top{align-items:center;gap:8px;font-size:12.5px;font-weight:750;display:flex}.caps .cats{flex-wrap:wrap;gap:5px;display:flex}.caps .cat-pill{background:color-mix(in srgb, var(--color-violet) 8%, #fff);color:var(--color-violet-deep);white-space:nowrap;border-radius:7px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.caps .cat-pill b{color:var(--color-primary);font-weight:800}.caps .catrows{flex-direction:column;gap:6px;padding:0 10px 12px;display:flex}.caps .catrow{box-shadow:inset 0 0 0 1px var(--hair2);border-radius:10px;grid-template-columns:62px minmax(0,1fr) 46px;align-items:center;column-gap:10px;padding:8px 10px;font-size:12px;font-weight:700;display:grid}.caps .catrow.is-on{box-shadow:inset 0 0 0 1.5px var(--color-violet);background:#f6f3ff}.caps .catrow .meter{background:#eeecf3;border-radius:4px;height:6px;overflow:hidden}.caps .catrow .meter i{height:100%;width:var(--p);background:var(--color-violet);transform-origin:0;border-radius:4px;display:block}.caps .catrow .pax{text-align:right}.caps .who{align-items:center;gap:10px;padding:12px 12px 10px;display:flex}.caps .who .t{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.caps .who .t b{font-size:13px;font-weight:750}.caps .who .t span{color:var(--muted);font-size:11px;font-weight:600}.caps .sh-h{border-top:1px solid var(--hair);align-items:center;gap:6px;margin:0 12px;padding:9px 0 4px;font-size:11.5px;font-weight:750;display:flex}.caps .ln{border-bottom:1px solid var(--hair);grid-template-columns:auto 38px minmax(0,1fr);align-items:center;column-gap:8px;min-height:29px;margin:0 12px;font-size:11.5px;display:grid}.caps .ln:last-child{border-bottom:0}.caps .ln time{font-variant-numeric:tabular-nums;font-weight:750}.caps .ln b{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.caps .ln.is-faint{border-bottom-style:dashed;grid-template-columns:38px minmax(0,1fr)}.caps .ln.is-faint time,.caps .ln.is-faint b{color:var(--muted);font-weight:600}.caps .ord{width:18px;height:18px;color:var(--color-violet-deep);background:#efedf9;border-radius:5px;place-items:center;font-size:11px;font-style:normal;font-weight:750;display:grid}.caps .sheet,.caps .sheet .who{padding-bottom:6px}.caps .sheet .k{color:var(--color-violet);font-size:11px;font-weight:750;display:block}.caps .sent-badge{background:var(--color-violet);color:#fff;border-radius:999px;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:-9px;right:-9px;box-shadow:0 0 0 4px #a78bf840,0 6px 12px -4px #4a26bc99}.caps .sent-badge svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.caps.anim .cap-step .m{animation-duration:var(--t,.8s);animation-timing-function:var(--e,var(--ease));animation-delay:calc(var(--base) + var(--d,0s));animation-play-state:paused;animation-fill-mode:both}.caps.anim .cap-step.is-played .m{animation-play-state:running}.caps.anim .is-reset .m,.caps.anim .is-reset .cap-num,.caps.anim .is-reset .cap-rail:after{animation-name:none!important}.caps.anim .a-rise{animation-name:cs-rise}.caps.anim .a-fade{animation-name:cs-fade}.caps.anim .a-out{animation-name:cs-out}.caps.anim .a-pop{animation-name:cs-pop}.caps.anim .a-drop{animation-name:cs-drop}.caps.anim .a-left{animation-name:cs-left}.caps.anim .a-right{animation-name:cs-right}.caps.anim .a-under{animation-name:cs-under}.caps.anim .a-plain{animation-name:cs-plain}.caps.anim .a-flash{animation-name:cs-flash}.caps.anim .a-grow-x{animation-name:cs-grow-x}.caps.anim .a-grow-y{animation-name:cs-grow-y}.caps.anim .a-draw{animation-name:cs-draw}.caps.anim .a-dial{animation-name:cs-dial}.caps.anim .a-pulse{animation-name:cs-pulse}.caps.anim .a-radio{animation-name:cs-radio}.caps.anim .a-reveal{animation-name:cs-reveal}.caps.anim .a-split{animation-name:cs-split}@keyframes cs-rise{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0}}@keyframes cs-fade{0%{opacity:0}to{opacity:1}}@keyframes cs-out{0%{opacity:1}to{opacity:0}}@keyframes cs-pop{0%{opacity:0;scale:.6}70%{opacity:1;scale:1.06}to{opacity:1;scale:1}}@keyframes cs-drop{0%{opacity:0;translate:0 -26px;rotate:-6deg}to{opacity:1;translate:0;rotate:0deg}}@keyframes cs-left{0%{opacity:0;translate:-22px}to{opacity:1;translate:0}}@keyframes cs-right{0%{opacity:0;translate:40px 10px}to{opacity:1;translate:0}}@keyframes cs-under{0%{opacity:0;translate:-26px -44px;scale:.96}to{opacity:1;translate:0;scale:1}}@keyframes cs-plain{0%{box-shadow:inset 0 0 0 1px var(--hair2);background:#fff}}@keyframes cs-flash{0%{box-shadow:inset 0 0 0 1px var(--hair);background:#fff}40%{background:#ede6ff}}@keyframes cs-grow-x{0%{scale:0 1}to{scale:1}}@keyframes cs-grow-y{0%{scale:1 0}to{scale:1}}@keyframes cs-draw{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}@keyframes cs-dial{0%{stroke-dashoffset:18.85px}to{stroke-dashoffset:0}}@keyframes cs-pulse{0%,to{scale:1}40%{scale:1.12}}@keyframes cs-radio{0%{box-shadow:inset 0 0 0 1.5px #c9c7d1}}@keyframes cs-reveal{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes cs-split{0%{translate:-40px -90px}to{translate:0}}.caps.anim .cap-step .cap-num{animation:cs-num calc(var(--beat) * .95) var(--ease) both paused;animation-delay:var(--base)}.caps.anim .cap-step.is-played .cap-num{animation-play-state:running}@keyframes cs-num{0%{color:var(--color-violet);background:#f1ecfe;border-color:#e5dcfd;scale:1}14%{background:var(--color-violet);border-color:var(--color-violet);color:#fff;scale:1.08;box-shadow:0 2px 10px #6c3bf552}24%{scale:1}78%{background:var(--color-violet);border-color:var(--color-violet);color:#fff;box-shadow:0 2px 10px #6c3bf552}}.caps.anim .cap-step .cap-rail:after{animation:.7s both paused cs-line;animation-delay:calc(var(--base) + var(--beat) - .6s)}.caps.anim .cap-step.is-played .cap-rail:after{animation-play-state:running}@keyframes cs-line{0%{background-size:0% 100%,auto}}@keyframes cs-line-y{0%{background-size:100% 0%,auto}}@media (width<=1119px){.caps.anim .cap-step .cap-rail:after{animation-name:cs-line-y;animation-delay:0s}}.caps.anim .cap-step:not(.is-played) .cap-rail:before{opacity:0}.caps .cap-rail:before{transition:opacity .3s}.caps.anim .cap-step.is-played .cap-rail:before{transition-delay:calc(var(--base) + var(--beat))}
