:root { --bg:#090810;--panel:#13111f;--panel2:#191626;--stroke:rgba(255,255,255,.11);--muted:#a7a1b8;--white:#fffaf9;--gold:#efbe71;--pink:#f569ae;--purple:#9055fc;--gradient:linear-gradient(110deg,#f3c780 0%,#ff9dc6 48%,#b4a0ff 100%);--shadow:0 32px 100px rgba(0,0,0,.34); }
* { box-sizing:border-box; } html{scroll-behavior:smooth;scroll-padding-top:85px;} body{margin:0;background:var(--bg);color:var(--white);font-family:'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased;} body::before{content:"";pointer-events:none;position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.075'/%3E%3C/svg%3E");opacity:.22;z-index:10;} a{color:inherit;text-decoration:none;}button,input,select,textarea{font:inherit;}button{cursor:pointer;}input,textarea,select{min-width:0;}svg{width:20px;height:20px;flex:none}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(1200px,calc(100% - 64px));margin-inline:auto}.topline{text-align:center;padding:10px;background:#151020;color:#e8c78f;font-size:10px;letter-spacing:.28em;font-weight:800;border-bottom:1px solid #ffffff0b}.topline-star{color:#e690c0;margin:0 10px}.nav-shell{height:82px;background:rgba(11,10,20,.88);border-bottom:1px solid #ffffff12;position:sticky;top:0;z-index:30;backdrop-filter:blur(18px)}.nav-inner{height:100%;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:11px;flex:none}.brand-mark{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(130deg,#ebbe7f,#f092c0 58%,#a286fb);color:#1b0d21;font:900 24px 'Trebuchet MS',sans-serif;position:relative;box-shadow:0 0 22px #e794a33d}.brand-mark span{position:absolute;right:3px;top:2px;color:#fff9de;font-size:11px}.brand-name{font:700 19px 'Trebuchet MS',sans-serif;letter-spacing:.11em;line-height:1;white-space:nowrap}.brand-name b{color:var(--gold)}.brand-name small{display:block;letter-spacing:.27em;margin-top:7px;color:#b3aabc;font:600 8px 'Segoe UI',sans-serif}.nav-links{display:flex;align-items:center;gap:28px;margin:auto}.nav-links a{font-size:12px;color:#cbc5d4;font-weight:700;transition:color .2s}.nav-links a:hover,.footer a:hover{color:var(--gold)}.nav-listen{display:flex;align-items:center;gap:12px;border:1px solid #ecc28e5f;border-radius:4px;padding:13px 15px;color:#f9d7ad;font-size:10px;font-weight:800;letter-spacing:.11em}.nav-listen svg{width:16px}.nav-pulse,.status-dot{width:7px;height:7px;background:#dfa879;border-radius:50%;box-shadow:0 0 0 5px #dfa87919,0 0 10px #dfa879b3;display:inline-block}.nav-toggle{display:none}.hero{position:relative;min-height:695px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-block:60px 96px}.hero::before{content:"";position:absolute;left:-23vw;top:0;z-index:-1;width:75vw;height:720px;background:radial-gradient(ellipse,#6b294729 0%,transparent 65%)}.hero-copy{z-index:2;padding-top:12px}.eyebrow,.kicker{display:flex;align-items:center;gap:10px;color:#e9b985;letter-spacing:.26em;font-size:11px;font-weight:800}.thin-line{width:29px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}.hero h1{font:900 clamp(62px,6.4vw,99px)/.98 'Trebuchet MS',sans-serif;letter-spacing:-.066em;margin:27px 0 26px}.hero h1 em{font-style:normal;color:#f1cfaf}.hero h1 span,h2 span,.dedicate-copy h2 span{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-intro{max-width:495px;color:#bdb5c7;font-size:15px;line-height:1.9}.hero-intro strong{color:white}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{min-height:51px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:13px 19px;font-weight:800;font-size:12px;border-radius:5px;border:0;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn svg{width:17px;height:17px}.btn-primary{background:linear-gradient(105deg,#f3c680,#ed9bb4);color:#1e1120;box-shadow:0 10px 38px #ed98aa24}.btn-primary:hover{box-shadow:0 14px 46px #ed98aa55}.btn-outline{background:#ffffff0a;color:#faf2f7;border:1px solid #ffffff2b}.hero-tags{display:flex;gap:22px;flex-wrap:wrap;margin-top:47px}.hero-tags span{color:#bdb6c5;font-size:9px;letter-spacing:.15em;font-weight:800;white-space:nowrap}.hero-tags i{width:5px;height:5px;border-radius:50%;background:#d8b376;display:inline-block;margin-right:7px;vertical-align:middle}.hero-art{position:relative;height:590px;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-glow{position:absolute;width:580px;height:580px;max-width:100%;border-radius:50%;background:radial-gradient(circle,#a75da63d 0%,#b35e8c1a 37%,transparent 70%);filter:blur(18px)}.orbit{position:absolute;border-radius:50%;border:1px solid #e3b9d11e;transform:rotate(-22deg)}.orbit-one{width:535px;height:535px}.orbit-two{width:610px;height:610px;border-style:dashed;opacity:.38}.vinyl{position:relative;width:min(420px,36vw);height:min(420px,36vw);border-radius:50%;background:repeating-radial-gradient(circle at 50%,#24212b 0px,#100f18 2px,#12101a 4px,#1d1825 6px,#17131c 8px);border:4px solid #3b2b3a;box-shadow:0 0 0 10px #08060d,0 0 0 12px #5f46572d,0 35px 85px #0000009c,30px 14px 80px #ba64b723;display:grid;place-items:center;transform:rotate(-12deg)}.vinyl::before{content:"";position:absolute;inset:2%;border-radius:50%;background:conic-gradient(from 80deg,transparent 0deg,#f29bc31a 25deg,transparent 49deg,transparent 190deg,#efc88617 235deg,transparent 280deg);pointer-events:none}.vinyl-grooves{position:absolute;inset:12%;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 21px #ffffff04,0 0 0 54px #ffffff03}.vinyl-label{width:49%;height:49%;border-radius:50%;background:radial-gradient(circle at 35% 20%,#f0b9cb,#d482ac 45%,#9b508c 75%,#4d244e);border:7px solid #e0b88c;box-shadow:0 0 0 3px #332036,0 3px 32px #0008;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#301626;position:relative}.vinyl-label b{font:900 clamp(24px,3.5vw,48px)/.93 'Trebuchet MS';letter-spacing:-.07em}.vinyl-label small{margin-top:12px;letter-spacing:.13em;font-size:7px;font-weight:800;color:#542447}.vinyl-crown{font-size:26px;line-height:1;margin-bottom:6px}.vinyl-hole{position:absolute;width:11px;height:11px;border:2px solid #b17b8c;border-radius:50%;background:#170f19}.floating-label{position:absolute;border:1px solid #e0c8a329;background:linear-gradient(115deg,#261b2df0,#16121df0);backdrop-filter:blur(20px);z-index:2;box-shadow:0 16px 50px #0009;color:#efcfb2;border-radius:7px;display:flex;align-items:center;gap:11px;font-size:9px;letter-spacing:.16em;font-weight:800;padding:15px 16px}.floating-top{right:2%;top:14%;transform:rotate(5deg)}.floating-top span:last-child{opacity:.45}.tiny-star{font-size:17px}.floating-bottom{left:1%;bottom:12%;transform:rotate(-5deg);letter-spacing:.1em;font-size:10px}.floating-bottom span strong{color:white}.wave-ring{font-size:28px;color:#e19ab5}.hero-meter{position:absolute;bottom:8%;right:-1%;display:flex;align-items:center;gap:3px;height:55px;opacity:.8}.hero-meter span,.player-eq span{background:linear-gradient(0deg,#bd68cb,#ffb58f);height:var(--h,28px);width:3px;border-radius:3px}.hero-meter span:nth-child(5n+1),.player-eq span:nth-child(7n+3){--h:12px}.hero-meter span:nth-child(4n+1),.player-eq span:nth-child(4n+1){--h:43px}.hero-meter span:nth-child(3n+1),.player-eq span:nth-child(3n+1){--h:25px}.scroll-hint{position:absolute;bottom:29px;left:0;color:#8e879e;font-size:9px;letter-spacing:.23em;font-weight:800;display:flex;align-items:center;gap:12px}.scroll-hint span{color:var(--gold);font-size:18px}.section{padding:100px 0}.section-header{margin-bottom:38px}.section-header .kicker{margin-bottom:16px}.section-header h2,.video-copy h2,.dedicate-copy h2{font:800 clamp(36px,4.3vw,60px)/1.05 'Trebuchet MS';letter-spacing:-.06em;margin:0 0 15px}.section-header p,.video-copy p,.dedicate-copy p{font-size:14px;color:var(--muted);line-height:1.85;margin:0}.split-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.radio-section{background:radial-gradient(ellipse at 0% 20%,#7040601b,transparent 53%),#100e18;border-block:1px solid #ffffff09}.status-badge{border:1px solid #e4a9753d;border-radius:40px;padding:10px 14px;color:#d6bca7;font-size:9px;font-weight:800;letter-spacing:.12em;white-space:nowrap;display:flex;align-items:center;gap:10px}.status-badge .status-dot{width:6px;height:6px}.radio-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:20px}.player-panel,.queue-panel{border:1px solid #ffffff16;border-radius:12px;background:linear-gradient(125deg,#241929,#15111e 70%);padding:27px;box-shadow:var(--shadow)}.queue-panel{background:#171320;padding:27px 22px}.player-top{display:flex;justify-content:space-between;gap:12px}.player-label{font-size:10px;color:#d7baa4;letter-spacing:.18em;font-weight:800}.player-deco{color:#986e89;letter-spacing:.2em}.player-content{display:flex;align-items:center;gap:29px;margin:29px 0 22px}.player-cover{height:175px;aspect-ratio:1/1;flex:none;border-radius:7px;position:relative;overflow:hidden;background:linear-gradient(145deg,#69354d,#eb9eab 48%,#8e486f);display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 15px 36px #0008}.player-cover::after,.song-cover::after{content:"";position:absolute;width:140%;height:140%;inset:-20%;border-radius:50%;border:1px solid #ffffff25;box-shadow:0 0 0 22px #ffffff08,0 0 0 46px #ffffff07,0 0 0 70px #ffffff06;transform:translate(30%,45%)}.cover-violet{background:linear-gradient(140deg,#302869,#a34fa4,#eebda4)}.cover-gold{background:linear-gradient(140deg,#55402a,#ad8259,#ebc9a7)}.cover-pink{background:linear-gradient(140deg,#49223f,#d46ca6,#f1baad)}.cover-blue{background:linear-gradient(140deg,#143d67,#635ab5,#d1b6e4)}.player-cover span{font:900 30px/.91 'Trebuchet MS';letter-spacing:-.06em;text-align:center;position:relative;z-index:1;text-shadow:0 2px 14px #0005}.player-cover small{font-size:7px;font-weight:800;letter-spacing:.17em;margin-top:10px;position:relative;z-index:1}.cover-spark{position:absolute;top:12px;left:13px;color:#fff3d4;font-size:24px}.player-info{min-width:0;flex:1}.player-eyebrow{font-size:10px;color:#edb17f;letter-spacing:.14em;font-weight:800;margin-bottom:10px}.player-info h3{font:800 clamp(22px,2.5vw,35px)/1.1 'Trebuchet MS';letter-spacing:-.05em;margin-bottom:7px}.player-info p{font-size:13px;color:#bcb0c0;margin:0}.player-eq{display:flex;align-items:center;height:49px;gap:3px;margin-top:21px;opacity:.85}.player-eq span{--h:8px;height:var(--h);width:3px;transform-origin:bottom;animation:none}.is-playing .player-eq span,.is-playing .hero-meter span{animation:eqPulse .65s ease-in-out infinite alternate}.is-playing .player-eq span:nth-child(3n+1){animation-duration:.44s}.is-playing .player-eq span:nth-child(5n+1){animation-duration:.82s}.is-playing .vinyl{animation:spin 8s linear infinite}@keyframes spin{to{transform:rotate(348deg)}}@keyframes eqPulse{to{height:5px;opacity:.55}}.progress-wrap{display:flex;align-items:center;gap:11px}.progress-wrap span{font-size:10px;color:#aa9cb0;font-variant-numeric:tabular-nums}.progress-wrap input{flex:1}.progress-wrap input,.volume-wrap input{height:3px;accent-color:#f1afc2}.controls{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;margin:17px 0}.volume-wrap{display:flex;align-items:center;gap:8px}.volume-wrap svg{width:18px;color:#cdbcc8}.volume-wrap input{max-width:86px;width:100%}.playback-controls{display:flex;align-items:center;gap:22px;justify-content:center}.circle-small,.circle-main{background:transparent;color:#ded0df;border:0;display:grid;place-items:center}.circle-main{width:54px;height:54px;background:linear-gradient(120deg,#f1c584,#ed92bb);color:#1c1021;border-radius:50%;box-shadow:0 9px 30px #ea9bb14b}.circle-main svg{width:21px;height:21px}.circle-small svg{width:23px;height:23px}.shuffle-btn{justify-self:end;background:transparent;color:#a99caf;border:none;font-size:23px}.shuffle-btn span{font-size:10px;vertical-align:middle}.shuffle-btn.active{color:var(--gold)}.player-notice{font-size:11px;color:#a99cba;line-height:1.65;border-top:1px solid #ffffff12;padding-top:16px;margin:6px 0 14px}.file-load{display:inline-flex;align-items:center;gap:8px;border:1px solid #bb8fbb60;border-radius:4px;padding:10px 12px;color:#efd0e1;font-size:11px;font-weight:800;cursor:pointer}.file-load svg{width:16px}.file-load input{position:absolute;opacity:0;width:1px;height:1px}.local-note{display:block;font-size:10px;color:#8f829e;margin-top:10px;line-height:1.6}.queue-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.queue-head span:first-child{font-size:9px;color:#c19aa4;font-weight:800;letter-spacing:.16em}.queue-head h3{font:700 23px 'Trebuchet MS';margin:4px 0 0}.queue-count{border:1px solid #ffffff20;border-radius:4px;padding:8px;color:#cdbcd0;font-size:10px}.queue-list{display:flex;flex-direction:column;max-height:352px;overflow-y:auto;scrollbar-color:#5a3e64 transparent}.queue-row{background:transparent;display:grid;grid-template-columns:22px 47px minmax(0,1fr) 30px;gap:11px;align-items:center;border:0;color:inherit;text-align:left;border-bottom:1px solid #ffffff0e;padding:11px 4px;width:100%;cursor:pointer;transition:background .2s}.queue-row:hover,.queue-row.active{background:#ffffff08}.queue-num{font-size:11px;color:#96889e}.queue-row.active .queue-num,.queue-row.active .queue-song strong{color:#f5b8a5}.mini-cover{width:44px;height:44px;border-radius:4px;display:grid;place-items:center;color:#fff2df;font-weight:900;font-size:17px}.queue-song{overflow:hidden}.queue-song strong,.queue-song small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-song strong{font:700 12px 'DM Sans'}.queue-song small{font-size:10px;color:#9f95ab;margin-top:5px}.queue-play{color:#d0b2ce}.queue-play svg{width:15px}.queue-footer{display:flex;gap:12px;align-items:center;justify-content:center;padding-top:22px;color:#b69bad;font-size:11px;font-style:italic}.queue-footer span{font-size:19px;color:var(--gold)}.music-section{background:#0c0a12}.genre-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.genre-tab{border:1px solid #ffffff20;background:#ffffff04;color:#baafc1;font-size:11px;padding:11px 18px;border-radius:30px}.genre-tab.active{background:#efbba8;color:#211522;border-color:#efbba8;font-weight:800}.music-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.song-card{border:1px solid #ffffff15;background:#191421;border-radius:9px;padding:11px 11px 16px;transition:transform .2s,border-color .2s;min-width:0}.song-card:hover{transform:translateY(-4px);border-color:#db9abd75}.song-cover{width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:5px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.song-cover .album-title{position:relative;z-index:1;text-align:center;font:900 clamp(16px,2vw,26px)/1.1 'Trebuchet MS';max-width:75%;text-shadow:0 1px 15px #0006}.song-cover .album-dj{position:absolute;top:14px;left:14px;font-size:10px;font-weight:800;letter-spacing:.13em;z-index:2}.song-cover .album-note{position:absolute;bottom:11px;left:14px;font-size:8px;font-weight:800;letter-spacing:.2em;z-index:2}.song-card-body{padding:15px 3px 3px}.song-card h3{font-size:13px;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-card p{color:#a89db2;font-size:11px;margin:0 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-bottom{display:flex;justify-content:space-between;align-items:center}.song-genre{font-size:9px;color:#c9b2bf;border:1px solid #ffffff1e;padding:5px 8px;border-radius:20px}.song-action{border:0;background:#ffffff16;border-radius:50%;width:30px;height:30px;color:#fbcaa7;display:grid;place-items:center}.song-action svg{width:14px}.more-link{text-align:center;margin-top:35px}.more-link a{display:inline-flex;gap:14px;align-items:center;font-size:12px;font-weight:800;color:#eebc96}.more-link svg{width:17px}.video-section{background:linear-gradient(135deg,#171020 0%,#1b1425 50%,#101019 100%);border-block:1px solid #ffffff10}.video-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}.video-card{height:340px;background:#0b0a14;border-radius:12px;position:relative;padding:18px;border:1px solid #ffffff1c;box-shadow:var(--shadow);overflow:hidden}.video-glow{position:absolute;inset:-50%;background:conic-gradient(from 30deg,#92408b22,#f7b77a22,#592a7a22,#92408b22);filter:blur(16px)}.video-frame{height:100%;border:1px solid #f1bd7c38;background:radial-gradient(ellipse at 50% 65%,#bd6c8577 0%,#5726496a 35%,#171023 73%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.video-frame::before{content:"";position:absolute;inset:12% 26%;border-radius:50%;border:1px solid #e5a8ac55;box-shadow:0 0 0 35px #ffffff06,0 0 0 70px #ffffff04}.video-mini-tag{position:absolute;top:20px;left:20px;font-size:9px;letter-spacing:.14em;font-weight:800;display:flex;align-items:center;gap:6px;color:#f1cebc}.video-mini-tag svg{width:18px;color:#f57380}.video-logo{text-align:center;font:900 clamp(38px,5.1vw,70px) 'Trebuchet MS';letter-spacing:-.06em;position:relative;z-index:1;text-shadow:0 4px 32px #000a}.video-logo em{font-style:normal;color:#f7bd91}.video-logo small{display:block;font-size:10px;letter-spacing:.26em;color:#ecd4d7}.film-stripes{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 26px,#ffffff04 27px,#ffffff04 28px)}.video-copy h2{font-size:clamp(32px,4vw,53px)}.video-copy p{max-width:420px;margin:24px 0}.video-fine{font-size:11px;color:#988b9c;margin-top:22px}.platform-section{background:#0b0911}.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.social-card{padding:24px;border:1px solid #ffffff16;border-radius:9px;background:linear-gradient(155deg,#221a29,#15121e);display:flex;flex-direction:column;min-height:170px;transition:border-color .2s,transform .2s}.social-card:hover{border-color:#e0a6be70;transform:translateY(-3px)}.social-card.inactive{opacity:.73;cursor:default}.social-icon{height:39px;width:39px;display:grid;place-items:center;background:#ffffff12;border-radius:9px;margin-bottom:17px;color:#f1b3b2}.social-icon svg{width:21px;height:21px}.social-card strong{font-size:15px}.social-card small{font-size:10px;margin-top:6px;color:#a89caf}.social-card .social-go{margin-top:auto;padding-top:12px;display:flex;align-items:center;gap:6px;font-size:10px;color:#f5c08a;font-weight:800}.social-go svg{width:13px}.community-section{background:linear-gradient(140deg,#1a1325,#100e19);border-block:1px solid #ffffff10}.amber{background:#e7ab75}.chat-layout{display:grid;grid-template-columns:.76fr 1.24fr;gap:26px;align-items:stretch}.chat-info{border:1px solid #ffffff12;background:radial-gradient(circle at 60% 30%,#a55e7438,transparent 53%),#17121f;padding:36px;border-radius:11px;display:flex;flex-direction:column;justify-content:center;min-height:425px}.chat-orb{width:125px;height:125px;border:1px solid #f5b9956b;border-radius:50%;background:radial-gradient(circle,#a76e9c61,#2d1c38 69%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#eed0bc;box-shadow:0 0 0 12px #ffffff04,0 0 55px #b65caa24;margin-bottom:30px;font-size:25px}.chat-orb span{font:900 18px/1.1 'Trebuchet MS';text-align:center}.chat-info h3{font:800 32px/1.15 'Trebuchet MS';letter-spacing:-.04em}.chat-info h3 span{color:#d5a6a5}.chat-info p{font-size:13px;color:#a89caf;line-height:1.9}.chat-info-stat{margin-top:15px;color:#f4bfab;font-size:11px;display:flex;align-items:center;gap:10px}.chat-info-stat svg{width:18px}.chat-panel{border:1px solid #ffffff1b;background:#100e18;border-radius:11px;display:flex;flex-direction:column;overflow:hidden;min-height:425px}.chat-header{display:flex;align-items:center;gap:11px;background:#221a2a;padding:16px 20px;border-bottom:1px solid #ffffff16}.chat-avatar{width:39px;height:39px;border-radius:50%;background:var(--gradient);display:grid;place-items:center;color:#321a2e;font-weight:900}.chat-header strong{display:block;font-size:13px}.chat-header small{display:block;color:#b9abc4;font-size:10px;margin-top:5px}.chat-header-stars{margin-left:auto;color:#c2a49d}.chat-messages{height:231px;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:15px}.bubble{display:flex;align-items:start;gap:9px;max-width:95%}.bubble-icon{height:29px;width:29px;border-radius:50%;flex:none;background:#665172;display:grid;place-items:center;font-size:11px;font-weight:800;color:white}.bubble-content{background:#241c2e;padding:10px 13px;border-radius:0 13px 13px 13px;font-size:12px;line-height:1.6;word-break:break-word}.bubble-content strong{font-size:10px;color:#eab3b0;display:block;margin-bottom:2px}.bubble-content time{font-size:9px;color:#98899f;display:block;margin-top:5px}.bubble.my-message .bubble-content{background:#46304e}.chat-compose{display:flex;flex-direction:column;gap:10px;padding:12px 18px;border-top:1px solid #ffffff11}.chat-compose input{background:#211a2b;color:white;border:1px solid #ffffff1a;padding:12px 13px;border-radius:6px;outline:none;font-size:12px}.chat-compose input:focus,.dedicate-form :is(input,textarea,select):focus{border-color:#e9b0b8}.chat-message-line{display:flex;gap:9px}.chat-message-line input{flex:1}.chat-message-line button{width:42px;border:none;border-radius:6px;background:var(--gradient);display:grid;place-items:center;color:#24112a}.chat-disclaimer{font-size:9px;color:#ad9cbb;padding:0 18px 14px}.real-chat-wrap{flex:1}.real-chat-wrap iframe{height:435px;width:100%;border:0}.dedicate-section{background:radial-gradient(ellipse at 30% 45%,#5b2f4c29,transparent 55%),#0c0a13}.dedicate-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.dedicate-copy h2{font-size:clamp(37px,4.6vw,63px);margin:23px 0}.dedicate-copy p{max-width:420px}.dedicate-deco{color:#f5bd98;font-size:40px;margin-top:36px}.dedicate-deco span{display:block;font-size:14px;color:#d1adbc;font-style:italic}.dedicate-form{background:#1d1625;border:1px solid #ffffff17;padding:29px;border-radius:10px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px}.dedicate-form h3{font:700 23px 'Trebuchet MS';display:flex;justify-content:space-between}.dedicate-form h3 span{color:var(--gold)}.dedicate-form label{font-size:11px;color:#d2c0ce;font-weight:700;margin-top:7px}.dedicate-form input,.dedicate-form select,.dedicate-form textarea{width:100%;background:#110f1b;border:1px solid #ffffff20;border-radius:5px;padding:13px;color:white;font-size:12px;outline:none}.dedicate-form textarea{resize:vertical}.dedicate-btn{margin-top:13px}.ded-status{font-size:10px;color:#a99bb0;line-height:1.6;margin:4px 0 0}.footer{background:#08070d;border-top:1px solid #ffffff15;padding-top:54px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px;padding-bottom:50px}.footer-brand p{max-width:285px;font-size:12px;line-height:1.8;color:#94899f;margin-top:20px}.footer-nav{display:flex;flex-direction:column;gap:12px}.footer-nav strong{font-size:11px;letter-spacing:.17em;color:#d9b5a5;margin-bottom:7px}.footer-nav a{font-size:12px;color:#a89eae}.footer-bottom{border-top:1px solid #ffffff12;padding:22px 0;display:flex;justify-content:space-between;gap:10px;color:#817587;font-size:11px}.toast{position:fixed;z-index:100;bottom:28px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;padding:13px 22px;border-radius:8px;background:#38243a;border:1px solid #e6a8b68f;box-shadow:0 15px 60px #000c;color:white;font-size:12px;max-width:90vw;text-align:center;transition:all .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media (max-width:1140px){.nav-links{gap:17px}.nav-links a{font-size:11px}.nav-listen{padding:12px;font-size:9px}.hero{min-height:610px}.orbit-two{width:520px;height:520px}.orbit-one{width:470px;height:470px}.hero-art{height:500px}.music-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.video-layout{gap:36px}}
@media (max-width:900px){.nav-links{position:absolute;left:0;right:0;top:82px;background:#14101cf5;border-bottom:1px solid #ffffff23;padding:24px 32px;display:none;flex-direction:column;align-items:flex-start;gap:20px}.nav-links.open{display:flex}.nav-toggle{display:flex;margin-left:8px;background:transparent;color:white;border:0;flex-direction:column;gap:5px;padding:9px}.nav-toggle span{width:23px;height:2px;background:#eebcb1}.nav-listen{margin-left:auto}.hero{grid-template-columns:1fr;min-height:0;padding-top:64px;padding-bottom:60px}.hero-art{margin-top:45px;height:465px}.vinyl{width:340px;height:340px}.hero h1{font-size:clamp(68px,11vw,92px)}.hero-copy{max-width:650px}.scroll-hint{display:none}.radio-layout{grid-template-columns:1fr}.queue-list{max-height:280px}.video-layout{grid-template-columns:1fr}.video-card{max-width:650px}.social-grid{grid-template-columns:repeat(2,1fr)}.chat-layout{grid-template-columns:1fr}.chat-info{min-height:0}.dedicate-layout{gap:35px}}
@media (max-width:600px){.container{width:calc(100% - 34px)}.topline{font-size:8px;letter-spacing:.14em}.topline-star{margin:0 4px}.nav-shell{height:70px}.nav-links{top:70px}.nav-inner{gap:10px}.brand-mark{width:39px;height:39px;font-size:21px}.brand-name{font-size:17px}.brand-name small{font-size:7px}.nav-listen{gap:7px;font-size:8px;padding:10px}.nav-listen svg{display:none}.nav-toggle{margin-left:0}.hero{padding-top:51px;padding-bottom:48px}.hero h1{font-size:clamp(59px,15vw,82px);margin:20px 0}.hero-intro{font-size:13px;line-height:1.75}.hero-actions{gap:10px}.hero-actions .btn{width:100%}.hero-tags{gap:11px;margin-top:27px}.hero-tags span{font-size:8px}.hero-art{height:350px;margin-top:32px}.vinyl{width:275px;height:275px}.vinyl-label b{font-size:32px}.vinyl-label small{font-size:5px}.orbit-one{width:324px;height:324px}.orbit-two{width:355px;height:355px}.floating-top{right:0;top:2%;font-size:7px;padding:10px}.floating-bottom{left:0;bottom:5%;padding:9px;font-size:8px}.hero-meter{right:0;bottom:0;transform:scale(.65);transform-origin:right bottom}.section{padding:65px 0}.section-header{margin-bottom:25px}.section-header h2,.video-copy h2,.dedicate-copy h2{font-size:clamp(34px,10vw,49px)}.section-header p{font-size:12px}.split-head{align-items:start;flex-direction:column;gap:14px}.status-badge{font-size:8px}.radio-layout{gap:13px}.player-panel,.queue-panel{padding:17px}.player-label{font-size:8px}.player-content{gap:16px;margin:24px 0}.player-cover{height:121px}.player-cover span{font-size:23px}.player-cover small{font-size:5px}.player-info h3{font-size:23px}.player-info p{font-size:11px}.player-eyebrow{font-size:8px}.player-eq{max-width:100%;overflow:hidden;height:38px}.player-eq span{flex:none}.volume-wrap input{max-width:55px}.playback-controls{gap:9px}.circle-main{width:48px;height:48px}.controls{margin:18px 0}.queue-panel{padding:18px 15px}.music-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.song-card{padding:8px}.song-cover .album-title{font-size:19px}.song-card-body{padding:11px 3px 3px}.song-card h3{font-size:12px}.genre-tab{padding:9px 12px;font-size:10px}.video-card{height:250px;padding:10px}.video-logo{font-size:46px}.video-mini-tag{font-size:8px}.video-copy p{font-size:12px}.social-grid{gap:10px}.social-card{padding:17px;min-height:155px}.social-card strong{font-size:13px}.chat-info{padding:25px}.chat-info h3{font-size:27px}.chat-panel{min-height:435px}.chat-header small{font-size:9px}.chat-disclaimer{font-size:9px}.dedicate-layout{grid-template-columns:1fr}.dedicate-form{padding:21px}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-bottom{font-size:10px}.kicker{font-size:10px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.is-playing .vinyl,.is-playing .player-eq span,.is-playing .hero-meter span{animation:none}.btn,.song-card,.toast{transition:none}}

/* Chat Google exclusiv — DJ Missy Fani */
.chat-login{padding:34px 27px;flex:1;min-height:310px;display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:center;text-align:center}
.login-spark{font-size:35px;color:#e9b4b4}.chat-login h3{font:800 25px 'Trebuchet MS';margin:0}.chat-login p{font-size:12px;color:#c8b9c9;max-width:320px;line-height:1.7}.chat-login small{font-size:10px;color:#baa9bc}
.google-login{background:white;color:#242030;display:flex;gap:11px;align-items:center;justify-content:center;border:0;border-radius:7px;padding:12px 20px;font-weight:750;margin:5px 0;font-size:14px;box-shadow:0 5px 24px #0003}
.google-login:disabled{opacity:.53;cursor:not-allowed}.google-g{color:#4285f4;font:bold 22px Arial}
.chat-connected{flex:1;display:flex;flex-direction:column;min-height:0}.chat-connected[hidden],.chat-login[hidden]{display:none!important}
.chat-user-bar{padding:12px 19px;background:#1a1522;display:flex;align-items:center;gap:16px;justify-content:space-between;font-size:11px;color:#cfc2d2}.chat-user-bar strong{color:#f2c0a8}
.chat-link-btn,.chat-action{background:transparent;color:#f1c6b2;border:1px solid #ffffff35;border-radius:5px;font-size:10px;padding:6px 9px;cursor:pointer}.chat-link-btn:hover,.chat-action:hover{background:#ffffff13}
.chat-connected .chat-messages{flex:1;min-height:215px;height:260px;max-height:420px}.chat-empty{text-align:center;color:#b7a6bc;padding:20px;font-size:12px}
.chat-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.chat-action{padding:3px 6px;color:#dab2b5;border-color:#ffffff15}
.chat-label{color:#d3bfcf;font-size:10px;font-weight:700}.chat-privacy-note{font-size:10px!important;border-top:1px solid #ffffff1b;padding-top:15px;margin-top:20px}
#chatStatus{line-height:1.65;padding-top:12px;border-top:1px solid #ffffff10}
@media(max-width:650px){.chat-login{padding:28px 18px}.chat-user-bar{flex-direction:column;align-items:start;gap:8px}}


/* Selector Emoji — DJ Missy Fani. Funcționează după conectarea cu Google. */
.emoji-community-preview{font-size:21px;letter-spacing:2px;padding:11px 0 2px;line-height:1.5}
.emoji-picker-wrap{position:relative;display:flex;flex:none}
.chat-message-line .emoji-toggle{background:#36243d;color:#fff;width:42px;min-height:42px;border:1px solid #eaa8d466;font-size:23px;border-radius:8px;line-height:1;transition:background .15s,transform .15s}
.chat-message-line .emoji-toggle:hover,.chat-message-line .emoji-toggle[aria-expanded="true"]{background:#503056;transform:translateY(-1px)}
.emoji-panel{position:absolute;right:0;bottom:calc(100% + 12px);z-index:45;width:294px;max-width:min(294px,calc(100vw - 50px));background:#21182b;border:1px solid #e6a8d15c;border-radius:12px;padding:13px;box-shadow:0 18px 48px #000a}
.emoji-panel[hidden]{display:none!important}
.emoji-panel-title{display:flex;justify-content:space-between;align-items:center;color:#ffd4e3;font-size:12px;font-weight:800;letter-spacing:.04em;padding:1px 3px 11px}
.emoji-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}
.chat-message-line .emoji-grid button.emoji-choice{width:100%;height:38px;background:transparent;color:white;border:0;border-radius:7px;font-size:23px;display:grid;place-items:center;padding:0;line-height:1}
.chat-message-line .emoji-grid button.emoji-choice:hover,.chat-message-line .emoji-grid button.emoji-choice:focus-visible{background:#5b395f;outline:1px solid #d9a9da}
@media(max-width:600px){.chat-message-line{gap:6px}.chat-message-line input{min-width:0;padding:11px 9px;font-size:12px}.chat-message-line .emoji-toggle{width:39px;min-height:40px}.chat-message-line>button[type="submit"]{width:39px}.emoji-community-preview{font-size:19px}}


/* DJ MISSY: transparent DJ portrait -- decorative only, never captures clicks. */
.hero-art{overflow:visible;}
.hero-dj-portrait{
  position:absolute;z-index:5;
  width:auto;height:108%;max-width:none;
  bottom:-7%;right:1%;pointer-events:none;
  object-fit:contain;object-position:center bottom;
  filter:drop-shadow(0 0 26px rgba(248,114,190,.24)) drop-shadow(0 25px 45px rgba(0,0,0,.48));
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%);
}
/* Keep the vinyl-disc design as a soft halo behind the DJ. */
.hero-art .vinyl{opacity:.52;transform:translate(-18%,0) scale(.91);}
.hero-art .orbit{opacity:.43;}
.hero-art .floating-label{z-index:6;}
.hero-art .hero-meter{z-index:6;opacity:.72;}
.radio-section{position:relative;isolation:isolate;overflow:hidden;}
.radio-section>.container{position:relative;z-index:2;}
.radio-portrait-glow{
  position:absolute;pointer-events:none;inset:0;z-index:0;
  background:radial-gradient(ellipse 45% 48% at 71% 58%,rgba(198,81,144,.26),transparent 75%),
    radial-gradient(ellipse 52% 58% at 85% 35%,rgba(113,65,165,.20),transparent 76%);
}
.radio-dj-portrait{
  position:absolute;z-index:1;pointer-events:none;
  height:min(870px,94%);width:auto;max-width:none;
  top:5%;right:max(9%, calc((100vw - 1260px) / 2 + 80px));
  object-fit:contain;object-position:bottom;
  opacity:.36;
  filter:drop-shadow(0 0 44px rgba(250,125,188,.45));
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 70%,transparent 98%);
  mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 70%,transparent 98%);
}
/* Panels keep foreground controls legible on top of the decorative radio image. */
.radio-section .player-panel,
.radio-section .queue-panel{
  background:linear-gradient(145deg,rgba(37,27,48,.92),rgba(17,13,27,.89) 70%);
  backdrop-filter:blur(5px);
}
@media(max-width:900px){
  .hero-art{overflow:hidden;border-radius:24px;}
  .hero-dj-portrait{height:116%;right:12%;bottom:-21%;}
  .hero-art .vinyl{transform:translate(12%,0) scale(.87);opacity:.38;}
  .radio-dj-portrait{height:590px;right:-55px;top:18%;opacity:.24;}
}
@media(max-width:600px){
  .hero-art{height:360px;overflow:hidden;}
  .hero-dj-portrait{height:126%;right:10%;bottom:-32%;}
  .hero-art .vinyl{transform:translate(15%,0) scale(.85);opacity:.4;}
  .hero-art .floating-top{z-index:7;}
  .radio-dj-portrait{height:520px;right:-110px;top:19%;opacity:.15;}
  .radio-section .player-panel,.radio-section .queue-panel{background:rgba(24,18,34,.95);}
}