.dfmgs{--st-gold:#e5c185;--st-cyan:#5ee7ee;--st-muted:#b4b2c5;--st-progress:0%;position:relative;display:grid;grid-template-columns:174px minmax(0,1fr);gap:34px;align-items:center;isolation:isolate;overflow:hidden;margin:44px 0 12px;padding:32px 36px;border:1px solid #aa8a5c65;border-radius:18px;background:radial-gradient(ellipse at 98% 45%,#97774724,transparent 37%),radial-gradient(ellipse at 0 100%,#293d7135,transparent 60%),#111321;color:#f5f0e8;box-shadow:0 18px 55px #0003;font-family:Cairo,Tajawal,Arial,sans-serif;scroll-margin-top:140px}.dfmgs:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 40%,#e6bd6c06 40.1%,transparent 60%)}.dfmgs:after{content:"";position:absolute;top:0;right:12%;left:12%;height:1px;background:linear-gradient(90deg,transparent,#f0cb85aa,transparent)}.dfmgs *{box-sizing:border-box}.dfmgs [hidden]{display:none!important}.dfmgs-orbit{position:relative;width:170px;height:184px;display:grid;place-items:center}.dfmgs-orbit-line{position:absolute;width:165px;height:165px;border:1px solid #e0bd8269;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 0 10px #e2c39407,0 0 0 20px #e2c39405}.dfmgs-cover{width:112px;height:151px;border-radius:6px;position:relative;overflow:hidden;transform:rotate(-7deg);background:linear-gradient(145deg,#3d3150,#1b273a);border:1px solid #d0b27e99;box-shadow:6px 12px 26px #0008}.dfmgs-cover img{width:100%;height:100%;object-fit:cover;display:block}.dfmgs-cover-mark{position:absolute;bottom:9px;left:9px;width:28px;height:28px;border:1px solid #e4c3827a;border-radius:50%;display:grid;place-items:center;background:#090e1fdf;color:var(--st-gold);font-size:17px}.dfmgs-orbit-dot{position:absolute;top:11px;right:77px;width:7px;height:7px;border-radius:50%;background:var(--st-cyan);box-shadow:0 0 14px #68eeffa6;transform-origin:3px 81px}.dfmgs.is-playing .dfmgs-orbit-dot{animation:dfmgs-orbit 14s linear infinite}.dfmgs-body{min-width:0}.dfmgs-heading{display:flex;justify-content:space-between;gap:18px;align-items:start}.dfmgs-kicker{display:block;font:700 9px/1.8 Arial,sans-serif;letter-spacing:2.1px;color:var(--st-gold)}.dfmgs-kicker b{font:700 10px/1.8 Cairo,Tajawal,Arial,sans-serif;letter-spacing:0}.dfmgs h2{font-size:clamp(20px,2vw,27px);line-height:1.7;margin:7px 0 0!important;color:#fff4e6;overflow-wrap:anywhere}.dfmgs-credit{font-size:12px!important;color:var(--st-muted);line-height:1.8;margin:3px 0 0!important}.dfmgs-badge{white-space:nowrap;border:1px solid #ad916543;background:#d6b77a08;color:#d6be97;border-radius:40px;font-size:10px;padding:6px 12px;margin-top:4px}.dfmgs-controls{display:grid;grid-template-columns:93px minmax(100px,1fr) 120px;align-items:center;gap:24px;margin-top:19px;direction:rtl}.dfmgs button{font-family:inherit;cursor:pointer;touch-action:manipulation}.dfmgs-toggle{display:flex;align-items:center;justify-content:center;flex-direction:column;width:82px;height:82px;border-radius:50%;border:1px solid #ebcc98b5;background:linear-gradient(140deg,#efcd98,#c3a068);color:#131522;box-shadow:0 0 0 6px #e4c38a09,0 8px 22px #090b19b8;transition:box-shadow .2s,transform .2s;padding:10px}.dfmgs-toggle:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 0 7px #e4c38a13,0 10px 26px #0006}.dfmgs-toggle:disabled{cursor:default;opacity:.65}.dfmgs-play-icon,.dfmgs-pause-icon{font-size:20px;font-family:Arial,sans-serif;line-height:1.2;min-height:25px}.dfmgs-pause-icon{display:none}.dfmgs.is-playing .dfmgs-play-icon{display:none}.dfmgs.is-playing .dfmgs-pause-icon{display:block}.dfmgs-toggle-label{font-size:10px;line-height:1.5;font-weight:800;margin-top:4px;white-space:nowrap}.dfmgs-timeline{min-width:0;direction:ltr}.dfmgs-spectrum{height:40px;display:flex;align-items:center;gap:4px;overflow:hidden;margin:0 0 -5px;opacity:.48;padding:0 3px}.dfmgs-spectrum i{display:block;flex:1;min-width:2px;max-width:8px;height:var(--bar);border-radius:3px;background:linear-gradient(0deg,#9a7945,#e3c994);transform:scaleY(.65)}.dfmgs.is-playing .dfmgs-spectrum{opacity:.88}.dfmgs.is-playing .dfmgs-spectrum i{animation:dfmgs-bars 1s ease-in-out var(--delay) infinite alternate}.dfmgs input[type=range]{-webkit-appearance:none;appearance:none;border:0;border-radius:0;padding:0;min-height:44px;height:44px;width:100%;margin:0;background:transparent;cursor:pointer;direction:ltr;accent-color:var(--st-gold)}.dfmgs input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:8px;background:linear-gradient(to right,var(--st-gold) var(--progress,0%),#3d3b4e var(--progress,0%))}.dfmgs input[type=range]::-moz-range-track{height:3px;border-radius:8px;background:#3d3b4e}.dfmgs input[type=range]::-moz-range-progress{height:3px;background:var(--st-gold)}.dfmgs input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--st-gold);margin-top:-4.5px;box-shadow:0 0 0 4px #e5be781c}.dfmgs input[type=range]::-moz-range-thumb{border:0;width:12px;height:12px;border-radius:50%;background:var(--st-gold)}.dfmgs input:disabled{cursor:default;opacity:.45}.dfmgs-times{display:flex;justify-content:space-between;color:#c3bccb;font:11px/1.5 monospace;margin-top:-6px;font-variant-numeric:tabular-nums}.dfmgs-volume{display:flex;gap:8px;align-items:center;direction:ltr}.dfmgs-mute{display:grid;place-items:center;flex:0 0 42px;width:42px;height:44px;background:#191d2e;border:1px solid #71678c45;border-radius:50%;color:#decaad;padding:0}.dfmgs-volume-off{display:none}.dfmgs.is-muted .dfmgs-volume-off{display:block}.dfmgs.is-muted .dfmgs-volume-waves{display:none}.dfmgs-status{color:#aaa5b9;font-size:10px!important;min-height:19px;margin:10px 0 0!important;line-height:1.8}.dfmgs-preview-note{grid-column:1/-1;background:#5445243b;border:1px dashed #d9b77d70;color:#efd39e;font-size:12px!important;padding:8px 12px;border-radius:6px;margin:0!important}.dfmgs-audio{width:100%;margin-top:18px}.dfmgs-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.dfmgs :focus-visible{outline:2px solid var(--st-cyan);outline-offset:5px}.dfmgs.is-loading .dfmgs-toggle{border-color:var(--st-cyan)}.dfmgs--compact{grid-template-columns:72px minmax(0,1fr);padding:20px 25px;gap:22px;margin:5px 0 28px}.dfmgs--compact .dfmgs-orbit{width:70px;height:95px}.dfmgs--compact .dfmgs-cover{width:61px;height:84px}.dfmgs--compact .dfmgs-orbit-line,.dfmgs--compact .dfmgs-orbit-dot,.dfmgs--compact .dfmgs-badge{display:none}.dfmgs--compact .dfmgs-controls{grid-template-columns:64px minmax(100px,1fr) 115px;gap:18px;margin-top:6px}.dfmgs--compact .dfmgs-toggle{width:58px;height:58px}.dfmgs--compact .dfmgs-toggle-label{font-size:8px;margin-top:0}.dfmgs--compact .dfmgs-spectrum{height:22px}.dfmgs--compact h2{font-size:18px}.dfmgs--compact .dfmgs-status{margin-top:5px!important}.dfmgs--compact .dfmgs-kicker{font-size:8px}
@keyframes dfmgs-bars{from{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes dfmgs-orbit{to{transform:rotate(360deg)}}
@media(max-width:850px){.dfmgs{grid-template-columns:125px minmax(0,1fr);gap:24px;padding:26px}.dfmgs-orbit{width:120px;height:155px}.dfmgs-cover{width:92px;height:128px}.dfmgs-orbit-line{width:128px;height:128px}.dfmgs-orbit-dot{right:57px;top:13px;transform-origin:3px 65px}.dfmgs-badge{display:none}.dfmgs-controls{grid-template-columns:76px minmax(85px,1fr);gap:16px}.dfmgs-toggle{width:68px;height:68px}.dfmgs-volume{grid-column:2;max-width:135px;justify-self:end;margin-top:-5px}.dfmgs--compact{grid-template-columns:70px 1fr}.dfmgs--compact .dfmgs-controls{grid-template-columns:64px minmax(100px,1fr)}.dfmgs--compact .dfmgs-volume{grid-column:2}}
@media(max-width:540px){.dfmgs{display:block;padding:24px 20px;margin-top:30px}.dfmgs-orbit{float:left;width:56px;height:77px;margin:0 12px 10px 0}.dfmgs-cover{width:50px;height:70px;transform:rotate(-5deg)}.dfmgs-orbit-line,.dfmgs-orbit-dot,.dfmgs-cover-mark{display:none}.dfmgs-heading{display:block;min-height:79px}.dfmgs-kicker{font-size:8px;letter-spacing:1px}.dfmgs-kicker b{display:block;font-size:10px}.dfmgs h2{font-size:21px;line-height:1.65;margin-top:7px!important}.dfmgs-credit{font-size:10px!important}.dfmgs-controls{clear:both;grid-template-columns:67px minmax(90px,1fr);gap:14px;margin-top:18px}.dfmgs-toggle{width:62px;height:62px}.dfmgs-toggle-label{font-size:8px}.dfmgs-spectrum{gap:3px;height:33px}.dfmgs-volume{max-width:128px}.dfmgs-status{font-size:10px!important}.dfmgs-preview-note{font-size:10px!important;margin-bottom:20px!important}.dfmgs--compact{margin:4px 0 22px;padding:18px}.dfmgs--compact .dfmgs-orbit{width:50px;height:70px}.dfmgs--compact .dfmgs-cover{width:48px;height:67px}.dfmgs--compact h2{font-size:18px}.dfmgs--compact .dfmgs-heading{min-height:70px}.dfmgs--compact .dfmgs-controls{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.dfmgs *{animation:none!important;transition:none!important}}