.sr{--c:#CB98F5}
.sr.up{--c:#F2592E}
.sr-pl{display:flex;flex-direction:column;gap:20px;padding:22px 24px 20px;border-radius:18px;background:#262626;
 box-shadow:inset 0 1px 0 rgba(230,226,218,.05),0 1px 1px rgba(0,0,0,.12),0 8px 18px -10px rgba(0,0,0,.4)}
.sr-top{display:flex;align-items:center;gap:16px}
.sr-play{flex:none;display:grid;place-items:center;width:56px;height:56px;border:0;border-radius:50%;background:#E6E2DA;color:#141414;cursor:pointer;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 22px -14px rgba(0,0,0,.7)}
.sr-nm{min-width:0}
.sr-name{margin:0;font-size:20px;line-height:24px;color:#E6E2DA;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr-info{margin:4px 0 0;font-size:14px;line-height:18px;color:#6B6862;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr-sp{flex:1}
.sr-time{font-size:14px;color:#A39F98;font-variant-numeric:tabular-nums;white-space:nowrap}
.sr-wave{display:flex;align-items:center;gap:3px;height:56px}
.sr-wave i{flex:1;min-width:2px;border-radius:2px;background:rgba(230,226,218,.16)}
.sr-wave i.p{background:var(--c)}
.sr-wave i.h{background:#E6E2DA}
.sr-tiles{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;margin-top:14px}
.sr-tiles .fd-tile{min-height:178px}
.sr-alt{display:flex;align-items:center;gap:10px;margin-top:auto;font-size:16px;line-height:20px;color:#A39F98}
.sr-alt .dq-sp{flex:1}
.sr-st{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#323232;color:#E6E2DA;font:inherit;font-size:20px;line-height:1;cursor:pointer}
.sr-chips{display:flex;flex-wrap:wrap;gap:8px}
.sr-chips .dq-pill{background:#2E2E2E}
.sr-chips .dq-pill:hover{background:#353535}
.sr-chips .dq-pill.is{background:#E6E2DA;color:#141414}
.sr-rows{display:flex;flex-direction:column;margin-top:22px}
.sr-row{display:grid;grid-template-columns:150px minmax(0,1fr) 72px;align-items:center;gap:20px;min-height:56px;border-top:1px solid rgba(230,226,218,.07);font-size:16px;line-height:20px;color:#A39F98}
.sr-row:first-child{border-top:0}
.sr-row .v{text-align:right;color:#E6E2DA;font-variant-numeric:tabular-nums}
.sr-row .v.off{color:#6B6862}
.sr-sl{position:relative;display:block;height:4px;border-radius:2px;background:rgba(230,226,218,.16)}
.sr-sl i{position:absolute;left:0;top:0;bottom:0;border-radius:2px;background:#E6E2DA}
.sr-sl b{position:absolute;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#E6E2DA;box-shadow:0 2px 6px rgba(0,0,0,.4)}
.sr-sl u{position:absolute;top:14px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#6B6862}
.sr-trow{grid-template-columns:auto minmax(0,1fr)}
.sr-note{text-align:right;color:#6B6862}
.sr-tog{display:flex;align-items:center;gap:12px;color:#E6E2DA}
.sr-tog i{position:relative;flex:none;width:40px;height:24px;border-radius:12px;background:#3A3A3A}
.sr-tog i::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#A39F98}
.sr-tog.on i{background:#E6E2DA}
.sr-tog.on i::after{left:19px;background:#141414}
.sr-more{display:flex;align-items:center;gap:8px;height:48px;padding:0;border:0;background:none;color:#A39F98;font:inherit;font-size:16px;cursor:pointer}
.sr-more span{color:#6B6862}
.sr-ft{display:flex;align-items:center;gap:16px;padding:0 8px}
.sr-sum{margin:0;font-size:16px;line-height:20px;color:#E6E2DA}
.sr-sum span{display:block;margin-top:4px;font-size:14px;color:#6B6862}
.sr-ft .fd-again{flex:none;height:48px;padding:0 26px}
.sr-wav{height:48px;padding:0 4px;border:0;background:none;color:#A39F98;font:inherit;font-size:16px;cursor:pointer}
.b .sr .fd-sec{padding:10px!important}
.sr-again{display:flex;justify-content:flex-end;margin:-6px 0 14px}
@media (max-width:760px){
 .sr-pl{padding:16px;gap:16px}
 .sr-play{width:48px;height:48px}
 .sr-name{font-size:18px}
 .sr-wave{height:44px;gap:2px}
 .sr-wave i{min-width:0}
 .sr-wave i:nth-child(2n){display:none}
 .sr-tiles{grid-template-columns:1fr;gap:8px;margin-top:8px}
 .sr-tiles .fd-tile{min-height:132px}
 .sr-row{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;padding:12px 0}
 .sr-row .sr-sl{grid-column:1 / -1;grid-row:2;margin:8px 9px 6px}
 .sr-row .v{grid-column:2;grid-row:1}
 .sr-trow .sr-note{display:none}
 .sr-ft{flex-wrap:wrap;padding:0}
 .sr-ft .dq-sp{display:none}
 .sr-sum{width:100%;margin-bottom:4px}
 .sr-ft .fd-again{order:1;flex:1 1 100%}
 .sr-ft .dq-txt,.sr-ft .sr-wav{order:2}
 .sr-ft .sr-wav{margin-left:auto}
}

.sr.bpm{--c:#E3C23A}
.sr.key{--c:#4A56FF}
.sr.met{--c:#CB98F5}
.rd-seg{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#2E2E2E}
.rd-seg button{height:32px;padding:0 14px;border:0;border-radius:999px;background:none;color:#A39F98;font:inherit;font-size:15px;cursor:pointer}
.rd-seg button.is{background:#E6E2DA;color:#141414}
.rd-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.rd-segw{display:flex;width:100%;box-sizing:border-box}
.rd-segw button{flex:1;height:40px;padding:0;font-size:16px;font-variant-numeric:tabular-nums}
.rd-num .dq-pill{min-width:44px;padding:0 14px;font-variant-numeric:tabular-nums}
.rd-keys{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}
.rd-keys button{height:44px;border:0;border-radius:14px;background:#2E2E2E;color:#E6E2DA;font:inherit;font-size:16px;cursor:pointer}
.rd-keys button.was{box-shadow:inset 0 0 0 1px #6B6862}
.rd-keys button.is{background:var(--c);color:#FFF}
.rd-lab{margin:0 0 12px;font-size:16px;line-height:20px;color:#6B6862}
.rd-block + .rd-block{margin-top:24px}
.rd-sub{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.rd-sub .rd-lab{margin:0}

.rd-met{display:flex;align-items:center;gap:24px}
.rd-big{flex:none;display:grid;place-items:center;width:88px;height:88px;border:0;border-radius:50%;background:#E6E2DA;color:#141414;cursor:pointer}
.rd-tempo{display:flex;align-items:baseline;gap:10px;font-size:96px;line-height:88px;letter-spacing:-.03em;color:#E6E2DA;font-variant-numeric:tabular-nums}
.rd-tempo span{font-size:16px;letter-spacing:0;color:#6B6862}
.rd-met .dq-sp{flex:1}
.rd-steps{display:flex;gap:8px}
.rd-steps .sr-st{width:48px;height:48px;font-size:22px}
.rd-beats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:20px}
.rd-beats i{height:56px;border-radius:16px;background:#2E2E2E}
.rd-beats i.on{background:var(--c)}
.rd-beats i.one{position:relative}
.rd-slider{margin-top:22px}
.rd-slider .sr-sl{display:block}

.rd-bm-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}
.rd-field{display:inline-flex;align-items:baseline;gap:10px;padding:10px 20px 12px;border-radius:18px;background:#262626}
.rd-field b{font-weight:400;font-size:56px;line-height:56px;letter-spacing:-.03em;color:#E6E2DA;font-variant-numeric:tabular-nums}
.rd-field span{font-size:16px;color:#6B6862}
.rd-tb{display:grid;grid-template-columns:132px repeat(3,minmax(0,1fr));gap:8px;align-items:center}
.rd-tb .h{font-size:14px;color:#6B6862;text-align:center}
.rd-tb .n{font-size:16px;color:#A39F98}
.rd-tb button{height:48px;border:0;border-radius:14px;background:#262626;color:#E6E2DA;font:inherit;font-size:17px;font-variant-numeric:tabular-nums;cursor:pointer}
.rd-tb button em{font-style:normal;color:#6B6862;font-size:14px;margin-left:3px}
.rd-tb button.cp{background:#E6E2DA;color:#141414}
.rd-ft{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;padding:0 8px;font-size:16px;line-height:20px;color:#A39F98}
.rd-ft .inl{display:inline-flex;align-items:baseline;gap:6px;height:40px;padding:0 14px;border-radius:999px;background:#262626;color:#E6E2DA;line-height:40px;font-variant-numeric:tabular-nums}
.rd-ft .inl span{color:#6B6862;font-size:14px}
.rd-ft .dq-sp{flex:1}
.rd-ft .g{color:#6B6862}
.rd-ft b{font-weight:400;color:#E6E2DA}

.rd-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rd-tile{display:flex;flex-direction:column;gap:12px;min-height:200px;padding:22px 24px;border-radius:18px;background:#262626;box-sizing:border-box}
.rd-tile .fd-lab{margin:0}
.rd-ta{flex:1;min-height:120px;padding:14px 16px;border:0;border-radius:14px;background:#1E1E1E;color:#E6E2DA;font:inherit;font-size:22px;line-height:30px;resize:none;outline:0;box-shadow:inset 0 0 0 1px rgba(230,226,218,.08)}
.rd-out{margin:auto 0 0;font-size:44px;line-height:52px;letter-spacing:-.02em;color:#E6E2DA;word-spacing:.18em}
.rd-out .ac{height:.62em;vertical-align:.32em;fill:currentColor}
.rd-move{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
.rd-move .rd-steps{align-items:center}
.rd-move .v{min-width:56px;text-align:center;font-size:28px;line-height:32px;color:#E6E2DA;font-variant-numeric:tabular-nums}
.rd-move .u{color:#6B6862;font-size:16px}
.rd-sel{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 16px;border-radius:999px;background:#2E2E2E;color:#A39F98;font-size:15px}
.rd-sel b{font-weight:400;color:#E6E2DA;font-size:16px}
.ftc{display:flex;align-items:center;gap:16px;padding:0 8px}
.ftc .fd-again{flex:none;height:48px;padding:0 26px}
@media (max-width:760px){
 .rd-keys{grid-template-columns:repeat(6,minmax(0,1fr))}
 .rd-met{gap:16px}
 .rd-big{width:64px;height:64px}
 .rd-tempo{font-size:64px;line-height:60px}
 .rd-steps .sr-st{width:40px;height:40px;font-size:20px}
 .rd-met .rd-steps{flex-direction:column}
 .rd-beats i{height:44px;border-radius:14px}
 .rd-bm-top{flex-direction:column;align-items:flex-start}
 .rd-field b{font-size:44px;line-height:44px}
 .rd-tb{grid-template-columns:88px repeat(3,minmax(0,1fr));gap:6px}
 .rd-tb .n{font-size:14px}
 .rd-tb button{height:44px;font-size:15px;border-radius:12px}
 .rd-tb button em{display:none}
 .rd-two{grid-template-columns:1fr;gap:8px}
 .rd-pair{grid-template-columns:1fr;gap:20px}
 .rd-tile{min-height:0}
 .rd-out{font-size:36px;line-height:44px}
 .ftc{flex-wrap:wrap;padding:0}
 .ftc .fd-again{flex:1 1 100%;order:1}
 .ftc .dq-txt{order:2}
 .ftc .dq-sp{display:none}
 .rd-ft{padding:0}
}

.fd .sr-out{display:none}
.fd.s-res .sr-out{display:block}
.fd:not(.s-res) .sr-on{display:none}
.sr button{-webkit-tap-highlight-color:transparent}
.sr-play svg{display:block}
.sr-play:active,.sr-st:active,.sr-ft .fd-again:active{transform:scale(.97)}
.sr-st:hover{background:#3A3A3A}
.sr-st[disabled]{opacity:.35;cursor:default}
.sr-wav:hover,.sr-more:hover{color:#E6E2DA}
.sr-wav[disabled]{opacity:.4;cursor:default}
.sr-play:focus-visible,.sr-st:focus-visible,.sr-tog:focus-visible,.sr-more:focus-visible,.sr-wav:focus-visible,.dq-txt:focus-visible,.sr-wave:focus-visible{outline:2px solid #E6E2DA;outline-offset:3px}
.sr-wave{cursor:pointer;outline:0;touch-action:none}
.sr-wave i{transition:background-color .12s ease}

.sr-sl{cursor:pointer;outline:0;touch-action:none}
.sr-sl::before{content:"";position:absolute;left:-9px;right:-9px;top:-16px;bottom:-16px}
.sr-sl:focus-visible b{box-shadow:0 0 0 3px #1E1E1E,0 0 0 5px #E6E2DA}
.sr-tog{height:40px;padding:0;border:0;background:none;font:inherit;font-size:16px;line-height:20px;text-align:left;cursor:pointer}
.sr-tog i,.sr-tog i::after{transition:background-color .15s ease,left .2s ease}
.sr-more svg{transition:transform .2s ease}
.sr-more[aria-expanded="true"] svg{transform:rotate(180deg)}
.sr-xrows{margin-top:0}
.sr-xrows[hidden]{display:none}
.sr-sum b{font-weight:400}
.sr-xrows .sr-row:first-child{border-top:1px solid rgba(230,226,218,.07)}
.sr-krow .sr-kv{display:flex;align-items:center;gap:12px;color:#E6E2DA}
.sr-krow .sr-kn{min-width:7.2em;text-align:center}
.sr-krow .sr-st{width:36px;height:36px;font-size:18px}
.sr-sum{min-width:0}
.sr-sum span:empty{display:none}
.sr-ft .fd-again{position:relative;overflow:hidden}
.sr-ft .fd-again::before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--p,0%);background:rgba(20,20,20,.12);transition:width .2s ease}
.sr-ft .fd-again .t{position:relative}
.sr-ft .fd-again.busy{cursor:progress}

.sr .fd-val .acn,.sr .sr-sum .acn{display:inline;margin:0;font-size:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;white-space:nowrap}
.fd-val.sr-k b{white-space:nowrap}

.acn{white-space:nowrap}
.ac{display:inline-block;width:auto;fill:currentColor}
.ac.fl{height:.84em;margin:0 .03em 0 .04em;vertical-align:-.03em}
.ac.sh{height:.8em;margin:0 .03em 0 .05em;vertical-align:-.08em}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

.sr .fd-tile,.sr-pl,.sr-play,.sr-sl b,.sr .fd-again,.sr .fd-dot{box-shadow:none}

.pg .gt.sr-gt{padding-top:0}
.pg .gt.sr-gt::before{content:"";display:block;width:100vw;height:1px;margin:120px 0 112px calc(50% - 50vw);background:rgba(230,226,218,.1)}
.gt-b ol{margin:0;padding:0 0 0 1.3em}
.gt-b ol li::marker{color:#6B6862}
.gt-b p + ol,.gt-b ol + p{margin-top:16px}

.sr-film{padding:16px 16px 20px!important}
.sr-film a{display:block}
.sr-film video{display:block;width:100%;height:auto;border-radius:14px;background:#141414;aspect-ratio:1600 / 526}
.sr-film.dot video{aspect-ratio:auto}
.sr-parts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:12px 0 0;padding:0;list-style:none;text-align:center;font-size:14px;line-height:18px;color:#A39F98}
.sr-cap{margin-top:14px!important;text-align:center;font-size:14px;line-height:18px;color:#6B6862}
.b a.go.sr-volt{background:#B4F213;color:#0A0A0A}
.b a.go.sr-volt:hover{background:#C6F84A}
.pg .faq .sr-credit{margin:40px 0 0;font-size:14px;line-height:18px;color:#6B6862}
.pg .faq .qa a{color:#E6E2DA;box-shadow:inset 0 -1px 0 rgba(230,226,218,.35);transition:box-shadow .15s ease}
.pg .faq .qa a:hover{box-shadow:inset 0 -1px 0 #E6E2DA}
.sr-credit a{color:#A39F98;text-decoration:underline;text-decoration-color:rgba(230,226,218,.25);text-underline-offset:3px}
@media (max-width:760px){
 .sr-info{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .sr-krow .sr-kv{justify-content:space-between;grid-column:1 / -1;grid-row:2}
 .sr-krow .sr-kn{min-width:0;flex:1}
 .sr-film{padding:10px 10px 14px!important}
 .sr-parts{font-size:12px}}
@media (max-width:600px){
 .pg .gt.sr-gt::before{margin:72px 0 64px calc(50% - 50vw)}}
@media (prefers-reduced-motion: reduce){.sr-wave i,.sr-tog i,.sr-tog i::after,.sr-more svg{transition:none}}

.gt-b .gt-ul li{position:relative;padding-left:20px}
.gt-b .gt-ul li::before{content:"";position:absolute;left:2px;top:12px;width:5px;height:5px;border-radius:50%;background:#6B6862}
.gt-tb{width:100%;margin-top:20px;border-collapse:collapse;font-size:18px;line-height:24px}
.gt-tb th{padding:0 12px 12px 0;text-align:left;font-weight:400;font-size:16px;color:#6B6862}
.gt-tb td{padding:12px 12px 12px 0;border-top:1px solid rgba(230,226,218,.08);color:#A39F98;white-space:nowrap}
.gt-tb td:first-child{color:#E6E2DA}
.gt-b * + .gt-tb,.gt-b .gt-tb + p{margin-top:20px}
@media (max-width:760px){.gt-tb{font-size:16px}.gt-tb th{font-size:14px}.gt-b .gt-ul li::before{top:10px}}

.rd-tempo input,.rd-field input,.rd-ft .inl input{width:3.2ch;padding:0;border:0;background:none;color:#E6E2DA;font:inherit;letter-spacing:inherit;font-variant-numeric:tabular-nums;outline:0}
.rd-tempo input{width:3ch;field-sizing:content;font-size:96px;line-height:88px;letter-spacing:-.03em}
.rd-field{cursor:text}
.rd-field input{width:3ch;field-sizing:content;font-size:56px;line-height:56px;letter-spacing:-.03em}
.rd-field:focus-within,.rd-ft .inl:focus-within{box-shadow:inset 0 0 0 1.5px #E6E2DA}
.rd-tempo input:focus{box-shadow:inset 0 -2px 0 #E6E2DA}
.rd-ft .inl{cursor:text}
.rd-ft .inl input{width:4.6ch;font-size:16px;text-align:right}
.rd-sel{position:relative;cursor:pointer}
.rd-sel select{-webkit-appearance:none;appearance:none;margin:0;padding:0 18px 0 0;border:0;background:none;color:#E6E2DA;font:inherit;font-size:16px;cursor:pointer;outline:0}
.rd-sel svg{position:absolute;right:14px;pointer-events:none;color:#A39F98}
.rd-sel:focus-within{box-shadow:inset 0 0 0 1.5px #E6E2DA}
.rd-sel[hidden],.tr-steps[hidden],.tr-key[hidden]{display:none}
.rd-seg button:not(.is):hover{color:#E6E2DA}
.rd-tb button{transition:background-color .2s ease,color .2s ease}
.rd-tb button.cp{transition:none}
.rd-tb button:not(.cp):hover{background:#2E2E2E}
.rd-keys button{transition:background-color .15s ease}
.rd-keys button:not(.is):not([disabled]):hover{background:#353535}
.rd-keys button[disabled]{opacity:.4;cursor:default}
.rd-big svg{display:block}
.rd-big:active,.rd-tb button:active,.rd-keys button:active{transform:scale(.97)}
.rd-beats i{transition:background-color .06s ease}
.rd-seg button:focus-visible,.rd-tb button:focus-visible,.rd-keys button:focus-visible,.rd-big:focus-visible,.ftc .fd-again:focus-visible{outline:2px solid #E6E2DA;outline-offset:3px}
.rd-slider .sr-sl{margin:0 9px}
.rd-ta:focus{box-shadow:inset 0 0 0 1.5px #E6E2DA}
.rd-out{overflow-wrap:anywhere}
#tr-sum{overflow-wrap:anywhere}
.ftc .sr-sum{min-width:0}

.gt-b .mt-ts{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.gt-b .mt-t{display:grid;place-items:center;min-width:64px;height:44px;padding:0 14px;border-radius:999px;background:#262626;color:#A39F98;font-size:16px;font-variant-numeric:tabular-nums;box-shadow:none;transition:background-color .15s ease,color .15s ease}
.gt-b a.mt-t:hover{background:#2E2E2E;color:#E6E2DA;box-shadow:none}
.gt-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.gt-capo td,.gt-capo th{text-align:center}
.gt-capo td:first-child,.gt-capo th:first-child{text-align:left}
@media (max-width:760px){
 .rd-tempo input{font-size:64px;line-height:60px}
 .rd-field input{font-size:44px;line-height:44px}
 .rd-move{gap:12px}}

.c2-in{padding:4px 8px 0}
.c2-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:8px}
.c2-top p{margin:0;font-size:16px;color:#6B6862}
.c2-top button{border:0;background:none;padding:0;color:#A39F98;font:inherit;font-size:15px;cursor:pointer}
.c2-field{display:block;width:100%;padding:0 0 12px;border:0;border-bottom:1px solid rgba(230,226,218,.14);background:none;color:#E6E2DA;font:inherit;
 font-size:32px;line-height:42px;outline:0;caret-color:#E6E2DA}
.c2-field:focus{border-bottom-color:rgba(230,226,218,.4)}
.c2-note{margin:12px 0 0;font-size:15px;line-height:20px;color:#6B6862}
.c2-move{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0 4px}
.c2-step{display:flex;align-items:center;gap:18px}
.c2-step .sr-st{width:52px;height:52px;font-size:24px}
.c2-step .what{min-width:250px;text-align:center;font-size:30px;line-height:36px;color:#E6E2DA;font-variant-numeric:tabular-nums}
.c2-keys{display:flex;align-items:center;gap:10px;font-size:16px;color:#A39F98}
.c2-keys b{font-weight:400;color:#E6E2DA}
.c2-keys .ua{color:#6B6862}
.c2-alt{margin-top:2px;border:0;background:none;padding:0;color:#6B6862;font:inherit;font-size:15px;box-shadow:inset 0 -1px 0 rgba(107,104,98,.5);cursor:pointer}
.c2-res{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}
.c2-c{display:flex;flex-direction:column;align-items:center;gap:8px}
.c2-c .was{font-size:18px;line-height:22px;color:#6B6862}
.c2-c .ua{color:#4A4844}
.c2-c .now{display:grid;place-items:center;width:100%;height:96px;border-radius:20px;background:#262626;color:#E6E2DA;font-size:44px;letter-spacing:-.02em}
.c2-ft{display:flex;align-items:center;gap:16px;padding:0 8px}
.c2-ft .k{margin:0;font-size:16px;line-height:20px;color:#A39F98}
.c2-ft .k b{font-weight:400;color:#E6E2DA}
.c2-ft .fd-again{flex:none;height:48px;padding:0 28px}
.c2-pick{display:flex;align-items:center;gap:12px}
.c2-pick .rd-sel{height:52px;padding:0 18px 0 20px;font-size:16px}
.c2-pick .rd-sel b{font-size:22px}
@media (max-width:760px){
 .c2-in{padding:0}
 .c2-field{font-size:26px;line-height:36px}
 .c2-step{gap:12px}
 .c2-step .sr-st{width:44px;height:44px;font-size:22px}
 .c2-step .what{min-width:0;font-size:22px;line-height:28px}
 .c2-res{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:20px}
 .c2-c .was{font-size:15px}
 .c2-c .now{height:72px;border-radius:16px;font-size:30px}
 .c2-ft{flex-wrap:wrap;padding:0}
 .c2-ft .dq-sp{display:none}
 .c2-ft .fd-again{flex:1 1 100%}
}

.c2-field{min-height:54px;resize:none;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;box-sizing:border-box}
.c2-field::placeholder{color:#4A4844}
.c2-top button:hover,.c2-alt:hover{color:#E6E2DA}
.c2-alt:hover{box-shadow:inset 0 -1px 0 rgba(230,226,218,.5)}
.c2-pick .rd-sel select{font-size:22px;line-height:28px}
.c2-pick .rd-sel svg{right:18px}
.c2-pick .rd-sel select{padding-right:24px}

.c2-move [hidden]{display:none!important}
.c2-c .now{overflow:hidden;white-space:nowrap}
.c2-res:empty{display:none}
.c2-top button:focus-visible,.c2-alt:focus-visible,.c2-step .sr-st:focus-visible,.c2-ft .fd-again:focus-visible{outline:2px solid #E6E2DA;outline-offset:3px}
@media (max-width:760px){.c2-pick .rd-sel{height:48px;padding:0 14px 0 16px}.c2-pick .rd-sel select{font-size:18px}
 .c2-c .now{font-size:clamp(18px,7.7vw,30px)}}
.c2-field.sheet{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:18px;line-height:28px;white-space:pre;overflow-x:auto;overflow-wrap:normal}
@media (max-width:760px){.c2-field.sheet{font-size:15px;line-height:24px}}

.c2-pick .w{font-size:22px;color:#6B6862}
.c2-pick .g{display:flex;align-items:center;gap:12px}
.c2-b{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:112px;border-radius:20px;background:#262626;min-width:0}
.c2-b .now{font-size:44px;line-height:50px;color:#E6E2DA;letter-spacing:-.02em;white-space:nowrap}
.c2-b .was{font-size:16px;line-height:20px;color:#6B6862;white-space:nowrap}
@media (max-width:760px){
 .c2-b{height:84px;border-radius:16px}
 .c2-b .now{font-size:clamp(18px,7.7vw,30px);line-height:36px}
 .c2-b .was{font-size:13px;line-height:16px}
 .c2-pick .w{font-size:15px}
 .c2-pick{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px}
 .c2-pick .g{gap:8px}
 .c2-pick .rd-sel{height:44px;padding:0 12px 0 14px}
 .c2-pick .rd-sel select{font-size:17px;line-height:22px;padding-right:20px}
 .c2-pick .rd-sel svg{right:12px}}