.page-conecta-app{--c-ink:#0f0f10;--c-muted:#5a5a5e;--c-line:#e5e5e7;--c-bg-soft:#fafafa;--c-bg-card:#fff;--c-accent:#3ec47a;--c-ad:#ff8c42;min-height:100vh;color:var(--c-ink);background:radial-gradient(60% 50% at 15% 0,#c4d8b82e,#0000 60%),radial-gradient(60% 50% at 90% 100%,#f8b5c524,#0000 60%),radial-gradient(80% 70%,#fff6,#0000 80%),#f6f6f8;padding:0;font-family:inherit}.conecta-auth{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.conecta-auth-card{background:var(--c-bg-card);border:1px solid var(--c-line);text-align:center;border-radius:16px;width:100%;max-width:420px;padding:2.5rem 2rem}.conecta-auth-card .eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--c-muted);margin-bottom:.75rem;font-size:.75rem;display:inline-block}.conecta-auth-card h1{letter-spacing:-.015em;margin:0 0 .65rem;font-size:1.65rem;font-weight:600}.conecta-auth-card>p{color:var(--c-muted);margin:0 0 1.75rem;font-size:.95rem;line-height:1.45}.conecta-auth-card form{flex-direction:column;gap:.75rem;display:flex}.conecta-input{border:1px solid var(--c-line);text-align:center;letter-spacing:.05em;text-transform:uppercase;background:var(--c-bg-card);width:100%;color:var(--c-ink);border-radius:10px;padding:.85rem 1rem;font-family:inherit;font-size:1rem}.conecta-input:focus{border-color:var(--c-ink);outline:none}.conecta-input::placeholder{color:#cfcfd2;letter-spacing:.05em}.conecta-err{color:#c62828;margin:0;font-size:.85rem}.conecta-auth-card .btn{width:100%;margin-top:.25rem}.conecta-auth-help{color:var(--c-muted);margin-top:1.5rem;font-size:.85rem}.conecta-auth-help a{color:var(--c-ink);text-decoration:underline}.conecta-google-btn{border:1px solid var(--c-line);width:100%;color:var(--c-ink);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.65rem;margin-top:.5rem;padding:.85rem 1.1rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:background .15s,box-shadow .15s;display:inline-flex}.conecta-google-btn:hover{background:#f7f7f8;box-shadow:0 1px 6px #0000000f}.conecta-google-btn:active{background:#efefef}.conecta-app-msg-email{color:var(--c-muted);font-size:.85rem}.conecta-app-msg-email strong{color:var(--c-ink);font-weight:500}.conecta-app{flex-direction:column;gap:1.5rem;max-width:1100px;min-height:100vh;margin:0 auto;padding:1.5rem 1.25rem 8rem;display:flex}.conecta-header{background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.1rem;display:flex}.conecta-header-left{align-items:center;gap:.75rem;display:flex}.conecta-header-text{flex-direction:column;gap:.1rem;display:flex}.conecta-header-tag{text-transform:uppercase;letter-spacing:.13em;color:var(--c-muted);font-size:.7rem}.conecta-header-biz{font-size:1rem;font-weight:500}.conecta-header-right{align-items:center;gap:.85rem;display:flex}.conecta-header-meta{color:var(--c-muted);font-size:.82rem}.conecta-header-code{background:var(--c-bg-soft);color:var(--c-muted);border-radius:999px;padding:.18rem .6rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.72rem}.conecta-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.conecta-dot-on{background:var(--c-accent);animation:2s ease-in-out infinite conecta-pulse}.conecta-dot-off{background:#cfcfd2}@keyframes conecta-pulse{0%,to{opacity:1}50%{opacity:.45}}.conecta-link{color:var(--c-ink);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.82rem;text-decoration:underline}.conecta-section-label{letter-spacing:.13em;text-transform:uppercase;color:var(--c-muted);margin-bottom:.6rem;font-size:.72rem;display:block}.conecta-browse-head{margin-bottom:.25rem}.conecta-browse-sub{color:var(--c-muted);margin:0;font-size:.95rem}.conecta-genre-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.conecta-genre-card{-webkit-backdrop-filter:blur(28px)saturate(160%);backdrop-filter:blur(28px)saturate(160%);text-align:left;cursor:pointer;background:#ffffff8c;border:1px solid #ffffffb3;border-radius:22px;flex-direction:column;min-height:200px;padding:0;font-family:inherit;transition:transform .24s cubic-bezier(.25,.46,.45,.94),box-shadow .24s,background .24s,border-color .24s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f0f1008,0 8px 24px #0f0f100d,inset 0 1px #fff9}.conecta-genre-card:hover{background:#ffffffb8;transform:translateY(-2px);box-shadow:0 1px 2px #0f0f100a,0 14px 32px #0f0f1014,inset 0 1px #ffffffb3}.conecta-genre-card-bg{background:var(--c-genre,#e5e5e7);opacity:.42;z-index:0;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 30%,#0000 90%);mask-image:linear-gradient(#000 0% 30%,#0000 90%)}.conecta-genre-card-bg:after{content:"";background:linear-gradient(#ffffff73 0%,#fff0 50%);position:absolute;inset:0}.conecta-genre-card-body{z-index:1;flex-direction:column;flex:1;gap:.45rem;padding:4.5rem 1.4rem 1.4rem;display:flex;position:relative}.conecta-genre-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);font-size:.68rem;font-weight:500}.conecta-genre-card h3{letter-spacing:-.02em;color:var(--c-ink);margin:0;font-size:1.35rem;font-weight:600}.conecta-genre-card p{color:var(--c-muted);margin:0;font-size:.85rem;line-height:1.45}.conecta-genre-card-on{background:#ffffffbf;border-color:#0f0f1059;box-shadow:0 1px 2px #0f0f100d,0 16px 36px #0f0f101f,inset 0 0 0 1px #0f0f1066,inset 0 1px #ffffffb3}.conecta-genre-check{color:#fff;background:var(--c-ink);z-index:2;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 2px 8px #0000002e}.conecta-subgenres{background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:14px;padding:1.1rem 1.25rem 1.25rem}.conecta-pills{flex-wrap:wrap;gap:.5rem;display:flex}.conecta-pill{border:1px solid var(--c-line);background:var(--c-bg-card);color:var(--c-ink);cursor:pointer;border-radius:999px;padding:.45rem .95rem;font-family:inherit;font-size:.85rem;transition:all .12s}.conecta-pill:hover{background:var(--c-bg-soft)}.conecta-pill-on{background:var(--c-ink);color:#fff;border-color:var(--c-ink)}.conecta-mini{background:var(--c-ink);color:#fff;z-index:50;border-radius:18px;width:calc(100% - 2rem);max-width:720px;padding:.85rem 1.1rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 10px 36px #00000040}.conecta-mini-inner{grid-template-columns:1fr auto auto;align-items:center;gap:1rem;display:grid}.conecta-mini-track{min-width:0;overflow:hidden}.conecta-mini-title{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:500;overflow:hidden}.conecta-mini-meta{color:#fff9;white-space:nowrap;text-overflow:ellipsis;margin-top:.15rem;font-size:.72rem;overflow:hidden}.conecta-mini-progress{cursor:pointer;touch-action:none;align-items:center;height:14px;margin-top:.5rem;display:flex;position:relative}.conecta-mini-progress:before{content:"";background:#ffffff26;border-radius:999px;height:3px;position:absolute;left:0;right:0}.conecta-mini-progress-fill{pointer-events:none;background:#ffffffd9;border-radius:999px;height:3px;transition:width .15s linear;position:absolute;left:0}.conecta-mini-progress-thumb{pointer-events:none;background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .15s;position:absolute;top:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 1px 4px #0000004d}.conecta-mini-progress:hover .conecta-mini-progress-thumb,.conecta-mini-progress:active .conecta-mini-progress-thumb{transform:translate(-50%,-50%)scale(1)}.conecta-mini-progress:hover .conecta-mini-progress-fill{background:#fff}.conecta-mini-progress-off{pointer-events:none;cursor:default;opacity:.6}.conecta-mini-controls{align-items:center;gap:.35rem;display:flex}.conecta-ctrl{color:#fff;cursor:pointer;background:#ffffff0f;border:none;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.conecta-ctrl:hover:not(:disabled){background:#ffffff26}.conecta-ctrl:disabled{opacity:.35;cursor:not-allowed}.conecta-ctrl-main{width:44px;height:44px;color:var(--c-ink);background:#fff}.conecta-ctrl-main:hover:not(:disabled){background:#f4f4f5}.conecta-mini-volume{color:#ffffffb3;align-items:center;gap:.5rem;display:flex}.conecta-mini-volume input[type=range]{accent-color:#fff;width:110px}.conecta-mini-ad{background:linear-gradient(135deg, #1a1a1c, var(--c-ad) 280%);outline:1px solid var(--c-ad)}@media (max-width:640px){.conecta-mini{width:calc(100% - 1rem);padding:.65rem .85rem;bottom:.5rem}.conecta-mini-inner{grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:.6rem}.conecta-mini-volume{display:none}.conecta-mini-controls{justify-content:flex-end}}.conecta-oof{background:var(--c-bg-card);border:1px solid var(--c-line);text-align:center;border-radius:14px;padding:4rem 2rem}.conecta-oof h2{margin:0 0 .85rem;font-size:1.65rem;font-weight:600}.conecta-oof p{color:var(--c-muted);max-width:480px;margin:0 auto .5rem;line-height:1.55}.conecta-meta{color:var(--c-muted);font-size:.9rem}.conecta-app-msg{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;padding:2rem 1.5rem;display:flex}.conecta-app-msg h2{margin:0;font-size:1.4rem}.conecta-app-msg p{color:var(--c-muted);margin:0}.conecta-app-msg .btn{min-width:200px;margin-top:.5rem}.conecta-spinner{border:3px solid var(--c-line);border-top-color:var(--c-ink);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite conecta-spin}@keyframes conecta-spin{to{transform:rotate(360deg)}}