.dfsg{--sg-cyan:#43e4ff;--sg-pink:#ec43dc;--sg-text:#f4f0ff;--sg-muted:#a6acc5;background:#070917;color:var(--sg-text);font-family:Cairo,Tajawal,Arial,sans-serif;padding-bottom:80px;overflow-x:clip}.dfsg *{box-sizing:border-box}.dfsg-shell{width:min(1240px,calc(100% - 56px));margin-inline:auto}.dfsg a{color:inherit;text-decoration:none}.dfsg-hero{min-height:460px;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:64px;padding-block:54px 64px;border-bottom:1px solid #66628338}.dfsg-back{display:inline-flex;gap:12px;color:var(--sg-muted)!important;font-size:13px;margin-bottom:30px}.dfsg-eyebrow{display:block;font-family:Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:2.8px;color:var(--sg-cyan)}.dfsg h1{font-size:clamp(52px,6.5vw,88px);line-height:1.3;font-weight:900;margin:12px 0 18px}.dfsg-intro{max-width:610px;color:#c4c8db;font-size:17px;line-height:2.1}.dfsg-intro p{margin:0}.dfsg-explore{display:inline-flex;align-items:center;gap:38px;font-weight:800;margin-top:28px;border-bottom:1px solid #43e4ff6b;padding:0 0 9px}.dfsg-explore span{color:var(--sg-cyan)}.dfsg-art{height:330px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#663ba22b,transparent 67%);isolation:isolate}.dfsg-record{width:268px;aspect-ratio:1;border-radius:50%;border:1px solid #a084d85e;background:repeating-radial-gradient(circle,#131627 0 3px,#232138 4px 5px,#111426 6px 9px);box-shadow:0 18px 65px #0008;display:grid;place-items:center;transform:rotate(-18deg);position:relative}.dfsg-record:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 40deg,transparent,#b5e3ff12,transparent 30%,#bd8dda16,transparent 70%)}.dfsg-record span{display:grid;place-items:center;width:87px;height:87px;border-radius:50%;background:linear-gradient(145deg,#43e4ff,#9164f5 55%,#e23fd5);font:900 53px Arial;color:#0a0920;box-shadow:0 0 35px #9d5bed3d}.dfsg-orbit{position:absolute;width:335px;height:335px;border:1px solid #77739d28;border-radius:50%}.dfsg-art-label{position:absolute;bottom:3px;right:15px;background:#111427d9;padding:10px 18px;border:1px solid #71669055;border-radius:8px;font-size:14px;transform:rotate(-5deg)}.dfsg-wave{position:absolute;left:9px;top:20px;display:flex;align-items:center;gap:5px;padding:13px 16px;background:#0e1325e6;border:1px solid #43e4ff45;border-radius:10px;transform:rotate(5deg)}.dfsg-wave i{display:block;width:3px;height:15px;background:var(--sg-cyan);border-radius:5px}.dfsg-wave i:nth-child(3n){height:34px}.dfsg-wave i:nth-child(2n){height:24px}.dfsg-library{padding-top:46px;scroll-margin-top:130px}.dfsg-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.dfsg-section-head h2{font-size:30px;margin:12px 0 0;line-height:1.6}.dfsg-section-head p{font-size:13px;color:var(--sg-muted);margin:0 0 6px}.dfsg-filters{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 30px}.dfsg-filters a{padding:11px 19px;border:1px solid #77728d4a;border-radius:8px;color:#c8c5da;background:#101222;font-size:13px;font-weight:700;transition:background .2s,border-color .2s}.dfsg-filters a:hover{border-color:var(--sg-cyan)}.dfsg-filters .is-active{color:#091021;background:var(--sg-cyan);border-color:var(--sg-cyan)}.dfsg a:focus-visible,.dfsg button:focus-visible{outline:2px solid var(--sg-cyan);outline-offset:5px}.dfsg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 22px}.dfsg-card{min-width:0;border:1px solid #71658d40;border-radius:13px;overflow:hidden;background:#101223;transition:transform .22s,border-color .22s}.dfsg-card:hover{transform:translateY(-4px);border-color:#43e4ff87}.dfsg-card-link{display:block;height:100%}.dfsg-cover{aspect-ratio:1;position:relative;overflow:hidden;background:linear-gradient(135deg,#21163e,#122c3c)}.dfsg-cover img{width:100%;height:100%;object-fit:cover;display:block}.dfsg-open-icon{position:absolute;bottom:12px;left:12px;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;background:#08091bdd;border:1px solid #a993cd7d;color:var(--sg-cyan);font-size:22px}.dfsg-cover-fallback{height:100%;display:grid;place-items:center;font-size:60px;color:var(--sg-cyan)}.dfsg-card-text{padding:15px 18px 19px}.dfsg-card-text small{display:block;color:#b4a9c8;font-size:10px;min-height:18px}.dfsg-card h3{margin:6px 0 0;font-size:18px;line-height:1.65;overflow-wrap:anywhere}.dfsg-empty-heading{padding:22px 0 28px;text-align:center}.dfsg-coming{font-size:12px;color:var(--sg-cyan);border:1px solid #43e4ff45;border-radius:30px;padding:6px 16px;display:inline-block}.dfsg-empty-heading h3{margin:16px 0 8px;font-size:25px}.dfsg-empty-heading p{font-size:14px;color:var(--sg-muted);margin:0}.dfsg-empty-heading a{display:inline-block;margin-top:18px;color:var(--sg-cyan);text-decoration:underline}.dfsg-preview-card{border:1px solid #6d628030;border-radius:12px;overflow:hidden;background:#0d1020}.dfsg-preview-cover{aspect-ratio:1.13;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 65% 40%,#63378f15,transparent 68%),linear-gradient(145deg,#121627,#0c0e1d)}.dfsg-preview-cover span{font-size:35px;color:#81728f45;border:1px solid #9c82c026;border-radius:50%;width:82px;height:82px;display:grid;place-items:center}.dfsg-preview-cover b{position:absolute;right:16px;top:13px;color:#706b855e;font:12px monospace}.dfsg-preview-card:nth-child(4n+2) .dfsg-preview-cover{background:radial-gradient(ellipse at 30% 40%,#26799e15,transparent 65%),#0e1322}.dfsg-preview-title{padding:15px;font-size:12px;color:#88809d;text-align:center;border-top:1px solid #70608620}.dfsg-preview-note{text-align:center;font-size:12px;color:#9690a9;margin-top:24px}.dfsg-pagination{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:35px}.dfsg-pagination>*{padding:8px 14px;border:1px solid #77728d4a;border-radius:7px}.dfsg-pagination .current{background:var(--sg-cyan);color:#091021}.dfsg-detail{margin-top:32px;padding:26px;border:1px solid #7f63994d;background:#101325;border-radius:16px;scroll-margin-top:140px}.dfsg-detail-layout{display:grid;grid-template-columns:210px 1fr;gap:28px}.dfsg-detail-cover img{width:100%;border-radius:10px;display:block}.dfsg-detail h2{font-size:28px;line-height:1.6;margin:12px 0}.dfsg-detail h3{font-size:16px}.dfsg-description,.dfsg-credits{line-height:1.9;color:#c3c3d6;font-size:14px;overflow-wrap:anywhere}.dfsg-performers{color:var(--sg-cyan)}.dfsg-detail audio,.dfsg-detail video{width:100%;max-height:55vh;margin-top:16px}.dfsg-detail video{background:#000}.dfsg-close{float:left;cursor:pointer;border:1px solid #8b779865;background:#171a31;color:#fff;border-radius:7px;padding:9px 14px;margin-bottom:18px;font:inherit}.dfsg-dialog{direction:rtl;font-family:Cairo,Tajawal,Arial,sans-serif;width:min(900px,calc(100% - 32px));max-height:90dvh;color:#f4f0ff;padding:0;border:1px solid #7762a07d;border-radius:18px;background:#101325}.dfsg-dialog::backdrop{background:#020410df;backdrop-filter:blur(6px)}.dfsg-dialog .dfsg-detail{border:0;margin:0}.dfsg-dialog .dfsg-close{display:block}.dfsg-dialog .dfsg-detail-layout{clear:both}.dfsg-dialog [hidden],.dfsg [hidden]{display:none!important}
.dfsg-dialog{--sg-cyan:#43e4ff;--sg-muted:#a6acc5}.dfsg-dialog *{box-sizing:border-box}
.dfsg-play-hint{color:var(--sg-muted);font-size:12px;line-height:1.9;margin:-10px 0 10px}.dfsg-play-status{min-height:22px;color:var(--sg-cyan);font-size:12px;line-height:1.8;margin:0 0 16px}.dfsg .dfsg-play{display:block;width:100%;padding:0;border:0;border-radius:0;cursor:pointer;color:var(--sg-text);font:inherit;text-align:inherit;line-height:normal}.dfsg .dfsg-play:disabled{cursor:default}.dfsg .dfsg-play:focus-visible{outline-offset:-4px;outline:3px solid var(--sg-cyan)}.dfsg-play img{aspect-ratio:1;transition:transform .35s,filter .35s}.dfsg-play:hover img,.dfsg-play.is-playing img{transform:scale(1.025)}.dfsg-play-badge{position:absolute;inset:auto 12px 12px auto;display:flex;align-items:center;gap:8px;max-width:calc(100% - 24px);min-height:36px;padding:7px 12px;border:1px solid #a993cd7d;border-radius:24px;background:#080b1bea;color:#f4f0ff;box-shadow:0 4px 16px #0004;pointer-events:none;font-size:11px;font-weight:700}.dfsg-play-symbol{color:var(--sg-cyan);font:14px Arial}.dfsg-play.is-playing .dfsg-play-badge{border-color:var(--sg-cyan);background:#0a2731ed}.dfsg-play.is-loading .dfsg-play-badge,.dfsg-play.needs-gesture .dfsg-play-badge{border-color:var(--sg-cyan)}.dfsg-equalizer{height:15px;display:none;align-items:center;gap:3px}.dfsg-play.is-playing .dfsg-equalizer{display:flex}.dfsg-equalizer i{width:3px;height:11px;border-radius:2px;background:var(--sg-cyan);animation:dfsg-level .8s ease-in-out infinite alternate}.dfsg-equalizer i:nth-child(2){animation-delay:-.4s;height:15px}.dfsg-equalizer i:nth-child(3){animation-delay:-.2s;height:8px}.dfsg-equalizer i:nth-child(4){animation-delay:-.6s;height:13px}@keyframes dfsg-level{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
@media(min-width:1000px){.dfmw-portals:has(.dfmw-portal--songs){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.dfsg-hero{gap:24px;grid-template-columns:1.2fr 1fr}.dfsg-record{width:220px}.dfsg-orbit{width:280px;height:280px}.dfsg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dfsg-art{height:300px}.dfsg-section-head{align-items:start;flex-direction:column;gap:5px}}
@media(max-width:600px){.dfsg-shell{width:calc(100% - 36px)}.dfsg-hero{grid-template-columns:1fr;padding-block:28px 35px;gap:10px;min-height:0}.dfsg-art{display:none}.dfsg h1{font-size:56px}.dfsg-intro{font-size:15px}.dfsg-back{margin-bottom:24px}.dfsg-grid{grid-template-columns:1fr;gap:18px}.dfsg-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dfsg-preview-cover{aspect-ratio:1.1}.dfsg-preview-cover span{width:55px;height:55px;font-size:26px}.dfsg-preview-title{padding:12px 6px;font-size:11px}.dfsg-filters{gap:8px}.dfsg-filters a{font-size:11px;padding:11px 13px}.dfsg-section-head h2{font-size:26px}.dfsg-empty-heading h3{font-size:21px}.dfsg-detail-layout{grid-template-columns:1fr}.dfsg-detail-cover{max-width:220px;margin:auto}.dfsg-detail{padding:20px}.dfsg-library{scroll-margin-top:95px}}
@media(prefers-reduced-motion:reduce){.dfsg *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}