:root{--djq-accent:#7c3aed;--djq-bg:#080a0f;--djq-card:#11141c;--djq-line:#232838;--djq-text:#f7f7fb;--djq-muted:#9298aa;--djq-green:#42d392;--djq-red:#ff667d;--djq-orange:#ffb454}*{box-sizing:border-box}.djq-standalone{margin:0;background:radial-gradient(circle at 20% 0,#241647 0,#0b0d13 38%,#07080c 100%);color:var(--djq-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.djq-public-shell{width:min(760px,100%);margin:auto;padding:28px 16px 60px}.djq-public-hero{text-align:center;padding:34px 8px 22px}.djq-public-hero h1,.djq-dashboard h1,.djq-dashboard h2,.djq-card h2{margin:.18em 0;color:inherit;letter-spacing:-.03em}.djq-public-hero h1{font-size:clamp(34px,9vw,62px)}.djq-public-hero p,.djq-dash-top p{color:var(--djq-muted);margin:8px 0}.djq-kicker{font-size:11px;font-weight:800;letter-spacing:.22em;color:var(--djq-accent);text-transform:uppercase}.djq-message{color:#c6cada;font-size:14px;max-width:540px;margin:14px auto}.djq-live{display:inline-flex;margin-top:14px;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;letter-spacing:.08em;background:#20232c;color:#999}.djq-live.is-open{background:#0d2d20;color:var(--djq-green)}.djq-card{background:linear-gradient(180deg,rgba(20,23,32,.96),rgba(14,16,23,.96));border:1px solid var(--djq-line);border-radius:18px;padding:20px;margin:14px 0;color:var(--djq-text);box-shadow:0 20px 70px rgba(0,0,0,.18)}.djq-card label,.djq-account label{display:block;font-size:12px;font-weight:700;color:#c6cada;margin:12px 0}.djq-card input,.djq-card textarea,.djq-account input{width:100%;margin-top:7px;background:#090b11;border:1px solid #2b3142;border-radius:12px;padding:13px 14px;color:#fff;font:inherit;outline:none}.djq-card input:focus,.djq-card textarea:focus,.djq-account input:focus{border-color:var(--djq-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--djq-accent) 18%,transparent)}.djq-card small{font-weight:400;color:var(--djq-muted)}.djq-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.djq-primary,.djq-ghost,.djq-danger,.djq-danger-soft,.djq-actions button,.djq-filter-row button{border:0;border-radius:11px;padding:11px 14px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.djq-primary{background:var(--djq-accent);color:#fff}.djq-ghost{background:#202532;color:#e8eaf0}.djq-danger{background:#42141c;color:#ff8b9c;width:100%;margin-top:9px}.djq-danger-soft{background:#2c171d;color:#ff8294;border:1px solid #55222c}.djq-form-msg{font-size:13px;margin-top:10px;min-height:18px}.djq-form-msg.is-ok{color:var(--djq-green)}.djq-form-msg.is-error,.djq-error{color:var(--djq-red)}.djq-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.djq-section-head h2{margin-top:2px}.djq-public-list,.djq-request-list{display:grid;gap:8px;margin-top:14px}.djq-public-row,.djq-request-row{display:flex;align-items:center;gap:12px;background:#0b0e14;border:1px solid #222838;border-radius:13px;padding:12px}.djq-public-row.is-played{opacity:.55}.djq-song{min-width:0;flex:1}.djq-song strong,.djq-song span,.djq-song small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.djq-song span{font-size:12px;color:#b9becd;margin-top:2px}.djq-song small{font-size:10px;color:#71798c;margin-top:5px}.djq-vote{min-width:62px;background:#1e2330;color:#fff;border:1px solid #30384a;border-radius:11px;padding:10px;cursor:pointer}.djq-vote:not(:disabled):hover{border-color:var(--djq-accent)}.djq-empty,.djq-loading{padding:28px 12px;text-align:center;color:var(--djq-muted)}.djq-footer{text-align:center;color:#60677a;font-size:11px;padding:22px 8px}.djq-dashboard,.djq-account{--djq-accent:#7c3aed;background:var(--djq-bg);color:var(--djq-text);border-radius:20px;padding:clamp(14px,3vw,28px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.djq-dashboard{min-height:600px}.djq-dash-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.djq-dash-top h1{font-size:clamp(30px,4vw,48px)}.djq-create-wrap{margin-bottom:24px}.djq-sessions{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-bottom:24px}.djq-session-card{text-align:left;background:#10131a;color:#fff;border:1px solid var(--djq-line);border-radius:15px;padding:15px;cursor:pointer;display:grid;gap:5px}.djq-session-card:hover,.djq-session-card.is-selected{border-color:var(--djq-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--djq-accent) 15%,transparent)}.djq-session-card strong{font-size:15px}.djq-session-card small{color:var(--djq-muted)}.djq-session-card div{font-size:11px;color:#737b8e;margin-top:7px}.djq-session-status{font-size:9px;font-weight:900;letter-spacing:.1em;color:var(--djq-muted)}.djq-session-status.open{color:var(--djq-green)}.djq-live-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}.djq-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0}.djq-stats>div{background:#0b0e14;border:1px solid #202636;border-radius:12px;padding:10px;text-align:center}.djq-stats b{display:block;font-size:21px}.djq-stats span{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#737b8e}.djq-filter-row{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.djq-filter-row button{padding:7px 9px;background:#1b202b;color:#8f97aa;font-size:10px}.djq-filter-row button.is-active{background:var(--djq-accent);color:#fff}.djq-request-row.status-accepted{border-left:3px solid var(--djq-green)}.djq-request-row.status-played{opacity:.56}.djq-request-row.status-rejected{opacity:.42}.djq-votes{font-weight:900;font-size:12px;color:var(--djq-orange);white-space:nowrap}.djq-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.djq-actions button{padding:6px 8px;background:#202633;color:#e8eaf0;font-size:9px}.djq-actions button.reject{color:#ff8d9c;background:#30141a}.djq-qr-card{text-align:center;position:sticky;top:20px}.djq-qr-card img{display:block;width:min(100%,240px);aspect-ratio:1;margin:16px auto;border-radius:12px;background:#fff;padding:8px}.djq-qr-card>a{display:block;font-size:10px;color:#8c94a8;word-break:break-all}.djq-qr-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.djq-qr-card hr{border:0;border-top:1px solid var(--djq-line);margin:18px 0}.djq-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.djq-account #loginform p{margin:10px 0}.djq-account #loginform label{display:block}.djq-account #wp-submit{background:var(--djq-accent);color:#fff;border:0;border-radius:11px;padding:11px 14px;font-weight:800;cursor:pointer}.djq-login-note{padding:20px;border:1px solid #ddd;border-radius:12px}.djq-error{padding:12px;border:1px solid #64212a;background:#2b1016;border-radius:10px;margin-bottom:12px}@media(max-width:800px){.djq-live-grid{grid-template-columns:1fr}.djq-qr-card{position:static}.djq-account-grid{grid-template-columns:1fr}}@media(max-width:600px){.djq-two{grid-template-columns:1fr}.djq-dash-top{align-items:flex-start;flex-direction:column}.djq-stats{grid-template-columns:repeat(2,1fr)}.djq-request-row{align-items:flex-start;flex-wrap:wrap}.djq-actions{width:100%;justify-content:flex-start}.djq-public-shell{padding-top:12px}.djq-card{padding:16px;border-radius:15px}}
/* v1.0.2 — public privacy + own-request status */
.djq-active-card{display:flex;align-items:center;gap:16px}.djq-active-number{flex:0 0 auto;min-width:72px;height:72px;border-radius:18px;display:grid;place-items:center;background:color-mix(in srgb,var(--djq-accent) 18%,#0b0e14);border:1px solid color-mix(in srgb,var(--djq-accent) 40%,#232838);font-size:30px;font-weight:900}.djq-active-card strong{display:block;font-size:16px}.djq-active-card p,.djq-private-note{margin:5px 0 0;color:var(--djq-muted);font-size:12px;line-height:1.5}.djq-notify-btn{margin:12px 0 2px;background:#1d2230;color:#f4f5f9;border:1px solid #30384a;border-radius:11px;padding:9px 12px;font-weight:800;font-size:11px;cursor:pointer}.djq-notify-btn:disabled{opacity:.65;cursor:default}.djq-status-alert{margin:12px 0 4px;border-radius:12px;padding:11px 12px;font-size:12px;font-weight:700;background:#18202b;border:1px solid #2d394a}.djq-status-alert.status-accepted{background:#0d2d20;border-color:#1d5b42;color:#78e7b1}.djq-status-alert.status-played{background:#2e2310;border-color:#5d4820;color:#ffd47b}.djq-status-alert.status-rejected{background:#32151b;border-color:#632633;color:#ff94a4}.djq-own-request{border-left:3px solid #525b70}.djq-own-request.status-accepted{border-left-color:var(--djq-green)}.djq-own-request.status-played{border-left-color:var(--djq-orange);opacity:.8}.djq-own-request.status-rejected{border-left-color:var(--djq-red);opacity:.68}@media(max-width:520px){.djq-active-card{align-items:flex-start}.djq-active-number{min-width:62px;height:62px;font-size:26px}}
/* v1.1.0 — FREE / PRO */
.djq-dj-identity{display:inline-flex;align-items:center;gap:8px;margin:10px 0 2px;padding:7px 10px;border:1px solid #2b3142;border-radius:999px;background:#10131a;color:#d9dceb;font-size:12px;font-weight:800}.djq-pro-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6d28d9,#9333ea);color:#fff;border:1px solid #a855f7;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:900;letter-spacing:.06em;white-space:nowrap}.djq-mini-pro{color:#c4a3ff;font-weight:900}.djq-limit-public{margin:10px 0 14px;padding:12px 14px;border-radius:12px;background:#2f171d;border:1px solid #632633;color:#ff9aaa;font-size:13px;font-weight:800}.djq-no-session{text-align:center;margin-top:18vh;padding:34px}.djq-no-session h1{margin:.25em 0}.djq-no-session p{color:var(--djq-muted);max-width:480px;margin:10px auto 0}.djq-plan-summary{margin-bottom:22px}.djq-plan-card{margin:0}.djq-plan-card.is-pro{border-color:color-mix(in srgb,var(--djq-accent) 52%,#232838);box-shadow:0 0 0 1px color-mix(in srgb,var(--djq-accent) 12%,transparent),0 20px 70px rgba(0,0,0,.22)}.djq-plan-main{display:flex;justify-content:space-between;gap:20px;align-items:center}.djq-plan-main h2{margin:5px 0 2px}.djq-plan-main p{margin:0;color:var(--djq-muted);font-size:12px}.djq-plan-metrics{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.djq-plan-metric{min-width:92px;text-align:center;background:#0a0d13;border:1px solid #242a39;border-radius:13px;padding:11px 12px}.djq-plan-metric b{display:block;font-size:20px}.djq-plan-metric span{display:block;margin-top:3px;color:#777f92;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.djq-free-finished{margin:15px 0;padding:13px 14px;background:#32151b;border:1px solid #632633;border-radius:12px;color:#ffd4da}.djq-free-finished strong{display:block;color:#ff9aaa}.djq-free-finished p{margin:5px 0 0;font-size:12px;line-height:1.45}.djq-upgrade-btn{margin-top:14px}.djq-primary.is-disabled,.djq-primary:disabled{opacity:.5;cursor:not-allowed}.djq-permanent{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:center;border-top:1px solid var(--djq-line);margin-top:18px;padding-top:18px;text-align:left}.djq-permanent p{color:var(--djq-muted);font-size:12px;margin:5px 0}.djq-permanent a:not(.djq-primary){display:block;color:#aeb5c8;word-break:break-all;font-size:10px;margin:8px 0}.djq-permanent img{width:150px;height:150px;background:#fff;border-radius:12px;padding:7px}.djq-pricing{padding:clamp(18px,4vw,42px)}.djq-pricing-head{text-align:center;max-width:760px;margin:0 auto 22px}.djq-pricing-head h1{font-size:clamp(34px,6vw,56px);margin:.2em 0}.djq-pricing-head h1 span{color:#b794f6}.djq-pricing-head p{color:var(--djq-muted)}.djq-current-plan{max-width:760px;margin:0 auto 12px;padding:10px 14px;background:#11141c;border:1px solid #252b3a;border-radius:12px;text-align:center}.djq-pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:900px;margin:0 auto}.djq-pricing-grid ul{padding-left:19px;color:#c8ccda;line-height:1.9}.djq-pro-card{border-color:color-mix(in srgb,var(--djq-accent) 55%,#232838)}.djq-upgrade-placeholder{margin-top:14px;padding:11px 12px;border:1px dashed #3b4254;border-radius:11px;color:#8f97aa;font-size:11px}.djq-account a.djq-primary,.djq-pricing a.djq-primary{color:#fff}.djq-account .djq-pro-badge{margin-bottom:8px}
@media(max-width:700px){.djq-plan-main{align-items:flex-start;flex-direction:column}.djq-plan-metrics{justify-content:flex-start}.djq-permanent{grid-template-columns:1fr}.djq-permanent img{width:130px;height:130px}.djq-pricing-grid{grid-template-columns:1fr}}
/* v1.2.0 — PRO Tips & Priority Requests */
.djq-tip-box{margin:16px 0 14px;padding:15px;border:1px solid #2a3141;border-radius:15px;background:linear-gradient(180deg,#10141d,#0c0f15)}
.djq-tip-title{display:flex;gap:11px;align-items:flex-start}.djq-tip-title>span{font-size:22px}.djq-tip-title strong{font-size:14px}.djq-tip-title p{margin:4px 0 0;color:var(--djq-muted);font-size:11px;line-height:1.45}
.djq-tip-buttons{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0 4px}.djq-tip-choice{border:1px solid #31394b;background:#171c26;color:#d9deea;border-radius:10px;padding:9px 11px;font-size:11px;font-weight:850;cursor:pointer}.djq-tip-choice:hover,.djq-tip-choice.is-selected{border-color:var(--djq-accent);background:color-mix(in srgb,var(--djq-accent) 20%,#171c26);color:#fff}
.djq-custom-tip{margin-top:10px;max-width:180px}.djq-priority-info{margin-top:12px;padding:10px 12px;border:1px solid #765419;border-radius:11px;background:#2d220c;color:#ffd77f}.djq-priority-info strong,.djq-priority-info span{display:block}.djq-priority-info strong{font-size:11px;letter-spacing:.06em}.djq-priority-info span{font-size:10px;margin-top:3px;color:#d8bc7e}
.djq-card-payment{margin-top:11px;padding:12px;border:1px solid #293143;border-radius:12px;background:#090c12}.djq-stripe-card{min-height:44px;padding:12px;border:1px solid #343d50;border-radius:10px;background:#11151e}.djq-card-payment p{margin:9px 0 0;font-size:10px;line-height:1.5;color:#929bad}.djq-card-payment p strong{color:#fff}.djq-tip-unavailable,.djq-tip-warning{margin:12px 0;padding:11px 12px;border:1px solid #61491c;border-radius:11px;background:#281f0e;color:#f4cc76;font-size:11px;line-height:1.45}
.djq-row-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:5px}.djq-priority-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:linear-gradient(135deg,#3a1f00,#5a3300);border:1px solid #8b5c14;color:#ffc45f;font-size:9px;font-weight:950;letter-spacing:.06em}.djq-priority-timer{display:inline-flex;padding:4px 8px;border-radius:999px;border:1px solid #3a4964;background:#121a28;color:#8fc7ff;font-size:9px;font-weight:900}.djq-priority-timer.is-expired{border-color:#5f2630;background:#2d1318;color:#ff92a2}
.djq-request-row.is-priority{border-color:#6d4b13;box-shadow:inset 3px 0 0 #f4b84a;background:linear-gradient(90deg,rgba(244,184,74,.06),#0b0e14 25%)}.djq-own-request.is-priority{border-left-color:#f4b84a}.djq-play-priority{background:#123723!important;color:#7de7ae!important;border:1px solid #285c41!important}
.djq-tip-settings{margin-bottom:22px}.djq-settings-note{color:var(--djq-muted);font-size:12px;line-height:1.55;max-width:760px}.djq-switch{display:flex!important;align-items:center;gap:8px!important;flex-direction:row!important;margin:14px 0!important;font-weight:800!important}.djq-switch input{width:auto!important}.djq-tip-label{margin-top:18px}.djq-tip-amount-grid{display:grid;grid-template-columns:repeat(4,minmax(95px,1fr));gap:8px;margin:8px 0 4px}.djq-tip-amount-grid label{font-size:10px;color:#8f97aa}.djq-tip-amount-grid input{margin-top:5px}.djq-tip-stat b{font-size:15px!important}.djq-stats:has(.djq-tip-stat){grid-template-columns:repeat(6,1fr)}
.status-expired{opacity:.55}.djq-status-alert.status-expired{background:#2b2415;border-color:#5f4d24;color:#ffd37a}
@media(max-width:900px){.djq-stats:has(.djq-tip-stat){grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.djq-tip-amount-grid{grid-template-columns:repeat(2,1fr)}.djq-stats:has(.djq-tip-stat){grid-template-columns:repeat(2,1fr)}}

.djq-success{padding:12px 14px;border:1px solid #1d6647;background:#0e2a20;color:#86efc0;border-radius:10px;margin-bottom:12px}.djq-resend{margin-top:18px;padding-top:14px;border-top:1px solid var(--djq-line);color:var(--djq-muted)}.djq-resend summary{cursor:pointer;font-size:12px;font-weight:800;color:#c6cada}.djq-resend form{margin-top:10px}.djq-resend .djq-ghost{margin-top:4px}

/* v1.3.1 — panel create-form sliding */
#djq-create-wrap{scroll-margin-top:115px}
@media(max-width:782px){#djq-create-wrap{scroll-margin-top:125px}}