html,body{height:100%;overflow:hidden}body{background:#120e33}.dj{position:fixed;inset:0;overflow:hidden}.dj-stage{background:linear-gradient(#120e33 0%,#1d1650 60%,#17132f 100%);position:absolute;inset:0}.dj-gl{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.dj-gl:active{cursor:grabbing}.dj-bar{z-index:4;padding:calc(var(--safe-top) + 12px) var(--gutter) 0;pointer-events:none;grid-template-columns:44px 1fr 44px;align-items:center;display:grid;position:absolute;top:0;left:0;right:0}.dj-bar>*{pointer-events:auto}.dj-crumb{border-radius:var(--r-pill);background:var(--scrim);text-align:center;flex-direction:column;justify-content:center;justify-self:center;align-items:center;min-height:36px;padding:4px 14px;display:flex}.dj-crumb b{font-size:15px;font-weight:600;line-height:20px}.dj-crumb small{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:12px;line-height:16px}.dj-crumb small:empty{display:none}.dj-labels{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.dj-lab{white-space:nowrap;text-shadow:0 1px 6px #0e0b22e6;will-change:transform;flex-direction:column;display:flex;position:absolute;top:0;left:0}.dj-lab.is-left{align-items:flex-end}.dj-lab b{font-size:14px;font-weight:600;line-height:18px}.dj-lab small{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:12px;line-height:16px}.dj-sheet{z-index:3;width:100%;max-width:480px;padding:8px var(--gutter) calc(var(--safe-bottom) + 20px);flex-direction:column;gap:14px;margin:0 auto;display:flex;position:absolute;bottom:0;left:0;right:0}#djSheetBody{flex-direction:column;gap:14px;display:flex}#djSheetBody.is-in>*{animation:dj-in .26s var(--ease-out) both}#djSheetBody.is-in>:nth-child(2){animation-delay:30ms}#djSheetBody.is-in>:nth-child(n+3){animation-delay:60ms}@keyframes dj-in{0%{opacity:0;transform:translateY(6px)}}@media (width>=720px){.dj-sheet{border-radius:var(--r-sheet);width:400px;padding-bottom:20px;bottom:24px;left:auto;right:24px}.dj-sheet .k-grab{display:none}}body.dj-listing:not(.is-flat) .dj-sheet{display:none}.dj-who{align-items:center;gap:12px;display:flex}.dj-who-t{flex-direction:column;gap:2px;min-width:0;display:flex}.dj-meta{color:var(--ink-2);font-variant-numeric:tabular-nums;margin:0;font-size:13px;font-weight:500;line-height:18px}.dj-medal{background:var(--night-700);width:48px;height:48px;color:var(--gold);border-radius:50%;flex:none;place-items:center;display:grid}.dj-medal--sm{width:40px;height:40px}.dj-gy{fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:26px;height:26px}.dj-h{font-family:var(--font-display);text-wrap:balance;margin:0;font-size:26px;font-weight:500;line-height:32px}.dj-p{color:var(--ink-2);margin:0;font-size:15px;line-height:21px}.dj-meter{flex-direction:column;gap:6px;display:flex}.dj-meter-t{border-radius:var(--r-pill);background:var(--night-600);height:6px;position:relative}.dj-meter-t i{border-radius:inherit;background:var(--gold);position:absolute;inset:0 auto 0 0}.dj-meter-l{color:var(--ink-3);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:13px;line-height:18px;display:flex}.dj-meter-l b{color:var(--ink);font-weight:600}.dj-duo{grid-template-columns:1fr 1fr;gap:8px;display:grid}.dj-duo div{border-radius:var(--r-chip);background:var(--night-700);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.dj-duo small{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:12px;font-weight:600;line-height:16px}.dj-duo span{font-size:14px;line-height:19px}.dj-fix{border-radius:var(--r-card);background:var(--night-700);color:inherit;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}a.dj-fix:hover{background:var(--night-600)}.dj-fix-t{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dj-fix-t b{font-size:15px;font-weight:600;line-height:20px}.dj-fix-t span{color:var(--ink-2);font-size:13px;line-height:18px}.dj-chips{flex-wrap:wrap;gap:8px;display:flex}.dj-pager{align-items:center;gap:12px;display:flex}.dj-pager .k-icon-btn:disabled{color:var(--ink-3);cursor:default}.dj-step{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.dj-segs{gap:4px;width:120px;display:flex}.dj-segs i{border-radius:var(--r-pill);background:var(--night-600);height:4px;transition:background-color .2s var(--ease-out);flex:1}.dj-segs i.on{background:var(--gold)}.dj-list{z-index:2;padding:calc(var(--safe-top) + 72px) var(--gutter) calc(var(--safe-bottom) + 32px);background:var(--night-900);overscroll-behavior:contain;position:absolute;inset:0;overflow-y:auto}.dj-list>*{max-width:560px;margin-inline:auto}.dj-rows{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.dj-row{appearance:none;width:100%;color:inherit;text-align:left;cursor:pointer;border:0;border-bottom:1px solid var(--night-700);background:0 0;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;min-height:56px;padding:6px 4px;display:grid}.dj-row:hover{background:var(--night-800)}.dj-row.is-past{opacity:.55}.dj-row .dj-gy{width:22px;height:22px}.dj-row-t{flex-direction:column;min-width:0;display:flex}.dj-row-t b{font-size:15px;font-weight:600;line-height:20px}.dj-row-t small{color:var(--ink-3);font-size:13px;line-height:18px}.dj-row-y{color:var(--ink-2);font-variant-numeric:tabular-nums;text-align:right;font-size:13px;line-height:18px}.dj-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-left:8px;font-size:11px;font-weight:600}.dj-subs{border-radius:var(--r-card);background:var(--night-800);flex-direction:column;gap:2px;margin:6px 0 8px;padding:8px 12px;list-style:none;display:flex}.dj-sub{grid-template-columns:10px 1fr auto;align-items:center;gap:10px;min-height:32px;font-size:14px;display:grid}.dj-sub i{border-radius:50%;width:8px;height:8px}.dj-sub-lock{padding:var(--space-1) 0 var(--space-2)}.dj-sub-about{color:var(--ink-2);padding:4px 0 8px;font-size:14px;line-height:19px}.dj-sub>span:last-child{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:13px}.dj-sub.is-past{opacity:.45}.dj-sub.is-cur{font-weight:600}.dj-sub.is-cur>span:last-child{color:var(--gold)}.dj-me{border-radius:var(--r-card);background:var(--night-800);align-items:center;gap:12px;margin-bottom:8px;padding:14px 14px 14px 16px;display:flex}.dj-me-t{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dj-me-t b{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;line-height:20px}.dj-me-t span{color:var(--ink-2);font-size:13px;line-height:18px}.dj-edit{flex:none;gap:6px;min-height:40px;padding:0 14px;font-size:14px}.dj-edit .k-ic{width:18px;height:18px}#djMe .dj-chips{margin-bottom:var(--space-3)}body.is-flat .dj-stage{display:none}body.is-flat .dj-sheet{border-radius:var(--r-sheet);margin:0 auto 16px;padding-bottom:20px;position:static}body.is-flat .dj-sheet .k-grab{display:none}.dj-fail{z-index:5;top:40%;left:var(--gutter);right:var(--gutter);text-align:center;color:var(--ink-2);margin:0;font-size:15px;position:absolute}@media (height<=640px){.dj-sheet,#djSheetBody{gap:10px}.dj-h{font-size:22px;line-height:28px}.dj-medal{width:40px;height:40px}.dj-duo div{padding:8px 10px}.dj-sheet .k-btn--primary{min-height:48px}}@media (prefers-reduced-motion:reduce){#djSheetBody.is-in>*{animation:none}.dj-segs i{transition:none}}
