:root{--bg:#09090d;--panel:#111117;--ink:#f4f1ed;--muted:#aaa5a1;--acid:#c7fa57;--purple:#7772ff;--line:#ffffff24;--font:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#3c356424,transparent 36%),var(--bg);color:var(--ink);font-family:var(--font);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 5vw;background:#09090dea;border-bottom:1px solid #ffffff14;backdrop-filter:blur(16px)}.site-brand{display:flex;align-items:center;gap:10px;min-width:150px}.site-brand img{width:90px;height:50px;object-fit:contain;object-position:center}.site-brand span{font-size:9px;letter-spacing:.19em;font-weight:700}.site-nav{display:flex;align-items:center;gap:clamp(10px,2vw,24px)}.site-nav a,.site-nav button{border:0;background:transparent;color:#cbc7c2;font-size:8px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.site-nav a:hover,.site-nav button:hover{color:var(--acid)}.lang-btn{color:var(--acid)!important}.tool-shell{max-width:1320px;margin:0 auto;padding:54px 6vw 90px}.tool-eyebrow{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:.23em;text-transform:uppercase;color:var(--acid)}.tool-eyebrow:before{content:"";width:28px;height:1px;background:var(--acid)}.tool-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:center;min-height:580px}.tool-copy h1{font-size:clamp(54px,8vw,104px);line-height:.86;letter-spacing:-.09em;margin:24px 0}.tool-copy h1 span{display:block;color:transparent;-webkit-text-stroke:1px #f4f1edbb}.tool-copy p{max-width:470px;font-size:13px;line-height:1.85;color:#c4c0bc}.tool-label{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:var(--acid)}.tool-cta,.secondary-link{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:13px 16px;background:var(--acid);color:#10110b;font-size:8px;letter-spacing:.14em;text-transform:uppercase}.secondary-link{background:transparent;border:1px solid #ffffff45;color:#f4f1ed}.workbench{position:relative;min-height:440px;padding:24px;border:1px solid #ffffff2b;background:linear-gradient(145deg,#15151d,#0b0b10);box-shadow:0 28px 70px #0008;overflow:hidden}.workbench:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 15%,#7772ff24,transparent 35%);pointer-events:none}.workbench>*{position:relative;z-index:1}.workbench-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:.17em;text-transform:uppercase}.workbench-head img{width:74px;height:42px;object-fit:contain}.workbench-body{min-height:300px;display:grid;place-items:center;text-align:center;padding:20px}.upload-orb{width:120px;height:120px;margin:0 auto 22px;border-radius:50%;background:radial-gradient(circle at 37% 30%,#eeffcf,#c7fa57 6%,#6656ba 17%,#221c42 42%,#09090d 70%);box-shadow:0 0 55px #7772ff58;position:relative;animation:orbFloat 6s ease-in-out infinite}.upload-orb:before,.upload-orb:after{content:"";position:absolute;inset:-18%;border:1px solid #c7fa5777;border-radius:50%;transform:rotateX(68deg) rotateZ(-18deg)}.upload-orb:after{inset:-30%;border-color:#7772ff77;transform:rotateX(68deg) rotateZ(25deg)}.workbench-body h2{font-size:22px;letter-spacing:-.04em;margin:0 0 8px}.workbench-body p{font-size:10px;line-height:1.7;color:var(--muted);margin:0 auto;max-width:340px}.dropzone{display:inline-flex;align-items:center;gap:9px;margin-top:19px;padding:12px 15px;border:1px solid var(--acid);background:#c7fa5715;color:var(--acid);font-size:8px;letter-spacing:.1em;text-transform:uppercase}.tool-tabs{display:flex;justify-content:center;gap:8px;margin-top:18px}.tool-tabs span{padding:8px 10px;border:1px solid var(--line);font-size:7px;letter-spacing:.13em}.tool-tabs .active{color:var(--acid);border-color:#c7fa5766}.workbench-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:15px;color:#a9a39d;font-size:7px;letter-spacing:.1em;text-transform:uppercase}.workbench-foot a{color:var(--acid)}.info-section{padding:60px 0 0;border-top:1px solid var(--line)}.info-title{font-size:clamp(34px,5vw,60px);line-height:.94;letter-spacing:-.075em;margin:15px 0 28px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.info-card{min-height:155px;padding:20px;border:1px solid var(--line);background:#101016}.info-card small{font-size:7px;color:var(--acid);letter-spacing:.16em;text-transform:uppercase}.info-card h3{font-size:17px;margin:14px 0 7px;letter-spacing:-.035em}.info-card p{font-size:10px;line-height:1.7;color:var(--muted);margin:0}.privacy-note{margin-top:16px;padding:12px 14px;border-left:2px solid var(--acid);background:#c7fa5708;font-size:9px;line-height:1.7;color:#c8c2bb}.site-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;padding:23px 6vw;border-top:1px solid var(--line);font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#928c86}.site-footer .site-brand{min-width:0}.site-footer .site-brand img{width:80px;height:44px}.site-footer a:hover{color:var(--acid)}@keyframes orbFloat{50%{transform:translateY(-9px) rotateY(12deg);filter:brightness(1.15)}}@media(max-width:850px){.tool-hero{grid-template-columns:1fr;gap:34px;padding:26px 0 58px}.tool-copy h1{font-size:clamp(56px,12vw,90px)}.workbench{min-height:400px}.info-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.site-header{padding:10px 4vw;gap:8px}.site-brand{min-width:auto;gap:5px}.site-brand img{width:64px;height:38px}.site-brand span{font-size:7px}.site-nav{gap:8px}.site-nav a,.site-nav button{font-size:6px;letter-spacing:.06em}.site-nav a:nth-child(2),.site-nav a:nth-child(5),.site-nav a:nth-child(6){display:none}.tool-shell{padding:42px 5vw 65px}.workbench{padding:16px;min-height:380px}.workbench-body{min-height:265px}.info-grid{grid-template-columns:1fr}.info-card{min-height:125px}.site-footer{padding:20px 5vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important}}

/* Clear, state-aware transport icon for the library player. */
.player-transport .player-play{position:relative;display:grid;place-items:center;font-size:0!importantimportant}
.player-transport .player-play::before{content:"";width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid currentColor;transform:translateX(1px)}
.player-transport .player-play[aria-label="Pause"]::before,.player-transport .player-play[aria-label="Pausar"]::before{width:12px;height:14px;border:0;background:linear-gradient(to right,currentColor 0 4px,transparent 4px 8px,currentColor 8px 12px);transform:none};
html body .player-transport .player-play{color:transparent}
html body .player-transport .player-play::before{border-left-color:#111}
html body .player-transport .player-play[aria-label="Pause"]::before,html body .player-transport .player-play[aria-label="Pausar"]::before{background:linear-gradient(to right,#111 0 4px,transparent 4px 8px,#111 8px 12px)}


/* Keep browser emoji fonts from replacing the library's transport controls. */
html body .player-transport .player-play{font-size:0!important;color:transparent!important;width:48px;height:48px;min-width:48px;min-height:48px;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
html body .player-transport #libraryPrevious,html body .player-transport #libraryNext{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;font-size:0!important;color:transparent!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
html body .player-transport #libraryPrevious::before,html body .player-transport #libraryNext::before{content:"";width:11px;height:14px;background:#ddd;clip-path:polygon(100% 0,0 50%,100% 100%)}
html body .player-transport #libraryPrevious::after,html body .player-transport #libraryNext::after{content:"";position:absolute;width:2px;height:14px;background:#ddd}
html body .player-transport #libraryPrevious::after{left:10px}
html body .player-transport #libraryNext::before{transform:scaleX(-1)}
html body .player-transport #libraryNext::after{right:10px}
html body .track-row .track-action{position:relative;display:grid;place-items:center;width:24px;height:24px;font-size:0!important;color:transparent!important}
html body .track-row .track-action::before{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--acid)}
html body .track-row.is-current .track-action::before{width:9px;height:11px;border:0;background:linear-gradient(to right,var(--acid) 0 3px,transparent 3px 6px,var(--acid) 6px 9px)}
html body .dock-seal b{font-size:0!important;color:transparent!important}
html body .dock-seal b::after{content:"↘";font-size:18px;color:var(--acid)}

/* Mobile navigation, link targets, and player controls. */
@media(max-width:600px){html{scroll-padding-top:104px}[id]{scroll-margin-top:104px}body>header:not(.site-header){display:flex!important;flex-wrap:wrap!important;gap:2px 8px!important;padding:6px 4vw 4px!important;background:#09090df5!important}body>header:not(.site-header)>.brand{display:flex!important;align-items:center;gap:8px!important;width:100%;min-height:40px;font-size:10px!important}body>header:not(.site-header)>.brand img{width:42px!important;height:40px!important;object-fit:contain}body>header:not(.site-header)>nav{display:flex!important;align-items:center;width:100%!important;gap:6px!important;overflow-x:auto!important;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 0 3px!important;touch-action:pan-x}body>header:not(.site-header)>nav::-webkit-scrollbar,.site-nav::-webkit-scrollbar{display:none}body>header:not(.site-header)>nav>a,body>header:not(.site-header)>nav>button,.site-nav>a,.site-nav>button{display:inline-flex!important;flex:0 0 auto!important;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0 9px!important;border:1px solid #ffffff24!important;border-radius:999px;font-size:8px!important;letter-spacing:.08em!important;white-space:nowrap}.site-header{display:flex!important;flex-wrap:wrap!important;gap:3px 8px!important;padding:7px 4vw 4px!important}.site-brand{display:flex!important;align-items:center;width:100%;min-width:0!important;min-height:40px;gap:8px!important}.site-brand img{width:44px!important;height:40px!important}.site-brand span{font-size:9px!important}.site-nav{display:flex!important;flex:0 0 100%;align-items:center;width:100%;gap:6px!important;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 0 3px}.hero{padding-top:160px!important}.button,.hero-cta .text-link,.tool-cta,.secondary-link,.dropzone,.file-label,.play-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px}.hero-cta{gap:10px!important}.player-transport button{min-width:44px!important;min-height:44px!important}.track-row{grid-template-columns:30px minmax(0,1fr) 36px 44px!important;gap:4px!important;min-height:48px;padding:5px 3px!important}html body .track-row .track-action{width:40px;height:40px;min-width:40px;min-height:40px}.workbench-foot{flex-wrap:wrap}}

/* Keep every navigation destination visible and the floating dock clear on phones. */
@media(max-width:600px){
  .site-nav,body>header:not(.site-header)>nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;flex:0 0 100%;align-items:stretch;width:100%!important;max-width:100%;gap:5px!important;overflow:visible!important;overscroll-behavior:auto;touch-action:auto;padding:2px 0 4px!important}
  .site-nav>a,.site-nav>button,body>header:not(.site-header)>nav>a,body>header:not(.site-header)>nav>button{display:inline-flex!important;flex:initial!important;align-items:center;justify-content:center;width:100%;min-width:0!important;min-height:38px!important;padding:0 3px!important;font-size:7px!important;letter-spacing:.035em!important;white-space:nowrap}
  body>header:not(.site-header){padding-bottom:8px!important}
  .site-header{background:#09090df5!important}
  .floating-dock{bottom:calc(8px + env(safe-area-inset-bottom))!important;min-height:54px!important;padding:5px 7px!important;gap:8px!important;border-radius:16px!important}
  .dock-menu{height:42px!important;min-width:100px!important;padding:0 10px!important}
  .dock-message{font-size:6px!important;letter-spacing:.04em!important}
  .dock-seal{width:40px!important;height:40px!important}
  .dock-seal span{display:none!important;animation:none!important}
  body:has(.floating-dock){padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
}
@media(max-width:365px){.site-nav,body>header:not(.site-header)>nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}.dock-message{display:none!important}}


/* Mobile: make every destination and action link readable and tappable. */
@media(max-width:600px){
  .site-nav,body>header:not(.site-header)>nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .site-nav>a,.site-nav>button,body>header:not(.site-header)>nav>a,body>header:not(.site-header)>nav>button{min-width:0!important;min-height:44px!important;width:100%!important;padding:0 5px!important;font-size:8px!important;letter-spacing:.045em!important;white-space:normal!important;line-height:1.15!important;text-align:center!important}
  .platform-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:8px!important}
  .platform-links>a{display:flex!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:48px!important;align-items:center!important;justify-content:center!important;padding:10px 8px!important;font-size:10px!important;line-height:1.25!important;letter-spacing:.035em!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .button,.hero-cta .text-link,.tool-cta,.secondary-link,.dropzone,.file-label,.play-btn,.tool>a,.info-card>a,.workbench-foot>a{box-sizing:border-box!important;max-width:100%!important;min-height:44px!important;padding:11px 12px!important;font-size:10px!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .hero-cta .button,.tool-cta,.dropzone{width:100%!important;max-width:360px!important}
}


/* Mobile link layout across the whole Yenpro site. */
@media (max-width:600px){
  body>header:not(.site-header)>nav,.site-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;width:100%!important;max-width:100%!important;overflow:visible!important;}
  body>header:not(.site-header)>nav>a,body>header:not(.site-header)>nav>button,.site-nav>a,.site-nav>button{display:flex!important;justify-content:center!important;align-items:center!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:44px!important;padding:7px 4px!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important;line-height:1.2!important;font-size:8px!important;}
  .hero-cta{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;align-items:stretch!important;width:100%!important;}
  .hero-cta>a,.hero-cta .button,.hero-cta .text-link,.tool-cta,.secondary-link,.dropzone,.file-label,.journal-card>a,.info-card>a,.workbench-foot>a,.site-footer>a{display:flex!important;box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:46px!important;padding:11px 13px!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important;line-height:1.3!important;}
  .platform-links{display:block!important;width:100%!important;min-width:0!important;padding:17px!important;}
  .platform-heading{margin:0 0 12px!important;line-height:1.4!important;}
  .platform-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:8px!important;width:100%!important;}
  .platform-row>a{display:flex!important;box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:48px!important;padding:9px 7px!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important;line-height:1.25!important;font-size:10px!important;}
  #artistFilters{display:flex!important;flex-wrap:wrap!important;gap:7px!important;}
  #artistFilters label,#artistFilters button,#artistFilters input+label{box-sizing:border-box!important;min-height:44px!important;max-width:100%!important;padding:10px 12px!important;white-space:normal!important;}
  #trackList button,.track-row{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:56px!important;}
  main a[href],footer a[href],header a[href],button{touch-action:manipulation!important;}
  .store-grid{grid-template-columns:minmax(0,1fr)!important;}
  .product-card{width:100%!important;min-width:0!important;}
  .site-footer{align-items:stretch!important;}
  .floating-dock a,.dock-menu{min-height:44px!important;}
}
@media (max-width:365px){
  body>header:not(.site-header)>nav,.site-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .platform-row{grid-template-columns:1fr!important;}
}

/* Keep every link clear on the narrowest phones too. */
@media(max-width:365px){body>header:not(.site-header)>nav,.site-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}.platform-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

@media(max-width:600px){.site-header{display:flex!important;flex-wrap:wrap!important;}.site-nav{flex:0 0 100%!important;}}