.dj-card{--dj-kraft: #E8D7BD;--dj-ink: #2A1D14;--dj-muted: #6B5644;--dj-dash: #A8917A;--dj-accent: #FF6B2C;--dj-accent-ink: #C2410C;background:var(--dj-kraft);color:var(--dj-ink);border-radius:18px;display:flex;flex-direction:column;gap:14px;text-align:left;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;box-shadow:0 14px 30px #00000059;transform:rotate(-1.2deg)}.dj-big{padding:18px 18px 16px}.dj-small{padding:14px 16px;gap:12px;transform:rotate(-.8deg);box-shadow:0 8px 20px #00000038}.dj-cardtop{display:flex;justify-content:space-between;gap:8px;font-size:10.5px;font-weight:700;letter-spacing:.14em;color:var(--dj-muted)}.dj-slots{display:grid;grid-template-columns:repeat(var(--cols, 5),minmax(0,1fr));gap:12px 8px;justify-items:center}.dj-slot{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.dj-hole{width:58px;height:58px;border-radius:50%;box-sizing:border-box;border:2.5px dashed var(--dj-dash);display:flex;align-items:center;justify-content:center;overflow:hidden}.dj-small .dj-hole{width:46px;height:46px}.dj-small .dj-lbl{font-size:10.5px}.dj-hole img{width:62%;height:62%;border-radius:10px;filter:grayscale(1);opacity:.32}.dj-lbl{display:block;font-size:11px;font-weight:700;color:var(--dj-ink);text-align:center;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj-on .dj-hole{border:0;transform:rotate(var(--tilt, -8deg));box-shadow:inset 0 0 0 3px #ffffff59,0 1px #00000026}.dj-on .dj-hole img{width:100%;height:100%;border-radius:50%;filter:none;opacity:1;object-fit:cover;transform:scale(1.18)}.dj-next .dj-hole{border-color:var(--dj-accent);border-width:3px}.dj-next .dj-hole img{opacity:.55;filter:grayscale(.4)}.dj-new .dj-hole{animation:dj-stamp .6s cubic-bezier(.32,.72,0,1) .35s both}.dj-card:has(.dj-new){animation:dj-thud .9s ease-out .35s both}@keyframes dj-stamp{0%{transform:scale(2.4) rotate(-34deg);opacity:0}55%{transform:scale(.88) rotate(calc(var(--tilt) + 4deg));opacity:1}75%{transform:scale(1.06) rotate(calc(var(--tilt) - 2deg))}to{transform:scale(1) rotate(var(--tilt));opacity:1}}@keyframes dj-thud{0%,40%{translate:0 0}50%{translate:0 3px}65%,to{translate:0 0}}.dj-cardfoot{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1.5px dashed #BFA88C;padding-top:11px;font-size:14px;font-weight:700}.dj-streak{display:inline-flex;align-items:center;gap:4px;color:var(--dj-accent-ink)}.dj-panel{display:flex;flex-direction:column;gap:12px;margin:22px 0 8px;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.dj-panel .dj-card{font-family:inherit}.dj-nextrow{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 14px;border-radius:16px;background:#7f7f7f1f;color:inherit;text-decoration:none;text-align:left;transition:transform .12s cubic-bezier(.32,.72,0,1)}.dj-nextrow:active,.dj-home:active{transform:scale(.97)}.dj-nextrow img{flex:none;border-radius:10px}.dj-nexttext{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dj-nexttext b{font-size:16px;font-weight:700}.dj-nexttext small{font-size:13px;opacity:.72}.dj-full{padding:14px;border-radius:16px;background:#7f7f7f1f;font-size:15px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.dj-share{min-height:44px;padding:0 22px;border:0;border-radius:999px;background:#e8d7bd;color:#2a1d14;box-shadow:inset 0 0 0 1px #2a1d1438;font:700 15px Inter,system-ui,-apple-system,sans-serif;cursor:pointer;transition:transform .12s ease}.dj-share:active{transform:scale(.97)}.dj-share-row{align-self:center}.dj-addrow{align-self:center;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 6px;font-size:14px;font-weight:600;color:inherit;text-decoration:none;opacity:.85;transition:transform .12s ease}.dj-addrow:active{transform:scale(.97)}.dj-home{align-self:center;min-height:44px;display:inline-flex;align-items:center;font-size:14px;font-weight:600;color:inherit;opacity:.7;text-decoration:none;transition:transform .12s ease}@media(prefers-reduced-motion:reduce){.dj-new .dj-hole,.dj-card:has(.dj-new){animation:none}}.dj-ask,.dj-askdone{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:18px;background:#7f7f7f1f;text-align:left}.dj-askhead{display:flex;gap:12px;align-items:flex-start}.dj-bell{flex:none;width:40px;height:40px;border-radius:12px;background:#ff6b2c24;color:#ff6b2c;display:flex;align-items:center;justify-content:center}.dj-asktext{display:flex;flex-direction:column;gap:3px;min-width:0}.dj-asktext b{font:800 18px/1.2 Bricolage Grotesque,Inter,system-ui,sans-serif}.dj-asktext small{font-size:14px;line-height:1.4;opacity:.75}.dj-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:12px;background:#7f7f7f24}.dj-pick{min-height:44px;border:0;border-radius:9px;background:transparent;color:inherit;opacity:.75;font:700 14px Inter,system-ui,sans-serif;cursor:pointer;transition:transform .12s ease}.dj-pick.dj-picked{background:#f6eee4;color:#140e0a;opacity:1;box-shadow:0 1px 2px #0000002e}.dj-when{font-size:13px;opacity:.65;text-align:center}.dj-askbtns{display:flex;gap:8px}.dj-not,.dj-yes{min-height:50px;border-radius:14px;font:700 15px Inter,system-ui,sans-serif;cursor:pointer;transition:transform .12s cubic-bezier(.32,.72,0,1)}.dj-not{flex:1;border:1px solid rgba(127,127,127,.35);background:transparent;color:inherit;opacity:.85}.dj-yes{flex:2;border:0;background:#ff6b2c;color:#140e0a;font-weight:800;font-size:16px}.dj-yes:disabled{opacity:.6}.dj-pick:active,.dj-not:active,.dj-yes:active{transform:scale(.97)}.dj-askdone{flex-direction:row;align-items:center}.dj-okdot{flex:none;width:40px;height:40px;border-radius:50%;background:#ff6b2c;color:#140e0a;display:flex;align-items:center;justify-content:center}.dj-askdone .dj-asktext b{font:800 16px Inter,system-ui,sans-serif}.dj-asknote{padding:6px 4px;font-size:13px;opacity:.7;text-align:center}.dj-grouprow{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid currentColor;font-size:14px;font-weight:700;text-decoration:none;color:inherit}.dj-hooks{display:flex;flex-direction:column;gap:10px;margin:4px 0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:inherit;text-align:left}.dj-near{margin:0;padding:11px 12px;border-radius:12px;background:#7f7f7f29;text-align:center;font-size:16px;font-weight:800}.dj-streakbox{display:flex;flex-direction:column;gap:9px;padding:12px;border-radius:12px;background:#7f7f7f29}.dj-sthead{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.dj-sthead b{display:inline-flex;align-items:center;gap:4px;font-size:16px;font-weight:800}.dj-sthead small,.dj-stnote{font-size:13px;font-weight:600;opacity:.8}.dj-week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.dj-day{display:flex;flex-direction:column;align-items:center;gap:3px}.dj-day i{width:32px;height:32px;box-sizing:border-box;border-radius:50%;border:2px dashed rgba(127,127,127,.55);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:13px}.dj-day i svg{width:15px;height:15px}.dj-day small{font-size:11px;font-weight:600;opacity:.8}.dj-d-played i,.dj-d-today i{border:0;background:var(--h-acc);color:var(--h-ink)}.dj-d-today i{box-shadow:0 0 0 2px currentColor inset}.dj-d-free i{border:2px solid #E0A800;color:#e0a800}.dj-d-missed i{opacity:.35}.dj-remrow,.dj-bignext{width:100%;box-sizing:border-box;display:flex;align-items:center;gap:10px;text-align:left;text-decoration:none;font-family:inherit;cursor:pointer;transition:transform .12s cubic-bezier(.32,.72,0,1)}.dj-remrow{min-height:58px;padding:8px 14px;border:2px solid rgba(127,127,127,.45);border-radius:12px;background:transparent;color:inherit}.dj-bignext{min-height:66px;padding:8px 14px;border-radius:12px;background:var(--h-acc);color:var(--h-ink)}.dj-remrow span,.dj-bignext span{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.dj-remrow span span{display:inline}.dj-remrow b{font-size:15px;font-weight:800}.dj-bignext b{font-size:17px;font-weight:800}.dj-remrow small,.dj-bignext small{font-size:13px;font-weight:600;opacity:.85}.dj-remrow em,.dj-bignext em{flex:none;font-style:normal;font-size:14px;font-weight:800}.dj-remrow:active,.dj-bignext:active{transform:scale(.97)}.dj-back{display:inline-flex;align-items:center;gap:1px;height:40px;padding:0 12px 0 6px;border-radius:999px;background:#7f7f7f29;color:inherit;font:700 14px Inter,system-ui,sans-serif;text-decoration:none;white-space:nowrap;justify-self:start}.dj-back svg{flex:none}.dj-back:active{transform:scale(.96)}.dj-newbie{box-sizing:border-box;width:100%;margin:4px 0;padding:14px;border-radius:16px;background:#140e0a;color:#f6eee4;font-family:Inter,system-ui,sans-serif;text-align:left;display:flex;flex-direction:column;gap:11px}.dj-nhead{display:flex;justify-content:space-between;align-items:center;gap:8px}.dj-nword{font:800 16px Bricolage Grotesque,Inter,sans-serif;letter-spacing:-.02em}.dj-nword i{display:inline-block;width:8px;height:8px;border:2.5px solid #FF6B2C;border-radius:50%;margin:0 1px;vertical-align:-1px}.dj-nhead small{font-size:12px;font-weight:700;color:#bfae9c}.dj-ntitle{margin:0;font-size:20px;line-height:1.15;font-weight:800}.dj-nnext{min-height:60px;box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:#b5c76a;color:#1b2010;text-decoration:none;transition:transform .12s cubic-bezier(.32,.72,0,1)}.dj-nnext img,.dj-ntile img{flex:none;border-radius:10px}.dj-nnext span{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.dj-nnext b{font-size:16px;font-weight:800}.dj-nnext small{font-size:12.5px;font-weight:600;line-height:1.25}.dj-nnext em{flex:none;font-style:normal;font-size:15px;font-weight:800}.dj-nlabel{font-size:11.5px;font-weight:800;letter-spacing:.08em;color:#bfae9c}.dj-ntiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dj-ntile{min-height:76px;box-sizing:border-box;padding:9px 4px;border-radius:12px;background:#241a13;color:#f6eee4;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:transform .12s cubic-bezier(.32,.72,0,1)}.dj-ntile b{font-size:12.5px;font-weight:700;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-nall b{color:#bfae9c}.dj-nall .dj-nplus{font-size:22px;font-weight:800;color:#f6eee4}.dj-nnext:active,.dj-ntile:active{transform:scale(.97)}.dj-tip{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin-bottom:6px;color:inherit;opacity:.8;font:600 14px Inter,system-ui,sans-serif;text-decoration:none}.dj-tip svg{flex:none;color:#ff6b2c}.dj-ms{display:flex;flex-direction:column;gap:9px;padding:12px;border-radius:12px;background:#7f7f7f29}.dj-mshead{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:28px}.dj-mshead b{font-size:15px;font-weight:800}.dj-mshead small{font-size:13px;font-weight:700;opacity:.85;text-align:right}.dj-holo{position:relative;flex:none;display:inline-flex;padding:2px;border-radius:999px;overflow:hidden;isolation:isolate}.dj-holo:before,.dj-msbar i:before{content:"";position:absolute;z-index:-1;left:-40%;top:-300%;width:180%;height:700%;background:conic-gradient(from 0deg,#ff4d6d,#ffb000,#e6ff4f,#3ff0c4,#4d8bff,#b06bff,#ff4d6d);animation:dj-spin 7s linear infinite}.dj-holo>span{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 10px 0 7px;border-radius:999px;background:#1a120d;color:#fff;font:800 11.5px Inter,system-ui,sans-serif;letter-spacing:.1em}.dj-holo svg{width:13px;height:13px}.dj-msbar{height:8px;border-radius:4px;background:#7f7f7f4d;overflow:hidden}.dj-msbar i{position:relative;display:block;height:100%;border-radius:4px;overflow:hidden;isolation:isolate}.dj-msbar i:before{left:-10%;top:-2000%;width:120%;height:4100%}.dj-ms-just .dj-holo{animation:dj-pop .6s cubic-bezier(.32,.72,0,1) .3s both}@keyframes dj-spin{to{transform:rotate(360deg)}}@keyframes dj-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}.dj-more{box-sizing:border-box;width:100%;margin:4px 0;display:flex;flex-direction:column;gap:8px;font-family:Inter,system-ui,sans-serif;text-align:left;color:inherit}.dj-mhead{display:flex;justify-content:space-between;align-items:center;gap:8px}.dj-mhead span{font-size:11.5px;font-weight:800;letter-spacing:.12em;opacity:.75}.dj-mhead a{min-height:44px;display:inline-flex;align-items:center;font-size:13px;font-weight:700;color:inherit}.dj-mlist{border-radius:14px;background:#7f7f7f24;overflow:hidden}.dj-mrow{min-height:76px;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:10px 12px;color:inherit;text-decoration:none;transition:transform .12s cubic-bezier(.32,.72,0,1)}.dj-mrow+.dj-mrow{border-top:1px solid rgba(127,127,127,.25)}.dj-mrow img{flex:none;border-radius:11px}.dj-mrow span{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.dj-mrow small{font-size:11.5px;font-weight:800;letter-spacing:.1em;opacity:.75}.dj-mrow b{font-size:14px;line-height:1.3;font-weight:600}.dj-mrow em{flex:none;height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(127,127,127,.45);display:flex;align-items:center;font-style:normal;font-size:13px;font-weight:800}.dj-mrow:active{transform:scale(.98)}.dj-pin{position:fixed;z-index:50;left:0;right:0;bottom:0;max-width:520px;margin:0 auto;box-sizing:border-box;padding:14px 16px max(16px,env(safe-area-inset-bottom));border-radius:20px 20px 0 0;background:var(--p-bg);color:var(--p-fg);box-shadow:0 -14px 34px #00000073;display:flex;flex-direction:column;gap:12px;font-family:Inter,system-ui,sans-serif;text-align:left;animation:dj-rise .45s cubic-bezier(.32,.72,0,1) .5s both}.dj-pintop{display:flex;align-items:center;gap:12px}.dj-pintop img{flex:none;border-radius:12px}.dj-pintop span{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.dj-pintop small{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--p-meta)}.dj-pintop b{font-size:15.5px;line-height:1.3;font-weight:800}.dj-pinplay{min-height:52px;border-radius:14px;background:var(--p-acc);color:var(--p-ink);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;text-decoration:none;transition:transform .12s cubic-bezier(.32,.72,0,1)}.dj-pinplay:active{transform:scale(.97)}.dj-pinspace{height:150px}@keyframes dj-rise{0%{transform:translateY(110%)}}@media(prefers-reduced-motion:reduce){.dj-holo:before,.dj-msbar i:before,.dj-ms-just .dj-holo,.dj-pin{animation:none}}.dj-pin[hidden]{display:none}.dj-st{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:12px;background:#7f7f7f29;font-family:Inter,system-ui,sans-serif;text-align:left}.dj-st[hidden]{display:none}.dj-sthead{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}.dj-sthead small{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;opacity:.7}.dj-sthead b{display:block;margin-top:3px;font-size:20px;line-height:1.15;font-weight:800}.dj-sthead>span{flex:none;max-width:45%;font-size:12.5px;font-weight:700;opacity:.7;text-align:right}.dj-stbars{display:flex;gap:6px;align-items:flex-end;height:136px}.dj-stcol{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}.dj-stcol span{font-size:11.5px;font-weight:700;opacity:.65}.dj-stcol i{position:relative;width:100%;border-radius:6px 6px 2px 2px;background:#7f7f7f59;overflow:hidden;isolation:isolate}.dj-stcol.x i{background:#d65a4659}.dj-stcol em{font-style:normal;font-size:13px;font-weight:600;opacity:.7}.dj-stcol.you span{opacity:1;font-weight:800;letter-spacing:.1em;font-size:10.5px}.dj-stcol.you em{opacity:1;font-weight:800}.dj-stcol.you i{background:transparent}.dj-stcol.you i:before{content:"";position:absolute;z-index:-1;left:-60%;top:-60%;width:220%;height:220%;background:conic-gradient(from 0deg,#ff4d6d,#ffb000,#e6ff4f,#3ff0c4,#4d8bff,#b06bff,#ff4d6d);animation:dj-spin 7s linear infinite}.dj-stcurve{width:100%;height:118px;overflow:visible}.dj-stcurve .base{fill:#7f7f7f40}.dj-stcurve .edge{fill:none;stroke:currentColor;stroke-opacity:.45;stroke-width:2;vector-effect:non-scaling-stroke}.dj-stcurve .avg{stroke:currentColor;stroke-opacity:.55;stroke-width:1.5;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.dj-stcurve line.you{stroke:currentColor;stroke-width:2.5;vector-effect:non-scaling-stroke}.dj-stcurve circle.you{fill:currentColor}.dj-stcurve text{fill:currentColor;font:600 12px Inter,system-ui,sans-serif}.dj-stcurve .avgt{opacity:.7}.dj-stcurve .yout{font-weight:800}.dj-stfoot{display:flex;justify-content:space-between;gap:8px;font-size:12px;opacity:.7}@media(prefers-reduced-motion:reduce){.dj-stcol.you i:before{animation:none}}.dj-st-on #resPct,.dj-st-on #pct{display:none!important}.dj-st{margin:12px 0}.dj-pin.dj-pin-inline{position:static;max-width:none;margin:0 0 10px;padding:10px 12px;border-radius:14px;box-shadow:none;gap:10px;animation:none;flex-direction:row;align-items:center}.dj-pin-inline .dj-pintop{flex:1;min-width:0;gap:10px}.dj-pin-inline .dj-pintop img{width:40px;height:40px;border-radius:10px}.dj-pin-inline .dj-pintop b{font-size:13.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dj-pin-inline .dj-pinplay{flex:none;min-height:44px;padding:0 14px;font-size:15px;border-radius:12px}.dj-pin.dj-pin-sticky{position:sticky;z-index:5;left:auto;right:auto;bottom:0;max-width:none;margin:12px 0 0;flex:none}.dj-hooks,.dj-more,.dj-st,.dj-pin{max-width:100%;box-sizing:border-box;min-width:0}