:root{--bg-dark: #07090e;--bg-surface: #0e131f;--bg-card: rgba(14, 19, 31, .75);--neon-pink: #ec4899;--neon-purple: #a855f7;--neon-cyan: #06b6d4;--neon-amber: #f59e0b;--text-main: #f8fafc;--text-muted: #94a3b8;--border-subtle: rgba(255, 255, 255, .08);--border-glow: rgba(236, 72, 153, .45);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;display:flex;flex-direction:column;background-image:radial-gradient(ellipse at top right,rgba(236,72,153,.15),transparent 50%),radial-gradient(ellipse at bottom left,rgba(168,85,247,.12),transparent 50%),radial-gradient(circle at 50% 30%,rgba(6,182,212,.05),transparent 40%);background-attachment:fixed;overflow-x:hidden}header{border-bottom:1px solid var(--border-subtle);background:#07090ed9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100;padding:.85rem 1.5rem}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#fff}.brand img{height:40px;width:auto;border-radius:var(--radius-sm)}.brand-text h1{font-size:1.15rem;font-weight:800;background:linear-gradient(135deg,#fff,#f472b6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.brand-text p{font-size:.72rem;color:#f472b6;font-weight:600}.nav-links{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}.nav-link{color:var(--text-muted);text-decoration:none;font-size:.82rem;font-weight:600;padding:.45rem .85rem;border-radius:9999px;border:1px solid var(--border-subtle);background:#ffffff08;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem}.nav-link:hover{color:#fff;border-color:#ec489980;background:#ec48991f}.nav-link.portal-link{color:#67e8f9;border-color:#06b6d459}.nav-link.portal-link:hover{background:#06b6d426;border-color:var(--neon-cyan)}main{flex:1;max-width:1200px;margin:0 auto;padding:2rem 1.5rem;width:100%}.hero-deck{background:linear-gradient(135deg,#ec489924,#0f172ad9);border:1px solid var(--border-glow);border-radius:var(--radius-lg);padding:2rem;box-shadow:0 20px 45px #0009,0 0 35px #ec48992e;margin-bottom:2.5rem;position:relative;overflow:hidden}.hero-deck:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ec4899,#a855f7,#06b6d4)}.hero-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1.25rem;margin-bottom:1.5rem}.status-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .65rem;border-radius:9999px;font-size:.75rem;font-weight:700;background:#ec48992e;color:#f472b6;border:1px solid rgba(236,72,153,.4)}.status-badge.live-indicator:before{content:"";width:8px;height:8px;border-radius:50%;background:#f472b6;box-shadow:0 0 10px #f472b6;animation:pulseLive 1.5s infinite}@keyframes pulseLive{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.3);opacity:1}to{transform:scale(.9);opacity:.7}}.hero-title{font-size:2.2rem;font-weight:800;margin-top:.5rem;line-height:1.2}.hero-subtitle{font-size:.95rem;color:var(--text-muted);margin-top:.5rem;max-width:650px;line-height:1.5}.player-console{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;background:#0a0e17e6;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem;margin-top:1.5rem}.player-video-box{position:relative;width:100%;padding-bottom:56.25%;background:#000;border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 10px 25px #000000b3}.player-video-box iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.player-controls-panel{display:flex;flex-direction:column;justify-content:space-between}.now-playing-header{padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.now-playing-label{font-size:.72rem;font-weight:700;text-transform:uppercase;color:#f472b6;letter-spacing:.05em;display:block;margin-bottom:.35rem}.now-playing-title{font-size:1.25rem;font-weight:800;color:#fff;line-height:1.3}.now-playing-sub{font-size:.82rem;color:var(--text-muted);margin-top:.25rem}.sound-bars{display:flex;align-items:flex-end;gap:4px;height:28px;margin:1rem 0}.sound-bar{flex:1;background:linear-gradient(180deg,#ec4899,#a855f7);border-radius:2px;height:20%;transition:height .15s ease}.playing .sound-bar:nth-child(1){animation:soundJump .8s ease-in-out infinite alternate}.playing .sound-bar:nth-child(2){animation:soundJump .6s ease-in-out infinite .1s alternate}.playing .sound-bar:nth-child(3){animation:soundJump .9s ease-in-out infinite .2s alternate}.playing .sound-bar:nth-child(4){animation:soundJump .7s ease-in-out infinite .3s alternate}.playing .sound-bar:nth-child(5){animation:soundJump 1.1s ease-in-out infinite .4s alternate}.playing .sound-bar:nth-child(6){animation:soundJump .5s ease-in-out infinite .25s alternate}.playing .sound-bar:nth-child(7){animation:soundJump .85s ease-in-out infinite .15s alternate}.playing .sound-bar:nth-child(8){animation:soundJump .75s ease-in-out infinite .35s alternate}@keyframes soundJump{0%{height:15%}to{height:100%}}.deck-buttons{display:flex;gap:.5rem;align-items:center;margin-top:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:700;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:all .2s ease;line-height:1}.btn-primary{background:linear-gradient(135deg,var(--neon-pink),var(--neon-purple));color:#fff;box-shadow:0 0 20px #ec489966}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 25px #ec489999}.btn-secondary{background:#ffffff0d;border-color:var(--border-subtle);color:var(--text-main)}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-cyan{background:linear-gradient(135deg,var(--neon-cyan),#3b82f6);color:#fff;box-shadow:0 0 20px #06b6d459}.btn-cyan:hover{transform:translateY(-2px);box-shadow:0 0 25px #06b6d480}.section-title-wrap{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.25rem;border-bottom:1px solid var(--border-subtle);padding-bottom:.75rem}.section-title{font-size:1.4rem;font-weight:800;display:flex;align-items:center;gap:.6rem}.stations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-bottom:3rem}.station-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s ease;position:relative;overflow:hidden}.station-card:hover{transform:translateY(-4px);border-color:var(--border-glow);box-shadow:0 10px 25px #00000080,0 0 15px #ec489933}.station-card.active{border-color:var(--neon-pink);background:linear-gradient(145deg,#ec48991f,#0e131fe6);box-shadow:0 0 25px #ec489959}.station-card-badge{font-size:.7rem;font-weight:800;padding:.2rem .55rem;border-radius:9999px;background:#ec489933;color:#f472b6;border:1px solid rgba(236,72,153,.35);display:inline-block;margin-bottom:.6rem}.station-card-title{font-size:1.05rem;font-weight:700;margin-bottom:.35rem;color:#fff}.station-card-sub{font-size:.8rem;color:var(--text-muted);line-height:1.4;margin-bottom:1rem}.station-card-action{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:700;color:#f472b6;border-top:1px solid var(--border-subtle);padding-top:.75rem;margin-top:auto}.producer-callout{background:linear-gradient(135deg,#06b6d41f,#ec48991f);border:1px solid rgba(6,182,212,.4);border-radius:var(--radius-lg);padding:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-bottom:3rem;box-shadow:0 15px 35px #00000080}.producer-callout-text h3{font-size:1.45rem;font-weight:800;color:#fff;margin-bottom:.45rem}.producer-callout-text p{font-size:.88rem;color:var(--text-muted);max-width:650px;line-height:1.5}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-content{background:var(--bg-surface);border:1px solid var(--border-glow);border-radius:var(--radius-md);padding:2rem;max-width:500px;width:100%;box-shadow:0 20px 50px #000c,0 0 30px #ec489940}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.82rem;font-weight:700;margin-bottom:.4rem;color:var(--text-main)}.form-input{width:100%;background:#080c14;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.65rem .85rem;color:#fff;font-size:.85rem;outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--neon-pink)}footer{border-top:1px solid var(--border-subtle);background:#07090ef2;padding:2rem 1.5rem;text-align:center;font-size:.78rem;color:var(--text-muted);margin-top:auto}footer a{color:#f472b6;text-decoration:none}.toast{position:fixed;bottom:1.5rem;right:1.5rem;background:#0e131ff2;border:1px solid var(--neon-pink);border-radius:var(--radius-sm);padding:.75rem 1.25rem;font-size:.85rem;color:#fff;box-shadow:0 10px 25px #000c;z-index:1100;display:flex;align-items:center;gap:.5rem;animation:slideIn .3s cubic-bezier(.16,1,.3,1)}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){header{padding:.75rem 1rem}.nav-container{flex-direction:column;align-items:stretch;gap:.75rem}.nav-links{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.25rem;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}main{padding:1.25rem 1rem}.hero-deck{padding:1.25rem 1rem}.hero-title{font-size:1.6rem}.player-console{grid-template-columns:1fr;padding:1rem}.deck-buttons{flex-direction:column;width:100%}.deck-buttons .btn{width:100%}.stations-grid{grid-template-columns:1fr;gap:1rem}.producer-callout{padding:1.25rem 1rem;flex-direction:column;align-items:stretch}.producer-callout .btn{width:100%}}