img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#ffffff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:0.44rem;--wp--preset--spacing--30:0.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined:6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp:6px 6px 0px rgb(0, 0, 0)}:where(body){margin:0}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}body .is-layout-flex{display:flex}.is-layout-flex{flex-wrap:wrap;align-items:center}.is-layout-flex>:is(*,div){margin:0}body .is-layout-grid{display:grid}.is-layout-grid>:is(*,div){margin:0}body{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}:root :where(.wp-element-button,.wp-block-button__link){background-color:#32373c;border-width:0;color:#fff;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding-top:calc(0.667em + 2px);padding-right:calc(1.333em + 2px);padding-bottom:calc(0.667em + 2px);padding-left:calc(1.333em + 2px);text-decoration:none;text-transform:inherit}.has-black-color{color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-color{color:var(--wp--preset--color--white)!important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple)!important}.has-black-background-color{background-color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-background-color{background-color:var(--wp--preset--color--white)!important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple)!important}.has-black-border-color{border-color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-border-color{border-color:var(--wp--preset--color--white)!important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple)!important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple)!important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan)!important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange)!important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red)!important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray)!important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum)!important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple)!important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux)!important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk)!important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean)!important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass)!important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight)!important}.has-small-font-size{font-size:var(--wp--preset--font-size--small)!important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium)!important}.has-large-font-size{font-size:var(--wp--preset--font-size--large)!important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large)!important}@layer reset,tokens,base,layout,components,states,motion,utilities;@font-face{font-family:'CormorantGaramond';src:url(https://zerguwanfm.com.tr/wp-content/themes/Zerguwan/fonts/CormorantGaramond-Bold.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'CormorantGaramond';src:url(https://zerguwanfm.com.tr/wp-content/themes/Zerguwan/fonts/CormorantGaramond-Regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Literata';src:url(https://zerguwanfm.com.tr/wp-content/themes/Zerguwan/fonts/Literata-Regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Literata';src:url(https://zerguwanfm.com.tr/wp-content/themes/Zerguwan/fonts/Literata-SemiBold.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}@property --glow-opacity{syntax:'<number>';initial-value:0;inherits:false}@property --ring-opacity{syntax:'<number>';initial-value:.3;inherits:false}@property --gold-glow-size{syntax:'<length>';initial-value:0;inherits:false}@property --sweep-pos{syntax:'<percentage>';initial-value:-100%;inherits:false}@layer tokens{:root{--copper:oklch(68%  0.160 52);--copper-vivid:oklch(72%  0.175 50);--copper-deep:oklch(42%  0.120 48);--copper-pale:oklch(88%  0.055 55);--bronze:oklch(58%  0.130 46);--brass:oklch(76%  0.140 72);--paper:oklch(98%  0.004 260);--paper-alt:oklch(95%  0.006 255);--ink-raw:oklch(11%  0.008 255);--ink-warm:oklch(14%  0.010 260);--copper-glow:color-mix(in oklch, var(--copper) 65%, transparent);--surface-tinted:color-mix(in oklch, var(--paper-alt) 94%, var(--copper));--ink-faded:color-mix(in oklch, var(--ink-raw) 40%, transparent);--copper-subtle:color-mix(in oklch, var(--paper) 92%, var(--copper));--bg:oklch(98%  0.004 260);--bg-alt:oklch(95%  0.006 255);--ink:oklch(11%  0.008 255);--ink-2:oklch(16%  0.008 258);--muted:oklch(44%  0.014 255);--muted-2:oklch(60%  0.010 258);--line:oklch(11%  0.008 255 / 0.11);--line-strong:oklch(11%  0.008 255 / 0.24);--accent:oklch(42%  0.120 48);--accent-2:oklch(48%  0.130 50);--gold:oklch(68%  0.160 52);--gold-2:oklch(62%  0.145 50);--card:oklch(96%  0.005 258);--surface:oklch(93%  0.007 255);--footer-link:oklch(48%  0.012 255);--gold-glow:oklch(68%  0.160 52 / 0.20);--dj-rgb:196, 112, 54;--accent-rgb:17, 13, 22;--theme-c--theme-color:#C47036;--live:oklch(48% .081 146);--feature:oklch(48% .093 306);--shadow-sm:0 1px 2px oklch(11% 0.008 255 / 0.05),
            0 2px 6px oklch(11% 0.008 255 / 0.04);--shadow-md:0 2px 8px oklch(11% 0.008 255 / 0.07),
            0 6px 24px oklch(11% 0.008 255 / 0.08),
            0 1px 0 oklch(100% 0 0 / 0.55) inset;--shadow-lg:0 8px 20px oklch(11% 0.008 255 / 0.09),
            0 20px 48px oklch(11% 0.008 255 / 0.11),
            0 1px 0 oklch(100% 0 0 / 0.45) inset;--shadow-gold:0 0 0 1px var(--line),
            0 4px 20px var(--gold-glow),
            0 0 40px oklch(68% 0.160 52 / 0.10);--ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-smooth:cubic-bezier(0.4, 0, 0.2, 1);--ease-out:cubic-bezier(0, 0, 0.2, 1);--ease-in-out:cubic-bezier(0.65, 0, 0.35, 1);--dur-fast:180ms;--dur-base:280ms;--dur-slow:420ms;--font-display:'CormorantGaramond', Georgia, serif;--font-body:'Literata', Georgia, serif;--fs-xs:clamp(10px, 0.75rem + 0.1vw, 12px);--fs-sm:clamp(12px, 0.85rem + 0.1vw, 14px);--fs-base:clamp(15px, 0.95rem + 0.2vw, 17px);--fs-md:clamp(17px, 1.1rem + 0.3vw, 20px);--fs-lg:clamp(19px, 1.2rem + 0.5vw, 23px);--fs-xl:clamp(24px, 1.6rem + 1.2vw, 34px);--fs-2xl:clamp(36px, 2.4rem + 2vw, 54px);--sp-1:8px;--sp-2:16px;--sp-3:24px;--sp-4:32px;--sp-5:48px;--sp-6:64px;--sp-7:96px;--sp-8:128px;--r-0:0px;--r-sm:2px;--r-md:4px;--glass-blur:0px;--glass-saturate:100%}.dark-mode{--bg:oklch(9%   0.018 255);--bg-alt:oklch(11%  0.020 252);--ink:oklch(95%  0.005 258);--ink-2:oklch(90%  0.006 256);--muted:oklch(64%  0.012 255);--muted-2:oklch(46%  0.010 258);--line:oklch(95%  0.005 258 / 0.09);--line-strong:oklch(95%  0.005 258 / 0.20);--accent:oklch(72%  0.170 50);--accent-2:oklch(78%  0.180 48);--gold:oklch(72%  0.170 50);--gold-2:oklch(66%  0.155 52);--card:oklch(12%  0.018 252);--surface:oklch(16%  0.020 250);--footer-link:oklch(56%  0.012 255);--gold-glow:oklch(72%  0.170 50 / 0.28);--dj-rgb:200, 118, 58;--accent-rgb:240, 238, 245;--theme-co--theme-color:#C87640;--live:oklch(59% .083 145);--feature:oklch(59% .09 306);--shadow-sm:0 1px 2px oklch(0% 0 0 / 0.60),
            0 2px 6px oklch(0% 0 0 / 0.50);--shadow-md:0 2px 8px oklch(0% 0 0 / 0.65),
            0 6px 24px oklch(0% 0 0 / 0.58);--shadow-lg:0 8px 20px oklch(0% 0 0 / 0.75),
            0 20px 48px oklch(0% 0 0 / 0.70);--shadow-gold:0 0 0 1px var(--line),
            0 4px 20px var(--gold-glow),
            0 0 60px oklch(72% 0.170 50 / 0.18)}}@layer reset{*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:#fff0;-webkit-touch-callout:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}}@layer base{html{background-color:var(--bg);scroll-behavior:smooth;color-scheme:light dark}body{font-family:var(--font-body);color:var(--ink);font-size:var(--fs-base);line-height:1.75;min-height:100vh;overflow-x:hidden;width:100%;background:var(--bg);transition:background-color var(--dur-slow) var(--ease-smooth),color var(--dur-slow) var(--ease-smooth);&::after{content:'';position:fixed;inset:0;background:radial-gradient(ellipse 55% 35% at 12% 8%,oklch(68% .16 52 / .05) 0%,transparent 65%),radial-gradient(ellipse 40% 28% at 88% 92%,oklch(58% .13 46 / .035) 0%,transparent 60%),radial-gradient(ellipse 30% 20% at 50% 45%,oklch(76% .14 72 / .02) 0%,transparent 70%);pointer-events:none;z-index:-1}}.dark-mode body::after{background:radial-gradient(ellipse 55% 35% at 12% 8%,oklch(72% .17 50 / .09) 0%,transparent 65%),radial-gradient(ellipse 40% 28% at 88% 92%,oklch(66% .15 52 / .06) 0%,transparent 60%),radial-gradient(ellipse 25% 18% at 75% 25%,oklch(72% .17 50 / .04) 0%,transparent 55%)}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) #fff0}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:#fff0}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:0}}@layer layout{.app{max-width:960px;min-height:100vh;margin:0 auto;padding:clamp(var(--sp-5), 6vw, var(--sp-7)) clamp(var(--sp-2), 4vw, var(--sp-4)) var(--sp-5);position:relative;z-index:1;container-type:inline-size;container-name:app;animation:appReveal 0.65s var(--ease-out) both}@keyframes appReveal{from{opacity:0;translate:0 20px;filter:blur(4px)}to{opacity:1;translate:0 0;filter:blur(0)}}}@layer components{.brand{text-align:center;margin:var(--sp-4) 0 var(--sp-2);position:relative;animation:brandFade linear both;animation-timeline:scroll(root);animation-range:0 300px}@keyframes brandFade{to{opacity:.6;translate:0 -8px}}.brand-rule{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);margin-bottom:var(--sp-3);&::before,&::after{content:'';flex:1;max-width:140px;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong) 40%,var(--line-strong) 60%,transparent)}}.brand-rule-diamond{width:8px;height:8px;border:1px solid var(--accent);transform:rotate(45deg);flex-shrink:0;transition:background var(--dur-base) var(--ease-smooth),transform var(--dur-base) var(--ease-spring),box-shadow var(--dur-base) var(--ease-smooth);.brand:hover &{background:var(--accent);transform:rotate(45deg) scale(1.35);box-shadow:0 0 0 3px var(--gold-glow)}}.zerguwan-logo{width:100%;max-width:760px;height:auto;color:var(--ink);transition:color var(--dur-slow) var(--ease-smooth);text{font-family:var(--font-display);font-weight:700;font-size:44px;letter-spacing:.22em;text-transform:uppercase;shape-rendering:geometricPrecision}}.player.dj-live .zerguwan-logo{color:var(--gold)}.brand span{display:block;margin-top:var(--sp-3);margin-bottom:clamp(var(--sp-4), 4vw, var(--sp-6));font-size:var(--fs-xs);letter-spacing:.4em;text-transform:uppercase;color:var(--muted);font-weight:400;font-family:var(--font-body);opacity:.75}@container app (max-width:600px){.zerguwan-logo{max-width:520px}.zerguwan-logo text{font-size:40px;letter-spacing:.18em}.brand span{letter-spacing:.28em}}@container app (max-width:380px){.zerguwan-logo{max-width:340px}.zerguwan-logo text{font-size:30px;letter-spacing:.12em}}.theme-toggle{position:fixed;top:20px;right:20px;width:42px;height:42px;background:var(--card);border:1px solid var(--line-strong);color:var(--accent);cursor:pointer;display:grid;place-items:center;z-index:1000;box-shadow:var(--shadow-sm);padding:0;touch-action:manipulation;border-radius:var(--r-0);transition:translate var(--dur-fast) var(--ease-spring),box-shadow var(--dur-base) var(--ease-smooth),border-color var(--dur-base) var(--ease-smooth),background var(--dur-slow) var(--ease-smooth);&::before{content:"";display:block;width:17px;height:17px;background:currentColor;transition:mask-image var(--dur-base) var(--ease-smooth);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}&:active{scale:.88}@media (hover:hover) and (pointer:fine){&:hover{translate:0 -2px;border-color:var(--accent);box-shadow:var(--shadow-md),0 0 0 1px var(--accent)}}@media (max-width:768px){width:38px;height:38px;top:14px;right:max(14px, env(safe-area-inset-right))}}.dark-mode .theme-toggle::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cpath d='M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cpath d='M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42'/%3E%3C/svg%3E")}.light-mode .theme-toggle::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8'%3E%3Cpath d='M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8'%3E%3Cpath d='M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z'/%3E%3C/svg%3E")}.live-dot{display:none;width:8px;height:8px;border-radius:50%;background:var(--live);margin-left:6px}.player.dj-live .live-dot{display:inline-block;animation:live-pulse 2s ease-in-out infinite}@keyframes live-pulse{0%,100%{opacity:1}50%{opacity:.4}}.dj-name-row{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:var(--sp-2)}.dj-name-row .dj-name{width:auto;margin-top:0}.dj-name-row .live-dot{margin-left:0}.play{width:clamp(100px, 12vw + 60px, 124px);height:clamp(100px, 12vw + 60px, 124px);aspect-ratio:1;margin:var(--sp-5) auto 0;background:none;border:0;padding:0;cursor:pointer;position:relative;display:grid;place-items:center;border-radius:0;user-select:none;-webkit-tap-highlight-color:#fff0;isolation:isolate;transition:scale var(--dur-fast) var(--ease-spring);--glow-opacity:0;--ring-opacity:0.30;&::before{content:'';position:absolute;inset:-4px;border-radius:50%;background:radial-gradient(circle,oklch(68% .16 52 / .26) 0%,oklch(68% .16 52 / .1) 40%,transparent 70%);opacity:var(--glow-opacity);transition:--glow-opacity var(--dur-slow) var(--ease-smooth);z-index:0;pointer-events:none}&.playing{--glow-opacity:1;--ring-opacity:0.65}&::after{content:'';position:absolute;inset:0;clip-path:circle(50% at 50% 50%);opacity:0;transition:opacity var(--dur-slow) var(--ease-smooth);pointer-events:none;background:conic-gradient(from 0deg,transparent 0%,oklch(68% .16 52 / .22) 45%,oklch(68% .16 52 / .06) 65%,transparent 100%)}.player.dj-live &.playing::after{opacity:1;animation:djConicSpin 4.5s linear infinite}&:active{scale:.9}@media (hover:hover) and (pointer:fine){&:hover{scale:1.04;--glow-opacity:0.7;--ring-opacity:0.55}&:hover svg.icon-play,&:hover svg.icon-pause{stroke:var(--accent)}}&:focus-visible{outline:1px solid var(--accent);outline-offset:12px;border-radius:50%}}@keyframes djConicSpin{to{rotate:360deg}}.play-ring{position:absolute;inset:0;width:100%;height:100%;z-index:1;border-radius:0;overflow:visible}.play-ring .ring{fill:none;stroke:var(--line-strong);stroke-width:.75px;shape-rendering:auto;vector-effect:non-scaling-stroke;transition:stroke var(--dur-base) var(--ease-smooth),stroke-width var(--dur-base) var(--ease-smooth)}.play-ring .ring-outer{fill:none;stroke:var(--line-strong);stroke-width:.5px;stroke-dasharray:4 8;shape-rendering:auto;opacity:.28;transform-origin:50% 50%;transform-box:fill-box;will-change:transform;animation:rotateRingOuter 28s linear infinite;transition:opacity var(--dur-base) var(--ease-smooth),stroke var(--dur-base) var(--ease-smooth);.play.playing &{opacity:.65;animation-duration:9s;stroke:var(--accent)}}@keyframes rotateRingOuter{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.play svg.icon-play,.play svg.icon-pause{width:52px;height:52px;fill:none;stroke:var(--ink);stroke-width:.8;stroke-linecap:round;stroke-linejoin:round;shape-rendering:geometricPrecision;image-rendering:crisp-edges;position:relative;z-index:2;will-change:transform;transition:stroke var(--dur-base) var(--ease-smooth),translate var(--dur-base) var(--ease-spring),opacity var(--dur-fast) var(--ease-smooth)}.icon-pause{display:none}.play.playing .icon-play{display:none}.play.playing .icon-pause{display:block}@media (hover:hover) and (pointer:fine){.player.dj-live .play:hover svg.icon-play,.player.dj-live .play:hover svg.icon-pause{stroke:var(--gold);translate:0 -1px}}.player.dj-live .play-ring .ring{stroke:var(--gold);animation:djRingPulse 2.8s var(--ease-in-out) infinite}@keyframes djRingPulse{0%,100%{stroke-opacity:.35}50%{stroke-opacity:.9}}.player.dj-live .play-ring .ring-outer{stroke:var(--gold);animation:rotateRingOuter 6s linear infinite;stroke-opacity:.45}@keyframes djConicSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.volume-wrap{margin-top:var(--sp-6);display:flex;justify-content:center;align-items:center;opacity:.3;transition:opacity var(--dur-base) var(--ease-smooth);position:relative;padding:var(--sp-2) 0;.player:hover &,&:focus-within,&:has(#volume:active){opacity:1}}#volume{--vol-fill:80%;appearance:none;-webkit-appearance:none;width:clamp(120px, 18vw, 160px);height:2px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--vol-fill),var(--line-strong) var(--vol-fill),var(--line-strong) 100%);border-radius:var(--r-0);outline:none;cursor:pointer;transition:height var(--dur-fast) var(--ease-smooth);accent-color:var(--accent);&::-webkit-slider-runnable-track{height:2px;border-radius:0}&::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:var(--r-0);background:var(--accent);border:1px solid var(--bg);box-shadow:0 0 0 1px var(--accent);cursor:pointer;transition:scale var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-smooth);margin-top:-5px}&::-moz-range-thumb{width:12px;height:12px;border-radius:var(--r-0);background:var(--accent);border:1px solid var(--bg);box-shadow:0 0 0 1px var(--accent);cursor:pointer}@media (hover:hover) and (pointer:fine){&:hover{height:3px}&:hover::-webkit-slider-thumb{scale:1.35;box-shadow:0 0 0 2px var(--accent),0 3px 12px oklch(72% .12 78 / .35)}}&:active::-webkit-slider-thumb{scale:1.15;box-shadow:0 0 0 3px oklch(72% .12 78 / .2),0 2px 8px oklch(72% .12 78 / .28)}}.volume-value{position:absolute;top:-18px;font-size:var(--fs-xs);font-family:var(--font-body);letter-spacing:.1em;color:var(--accent);opacity:0;transition:opacity var(--dur-fast) var(--ease-smooth);pointer-events:none;font-weight:600;#volume:active+&,#volume:focus+&{opacity:1}}.now-row{margin:var(--sp-6) auto 0;display:flex;justify-content:center;width:100%;overflow:hidden;position:relative;max-width:560px;&::before,&::after{content:'';position:absolute;top:0;width:56px;height:100%;z-index:10;pointer-events:none}&::before{left:0;background:linear-gradient(to right,var(--bg),transparent)}&::after{right:0;background:linear-gradient(to left,var(--bg),transparent)}}.meta{font-size:var(--fs-sm);letter-spacing:.08em;white-space:nowrap;display:inline-block;color:var(--ink);padding:0 var(--sp-2);text-align:center;width:100%;font-weight:400;font-family:var(--font-body);font-style:italic;transition:color var(--dur-base) var(--ease-smooth);opacity:.9;&.long-text{text-align:left;animation:marqueeFlow 20s linear infinite;width:auto;padding-left:var(--sp-4)}}@keyframes marqueeFlow{0%{translate:100% 0}100%{translate:-100% 0}}.approved-requests-stream{margin:var(--sp-4) auto 0;background:var(--card);border:1px solid var(--line-strong);border-top:2px solid var(--accent);border-radius:var(--r-0);padding:clamp(var(--sp-3), 3vw, var(--sp-4));max-width:620px;width:100%;box-shadow:var(--shadow-sm);cursor:pointer;position:relative;overflow:hidden;container-type:inline-size;container-name:stream;transition:translate var(--dur-base) var(--ease-spring),box-shadow var(--dur-base) var(--ease-smooth),border-color var(--dur-base) var(--ease-smooth);&::before{content:'';position:absolute;bottom:0;right:0;width:20px;height:20px;border-bottom:1px solid var(--accent);border-right:1px solid var(--accent);opacity:.4;pointer-events:none}--sweep-pos:-100%;&::after{content:'';position:absolute;top:0;left:var(--sweep-pos);width:50%;height:100%;background:linear-gradient(90deg,transparent,oklch(72% .12 78 / .03),transparent);pointer-events:none;transition:--sweep-pos 0.85s var(--ease-smooth)}@media (hover:hover) and (pointer:fine){&:hover{translate:0 -3px;box-shadow:var(--shadow-md);--sweep-pos:140%}}}.stream-header{text-align:center;margin-bottom:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--line);position:relative;&::after{content:'';position:absolute;bottom:-1px;left:50%;translate:-50% 0;width:36px;height:2px;background:var(--accent)}}.stream-title{display:inline-flex;align-items:center;gap:14px;font-size:var(--fs-sm);font-weight:600;font-family:var(--font-body);color:var(--muted);letter-spacing:.26em;text-transform:uppercase;padding:0 var(--sp-2)}.stream-icon{width:22px;height:22px;fill:currentColor;opacity:.6;flex-shrink:0}.request-card{background:oklch(from var(--ink) l c h / .018);border:1px solid var(--line);border-radius:var(--r-0);padding:clamp(var(--sp-2), 2.5vw, var(--sp-3));min-height:96px;text-align:center;position:relative;overflow:hidden;transition:background-color var(--dur-base) var(--ease-smooth),border-color var(--dur-base) var(--ease-smooth);.dark-mode &{background:oklch(from var(--ink) l c h / .022)}}.card-content{display:flex;align-items:center;gap:var(--sp-2);flex:1;justify-content:center;text-align:left}.user-avatar{width:46px;height:46px;border-radius:var(--r-0);background:var(--surface);border:1px solid var(--line-strong);color:var(--accent);display:grid;place-items:center;flex-shrink:0;transition:background var(--dur-base) var(--ease-smooth),color var(--dur-base) var(--ease-smooth),box-shadow var(--dur-base) var(--ease-smooth);svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}}.card-info{flex:1;max-width:460px;min-height:68px}.song-title{font-size:var(--fs-base);font-weight:600;font-family:var(--font-body);color:var(--ink);margin-bottom:7px;line-height:1.38;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}.user-message{font-size:var(--fs-sm);color:var(--muted);margin-bottom:7px;line-height:1.6;white-space:normal;word-wrap:break-word;font-style:italic;font-family:var(--font-body);padding-left:var(--sp-2);border-left:1.5px solid var(--accent);opacity:.88}.user-name{font-size:var(--fs-xs);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;opacity:.78}@container stream (max-width:420px){.card-content{gap:10px}.user-avatar{width:38px;height:38px}.song-title{font-size:var(--fs-sm)}.user-message{font-size:var(--fs-xs)}}.request-card.empty{.user-avatar{background:var(--line);color:var(--muted-2)}.song-title{color:var(--muted);font-style:italic;font-weight:400}.user-message{display:none}}.album{margin:var(--sp-5) auto 0;width:196px;text-align:center}.album-frame{position:relative;display:inline-block;view-transition-name:album-art;&::before,&::after{content:'';position:absolute;width:20px;height:20px;border-color:var(--accent);border-style:solid;opacity:.4;z-index:1;pointer-events:none;transition:opacity var(--dur-base) var(--ease-smooth),translate var(--dur-base) var(--ease-spring)}&::before{top:-6px;left:-6px;border-width:1px 0 0 1px}&::after{bottom:-6px;right:-6px;border-width:0 1px 1px 0}@media (hover:hover) and (pointer:fine){&:hover::before{opacity:.95;translate:-2px -2px}&:hover::after{opacity:.95;translate:2px 2px}}}.album-skeleton{position:absolute;inset:0;background:linear-gradient(105deg,var(--surface) 25%,color-mix(in oklch,var(--surface) 68%,var(--copper,oklch(68% .16 52)) 32%) 50%,var(--surface) 75%);background-size:200% 100%;animation:skeletonShimmer 1.8s linear infinite;z-index:1;transition:opacity var(--dur-base) var(--ease-smooth);&.hidden{opacity:0;pointer-events:none}}@keyframes skeletonShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.album img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--line-strong);box-shadow:var(--shadow-md);background:var(--bg-alt);display:block;position:relative;z-index:0;transition:box-shadow var(--dur-slow) var(--ease-smooth),opacity var(--dur-base) var(--ease-smooth),scale var(--dur-base) var(--ease-spring);&.loading{opacity:.3}@media (hover:hover) and (pointer:fine){.album-frame:hover &{box-shadow:var(--shadow-gold);scale:1.015}}}.listeners{margin-top:var(--sp-2);font-size:var(--fs-xs);letter-spacing:.13em;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:7px;font-weight:400;font-family:var(--font-body);text-transform:uppercase}.listener-icon{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.dj-name{margin-top:var(--sp-2);text-align:center;font-size:var(--fs-sm);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;font-weight:400;font-family:var(--font-body);width:100%;gap:7px;transition:color var(--dur-base) var(--ease-smooth);&::before{content:"";display:inline-block;width:16px;height:16px;background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0}}.light-mode .player.dj-live .dj-name::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B3A20' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='2' width='6' height='12' rx='3'/%3E%3Cpath d='M5 10a7 7 0 0 0 14 0'/%3E%3Cline x1='12' y1='18' x2='12' y2='22'/%3E%3Cline x1='8' y1='22' x2='16' y2='22'/%3E%3C/svg%3E")}.dark-mode .player.dj-live .dj-name::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C87640' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='2' width='6' height='12' rx='3'/%3E%3Cpath d='M5 10a7 7 0 0 0 14 0'/%3E%3Cline x1='12' y1='18' x2='12' y2='22'/%3E%3Cline x1='8' y1='22' x2='16' y2='22'/%3E%3C/svg%3E")}.light-mode:not(.dj-live) .dj-name::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236A5E54' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='2' width='6' height='12' rx='3'/%3E%3Cpath d='M5 10a7 7 0 0 0 14 0'/%3E%3Cline x1='12' y1='18' x2='12' y2='22'/%3E%3Cline x1='8' y1='22' x2='16' y2='22'/%3E%3C/svg%3E")}.dark-mode:not(.dj-live) .dj-name::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238C8EA6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='2' width='6' height='12' rx='3'/%3E%3Cpath d='M5 10a7 7 0 0 0 14 0'/%3E%3Cline x1='12' y1='18' x2='12' y2='22'/%3E%3Cline x1='8' y1='22' x2='16' y2='22'/%3E%3C/svg%3E")}.light-mode .player.dj-live #nowPlaying,.light-mode .player.dj-live .meta,.dark-mode .player.dj-live #nowPlaying,.dark-mode .player.dj-live .meta{color:var(--accent)!important}.light-mode .player.dj-live .dj-name{color:var(--accent)!important}.dark-mode .player.dj-live .dj-name{color:var(--accent)!important}.request{margin-top:clamp(var(--sp-7), 10vw, 112px);text-align:center}.request button{background:#fff0;border:1px solid var(--line-strong);border-bottom:2px solid var(--accent);padding:clamp(12px, 1.5vw, 16px) clamp(var(--sp-3), 4vw, var(--sp-5));border-radius:var(--r-0);color:var(--ink);font-size:var(--fs-sm);font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;font-weight:600;display:inline-flex;align-items:center;gap:var(--sp-2);min-height:48px;--sweep-pos:-80%;&::before{content:'';position:absolute;top:0;left:var(--sweep-pos);width:50%;height:100%;background:linear-gradient(90deg,transparent,oklch(from var(--ink) l c h / .05),transparent);transform:skewX(-8deg);pointer-events:none;transition:--sweep-pos 0.68s var(--ease-smooth)}transition:translate var(--dur-fast) var(--ease-spring),box-shadow var(--dur-base) var(--ease-smooth),background var(--dur-base) var(--ease-smooth),border-color var(--dur-base) var(--ease-smooth),color var(--dur-base) var(--ease-smooth);@media (hover:hover) and (pointer:fine){&:hover{--sweep-pos:140%;background:var(--ink);color:var(--bg);border-color:var(--ink);border-bottom-color:var(--accent);translate:0 -2px;box-shadow:var(--shadow-md)}}&:active{scale:.96}&:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.btn-sparkle{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;transition:stroke var(--dur-base) var(--ease-smooth)}}.player.dj-live .request button{background:#fff0;color:var(--ink);border:1px solid var(--line-strong);border-bottom:2px solid var(--accent)}.player.dj-live .request button:hover{background:var(--ink);color:var(--bg);border-color:var(--ink);box-shadow:var(--shadow-md)}.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:oklch(0% 0 0 / .82);backdrop-filter:blur(12px) saturate(115%);-webkit-backdrop-filter:blur(12px) saturate(115%);z-index:100000;&.active{display:flex}}.modal.request-modal{opacity:0;transition:opacity var(--dur-base) var(--ease-smooth);&.active{opacity:1}iframe{width:35%;height:98%;border:0;background:var(--bg);box-shadow:0 40px 100px oklch(0% 0 0 / .65),0 0 0 1px oklch(100% 0 0 / .04);scale:.94;translate:0 8px;opacity:0;transition:scale 0.38s var(--ease-spring),translate 0.36s var(--ease-out),opacity 0.30s var(--ease-smooth);.active &{scale:1;translate:0 0;opacity:1}}}.modal-box{max-width:600px;width:95%;max-height:92vh;background:var(--bg);border:1px solid var(--line-strong);border-top:2px solid var(--accent);padding:clamp(var(--sp-4), 5vw, var(--sp-6));color:var(--ink);line-height:1.8;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;box-shadow:var(--shadow-lg);font-family:var(--font-body);font-size:var(--fs-base);h2{font-size:var(--fs-xl);font-weight:600;font-family:var(--font-display);margin-bottom:var(--sp-3);color:var(--accent);letter-spacing:.04em}&::-webkit-scrollbar{width:2px}&::-webkit-scrollbar-track{background:#fff0}&::-webkit-scrollbar-thumb{background:var(--line-strong)}}.modal-close{position:absolute;top:18px;right:22px;color:#fff;cursor:pointer;background:none;border:0;padding:0;width:36px;height:36px;display:grid;place-items:center;font-size:28px;line-height:1;opacity:.68;transition:scale var(--dur-fast) var(--ease-spring),rotate var(--dur-base) var(--ease-smooth),opacity var(--dur-fast) var(--ease-smooth);&:hover{scale:1.15;rotate:90deg;opacity:1}}@media (max-width:768px){.modal{align-items:flex-end;padding-bottom:env(safe-area-inset-bottom,20px)}.modal.request-modal iframe{width:95%;height:88%;margin-bottom:12px}.modal-box{max-width:95%;width:95%;max-height:88vh;margin-bottom:12px;padding:var(--sp-4) var(--sp-3)}}@media (min-width:769px){.desktop-only{display:flex!important}.mobile-footer-menu{display:none}.footer-panel-overlay,.footer-panel{display:none}}@media (max-width:768px){.desktop-only{display:none!important}.mobile-footer-menu{display:block;text-align:center;margin:var(--sp-3) 0 var(--sp-4)}.footer-menu-toggle{background:var(--card);border:1px solid var(--line-strong);border-radius:var(--r-0);padding:13px var(--sp-4);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);cursor:pointer;color:var(--ink);font-size:var(--fs-sm);font-weight:600;font-family:var(--font-body);letter-spacing:.13em;text-transform:uppercase;box-shadow:var(--shadow-sm);min-width:130px;transition:scale var(--dur-fast) var(--ease-spring),background var(--dur-base) var(--ease-smooth);&:active{scale:.94;background:var(--surface)}}.menu-icon{width:18px;height:14px;display:flex;flex-direction:column;justify-content:space-between}.menu-icon-line{width:100%;height:1px;background:var(--ink);transition:background var(--dur-base) var(--ease-smooth)}.footer-panel-overlay{position:fixed;inset:0;background:oklch(0% 0 0 / .65);backdrop-filter:blur(6px) saturate(110%);-webkit-backdrop-filter:blur(6px) saturate(110%);z-index:10000;opacity:0;visibility:hidden;transition:opacity var(--dur-base) var(--ease-smooth),visibility var(--dur-base) var(--ease-smooth);&.active{opacity:1;visibility:visible}}.footer-panel{position:fixed;top:0;left:-320px;width:288px;max-width:85%;height:100vh;height:100dvh;background:var(--bg);border-right:1px solid var(--line-strong);box-shadow:8px 0 40px oklch(0% 0 0 / .25);z-index:10001;overflow-y:auto;overflow-x:hidden;transition:left var(--dur-slow) var(--ease-spring);display:flex;flex-direction:column;-webkit-overflow-scrolling:touch;touch-action:pan-y;&::-webkit-scrollbar{width:2px}&::-webkit-scrollbar-track{background:#fff0}&::-webkit-scrollbar-thumb{background:var(--line-strong)}&.active{left:0}}body.menu-open{overflow:hidden}.footer-panel-header{padding:var(--sp-3) var(--sp-3);border-bottom:1px solid var(--line-strong);display:flex;align-items:center;justify-content:space-between;background:var(--bg);position:sticky;top:0;z-index:10}.footer-panel-title{font-size:17px;font-weight:600;font-family:var(--font-display);letter-spacing:.1em;color:var(--accent);text-transform:uppercase}.footer-panel-close{width:30px;height:30px;background:#fff0;color:var(--ink);font-size:18px;cursor:pointer;display:grid;place-items:center;padding:0;border:none;transition:scale var(--dur-fast) var(--ease-spring),background var(--dur-fast) var(--ease-smooth);&:active{scale:.88}}#footerPanel[inert]{pointer-events:none}.footer-panel-content{padding:var(--sp-3) var(--sp-3) var(--sp-5);flex:1}.footer-panel-category{margin-bottom:var(--sp-4)}.footer-panel-category-title{font-size:var(--fs-xs);font-weight:600;font-family:var(--font-body);color:var(--accent);text-transform:uppercase;letter-spacing:.22em;margin-bottom:var(--sp-2);padding-bottom:10px;border-bottom:1px solid var(--line);position:relative;&::after{content:'';position:absolute;bottom:-1px;left:0;width:22px;height:1.5px;background:var(--accent)}}.footer-panel-links{display:flex;flex-direction:column;gap:2px;a{display:block;padding:11px 12px;color:var(--ink);text-decoration:none;font-size:var(--fs-base);font-family:var(--font-body);opacity:.9;border-left:2px solid #fff0;transition:background var(--dur-fast) var(--ease-smooth),translate var(--dur-fast) var(--ease-spring),border-color var(--dur-fast) var(--ease-smooth),opacity var(--dur-fast) var(--ease-smooth);&:active{background:oklch(from var(--accent) l c h / .04);border-left-color:var(--accent);translate:4px 0;opacity:1}}}@supports (padding-top:env(safe-area-inset-top)){.footer-panel{padding-top:env(safe-area-inset-top);height:calc(100dvh - env(safe-area-inset-top))}.footer-panel-header{padding-top:max(var(--sp-3), env(safe-area-inset-top))}}@media (max-width:380px){.footer-panel{width:264px}.footer-menu-toggle{padding:12px var(--sp-3)}.footer-panel-links a{padding:10px}}}.site-footer{margin-top:clamp(var(--sp-7), 12vw, 120px);padding:clamp(var(--sp-4), 5vw, var(--sp-5)) 0 var(--sp-3);text-align:center;font-size:var(--fs-sm);font-family:var(--font-body);color:var(--muted)}.footer-content{max-width:880px;margin:0 auto;padding:clamp(var(--sp-4), 5vw, var(--sp-5)) var(--sp-3) 0;position:relative;&::before{content:'';position:absolute;top:0;left:50%;translate:-50% 0;width:min(660px, 90%);height:1px;background:var(--line-strong)}&::after{content:'';position:absolute;top:4px;left:50%;translate:-50% 0;width:min(330px, 44%);height:1px;background:var(--accent);opacity:.32}}.footer-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-5)}.footer-category{flex:1;min-width:150px;text-align:center;@media (hover:hover) and (pointer:fine){&:hover .footer-category-title::after{opacity:1;background:var(--accent)}}}.footer-category-title{font-size:var(--fs-xs);font-weight:600;font-family:var(--font-body);color:var(--accent);text-transform:uppercase;letter-spacing:.24em;margin-bottom:var(--sp-2);padding-bottom:12px;display:inline-block;min-width:110px;position:relative;&::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--line-strong);opacity:.55;transition:opacity var(--dur-base) var(--ease-smooth),background var(--dur-base) var(--ease-smooth)}}.footer-category a{display:block;padding:6px 10px;margin:2px 0;color:var(--ink);text-decoration:none;font-size:var(--fs-sm);font-family:var(--font-body);opacity:.78;transition:color var(--dur-base) var(--ease-smooth),background var(--dur-base) var(--ease-smooth),translate var(--dur-base) var(--ease-spring),opacity var(--dur-base) var(--ease-smooth);@media (hover:hover) and (pointer:fine){&:hover{color:var(--accent);background:oklch(from var(--accent) l c h / .03);translate:0 -1px;opacity:1}}}.footer-bottom{padding-top:var(--sp-3);font-size:var(--fs-xs);font-family:var(--font-body);color:var(--muted);border-top:1px solid var(--line)}.copyright{margin-bottom:10px;color:var(--footer-link);letter-spacing:.08em;transition:color var(--dur-base) var(--ease-smooth);&:hover{color:var(--muted)}}.footer-bottom-links{display:flex;justify-content:center;gap:var(--sp-3);span{color:var(--muted-2);font-size:var(--fs-xs);opacity:.73;padding:0 var(--sp-1);cursor:default;letter-spacing:.06em;transition:opacity var(--dur-base) var(--ease-smooth),color var(--dur-base) var(--ease-smooth),translate var(--dur-base) var(--ease-spring);@media (hover:hover) and (pointer:fine){&:hover{opacity:.95;color:var(--accent);translate:0 -1px}}}}@media (max-width:768px){.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.footer-category{min-width:100%}.footer-bottom-links{flex-direction:column;gap:6px;align-items:center}.site-footer{margin-top:var(--sp-7)}}@media (max-width:480px){.footer-links{grid-template-columns:1fr}}.player.dj-live .request button{background:#fff0;color:var(--ink);border:1px solid var(--line-strong);border-bottom:2px solid var(--accent)}.player.dj-live .approved-requests-stream{background:var(--card);border:1px solid var(--line-strong);border-top:2px solid var(--accent)}.player.dj-live .approved-requests-stream .request-item,.player.dj-live .approved-requests-stream span,.player.dj-live .approved-requests-stream p{color:var(--ink)!important}.player.dj-live .approved-requests-stream strong,.player.dj-live .approved-requests-stream .accent-text{color:var(--accent)!important;font-weight:600}}@layer states{.loading-spinner{display:none;position:fixed;top:50%;left:50%;width:24px;height:24px;border:1px solid var(--line-strong);border-top-color:var(--accent);border-radius:0;animation:editorialSpin 0.9s linear infinite;z-index:1001;translate:-50% -50%}@keyframes editorialSpin{to{rotate:360deg}}.notification{position:fixed;top:22px;right:22px;background:var(--card);border:1px solid var(--line-strong);border-left:3px solid var(--accent);padding:13px 20px;translate:calc(100% + 36px) 0;transition:translate var(--dur-base) var(--ease-spring);z-index:1002;max-width:300px;box-shadow:var(--shadow-md);font-size:var(--fs-sm);font-family:var(--font-body);font-weight:400;letter-spacing:.04em;color:var(--ink);&.show{translate:0 0}}.buffer-bar{width:100%;height:2px;background:var(--line);position:fixed;top:0;left:0;overflow:hidden;display:none;z-index:1003;&.active{display:block}&.active::after{content:'';position:absolute;width:38%;height:100%;background:linear-gradient(90deg,transparent,oklch(68% .16 52),oklch(76% .14 72),oklch(68% .16 52),transparent);animation:bufferSlide 1.6s var(--ease-in-out) infinite}}@keyframes bufferSlide{0%{translate:-100% 0}100%{translate:350% 0}}}@layer motion{.approved-requests-stream,.request-card{--glow-opacity:0;transition:--glow-opacity var(--dur-base) var(--ease-smooth)}.brand-rule-diamond{--glow-opacity:0;transition:--glow-opacity var(--dur-base) var(--ease-smooth)}}@layer utilities{.section-divider{width:36px;height:1px;background:var(--accent);margin:0 auto;opacity:.48}@media (max-width:768px){.play svg.icon-play,.play svg.icon-pause{pointer-events:none}}button,[role="button"],input[type="range"]{outline:none;font-family:inherit}:focus-visible{outline:1px solid var(--accent);outline-offset:3px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){*{-webkit-font-smoothing:subpixel-antialiased}.play svg.icon-play,.play svg.icon-pause{shape-rendering:geometricPrecision;stroke-width:.75}.play-ring .ring{stroke-width:.65px}.play-ring .ring-outer{stroke-width:.45px}.player.dj-live .play-ring .ring{stroke-width:.6px}.zerguwan-logo text{shape-rendering:geometricPrecision}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:288dpi){.play svg.icon-play,.play svg.icon-pause{stroke-width:.7}.play-ring .ring{stroke-width:.55px}}}.faq-list{display:flex;flex-direction:column;gap:var(--sp-2)}.faq-item{background:oklch(from var(--ink) l c h / .018);border:1px solid var(--line);border-radius:var(--r-0);overflow:hidden;transition:border-color var(--dur-base) var(--ease-smooth);.dark-mode &{background:oklch(from var(--ink) l c h / .022)}&[open]{border-color:var(--line-strong)}&[open] .faq-question::after{rotate:45deg}}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-2);font-family:var(--font-body);font-size:var(--fs-base);font-weight:600;color:var(--ink);cursor:pointer;list-style:none;user-select:none;&::-webkit-details-marker{display:none}&::after{content:'+';flex-shrink:0;width:22px;height:22px;display:grid;place-items:center;font-size:18px;line-height:1;color:var(--accent);transition:rotate var(--dur-base) var(--ease-smooth)}&:hover{color:var(--accent)}}.faq-answer{padding:0 var(--sp-3) var(--sp-3);font-family:var(--font-body);font-size:var(--fs-sm);line-height:1.75;color:var(--muted)}@media (max-width:768px){.faq-question{font-size:var(--fs-sm);padding:var(--sp-2)}.faq-answer{padding:0 var(--sp-2) var(--sp-2)}}