.csb{box-sizing:border-box;color:#cbd5e1;background:#0b1a2b;border-right:1px solid #20364b;flex-direction:column;gap:12px;width:280px;padding:16px 12px 12px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;display:flex;overflow:hidden}.csb a,.csb button{font-family:inherit}.csb-brand{border-bottom:1px solid #20364b;align-items:center;gap:10px;padding:3px 8px 13px;display:flex}.csb-mark{color:#38bdf8;background:#12334a;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:grid}.csb-name{letter-spacing:-.025em;color:#f1f5f9;font-size:14px;font-weight:700;line-height:1.2}.csb-sub{letter-spacing:.14em;text-transform:uppercase;color:#8297ab;margin-top:3px;font-size:10px}.csb-nav{flex-direction:column;flex:auto;gap:7px;min-height:0;display:flex;overflow-y:auto}.csb-group{background:#0e2033;border:1px solid #1d344a;border-radius:9px;overflow:hidden}.csb-head{color:#8ea4b8;letter-spacing:.14em;text-transform:uppercase;text-align:left;cursor:pointer;background:#12263a;border:0;align-items:center;width:100%;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:600;line-height:1.2;display:flex;position:relative}.csb-head:after{content:"";transform-origin:0;background:linear-gradient(90deg,#0000,#38bdf8,#0000);height:1px;animation:3.4s ease-in-out infinite csb-horizon;position:absolute;bottom:0;left:0;right:0;transform:scaleX(.65)}.csb-group:nth-child(2) .csb-head:after{animation-delay:.45s}.csb-group:nth-child(3) .csb-head:after{animation-delay:.9s}.csb-group:nth-child(4) .csb-head:after{animation-delay:1.35s}.csb-head:hover{color:#cfe0ee}.csb-head:focus-visible{outline-offset:-2px;outline:2px solid #38bdf8}.csb-chevron{color:#5d7691;margin-left:auto;transition:transform .22s,color .2s}.csb-head[aria-expanded=false] .csb-chevron{transform:rotate(-90deg)}.csb-head[aria-expanded=true] .csb-chevron{color:#38bdf8}.csb-items{padding:4px 6px}.csb-item{box-sizing:border-box;color:#bdc9d6;border-bottom:1px solid #94a3b81f;border-radius:5px;align-items:center;gap:9px;height:31px;padding:0 8px;font-size:12px;line-height:1;text-decoration:none;transition:background-color .18s,color .18s;display:flex}.csb-item:last-child{border-bottom:0}.csb-item svg{color:#71869b;flex:none;width:14px;height:14px;transition:color .18s}.csb-item.is-active svg{color:#38bdf8}.csb-item:hover svg{color:#38bdf8}.csb-item:active{background:#20415c}.csb-item:focus-visible{outline-offset:1px;outline:2px solid #38bdf8}.csb-dna{background:#0e2033;border:1px solid #20364b;border-radius:8px;flex:none;padding:8px 9px 7px}.csb-helix{justify-content:center;align-items:center;gap:3px;height:24px;display:flex;position:relative}.csb-helix:before{content:"";background:#29445b;height:1px;position:absolute;left:0;right:0}.csb-bead{width:4px;height:4px;animation:1.75s cubic-bezier(.3,0,.35,1) infinite csb-beat;animation-delay:calc(var(--i,0) * 14ms);will-change:transform, box-shadow;background:#38bdf8;border-radius:50%;transition:background-color .8s;position:relative;box-shadow:0 0 8px #38bdf899}.csb-bead:nth-child(2n){background:#7dd3fc}.csb-bead:nth-child(4n){background:#a5e4fd}.csb-dna-label{text-align:center;color:#75bfe0;font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:600;line-height:1.4}.csb-user{border-top:1px solid #20364b;flex:none;align-items:center;gap:10px;padding:11px 5px 1px;display:flex}.csb-avatar{color:#38bdf8;background:#122b42;border:1px solid #28506c;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.csb-userinfo{flex:1;min-width:0}.csb-username{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;line-height:1.3;overflow:hidden}.csb-role{color:#8398ab;letter-spacing:.1em;text-transform:uppercase;margin-top:2px;font-size:9px}.csb-signout{color:#9aafc0;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:7px;padding:7px 2px;font-size:11px;font-weight:500;transition:color .18s,background-color .18s;display:flex}.csb-signout svg{width:14px;height:14px}.csb-signout:hover{color:#fb7185;background:#2a2030}.csb-signout:active{color:#fda4af}.csb-signout:focus-visible{outline-offset:2px;outline:2px solid #38bdf8}.csb-dna.is-light{background-color:#0b1220;border-color:#ffffff24;width:100%;max-width:340px;margin:0 auto;padding:11px 12px 9px;box-shadow:0 18px 40px -30px #000000d9,inset 0 1px #ffffff14}.csb-dna.is-light .csb-helix{height:28px}.csb-dna.is-light .csb-dna-label{color:#8ecbe8;font-size:9px}@keyframes csb-horizon{0%,to{opacity:.45;transform:scaleX(.28)}50%{opacity:1;transform:scaleX(1)}}.csb-dna.is-thunder .csb-bead{background:#a78bfa;animation-name:csb-thunder;animation-duration:1.8s}.csb-dna.is-thunder .csb-bead:nth-child(2n){background:#c4b5fd}.csb-dna.is-thunder .csb-bead:nth-child(4n){background:#ddd6fe}@keyframes csb-thunder{0%{opacity:1;transform:translateY(-9px)scale(2.6);box-shadow:0 0 18px #a78bfa}5%,9%{opacity:.6;transform:translateY(0)scale(1);box-shadow:0 0 6px #a78bfa73}12.5%{opacity:.95;transform:translateY(-4px)scale(1.6);box-shadow:0 0 10px #c4b5fde6}17%,21%{opacity:.55;transform:translateY(.5px)scale(1);box-shadow:0 0 6px #a78bfa66}25%{opacity:1;transform:translateY(-6px)scale(1.9);box-shadow:0 0 13px #c4b5fd}30%,34%{opacity:.55;transform:translateY(.5px)scale(1);box-shadow:0 0 6px #a78bfa66}37.5%{opacity:.95;transform:translateY(-4px)scale(1.6);box-shadow:0 0 10px #c4b5fde6}42%,46%{opacity:.55;transform:translateY(.5px)scale(1);box-shadow:0 0 6px #a78bfa66}50%{opacity:1;transform:translateY(-9px)scale(2.6);box-shadow:0 0 18px #a78bfa}55%,59%{opacity:.6;transform:translateY(0)scale(1);box-shadow:0 0 6px #a78bfa73}62.5%{opacity:.95;transform:translateY(-4px)scale(1.6);box-shadow:0 0 10px #c4b5fde6}67%,71%{opacity:.55;transform:translateY(.5px)scale(1);box-shadow:0 0 6px #a78bfa66}75%{opacity:1;transform:translateY(-6px)scale(1.9);box-shadow:0 0 13px #c4b5fd}80%,84%{opacity:.55;transform:translateY(.5px)scale(1);box-shadow:0 0 6px #a78bfa66}87.5%{opacity:.95;transform:translateY(-4px)scale(1.6);box-shadow:0 0 10px #c4b5fde6}92%,to{opacity:.6;transform:translateY(0)scale(1);box-shadow:0 0 6px #a78bfa73}}.csb-dna.is-brightside .csb-bead{background:#f472b6;animation-name:csb-brightside;animation-duration:1.62s}.csb-dna.is-brightside .csb-bead:nth-child(2n){background:#f9a8d4}.csb-dna.is-brightside .csb-bead:nth-child(4n){background:#fbcfe8}@keyframes csb-brightside{0%{opacity:1;transform:translateY(-8px)scale(2.3);box-shadow:0 0 16px #f472b6}9%{opacity:.6;transform:translateY(.5px)scale(1);box-shadow:0 0 6px #f472b673}12.5%{opacity:.95;transform:translateY(-3px)scale(1.5);box-shadow:0 0 9px #f9a8d4e6}18%,22%{opacity:.55;transform:translateY(.5px)scale(1);box-shadow:0 0 6px #f472b666}25%{opacity:1;transform:translateY(-8px)scale(2.3);box-shadow:0 0 16px #f472b6}34%{opacity:.6;transform:translateY(.5px)scale(1);box-shadow:0 0 6px #f472b673}37.5%{opacity:.95;transform:translateY(-3px)scale(1.5);box-shadow:0 0 9px #f9a8d4e6}43%,47%{opacity:.55;transform:translateY(.5px)scale(1);box-shadow:0 0 6px #f472b666}50%{opacity:1;transform:translateY(-8px)scale(2.3);box-shadow:0 0 16px #f472b6}59%{opacity:.6;transform:translateY(.5px)scale(1);box-shadow:0 0 6px #f472b673}62.5%{opacity:.95;transform:translateY(-3px)scale(1.5);box-shadow:0 0 9px #f9a8d4e6}68%,72%{opacity:.55;transform:translateY(.5px)scale(1);box-shadow:0 0 6px #f472b666}75%{opacity:1;transform:translateY(-8px)scale(2.3);box-shadow:0 0 16px #f472b6}84%{opacity:.6;transform:translateY(.5px)scale(1);box-shadow:0 0 6px #f472b673}87.5%{opacity:.95;transform:translateY(-3px)scale(1.5);box-shadow:0 0 9px #f9a8d4e6}93%,to{opacity:.6;transform:translateY(.5px)scale(1);box-shadow:0 0 6px #f472b673}}.csb-dna.is-highway .csb-bead{background:#fb923c;animation-name:csb-highway;animation-duration:2.07s}.csb-dna.is-highway .csb-bead:nth-child(2n){background:#fdba74}.csb-dna.is-highway .csb-bead:nth-child(4n){background:#fed7aa}@keyframes csb-highway{0%{opacity:1;transform:translateY(-10px)scale(2.7);box-shadow:0 0 20px #fb923c}6%,12%{opacity:.55;transform:translateY(0)scale(1);box-shadow:0 0 6px #fb923c73}25%{opacity:1;transform:translateY(-6px)scale(2);box-shadow:0 0 14px #fdba74}31%,37%{opacity:.55;transform:translateY(0)scale(1);box-shadow:0 0 6px #fb923c73}50%{opacity:1;transform:translateY(-10px)scale(2.7);box-shadow:0 0 20px #fb923c}56%,62%{opacity:.55;transform:translateY(0)scale(1);box-shadow:0 0 6px #fb923c73}75%{opacity:1;transform:translateY(-6px)scale(2);box-shadow:0 0 14px #fdba74}81%,92%,to{opacity:.55;transform:translateY(0)scale(1);box-shadow:0 0 6px #fb923c73}}.csb-dna.is-beatit .csb-bead{animation-name:csb-beatit;animation-duration:1.73s;animation-timing-function:cubic-bezier(.2,.9,.2,1);animation-delay:calc(var(--i) * 8ms);background:#ef4444}.csb-dna.is-beatit .csb-bead:nth-child(2n){background:#f87171}.csb-dna.is-beatit .csb-bead:nth-child(4n){background:#fca5a5}@keyframes csb-beatit{0%{opacity:1;transform:translateY(-8px)scale(2.3);box-shadow:0 0 16px #ef4444}6%{opacity:.45;transform:translateY(0)scale(1);box-shadow:0 0 5px #ef444459}12.5%{opacity:.9;transform:translateY(-3px)scale(1.55);box-shadow:0 0 9px #f87171d9}18%{opacity:.45;transform:translateY(0)scale(1);box-shadow:0 0 5px #ef444459}25%{opacity:1;transform:translateY(-8px)scale(2.3);box-shadow:0 0 16px #ef4444}31%{opacity:.45;transform:translateY(0)scale(1);box-shadow:0 0 5px #ef444459}37.5%{opacity:.9;transform:translateY(-3px)scale(1.55);box-shadow:0 0 9px #f87171d9}43%{opacity:.45;transform:translateY(0)scale(1);box-shadow:0 0 5px #ef444459}50%{opacity:1;transform:translateY(-8px)scale(2.3);box-shadow:0 0 16px #ef4444}56%{opacity:.45;transform:translateY(0)scale(1);box-shadow:0 0 5px #ef444459}62.5%{opacity:.9;transform:translateY(-3px)scale(1.55);box-shadow:0 0 9px #f87171d9}68%{opacity:.45;transform:translateY(0)scale(1);box-shadow:0 0 5px #ef444459}75%{opacity:1;transform:translateY(-8px)scale(2.3);box-shadow:0 0 16px #ef4444}81%{opacity:.45;transform:translateY(0)scale(1);box-shadow:0 0 5px #ef444459}87.5%{opacity:.9;transform:translateY(-3px)scale(1.55);box-shadow:0 0 9px #f87171d9}94%,to{opacity:.45;transform:translateY(0)scale(1);box-shadow:0 0 5px #ef444459}}.csb-dna.is-bigtime .csb-bead{animation-name:csb-bigtime;animation-duration:2.09s;animation-timing-function:ease-in-out;animation-delay:calc(var(--i) * 22ms);background:#2dd4bf}.csb-dna.is-bigtime .csb-bead:nth-child(3n){background:#5eead4}@keyframes csb-bigtime{0%,to{opacity:.4;transform:translateY(4px)scale(.8);box-shadow:0 0 5px #2dd4bf4d}22%{opacity:1;transform:translateY(-5px)scale(2);box-shadow:0 0 16px #2dd4bf}40%{opacity:.7;transform:translateY(0)scale(1.2);box-shadow:0 0 8px #5eead499}55%{opacity:1;transform:translateY(-4px)scale(1.8);box-shadow:0 0 14px #5eead4f2}72%{opacity:.5;transform:translateY(2px)scale(.9);box-shadow:0 0 6px #2dd4bf66}}.csb-dna.is-timeless .csb-bead{animation-name:csb-timeless;animation-duration:3.24s;animation-timing-function:ease-out;animation-delay:calc(var(--i) * 12ms);background:#fbbf24}.csb-dna.is-timeless .csb-bead:nth-child(4n){background:#fde68a;animation-duration:1.08s}@keyframes csb-timeless{0%,to{opacity:.32;transform:scale(.9);box-shadow:0 0 4px #fbbf2440}12%{opacity:1;transform:translateY(-5px)scale(2);box-shadow:0 0 14px #fbbf24f2}30%{opacity:.45;transform:translateY(0)scale(1);box-shadow:0 0 5px #fbbf244d}50%{opacity:.9;transform:translateY(-3px)scale(1.6);box-shadow:0 0 11px #fde68ae6}68%,88%{opacity:.32;transform:scale(.9);box-shadow:0 0 4px #fbbf2440}}.csb-dna.is-vertigo .csb-bead{animation-name:csb-vertigo;animation-duration:1.71s;animation-timing-function:linear;animation-delay:calc(var(--i) * 10ms);background:#22d3ee}.csb-dna.is-vertigo .csb-bead:nth-child(2n){background:#e2e8f0}@keyframes csb-vertigo{0%{opacity:1;transform:translateY(-9px)scale(2.4);box-shadow:0 0 18px #22d3ee}7%{opacity:.45;transform:translateY(0)scale(1);box-shadow:0 0 5px #22d3ee66}12.5%{opacity:1;transform:translateY(-7px)scale(2.1);box-shadow:0 0 15px #e2e8f0f2}19%{opacity:.45;transform:translateY(0)scale(1);box-shadow:0 0 5px #22d3ee66}25%{opacity:1;transform:translateY(-9px)scale(2.4);box-shadow:0 0 18px #22d3ee}32%{opacity:.45;transform:translateY(0)scale(1);box-shadow:0 0 5px #22d3ee66}37.5%{opacity:1;transform:translateY(-7px)scale(2.1);box-shadow:0 0 15px #e2e8f0f2}44%{opacity:.5;transform:translateY(0)scale(1);box-shadow:0 0 5px #22d3ee66}50%{opacity:.9;transform:translateY(-4px)scale(1.6);box-shadow:0 0 10px #22d3eed9}57%{opacity:.5;transform:translateY(0)scale(1)}62.5%{opacity:.9;transform:translateY(-4px)scale(1.6);box-shadow:0 0 10px #22d3eed9}69%{opacity:.5;transform:translateY(0)scale(1)}75%{opacity:.9;transform:translateY(-4px)scale(1.6);box-shadow:0 0 10px #e2e8f0d9}82%{opacity:.5;transform:translateY(0)scale(1)}87.5%{opacity:.9;transform:translateY(-4px)scale(1.6);box-shadow:0 0 10px #22d3eed9}94%,to{opacity:.5;transform:translateY(0)scale(1);box-shadow:0 0 5px #22d3ee66}}.csb-dna.is-lacrimosa .csb-bead{animation-name:csb-lacrimosa;animation-duration:3.6s;animation-timing-function:ease-in-out;animation-delay:calc(var(--i) * 45ms);background:#a5b4fc}.csb-dna.is-lacrimosa .csb-bead:nth-child(2n){background:#c7d2fe}.csb-dna.is-lacrimosa .csb-bead:nth-child(5n){background:#e0e7ff}@keyframes csb-lacrimosa{0%,to{opacity:.26;transform:translateY(3px)scale(.85);box-shadow:0 0 4px #a5b4fc38}35%{opacity:.8;transform:translateY(-3px)scale(1.35);box-shadow:0 0 10px #a5b4fc99}55%{opacity:1;transform:translateY(-6px)scale(1.75);box-shadow:0 0 16px #c7d2fef2}78%{opacity:.55;transform:translateY(-1px)scale(1.05);box-shadow:0 0 7px #a5b4fc66}}.csb-dna:focus-visible{outline-offset:3px;outline:2px solid #38bdf8}.csb-dna-tip{opacity:0;max-height:0;transition:max-height .5s cubic-bezier(.2,.8,.2,1),opacity .4s,margin-top .4s;overflow:hidden}.csb-dna:hover .csb-dna-tip,.csb-dna:focus-within .csb-dna-tip{opacity:1;max-height:400px;margin-top:9px}.csb-dna-tip-song{font-family:var(--font-heading);color:#f4f8fc;letter-spacing:-.01em;font-size:12px;font-weight:600;line-height:1.35;display:block}.csb-dna-tip-song i{color:#8ed0f5;font-style:normal;font-weight:500}.csb-dna-tip-label{font-family:var(--font-body);color:#7fb4d4;letter-spacing:.14em;text-transform:uppercase;margin-top:8px;font-size:9px;font-weight:600;line-height:1.4;display:block}.csb-dna-tip-line{color:#cfdae6;font-family:var(--font-body);letter-spacing:0;text-align:left;margin-top:3px;font-size:11px;line-height:1.6;display:block}.csb-dna-tip-tempo{color:#8fa3b8;font-size:10px;line-height:1.55}.csb-dna-tip-rule{background-image:linear-gradient(90deg,#8ecbe873,#0000);height:1px;margin:9px 0 6px}.csb-dna.is-light .csb-dna-tip-line{color:#cfdae6}@keyframes csb-beat{0%{opacity:.45;transform:translateY(0)scale(1);box-shadow:0 0 5px #38bdf859}3%{opacity:1;transform:translateY(-8px)scale(2.4);box-shadow:0 0 16px #38bdf8}13%{opacity:.6;transform:translateY(.5px)scale(1);box-shadow:0 0 6px #38bdf873}28%{opacity:1;transform:translateY(-5px)scale(1.9);box-shadow:0 0 12px #7dd3fcf2}38%{opacity:.55;transform:translateY(0)scale(1);box-shadow:0 0 6px #38bdf866}53%{opacity:1;transform:translateY(-8px)scale(2.4);box-shadow:0 0 16px #38bdf8}63%{opacity:.6;transform:translateY(.5px)scale(1);box-shadow:0 0 6px #38bdf873}78%{opacity:1;transform:translateY(-5px)scale(1.9);box-shadow:0 0 12px #7dd3fcf2}88%,to{opacity:.45;transform:translateY(0)scale(1);box-shadow:0 0 5px #38bdf859}}@media (prefers-reduced-motion:reduce){.csb-head:after,.csb-bead{animation:none}}.csb{isolation:isolate;-webkit-backdrop-filter:blur(26px)saturate(180%);backdrop-filter:blur(26px)saturate(180%);font-family:var(--font-body);background-color:#0f11159e;background-image:linear-gradient(#ffffff0f,#ffffff04 45%,#ffffff09);border-right:1px solid #ffffff1a;box-shadow:inset -1px 0 #ffffff0d,30px 0 80px -60px #000000e6}.csb:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(78% 20% at 10% 1%,#60a5fa57,#0000 70%),radial-gradient(66% 18% at 94% 26%,#a78bfa3d,#0000 72%),radial-gradient(74% 16% at 6% 70%,#4ade8029,#0000 74%),radial-gradient(62% 14% at 90% 97%,#fbbf241f,#0000 76%);position:absolute;inset:0}.csb-brand{border-bottom-color:#ffffff14}.csb-mark{color:#7cc4f0;background:#ffffff0f;border:1px solid #ffffff1a}.csb-name{color:#f4f6fa;letter-spacing:-.03em}.csb-sub{color:#8b96a6}.csb-group{-webkit-backdrop-filter:blur(14px)saturate(170%);backdrop-filter:blur(14px)saturate(170%);background:#ffffff0d;border-color:#ffffff1a;border-radius:12px;box-shadow:0 16px 34px -30px #000000f2,inset 0 1px #ffffff0f}.csb-head{color:#9aa8b8;font-family:var(--font-body);letter-spacing:.16em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:0 0;font-weight:700}.csb-head:hover{color:#dbe3ec;background:#ffffff0d}.csb-item{color:#c3ccd8;border-bottom-color:#ffffff0f}.csb-item:hover{color:#f4f6fa;background:#ffffff12}.csb-item.is-active{color:#fff;background:#ffffff17;box-shadow:inset 2px 0 #7cc4f0}.csb-avatar{color:#7cc4f0;background:#ffffff0f;border-color:#ffffff1a}.csb-dna{-webkit-backdrop-filter:blur(14px)saturate(170%);backdrop-filter:blur(14px)saturate(170%);background:#ffffff0d;border-color:#ffffff1a;border-radius:12px}.csb-user{border-top-color:#ffffff14}.csb-item.is-active{background-image:linear-gradient(90deg,#7cc4f02e,#ffffff0a);box-shadow:inset 2px 0 #7cc4f0,inset 0 0 24px #7cc4f01a}.csb-username{color:#f4f6fa}.csb-role{color:#8b96a6}.csb-signout:hover{background:#fb718524}.csb-helix{background-image:radial-gradient(ellipse 64% 150% at 50% 50%, var(--dna-halo,transparent), transparent 76%);animation:.75s both csb-strand-in}@keyframes csb-strand-in{0%{opacity:.3}to{opacity:1}}.csb-dna.is-thrill{--dna-halo:#38bdf842}.csb-dna.is-thunder{--dna-halo:#a78bfa4d}.csb-dna.is-brightside{--dna-halo:#f472b642}.csb-dna.is-highway{--dna-halo:#fb923c3d}.csb-dna.is-beatit{--dna-halo:#ef444442}.csb-dna.is-bigtime{--dna-halo:#2dd4bf3d}.csb-dna.is-timeless{--dna-halo:#fbbf2438}.csb-dna.is-vertigo{--dna-halo:#22d3ee47}.csb-dna.is-lacrimosa{--dna-halo:#a5b4fc47}.csb-dna.is-backinblack{--dna-halo:#cbd5e129}.csb-dna.is-backinblack .csb-bead{animation-name:csb-backinblack;animation-duration:2.55s;animation-timing-function:cubic-bezier(.3,0,.2,1);animation-delay:calc(var(--i) * 16ms);background:#94a3b8}.csb-dna.is-backinblack .csb-bead:nth-child(3n){background:#cbd5e1}@keyframes csb-backinblack{0%{opacity:1;transform:translateY(-8px)scale(2.4);box-shadow:0 0 20px #e2e8f0}9%{opacity:.5;transform:translateY(0)scale(1);box-shadow:0 0 6px #94a3b866}26%,88%{opacity:.28;transform:translateY(3px)scale(.85);box-shadow:0 0 3px #94a3b82e}to{opacity:1;transform:translateY(-8px)scale(2.4);box-shadow:0 0 20px #e2e8f0}}.csb-dna.is-sandman{--dna-halo:#818cf842}.csb-dna.is-sandman .csb-bead{animation-name:csb-sandman;animation-duration:1.95s;animation-timing-function:ease-in-out;animation-delay:calc(var(--i) * 14ms);background:#818cf8}.csb-dna.is-sandman .csb-bead:nth-child(2n){background:#a5b4fc}@keyframes csb-sandman{0%,12%{opacity:.3;transform:translateY(-1px)scale(.9);box-shadow:0 0 4px #818cf840}55%{opacity:.75;transform:translateY(-4px)scale(1.4);box-shadow:0 0 10px #818cf899}72%{opacity:1;transform:translateY(-7px)scale(2.1);box-shadow:0 0 19px #818cf8}86%{opacity:.45;transform:translateY(4px)scale(1);box-shadow:0 0 5px #a5b4fc59}to{opacity:.3;transform:translateY(-1px)scale(.9);box-shadow:0 0 4px #818cf840}}.csb-dna.is-teenspirit{--dna-halo:#a3e63538}.csb-dna.is-teenspirit .csb-bead{animation-name:csb-teenspirit;animation-duration:2.05s;animation-timing-function:cubic-bezier(.35,0,.3,1);animation-delay:calc(var(--i) * 6ms);background:#a3e635}.csb-dna.is-teenspirit .csb-bead:nth-child(3n){background:#d9f99d}.csb-dna.is-teenspirit .csb-bead:nth-child(7n){background:#65a30d}@keyframes csb-teenspirit{0%{opacity:1;transform:translateY(-8px)scale(2.3);box-shadow:0 0 17px #a3e635f2}5%{opacity:.5;transform:translateY(0)scale(1);box-shadow:0 0 5px #a3e63559}18%{opacity:.95;transform:translateY(-5px)scale(1.7);box-shadow:0 0 12px #d9f99de6}24%{opacity:.5;transform:translateY(0)scale(1);box-shadow:0 0 5px #a3e63559}31%{opacity:1;transform:translateY(-7px)scale(2.1);box-shadow:0 0 15px #65a30df2}40%,62%{opacity:.42;transform:translateY(1px)scale(.95);box-shadow:0 0 4px #a3e63547}68%{opacity:.95;transform:translateY(-4px)scale(1.6);box-shadow:0 0 11px #a3e635d9}74%{opacity:1;transform:translateY(-8px)scale(2.3);box-shadow:0 0 17px #d9f99d}92%,to{opacity:.42;transform:translateY(1px)scale(.95);box-shadow:0 0 4px #a3e63547}}.csb-dna.is-purplerain{--dna-halo:#e879f947}.csb-dna.is-purplerain .csb-bead{animation-name:csb-purplerain;animation-duration:2.12s;animation-timing-function:ease-in-out;animation-delay:calc(var(--i) * 34ms);background:#e879f9}.csb-dna.is-purplerain .csb-bead:nth-child(2n){background:#f0abfc}.csb-dna.is-purplerain .csb-bead:nth-child(6n){background:#c026d3}@keyframes csb-purplerain{0%{opacity:.35;transform:translateY(2px)scale(.85);box-shadow:0 0 4px #e879f940}30%{opacity:1;transform:translateY(-7px)scale(2.2);box-shadow:0 0 20px #e879f9}52%{opacity:.9;transform:translateY(-4px)scale(1.6);box-shadow:0 0 14px #f0abfce6}78%{opacity:.45;transform:translateY(1px)scale(1);box-shadow:0 0 6px #c026d366}to{opacity:.35;transform:translateY(2px)scale(.85);box-shadow:0 0 4px #e879f940}}.csb-dna.is-superstition{--dna-halo:#34d3993d}.csb-dna.is-superstition .csb-bead{animation-name:csb-superstition;animation-duration:2.4s;animation-timing-function:cubic-bezier(.25,.9,.3,1);animation-delay:calc(var(--i) * 9ms);background:#34d399}.csb-dna.is-superstition .csb-bead:nth-child(2n){background:#6ee7b7}@keyframes csb-superstition{0%{opacity:.32;transform:translateY(2px)scale(.9);box-shadow:0 0 4px #34d39933}12.5%{opacity:1;transform:translateY(-7px)scale(2.2);box-shadow:0 0 18px #34d399}25%{opacity:.35;transform:translateY(2px)scale(.9);box-shadow:0 0 4px #34d39933}37.5%{opacity:.9;transform:translateY(-5px)scale(1.8);box-shadow:0 0 13px #6ee7b7f2}50%{opacity:.35;transform:translateY(2px)scale(.9);box-shadow:0 0 4px #34d39933}62.5%{opacity:1;transform:translateY(-7px)scale(2.2);box-shadow:0 0 18px #34d399}75%{opacity:.35;transform:translateY(2px)scale(.9);box-shadow:0 0 4px #34d39933}87.5%{opacity:.9;transform:translateY(-5px)scale(1.8);box-shadow:0 0 13px #6ee7b7f2}to{opacity:.32;transform:translateY(2px)scale(.9);box-shadow:0 0 4px #34d39933}}.csb-dna.is-bohemian{--dna-halo:#60a5fa42}.csb-dna.is-bohemian .csb-bead{animation-name:csb-bohemian;animation-duration:3.33s;animation-timing-function:ease-in-out;animation-delay:calc(var(--i) * 18ms);background:#60a5fa}.csb-dna.is-bohemian .csb-bead:nth-child(2n){background:#bfdbfe;animation-duration:1.66s}@keyframes csb-bohemian{0%,to{opacity:.3;transform:translateY(1px)scale(.85);box-shadow:0 0 4px #60a5fa40}18%{opacity:1;transform:translateY(-7px)scale(2.2);box-shadow:0 0 20px #60a5fa}42%{opacity:.35;transform:translateY(1px)scale(.9);box-shadow:0 0 4px #60a5fa40}68%{opacity:.95;transform:translateY(-6px)scale(1.95);box-shadow:0 0 17px #bfdbfef2}}.csb-dna.is-sevennation{--dna-halo:#fb71853d}.csb-dna.is-sevennation .csb-bead{animation-name:csb-sevennation;animation-duration:1.94s;animation-timing-function:cubic-bezier(.2,.85,.25,1);animation-delay:calc(var(--i) * 41ms);background:#fb7185}.csb-dna.is-sevennation .csb-bead:nth-child(2n){background:#fda4af}.csb-dna.is-sevennation .csb-bead:nth-child(5n){background:#e11d48}@keyframes csb-sevennation{0%{opacity:.4;transform:translateY(3px)scale(.9);box-shadow:0 0 4px #fb718547}16%{opacity:1;transform:translateY(-8px)scale(2.3);box-shadow:0 0 18px #fb7185}34%{opacity:.75;transform:translateY(-3px)scale(1.4);box-shadow:0 0 9px #fda4afbf}52%,to{opacity:.4;transform:translateY(3px)scale(.9);box-shadow:0 0 4px #e11d484d}}.csb-dna.is-billiejean{--dna-halo:#f8fafc26}.csb-dna.is-billiejean .csb-bead{animation-name:csb-billiejean;animation-duration:2.05s;animation-timing-function:ease-out;animation-delay:calc(var(--i) * 12ms);background:#e2e8f0}.csb-dna.is-billiejean .csb-bead:nth-child(2n){background:#f8fafc}.csb-dna.is-billiejean .csb-bead:nth-child(4n){background:#fff}@keyframes csb-billiejean{0%{opacity:1;transform:translateY(-5px)scale(2);box-shadow:0 0 15px #f8fafcf2}8%{opacity:.55;transform:translateY(0)scale(1.1);box-shadow:0 0 6px #f8fafc66}14%{opacity:.95;transform:translateY(-4px)scale(1.7);box-shadow:0 0 12px #ffffffe6}26%,62%{opacity:.32;transform:translateY(2px)scale(.9);box-shadow:0 0 3px #e2e8f033}70%{opacity:.85;transform:translateY(-3px)scale(1.5);box-shadow:0 0 10px #f8fafccc}84%,to{opacity:.32;transform:translateY(2px)scale(.9);box-shadow:0 0 3px #e2e8f033}}@media (prefers-reduced-motion:reduce){.csb-dna .csb-bead{animation:none!important}}