:root{--bg-gradient:radial-gradient(circle at 50% 50%, #292a33 0%, #17181d 100%);--text-primary:#fff;--text-secondary:#8c8f9b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body,html{background:radial-gradient(circle at 50% 30%,#22252f 0%,#0d0f14 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;font-family:Inter,sans-serif;display:flex;overflow:auto}#app{perspective:1000px;justify-content:center;align-items:center;width:100%;height:100vh;padding:20px 0 2px;display:flex}.app-layout{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;display:flex}.player-container{justify-content:center;align-items:center;display:flex;position:relative}.neomorph-hole{background:#14161c;border-radius:50%;justify-content:center;align-items:center;width:340px;height:340px;display:flex;position:relative;box-shadow:inset 18px 18px 30px #000c,inset -10px -10px 20px #ffffff08,0 0 0 2px #000,-15px -15px 35px #ffffff05,20px 20px 45px #0009}.internal-cyan-glow{filter:blur(40px);opacity:.6;z-index:5;background:#00e5ff;border-radius:50%;width:145px;height:145px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.glass-lens{-webkit-backdrop-filter:blur(25px)saturate(120%);z-index:10;background:#12141a40;border-radius:50%;justify-content:center;align-items:center;width:265px;height:265px;display:flex;position:relative;overflow:hidden;box-shadow:inset 2px 2px 4px #ffffff4d,inset -4px -4px 8px #000000e6,0 20px 40px #000000e6}.glass-lens:before{content:"";opacity:.15;mix-blend-mode:overlay;pointer-events:none;z-index:1;background-image:url(./noise-HeCBPdDM.png);position:absolute;inset:0}.glass-lens:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(135deg,#ffffff1a 0%,#0000 40% 60%,#0009 100%);border-radius:50%;position:absolute;inset:0}.play-shape{z-index:20;filter:drop-shadow(0 10px 15px #000c);width:90px;height:90px;margin-left:10px;position:relative}.play-shape path{transition:all .3s}.player-empty-state{z-index:15;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.empty-state-title{color:#fff;filter:drop-shadow(0 2px 4px #00000080)drop-shadow(0 0 8px #00e5ff26);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:28px;font-weight:700}.empty-state-subtitle{color:#fff9;letter-spacing:2px;text-shadow:0 1px 2px #0006;margin-top:8px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:300}.nav-pill-wrapper{background:#23252e;border-radius:50px;padding:5px;box-shadow:15px 15px 30px #000000b3,-8px -8px 20px #ffffff08,inset 1px 1px 2px #ffffff14,inset -1.5px -1.5px 3px #0009}.nav-pill-channel{background:#14151b;border-radius:46px;padding:3px;box-shadow:inset 2px 2px 5px #000000e6,inset -1px -1px 2px #ffffff08}.nav-pill-inner{background:#1f2129;border-radius:42px;justify-content:space-evenly;align-items:center;width:346px;height:64px;padding:0 16px;display:flex;box-shadow:inset 1px 1px 1px #ffffff0d,inset -1.5px -1.5px 3px #00000080,0 3px 6px #0009}.nav-pill-btn{color:#c5c9d1;cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s cubic-bezier(.25,.46,.45,.94);display:flex}.nav-pill-btn:active{transform:scale(.9)}.nav-pill-btn svg{stroke:currentColor;filter:drop-shadow(0 -1px #000c)drop-shadow(0 1px #ffffff0f);width:26px;height:26px}.nav-pill-btn.loop-btn.active{color:#00f0ff}.nav-pill-btn.loop-btn.active svg{filter:drop-shadow(0 0 6px #00f0ff99)drop-shadow(0 0 12px #00f0ff4d);width:38px;height:38px}.nav-divider{background:#111;border-radius:1px;width:2px;height:26px;box-shadow:1px 0 1px #ffffff0f}.bottom-controls{justify-content:center;align-items:center;gap:16px;display:flex}.mode-tile{-webkit-backdrop-filter:blur(12px);color:#8c8f9b;letter-spacing:.8px;cursor:pointer;background:#1e232d66;border:none;border-radius:16px;justify-content:center;align-items:center;width:110px;height:110px;font-family:inherit;font-size:14px;font-weight:700;transition:all .3s;display:flex;box-shadow:inset 1.5px 1.5px 1.5px #ffffff40,inset -1.5px -1.5px 3px #0009,0 10px 20px #0009}.mode-tile:active{transform:translateY(3px);box-shadow:inset 2px 2px 4px #00000080,inset -1px -1px 2px #ffffff1a,0 4px 8px #000000b3}.mode-tile.relax-active,.mode-tile.energy-active,.mode-tile.focus-active{color:#00e5ff;text-shadow:0 0 12px #00e5ff80,0 0 25px #00e5ff33;transition:all .5s;transform:translateY(3px);box-shadow:inset 2px 2px 5px #0009,inset -1px -1px 3px #ffffff0d,0 0 #0000}.fire-subwoofer{filter:blur(20px);opacity:0;z-index:6;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#ffeb3b 0%,#ff6d00 40%,#d50000 80%,#0000 100%);border-radius:50%;width:190px;height:190px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.water-ripple{opacity:0;z-index:5;pointer-events:none;filter:blur(4px);border:4px solid #00e5ff;border-radius:50%;width:190px;height:190px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bottom-tab-bar{border-top:1px solid #ffffff0d;justify-content:space-around;align-items:center;width:100%;max-width:400px;height:85px;margin-top:auto;padding-top:10px;display:flex}.tab-item{color:#6a6c76;cursor:pointer;background:0 0;border:none;outline:none;flex-direction:column;justify-content:center;align-items:center;width:100px;transition:all .3s;display:flex}.tab-icon-wrapper{justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:6px;display:flex;position:relative}.tab-item svg{stroke:currentColor;width:26px;height:26px;transition:all .3s}.tab-label{letter-spacing:.3px;color:inherit;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .3s}.tab-item:hover{color:#9ea0ab}.tab-item:active{transform:scale(.95)}.tab-item.active{color:#00f0ff}.tab-item.active svg{filter:drop-shadow(0 0 8px #00f0ff99)drop-shadow(0 0 16px #00f0ff4d);width:28px;height:28px}.tab-item.active .tab-label{text-shadow:0 0 8px #00f0ff66;font-weight:600}.certificate-screen{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:360px;animation:.4s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.glass-card{-webkit-backdrop-filter:blur(25px);text-align:center;background:#1e232d66;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;align-items:center;width:100%;padding:30px;display:flex;box-shadow:inset 1.5px 1.5px 1.5px #ffffff40,inset -1.5px -1.5px 3px #0009,0 20px 40px #000c}.glass-card h2{color:#fff;letter-spacing:1px;margin-bottom:12px;font-size:20px;font-weight:600}.status-badge{color:#00e5ff;letter-spacing:1px;background:#00e5ff1a;border:1px solid #00e5ff4d;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 12px;font-size:12px;font-weight:700;display:flex}.pulse-dot{background:#00e5ff;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse;box-shadow:0 0 8px #00e5ff}@keyframes pulse{0%{box-shadow:0 0 #00e5ffb3}70%{box-shadow:0 0 0 6px #00e5ff00}to{box-shadow:0 0 #00e5ff00}}.cert-details{text-align:left;color:#c5c9d1;background:#0003;border-radius:12px;width:100%;margin-bottom:24px;padding:16px;font-size:13px;line-height:1.6}.cert-details strong{color:#fff}.qr-container{background:#fff;border-radius:12px;justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:16px;padding:10px;display:flex;box-shadow:0 10px 20px #00000080}.qr-mock{background-color:#0000;background-image:linear-gradient(45deg,#000 25%,#0000 25% 75%,#000 75%,#000),linear-gradient(-45deg,#000 25%,#0000 25% 75%,#000 75%,#000);background-position:0 0,5px 5px;background-repeat:repeat,repeat;background-size:10px 10px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100%;height:100%;position:relative}.qr-mock:before,.qr-mock:after{content:"";background:#fff;border:4px solid #000;width:30px;height:30px;position:absolute;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 8px #000}.qr-mock:before{top:0;left:0}.qr-mock:after{top:0;right:0}.qr-mock-bottom{background:#fff;border:4px solid #000;width:30px;height:30px;position:absolute;bottom:0;left:0;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 8px #000}.scan-text{color:#8c8f9b;font-size:12px}.d-none{display:none!important}.d-flex{display:flex!important}.playlists-screen{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;max-width:100%;height:100%;animation:.4s ease-out fadeIn;display:flex}.playlists-card{text-align:left;flex:1;align-items:stretch;width:100%;height:100%;max-height:calc(100vh - 100px);padding:16px 4px;overflow-y:auto}.playlists-card h2{align-self:flex-start}.playlist-category{width:100%;margin-bottom:20px}.category-title{color:#c5c9d1;letter-spacing:.5px;text-transform:uppercase;margin-bottom:12px;font-size:14px;font-weight:700}.relax-title{color:#00e5ff}.energy-title{color:#ffeb3b}.focus-title{color:#8c8f9b}.category-title{letter-spacing:.5px;text-transform:uppercase;cursor:pointer;background:#0000001a;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 12px;font-size:14px;font-weight:700;transition:all .3s;display:flex;box-shadow:inset 1px 1px 2px #ffffff0d}.category-title:active{transform:scale(.98)}.toggle-icon{color:#8c8f9b;font-size:10px}.download-all-btn{transition:all .3s}.track-download-btn{margin-left:8px;transition:all .3s}.download-all-btn.active,.track-download-btn.active{filter:drop-shadow(0 0 6px #00e5ff99)drop-shadow(0 0 12px #00e5ff4d);color:#00e5ff!important}.drag-handle{cursor:grab;color:#6a6c76;align-items:center;margin-right:12px;padding:4px;font-size:16px;display:flex}.drag-handle:active{cursor:grabbing}.track-list{border-radius:8px;width:100%;max-height:calc(100vh - 220px);padding:0;list-style:none;overflow-y:auto}.track-list::-webkit-scrollbar{width:4px}.track-list::-webkit-scrollbar-track{background:#0000001a}.track-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.track-item{color:#8c8f9b;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#0003;border-radius:8px;align-items:center;margin-bottom:8px;padding:12px 6px;font-size:13px;display:flex;box-shadow:inset 1px 1px 2px #ffffff0d}.track-item.playing{color:#fff;background:#00f0ff1a;border:1px solid #00f0ff4d}.track-icon{margin-right:8px;font-size:16px}.cert-view{width:100%}.license-item{cursor:pointer;background:#0003;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;transition:all .3s;display:flex}.license-item:hover{background:#00e5ff0d;border-color:#00e5ff33}.license-item:active{transform:scale(.98)}#license-form label{color:#8c8f9b;margin-bottom:6px;font-size:12px;font-weight:600;display:block}#license-form input,#license-form textarea,#license-form select{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:12px;font-family:Inter,sans-serif;font-size:14px;transition:all .3s}#license-form input:focus,#license-form textarea:focus,#license-form select:focus{background:#00000080;border-color:#00e5ff;outline:none;box-shadow:0 0 8px #00e5ff33}#license-form select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238c8f9b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}#license-form select option{color:#fff;background:#1e232d}.style-tag{color:#c5c9d1;cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:16px;padding:6px 12px;font-size:12px;transition:all .2s}.style-tag.selected{color:#00e5ff;background:#00e5ff26;border-color:#00e5ff;box-shadow:0 0 8px #00e5ff33}#custom-music-form textarea:focus,#custom-music-form input[type=text]:focus{background:#00000080!important;border-color:#00e5ff!important;box-shadow:0 0 8px #00e5ff33!important}.settings-item:hover{background:#ffffff14!important}.settings-item:active{background:#ffffff1f!important}body.is-pip .header,body.is-pip .player-container,body.is-pip .mood-container,body.is-pip .bespoke-badge,body.is-pip .version-text,body.is-pip #visualizer-container,body.is-pip .player-bottom,body.is-pip .cert-view,body.is-pip .nav-pill-wrapper,body.is-pip .settings-container,body.is-pip .bottom-controls,body.is-pip .playlists-screen,body.is-pip .certificate-screen,body.is-pip .custom-music-screen,body.is-pip .bottom-tab-bar,body.is-pip .track-toast,body.is-pip #mini-playlist-wrapper{display:none!important}body.is-pip #app,body.is-pip .app-layout{background:0 0!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;display:block!important;position:static!important}body.is-pip{background:#0b0e14!important;height:100vh!important;margin:0!important;padding:0!important;display:block!important;overflow:hidden!important}#pip-branding{color:#fff;text-shadow:0 0 15px #00e5ff99;text-align:center;width:100%;font-family:Inter,sans-serif;font-size:20px;font-weight:700;display:none}body.is-pip #pip-branding{z-index:9999!important;color:#fff!important;text-shadow:none!important;letter-spacing:1px!important;margin:0!important;font-size:18px!important;font-weight:600!important;display:block!important;position:fixed!important;top:25px!important;left:0!important}body.is-pip #mini-playlist-wrapper,#pip-mini-bar{display:none!important}body.is-pip #pip-mini-bar{z-index:9999!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:90%!important;display:flex!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-40%)!important}.pip-controls-row{justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.pip-nav-btn{color:#c5c9d1;cursor:pointer;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;padding:0;transition:all .2s;display:flex;box-shadow:none!important;border:none!important}.pip-nav-btn:active{color:#00e5ff;background:#ffffff26;transform:scale(.9)}.pip-nav-btn.pip-play-btn{color:#fff;background:#ffffff1f;width:54px;height:54px}.pip-nav-btn.pip-play-btn:active{background:#fff3}#preview-mode-banner{z-index:10000;color:#000;text-align:center;letter-spacing:.2px;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#f8a100eb 0%,#ff7800eb 50%,#f8a100eb 100%) 0 0/200% 100%;padding:10px 16px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;line-height:1.4;transition:opacity .3s;animation:6s ease-in-out infinite previewBannerShimmer;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #0006}#preview-mode-banner:hover{opacity:.92}#preview-mode-banner .banner-cta{letter-spacing:.5px;text-transform:uppercase;background:#00000026;border-radius:20px;margin-left:6px;padding:3px 10px;font-size:10px;font-weight:700;transition:background .3s;display:inline-block}#preview-mode-banner:hover .banner-cta{background:#00000040}#preview-mode-banner .banner-days{color:#000;background:#ffffff40;border-radius:4px;margin:0 3px;padding:1px 6px;font-weight:800;display:inline-block}@keyframes previewBannerShimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}body.preview-mode{padding-top:52px!important}body.preview-mode #app{height:calc(100vh - 52px)!important}#expired-preview-overlay{z-index:99999;background:#05050afa;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;animation:.5s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}#expired-preview-overlay .expired-card{text-align:center;-webkit-backdrop-filter:blur(25px);background:#1e232d99;border:1px solid #ff4b2b33;border-radius:24px;max-width:360px;padding:40px 30px;box-shadow:0 20px 60px #000c}#expired-preview-overlay .expired-icon{margin-bottom:20px;font-size:56px}#expired-preview-overlay h2{color:#f85149;margin-bottom:12px;font-family:Inter,sans-serif;font-size:22px;font-weight:700}#expired-preview-overlay p{color:#8c8f9b;margin-bottom:24px;font-family:Inter,sans-serif;font-size:14px;line-height:1.6}#expired-preview-overlay .verify-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00e5ff,#7c4dff);border:none;border-radius:12px;padding:14px 32px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block;box-shadow:0 4px 20px #00e5ff4d}#expired-preview-overlay .verify-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #00e5ff66}#preview-custom-lock{-webkit-backdrop-filter:blur(12px);z-index:15;cursor:pointer;background:#05080fe0;border-radius:16px;justify-content:center;align-items:center;transition:background .3s;display:flex;position:absolute;inset:0}#preview-custom-lock:hover{background:#05080fd1}#preview-custom-lock .lock-content{text-align:center;padding:30px}#preview-custom-lock .lock-icon{filter:drop-shadow(0 0 15px #f8a10066);margin-bottom:16px;font-size:42px}#preview-custom-lock .lock-title{color:#f8a100;margin-bottom:8px;font-family:Inter,sans-serif;font-size:16px;font-weight:700}#preview-custom-lock .lock-desc{color:#8c8f9b;margin-bottom:16px;font-family:Inter,sans-serif;font-size:13px;line-height:1.5}#preview-custom-lock .lock-unlock-btn{color:#f8a100;background:#f8a10026;border:1px solid #f8a10066;border-radius:10px;padding:10px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .3s;display:inline-block}#preview-custom-lock:hover .lock-unlock-btn{background:#f8a10040;border-color:#f8a10099}.tab-item.preview-locked{position:relative}.tab-item.preview-locked:after{content:"🔒";filter:drop-shadow(0 0 4px #f8a10099);font-size:10px;position:absolute;top:2px;right:14px}.tab-item.preview-locked .tab-icon-wrapper,.tab-item.preview-locked .tab-label{opacity:.35}#b2b-verify-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:99998;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}#b2b-verify-modal{text-align:center;background:linear-gradient(135deg,#1e232df2,#0f1419fa);border:1px solid #00e5ff33;border-radius:20px;width:100%;max-width:340px;max-height:80vh;padding:32px 24px;overflow-y:auto;box-shadow:0 20px 60px #000c}#b2b-verify-modal h2{color:#fff;margin-bottom:6px;font-family:Inter,sans-serif;font-size:20px;font-weight:700}#b2b-verify-modal .modal-subtitle{color:#8c8f9b;margin-bottom:24px;font-family:Inter,sans-serif;font-size:13px;line-height:1.5}#b2b-verify-modal .vat-input-group{text-align:left;margin-bottom:16px}#b2b-verify-modal .vat-input-group label{color:#8c8f9b;margin-bottom:6px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;display:block}#b2b-verify-modal .vat-input-group input{color:#fff;text-transform:uppercase;background:#0006;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:Inter,sans-serif;font-size:14px;transition:all .3s}#b2b-verify-modal .vat-input-group input:focus{border-color:#00e5ff;box-shadow:0 0 10px #00e5ff33}#b2b-verify-modal .verify-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00e5ff,#7c4dff);border:none;border-radius:12px;width:100%;margin-top:8px;padding:14px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;transition:transform .2s,opacity .2s;box-shadow:0 4px 20px #00e5ff4d}#b2b-verify-modal .verify-submit-btn:hover{transform:translateY(-1px)}#b2b-verify-modal .verify-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}#b2b-verify-modal .modal-close-btn{color:#8c8f9b;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:10px;width:100%;margin-top:10px;padding:10px;font-family:Inter,sans-serif;font-size:13px;transition:all .3s}#b2b-verify-modal .modal-close-btn:hover{color:#fff;border-color:#fff3}#preview-announcement-overlay{-webkit-backdrop-filter:blur(15px);z-index:9999;background:#141923e6;border:1px solid #f8a1004d;border-radius:14px;align-items:center;gap:10px;padding:14px 24px;font-family:Inter,sans-serif;animation:.4s ease-out slideUpFade;display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0009}#preview-announcement-overlay .announce-icon{font-size:22px;animation:1s ease-in-out infinite announcePulse}#preview-announcement-overlay .announce-text{color:#f8a100;letter-spacing:.3px;font-size:12px;font-weight:600}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes announcePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}