*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050505;color:#fff;font-family:Inter,Arial,sans-serif;overflow-x:hidden}body{min-height:100vh}#bgCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:-2}.phone-app{min-height:calc(100vh - 98px);padding:22px 18px 132px;background:radial-gradient(circle at 50% 5%,rgba(29,185,84,.24),transparent 36%),linear-gradient(180deg,#101010,#050505 62%,#020202)}.hero{text-align:center;max-width:620px;margin:45px auto 0}.disc-wrap{position:relative;width:min(82vw,390px);height:min(82vw,390px);margin:auto;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#191919,#050505);box-shadow:0 35px 90px #000,inset 0 0 50px rgba(29,185,84,.2);overflow:hidden;transition:transform .1s linear;will-change:transform}.disc-wrap.live{box-shadow:0 35px 90px #000,0 0 55px rgba(29,185,84,.38),inset 0 0 55px rgba(29,185,84,.33)}.disc-wrap:before{content:"";position:absolute;inset:18px;border-radius:50%;border:1px solid rgba(29,185,84,.36);box-shadow:0 0 45px rgba(29,185,84,.28)}#mainViz{position:absolute;inset:0;width:100%;height:100%}.logo-ellipse{position:absolute;left:50%;top:50%;width:49%;height:34%;transform:translate(-50%,-50%) scale(var(--s));border-radius:50%;overflow:hidden;border:4px solid #1db954;background:#111;box-shadow:0 0 25px rgba(29,185,84,.72)}.logo-ellipse img{width:160%;height:160%;object-fit:cover;object-position:var(--x) var(--y);transform:translate(-18%,-18%)}h1{font-size:clamp(34px,8vw,64px);margin:25px 0 5px;letter-spacing:-2px}p{color:#b7b7b7;font-size:20px;margin:0}.socials{position:fixed;display:flex;gap:9px;z-index:50}.top-left{left:16px;top:16px}.top-right{right:16px;top:16px}.bottom-left{left:16px;bottom:116px}.bottom-right{right:16px;bottom:116px}.soc{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:rgba(15,15,15,.86);color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.1);font-size:20px;box-shadow:0 8px 26px rgba(0,0,0,.42);backdrop-filter:blur(12px);transition:.18s}.soc:hover{background:#1db954;color:#000;transform:translateY(-2px)}.users-btn{position:fixed;top:18px;right:18px;z-index:55;height:44px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;background:rgba(15,15,15,.9);border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;font-size:14px;font-weight:800;line-height:1;box-shadow:0 8px 30px rgba(0,0,0,.45);backdrop-filter:blur(14px);white-space:nowrap}.live-dot{width:10px;height:10px;border-radius:50%;background:#18ff73;box-shadow:0 0 12px #18ff73;flex:0 0 auto}.player{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);width:min(92vw,760px);height:78px;padding:0 18px;z-index:60;display:flex;align-items:center;gap:16px;border-radius:28px;background:rgba(14,14,14,.95);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 60px rgba(0,0,0,.65);backdrop-filter:blur(18px)}.play-btn{width:58px;height:58px;min-width:58px;min-height:58px;border:0;border-radius:50%;background:#1ed760;color:#000;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;box-shadow:0 0 28px rgba(30,215,96,.35);padding:0;line-height:1}.play-btn i{margin-left:3px}.play-btn.playing i{margin-left:0}.meta{flex:1;min-width:0}.meta b,.meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta b{color:#fff;font-size:15px}.meta small{color:#aaa;margin-top:4px;font-size:12px}.mute{width:44px;height:44px;min-width:44px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;padding:0}#vol{width:120px;accent-color:#1ed760}.wa-bubble,.cabina{position:fixed;right:20px;bottom:104px;background:#1db954;color:#061006;border:0;border-radius:999px;padding:13px 18px;font-weight:900;text-decoration:none;z-index:62;box-shadow:0 12px 30px rgba(0,0,0,.45)}.wa-bubble{width:54px;height:54px;display:flex;align-items:center;justify-content:center;padding:0;font-size:25px}.cabina{left:20px;right:auto}.cabina-form{display:none;position:fixed;left:15px;bottom:155px;background:#111;border:1px solid #333;border-radius:18px;padding:12px;z-index:70;width:280px}.cabina-form.open{display:block}.cabina-form input,.cabina-form textarea,.dash input,.dash select{width:100%;margin:6px 0;padding:12px;border-radius:12px;border:1px solid #333;background:#060606;color:#fff}.cabina-form textarea{height:92px;resize:vertical}.cabina-form button,.dash button{background:#1db954;border:0;border-radius:12px;padding:12px;font-weight:900;cursor:pointer}.dash{max-width:980px;margin:0 auto;padding:24px}.card{background:#111;border:1px solid #333;border-radius:22px;padding:18px;margin:16px 0;box-shadow:0 12px 40px rgba(0,0,0,.22)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.color-row{display:flex;gap:14px;flex-wrap:wrap}.color-row input{height:48px}.preview-logo{width:120px;height:90px;border-radius:50%;object-fit:cover;border:3px solid #1db954}.hint{font-size:14px;color:#999}.switchline{display:block;margin:12px 0}hr{border:0;border-top:1px solid #333;margin:14px 0}@media(max-width:600px){.socials{gap:8px}.soc{width:40px;height:40px;border-radius:14px}.users-btn{top:14px;right:14px;height:40px;padding:0 14px;font-size:13px}.player{width:calc(100vw - 24px);height:72px;bottom:12px;padding:0 12px;gap:10px;border-radius:24px}.play-btn{width:54px;height:54px;min-width:54px;min-height:54px}#vol{width:76px}.meta b{font-size:14px}.wa-bubble{right:16px;bottom:94px}.cabina{left:16px;bottom:94px}.hero{margin-top:70px}}