:root{--ink:#1e2029;--muted:#747681;--paper:#fafafa;--violet:#6757d9;--coral:#f37f6c;--line:#e8e8eb}*{box-sizing:border-box}body{margin:0;background:#ededf0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}.app-shell{min-height:100vh;max-width:860px;margin:auto;background:var(--paper)}.sidebar{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:min(860px,100%);height:72px;padding:7px 15px max(7px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);display:block}.brand,.profile-mini{display:none}nav{height:100%;display:flex;justify-content:space-around}.nav-item{position:relative;min-width:62px;border:0;background:transparent;color:#9698a1;padding:3px 4px;font:600 10px/1.15 Inter,ui-sans-serif,system-ui;cursor:pointer}.nav-item span{display:block;font-size:23px;line-height:28px}.nav-item em{font-style:normal}.nav-item b{position:absolute;top:1px;right:3px;background:#f5ded9;color:#a24d40;border-radius:20px;font-size:9px;padding:2px 5px}.nav-item.active{color:var(--violet)}.content{padding:28px 20px 100px;width:100%;max-width:860px}.topbar,.intro,.section-heading{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#8a8c97;margin:0 0 5px}h1{font-size:28px;line-height:1.1;letter-spacing:-1.1px;margin:0;font-weight:800}.filter{border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 11px;font:700 11px Inter,ui-sans-serif,system-ui;color:#545660}.intro{margin-top:37px}.intro h2,.section-heading h2{font-size:17px;letter-spacing:-.5px;margin:0}.intro p{color:var(--muted);font-size:12px;max-width:500px;line-height:1.55;margin:7px 0 0}.match-count{font-size:10px;white-space:nowrap;font-weight:700;color:#5d4fc0;background:#eceaff;padding:7px 9px;border-radius:20px}.taste-cloud{height:250px;border-radius:18px;margin:21px 0 36px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 47%,#e9e6ff 0 8%,transparent 8.3%),linear-gradient(120deg,#f0eefc,#fcf2f0)}.cloud-node{position:absolute;border:0;border-radius:50px;padding:9px 13px;font:700 11px Inter,ui-sans-serif,system-ui;cursor:pointer;box-shadow:0 5px 15px #78709b1c;transition:.2s}.cloud-node:hover{transform:scale(1.06)}.central{top:100px;left:36%;background:#262432;color:#fff;padding:13px 18px;z-index:2}.artist{background:#fff;color:#343047}.genre{background:#ffd0c7;color:#74392f}.skill{background:#d2f2d9;color:#25663a}.one{top:26px;left:13%}.two{top:32px;right:10%}.three{bottom:25px;left:8%}.four{bottom:21px;right:9%}.five{top:112px;left:-3%}.six{top:113px;right:-3%}.orbit{position:absolute;border:1px dashed #b8b0d2;border-radius:50%;left:25%;top:38px;width:50%;height:174px}.orbit-b{left:12%;top:8px;width:76%;height:232px;border-color:#e3bcc1}.section-heading button{border:0;background:none;color:#5e4dcc;font:700 11px Inter,ui-sans-serif,system-ui}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:16px}.person-card{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden}.photo{height:155px;position:relative;overflow:hidden}.portrait{width:100%;height:100%;background:linear-gradient(135deg,#c5b2a4,#493f57)}.person-card:nth-child(2) .portrait{background:linear-gradient(135deg,#eca683,#71576d)}.person-card:nth-child(3) .portrait{background:linear-gradient(135deg,#c8ced1,#656377)}.compatibility{position:absolute;top:9px;left:9px;color:white;font-size:9px;font-weight:800;background:#282335d9;border-radius:20px;padding:5px 7px}.play{position:absolute;bottom:10px;right:10px;width:37px;height:37px;border:0;border-radius:50%;background:#fff;color:#5745cd;cursor:pointer;box-shadow:0 4px 12px #3334}.card-body{padding:12px}.person-name{display:flex;align-items:baseline;gap:4px}.person-name h3{margin:0;font-size:14px;letter-spacing:-.4px}.age,.city{font-size:10px;color:var(--muted)}.city{margin:2px 0 8px}.connection{font-size:10px;background:#f1effd;color:#5747b8;display:inline-block;border-radius:5px;padding:4px 5px;margin:0 0 9px}.track{border-top:1px solid #f0edef;padding-top:8px;display:flex;align-items:center;gap:6px}.record{font-size:16px;color:var(--coral)}.track strong,.track small{display:block;font-size:9px;line-height:1.4}.track small{color:var(--muted)}.preview-label{display:none}.card-actions{display:flex;gap:6px;margin-top:11px}.card-actions button{width:50%;border-radius:8px;padding:6px;border:1px solid var(--line);background:white;font-size:16px;cursor:pointer}.card-actions .like{background:#6757d9;border-color:#6757d9;color:#fff}.view{display:none}.view.active{display:block}.empty{text-align:center;padding:150px 10px}.empty span{font-size:42px;color:var(--violet)}.empty h2{margin:15px 0 7px}.empty p{color:var(--muted);font-size:13px}@media(min-width:680px){.content{padding:42px 42px 112px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.taste-cloud{height:285px}.central{top:112px;left:40%}.one{top:41px;left:22%}.two{top:43px;right:18%}.three{bottom:45px;left:16%}.four{bottom:38px;right:16%}.five{top:111px;left:6%}.six{top:113px;right:6%}.orbit{left:31%;top:46px;width:38%;height:190px}.orbit-b{left:20%;top:13px;width:60%;height:255px}}
.onboarding{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#f2efff,#fbf4f1)}.onboarding-card{width:min(100%,440px);max-height:calc(100vh - 40px);min-height:590px;overflow-y:auto;background:#fff;border:1px solid #e9e7ef;border-radius:24px;padding:30px 24px;box-shadow:0 18px 60px #4a42651a;display:none}.onboarding-card.active{display:flex;flex-direction:column}.onboarding-brand{font-size:19px;font-weight:800;text-decoration:none;color:var(--ink);letter-spacing:-.8px}.onboarding-brand span{font-size:27px;color:var(--violet);margin-right:1px}.onboarding-copy{margin-top:70px}.onboarding-copy h2{font-size:28px;line-height:1.13;letter-spacing:-1.1px;margin:0}.onboarding-copy p:last-child{font-size:13px;line-height:1.5;color:var(--muted);margin:11px 0 0}.onboarding form{margin-top:38px;display:grid;gap:9px}.onboarding label,.field-title h3{font-size:12px;font-weight:800}.onboarding input,.onboarding select{width:100%;height:49px;border:1px solid #dcdce2;border-radius:11px;padding:0 13px;background:#fff;font:500 14px Inter,ui-sans-serif,system-ui;color:var(--ink);outline:none}.onboarding select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#756887 50%),linear-gradient(135deg,#756887 50%,transparent 50%);background-position:calc(100% - 17px) 21px,calc(100% - 12px) 21px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:36px;cursor:pointer}.onboarding input:focus,.onboarding select:focus{border-color:var(--violet);box-shadow:0 0 0 3px #6757d91c}.signup-fields{display:grid;gap:9px}.auth-field-hint{display:block;margin-top:-3px;color:#918999;font-size:10px;line-height:1.35}.primary-button{height:50px;border:0;border-radius:11px;background:var(--violet);color:#fff;font:800 14px Inter,ui-sans-serif,system-ui;cursor:pointer;margin-top:10px}.primary-button span{float:right;font-size:20px;line-height:13px;margin-right:15px}.primary-button:disabled{background:#d6d4df;color:#fff;cursor:not-allowed}.legal{font-size:10px;color:#9797a1;line-height:1.5;text-align:center;margin:15px 18px}.demo-link{margin:auto auto 0;border:0;background:none;color:#6253cb;font:700 12px Inter,ui-sans-serif,system-ui;cursor:pointer}.progress{display:flex;gap:5px}.progress span{height:4px;flex:1;background:#e7e5ed;border-radius:8px}.progress .done{background:var(--violet)}.back{border:0;background:none;padding:0;color:#696b75;font:700 12px Inter,ui-sans-serif,system-ui;text-align:left;margin-top:23px;cursor:pointer}.taste-step .onboarding-copy{margin-top:26px}.taste-step .onboarding-copy h2{font-size:25px}.taste-section{margin-top:25px}.field-title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.field-title h3{margin:0}.field-title span{font-size:10px;color:#93949e}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{border:1px solid #dedde4;border-radius:20px;padding:8px 11px;background:#fff;color:#545561;font:700 11px Inter,ui-sans-serif,system-ui;cursor:pointer}.chips button.selected{border-color:#6757d9;background:#efedff;color:#5142bd}.artist-inputs{display:grid;gap:7px}.artist-inputs input{height:40px;font-size:12px}.taste-step .primary-button{margin-top:auto}@media(max-width:390px){.onboarding{place-items:start;overflow:auto;padding:0}.onboarding-card{border-radius:0;min-height:100vh;padding:27px 20px}.onboarding-copy{margin-top:45px}.taste-section{margin-top:19px}.chips{gap:6px}.chips button{padding:7px 9px}}
.signup-fields[hidden],.auth-otp-field[hidden]{display:none!important}.auth-step.signin-mode{min-height:0;max-height:none;padding:32px 24px}.auth-step.signin-mode .onboarding-brand,.auth-step.signin-mode .onboarding-copy,.auth-step.signin-mode .legal{display:none}.auth-step.signin-mode form{margin-top:0;gap:9px}.auth-step.signin-mode .demo-link{margin-top:18px}.auth-step.signin-mode #auth-submit{margin-top:8px}
.resend-otp{width:100%;min-height:38px;border:1px solid #ded8ed;border-radius:10px;background:#f8f6ff;color:#6757d9;font:700 11px Inter,ui-sans-serif,system-ui;cursor:pointer}.resend-otp:disabled{background:#f3f1f5;color:#aaa5b0;cursor:wait}.primary-button span{float:right;font-size:20px;line-height:13px;margin-right:15px}.primary-button:disabled{background:#d6d4df;color:#fff;cursor:not-allowed}.legal{font-size:10px;color:#9797a1;line-height:1.5;text-align:center;margin:15px 18px}.demo-link{margin:auto auto 0;border:0;background:none;color:#6253cb;font:700 12px Inter,ui-sans-serif,system-ui;cursor:pointer}.progress{display:flex;gap:5px}.progress span{height:4px;flex:1;background:#e7e5ed;border-radius:8px}.progress .done{background:var(--violet)}.back{border:0;background:none;padding:0;color:#696b75;font:700 12px Inter,ui-sans-serif,system-ui;text-align:left;margin-top:23px;cursor:pointer}.taste-step .onboarding-copy{margin-top:26px}.taste-step .onboarding-copy h2{font-size:25px}.taste-section{margin-top:25px}.field-title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.field-title h3{margin:0}.field-title span{font-size:10px;color:#93949e}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{border:1px solid #dedde4;border-radius:20px;padding:8px 11px;background:#fff;color:#545561;font:700 11px Inter,ui-sans-serif,system-ui;cursor:pointer}.chips button.selected{border-color:#6757d9;background:#efedff;color:#5142bd}.artist-inputs{display:grid;gap:7px}.artist-inputs input{height:40px;font-size:12px}.taste-step .primary-button{margin-top:auto}@media(max-width:390px){.onboarding{place-items:start;overflow:auto;padding:0}.onboarding-card{border-radius:0;min-height:100vh;padding:27px 20px}.onboarding-copy{margin-top:45px}.taste-section{margin-top:19px}.chips{gap:6px}.chips button{padding:7px 9px}}
.wave-progress{height:6px;background:#e7e5ed;border-radius:9px;overflow:hidden;margin-top:24px}.wave-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#6757d9,#9b8ffc);transition:width .3s}.wave-progress-label{font-size:11px;color:var(--muted);margin:7px 0 14px}.wave-progress-label strong{color:#5546bd}.track-stack{height:365px;position:relative}.track-card{position:absolute;inset:0;background:#fff;border:1px solid var(--line);border-radius:19px;overflow:hidden;box-shadow:0 10px 23px #48415a12;touch-action:none;user-select:none;transition:transform .22s ease,opacity .22s ease}.track-art{height:224px;position:relative;background:linear-gradient(135deg,#3b3458,#a76679);overflow:hidden}.track-art:before,.track-art:after{content:"";position:absolute;border:1px solid #ffffff44;border-radius:50%;width:270px;height:270px;left:-25px;top:-83px}.track-art:after{width:180px;height:180px;left:73px;top:-38px}.track-genre{position:absolute;top:15px;left:15px;background:#ffffffdd;color:#484050;border-radius:20px;padding:6px 9px;font-size:10px;font-weight:800}.track-play{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:61px;height:61px;border:0;border-radius:50%;background:#fff;color:#5948ca;font-size:19px;box-shadow:0 6px 22px #2228;cursor:pointer}.sound-bars{position:absolute;bottom:17px;left:18px;right:18px;height:27px;display:flex;gap:5px;align-items:center}.sound-bars i{width:100%;background:#ffffffb3;border-radius:4px}.sound-bars i:nth-child(1){height:9px}.sound-bars i:nth-child(2){height:20px}.sound-bars i:nth-child(3){height:13px}.sound-bars i:nth-child(4){height:27px}.sound-bars i:nth-child(5){height:17px}.sound-bars i:nth-child(6){height:22px}.sound-bars i:nth-child(7){height:10px}.track-card-info{padding:17px}.track-card-artist{margin:0;color:#6960b8;font-size:11px;font-weight:800}.track-card-name{font-size:21px;letter-spacing:-.7px;margin:4px 0}.track-card-note{font-size:11px;color:var(--muted);margin:0}.swipe-indicator{position:absolute;top:22px;border:2px solid;border-radius:5px;padding:5px;font-size:14px;font-weight:900;opacity:0;transform:rotate(-12deg)}.swipe-indicator.no{left:19px;color:#ed6c60}.swipe-indicator.yes{right:19px;color:#4db27a;transform:rotate(12deg)}.swipe-actions{display:flex;justify-content:center;gap:33px;margin:19px 0 10px}.swipe-actions button{width:63px;height:63px;border-radius:50%;background:#fff;border:1px solid var(--line);font-size:27px;box-shadow:0 5px 14px #59556615;cursor:pointer}.swipe-actions small{display:block;font-size:8px;font-weight:800;margin-top:-2px}.swipe-back{color:#746579}.swipe-skip{color:#e16f64}.swipe-like{color:#fff!important;background:#6757d9!important;border-color:#6757d9!important}.swipe-actions button:disabled{opacity:.4;cursor:not-allowed}.swipe-hint{text-align:center;color:#9697a0;font-size:10px;line-height:1.45;margin:0 auto;max-width:275px}@media(min-width:680px){.wave-view{max-width:480px;margin:auto}.track-stack{height:405px}.track-art{height:260px}}
.match-results{display:none}.match-results .section-heading{margin:24px 0 5px}.result-description{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 17px}.match-results .cards{display:block;margin:0}.match-results .person-card{display:none}.match-results .person-card:first-child{display:block;border:0;border-radius:0;background:transparent}.match-results .photo{height:calc(100vh - 255px);min-height:390px;border-radius:21px}.match-results .portrait{background:linear-gradient(135deg,#b6a591,#3f354d)}.match-results .compatibility{top:17px;left:17px;font-size:11px;padding:7px 10px}.match-results .play{width:58px;height:58px;bottom:17px;right:17px;font-size:17px}.match-results .card-body{padding:16px 2px}.match-results .person-name h3{font-size:24px}.match-results .age,.match-results .city{font-size:12px}.match-results .connection{font-size:11px}.match-results .track{padding:13px 0}.match-results .track strong,.match-results .track small{font-size:12px}.match-results .preview-label{display:block;font-size:9px}.match-results .card-actions button{padding:11px}.match-results .section-heading button{display:none}#matches.interest-selected .intro{display:none}#matches.interest-selected .taste-cloud{height:54px;margin:17px 0 0;border-radius:13px;background:#f0eefc;overflow:hidden;transition:height .42s ease}#matches.interest-selected .taste-cloud .cloud-node:not(.selected-node),#matches.interest-selected .taste-cloud .orbit{display:none}#matches.interest-selected .taste-cloud .selected-node{left:16px;top:11px;background:#6757d9;color:#fff;box-shadow:none;pointer-events:none}#matches.interest-selected .match-results{display:block}#matches.interest-selected #return-to-cloud{display:block}@media(min-width:680px){.match-results .photo{height:520px}.match-results .person-card{max-width:520px;margin:auto}}
#matches:not(.intro-ready):not(.intro-dismissing) .match-results{display:none!important}
.mini-play{margin-left:auto;width:28px;height:28px;border:1px solid #e3e0ef;border-radius:50%;background:#fff;color:#6757d9;font-size:10px;cursor:pointer}.track{gap:8px}.track-list .track+.track{border-top:1px solid #f0edef}.match-results .person-card.active-match{display:block}.match-results .person-card:first-child:not(.active-match){display:none}
.profile-player{display:flex;align-items:center;gap:11px;width:100%;margin-top:17px;padding:12px;border:0;border-radius:14px;background:#6757d9;color:#fff;text-align:left;cursor:pointer}.player-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#6757d9;font-size:14px}.profile-player b,.profile-player small{display:block}.profile-player b{font-size:12px}.profile-player small{font-size:9px;opacity:.76;margin-top:2px}.player-wave{margin-left:auto;font-style:normal;letter-spacing:-2px;font-size:18px;opacity:.8}.profile-player.playing .player-wave{animation:wave-pulse .55s ease-in-out infinite alternate}.profile-player.playing .player-icon{font-size:0}.profile-player.playing .player-icon:after{content:'❚❚';font-size:11px}@keyframes wave-pulse{from{transform:scaleY(.65);opacity:.45}to{transform:scaleY(1.25);opacity:1}}#discover-cards .person-card:not(:first-child){display:none}
.sidebar{box-shadow:0 -7px 22px #35314c14}.nav-item{border-radius:14px;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.nav-item:active{transform:translateY(3px) scale(.95);box-shadow:inset 0 2px 5px #302a5824}.nav-item.active:not(.profile-tab){background:linear-gradient(145deg,#faf9ff,#e6e1ff);box-shadow:0 4px 9px #6757d929,inset 0 1px 1px #fff}.profile-tab span{box-shadow:0 6px 12px #6757d947,inset 0 1px 2px #fff;transition:transform .14s ease,box-shadow .14s ease}.profile-tab:active span{transform:translateY(-8px) scale(.9);box-shadow:0 2px 5px #6757d933,inset 0 2px 4px #42358c36}#discover{min-height:calc(100vh - 194px)}#discover .intro{margin-top:0}#discover-cards{height:calc(100vh - 270px);min-height:570px;margin-top:18px}#discover-cards .person-card:first-child{height:100%;display:flex;flex-direction:column;border-radius:22px;box-shadow:0 12px 28px #3f3a551a}#discover-cards .photo{height:auto;min-height:0;flex:1}#discover-cards .card-body{padding:18px}#discover-cards .track-list{display:none}#discover-cards .card-actions{margin-top:14px}#discover-cards .card-actions button{height:48px;font-size:22px}
.sidebar > .brand{
  position:fixed;
  z-index:36;
  top:max(12px,env(safe-area-inset-top));
  left:50%;
  width:max-content;
  transform:translateX(-50%);
  text-decoration:none;
  font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif;
}
.sidebar{
  left:0;
  transform:none;
  width:100%;
}
nav{max-width:860px;margin:0 auto}
.global-player{position:fixed;z-index:90;bottom:90px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:828px;height:68px;border:0;border-radius:18px;background:linear-gradient(135deg,#5b4bc4,#816ce9);color:#fff;display:flex;align-items:center;padding:8px 12px;gap:10px;box-shadow:0 9px 22px #5849b45c,inset 0 1px 1px #ffffff54}.global-play-button{flex:0 0 42px;border:0;background:none;padding:0;cursor:pointer}.global-play-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#fff;color:#5d4dca;font-size:15px;box-shadow:0 3px 7px #1b174e3b}.global-player-main{min-width:0;flex:1}.global-player-text{display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left}.global-player-text b{font-size:11px}.global-player-text small{font-size:9px;opacity:.75;white-space:nowrap}.global-progress{width:100%}.global-player input[type=range]{display:block;width:100%;height:15px;margin:4px 0 0;accent-color:#fff;cursor:pointer}.global-volume{display:flex;align-items:center;gap:6px;min-width:110px;color:#fff;font-size:11px}.global-volume input[type=range]{width:70px;height:8px;accent-color:#fff;cursor:pointer}.global-equalizer{display:flex;gap:3px;align-items:center;height:28px}.global-equalizer i{width:3px;height:10px;border-radius:3px;background:#fff;opacity:.8}.global-player.playing .global-equalizer i{animation:equalize .5s ease-in-out infinite alternate}.global-player.playing .global-equalizer i:nth-child(2){animation-delay:.16s}.global-player.playing .global-equalizer i:nth-child(3){animation-delay:.27s}.global-player.playing .global-equalizer i:nth-child(4){animation-delay:.08s}.global-player.playing .global-play-icon{font-size:0}.global-player.playing .global-play-icon:after{content:'❚❚';font-size:11px}@keyframes equalize{to{height:27px;opacity:1}}
.view.active{animation:tab-enter .28s cubic-bezier(.2,.8,.2,1)}@keyframes tab-enter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.random-heading{margin:26px 0 0}.random-heading span{font-size:11px;color:var(--muted)}#discover .cards{margin-top:16px}#discover .person-card{box-shadow:0 9px 22px #3f3a5512}#discover .person-card:nth-child(n+2){display:block}.likes-view,.messages-view{padding-bottom:130px}.likes-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.likes-empty,.messages-empty{display:none}.conversation-list{display:grid;gap:10px;margin-top:22px}.conversation{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 5px 14px #3f3a550d}.conversation-avatar{width:46px;height:46px;flex:0 0 46px;border-radius:50%;background:center/cover}.conversation strong{font-size:13px}.conversation p{margin:3px 0;color:#555560;font-size:11px;line-height:1.35}.conversation small{color:#6960b8;font-size:10px;font-weight:700}.conversation>span{margin-left:auto;color:var(--violet);font-size:25px}
.messages-tabs{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.messages-tab-buttons{display:flex;gap:6px}.messages-tab,.friend-tools button{border:1px solid var(--line);border-radius:10px;background:#fff;color:#696874;padding:7px 11px;font-size:11px;font-weight:800;cursor:pointer}.messages-tab.active{background:#6757d9;border-color:#6757d9;color:#fff}.friend-tools{display:flex;align-items:center;gap:5px;margin-left:auto}.friend-tools input{width:126px;border:1px solid var(--line);border-radius:10px;padding:7px 9px;font:500 11px Inter,ui-sans-serif,system-ui;color:#383843}.friend-tools button{padding:7px 8px;color:#6757d9}.friend-search-results,.friend-requests{display:grid;gap:8px;margin-top:10px}.friend-search-result,.friend-request,.friend-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}.friend-search-result div,.friend-request div{display:grid;gap:2px}.friend-search-result small,.friend-request small{font-size:10px;color:#6960b8}.friend-search-result button,.friend-request button{margin-left:auto;border:0;border-radius:8px;background:#6757d9;color:#fff;padding:7px 9px;font-size:10px;font-weight:800}.friends-list{display:grid;gap:8px;margin-top:22px}.friend-card{text-align:left;width:100%;cursor:pointer}.friend-card>span:nth-child(2){display:grid;gap:2px}.friend-card small{font-size:10px;color:#6960b8}.friend-card em{margin-left:auto;color:#777783;font-size:10px;font-style:normal}.friend-empty{margin:14px 0;color:#777783;font-size:12px}
.eyebrow{font-size:11px}.intro h2,.section-heading h2{font-size:20px}.intro p{font-size:14px}.match-count{font-size:11px}.person-name h3{font-size:17px}.age,.city{font-size:12px}.connection{font-size:12px}.track strong,.track small{font-size:11px}.nav-item{font-size:11px}.nav-item span{font-size:30px}.content{padding-left:16px;padding-right:16px}.view#discover{margin-left:-8px;margin-right:-8px}.view#discover .intro{padding-left:8px;padding-right:8px}.view#discover-cards{width:calc(100% + 16px);margin-left:-8px;margin-right:-8px}.view#discover .person-card:first-child{border-radius:24px}.view#discover .person-name h3{font-size:23px}.view#discover .age,.view#discover .city{font-size:14px}.view#discover .connection{font-size:13px}.view#discover .card-body{padding:21px}.view#discover .card-actions button{height:52px;font-size:24px}.profile-header h2{font-size:22px}.profile-header p:last-child{font-size:13px}.wave-view .track-card-name{font-size:26px}.wave-view .track-card-artist,.wave-view .track-card-note{font-size:13px}
.new-view{min-height:calc(100vh - 118px);flex-direction:column}.new-view.active{display:flex}.new-top{display:flex;justify-content:space-between;align-items:center;margin:2px 4px 16px}.new-top button{width:35px;height:35px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:21px;color:#575866}.new-person{flex:1;min-height:0;border-radius:25px;overflow:hidden;background:#fff;box-shadow:0 12px 30px #312b441c;display:flex;flex-direction:column}.new-photo{position:relative;flex:1;min-height:320px;background:#8a736e}.new-photo img{width:100%;height:100%;position:absolute;object-fit:cover}.new-photo:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#1d192877)}.new-photo>span{position:absolute;z-index:1;top:15px;left:15px;padding:7px 10px;border-radius:18px;background:#ffffffd9;font-size:11px;font-weight:800}.new-play{position:absolute;z-index:2;right:17px;bottom:17px;width:58px;height:58px;border:0;border-radius:50%;background:#fff;color:#5e4dcc;font-size:18px;box-shadow:0 4px 14px #1115}.new-details{padding:18px}.new-details h2{font-size:27px;letter-spacing:-1px;margin:0}.new-details h2 small{font-size:17px;font-weight:500;color:#858590}.new-details>div:first-child p{margin:3px 0 0;color:var(--muted);font-size:13px}.new-bio{font-size:13px;line-height:1.5;margin:14px 0;color:#4b4a55}.new-track{display:flex;align-items:center;gap:9px;padding:10px;background:#f1effd;border-radius:12px}.new-track>span{font-size:20px;color:#6757d9}.new-track b,.new-track small{display:block;font-size:11px}.new-track small{margin-top:2px;color:var(--muted)}.new-track button{margin-left:auto;width:31px;height:31px;border:0;border-radius:50%;background:#6757d9;color:#fff}.new-actions{display:flex;justify-content:center;gap:42px;margin:18px 0 9px}.new-actions button{width:64px;height:64px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:26px;box-shadow:0 5px 14px #4b46551c}.new-actions small{display:block;font-size:9px;font-weight:800;margin-top:-2px}.new-pass{color:#d76760}.new-like{background:#6757d9!important;color:#fff;border-color:#6757d9!important}.new-note{text-align:center;font-size:11px;line-height:1.4;color:#898a93;margin:0 14px}@media(min-width:680px){.new-view{max-width:520px;margin:auto}.new-photo{min-height:450px}}
.new-top h2{font-size:20px;margin:2px 0 0}.random-actions{margin:16px 0 0}.random-actions button{height:47px;font-size:22px}.profile-stats{display:flex;gap:8px;margin:18px 0 -3px}.profile-stats span{flex:1;padding:9px 4px;border-radius:11px;background:#f1effd;text-align:center;color:#777783;font-size:10px}.profile-stats b{display:block;color:#5546bd;font-size:15px}.edit-view{padding-bottom:120px}.edit-top{display:flex;align-items:center;gap:13px}.edit-top button{border:0;background:none;font-size:25px}.edit-top h2{margin:1px 0;font-size:24px}.edit-avatar{width:92px;height:92px;margin:31px auto;border-radius:50%;display:grid;place-items:center;background:#e9b7ad;color:#71423e;font-size:24px;font-weight:800;position:relative}.edit-avatar button{position:absolute;top:77px;white-space:nowrap;border:0;border-radius:12px;background:#6757d9;color:#fff;padding:5px 8px;font-size:9px}.edit-view label{display:block;margin-top:25px;font-size:12px;font-weight:800}.edit-view textarea,.edit-view input{display:block;width:100%;margin-top:8px;border:1px solid #dedde4;border-radius:12px;padding:11px;font:500 13px Inter,ui-sans-serif,system-ui;color:#383843}.edit-view textarea{height:83px;resize:none}.edit-view .primary-button{width:100%;margin-top:32px}
.profile-tab{color:#6757d9}.profile-tab span{width:34px;height:34px;margin:0 auto 0;border-radius:50%;display:grid;place-items:center;background:#efedff;transform:translateY(-7px);box-shadow:0 4px 11px #6757d92b}.profile-tab em{display:block;margin-top:-8px}.profile-header{display:flex;align-items:center;gap:12px;margin-top:5px}.profile-header h2{font-size:18px;margin:1px 0}.profile-header p:last-child{font-size:11px;color:var(--muted);margin:4px 0}.profile-header button{margin-left:auto;border:1px solid var(--line);border-radius:9px;padding:8px;background:#fff;color:#6253cb;font-size:11px;font-weight:800}.profile-photo{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ffcfbc,#bf8580);font-weight:800;color:#6c4342}.match-stamp{position:absolute;z-index:2;top:28px;padding:7px 9px;border:3px solid;border-radius:6px;font-size:15px;font-weight:900;opacity:0}.like-stamp{right:20px;color:#28a16b;transform:rotate(13deg)}.dislike-stamp{left:20px;color:#e46258;transform:rotate(-13deg)}.person-card.drag-right .like-stamp,.person-card.swipe-right .like-stamp{opacity:1}.person-card.drag-left .dislike-stamp,.person-card.swipe-left .dislike-stamp{opacity:1}.person-card.swipe-right{animation:like-fly .48s cubic-bezier(.23,.79,.36,1) forwards}.person-card.swipe-left{animation:dislike-fly .48s cubic-bezier(.23,.79,.36,1) forwards}@keyframes like-fly{0%{transform:translateX(var(--swipe-start-x,0px)) rotate(var(--swipe-start-rotation,0deg))}22%{transform:translateX(calc(var(--swipe-start-x,0px) + 18px)) rotate(calc(var(--swipe-start-rotation,0deg) + 2deg))}100%{transform:translateX(125vw) rotate(25deg);opacity:0}}@keyframes dislike-fly{0%{transform:translateX(var(--swipe-start-x,0px)) rotate(var(--swipe-start-rotation,0deg))}22%{transform:translateX(calc(var(--swipe-start-x,0px) - 18px)) rotate(calc(var(--swipe-start-rotation,0deg) - 2deg))}100%{transform:translateX(-125vw) rotate(-25deg);opacity:0}}
.toast{position:fixed;z-index:20;left:50%;bottom:174px;max-width:calc(100% - 32px);padding:11px 14px;border-radius:12px;background:#282432;color:#fff;font-size:12px;font-weight:700;line-height:1.35;text-align:center;box-shadow:0 8px 24px #2824323d;opacity:0;pointer-events:none;transform:translate(-50%,10px);transition:opacity .2s ease,transform .2s ease}.toast.visible{opacity:1;transform:translate(-50%,0)}
.sidebar{height:82px;padding-top:8px;overflow:visible}.nav-item{min-width:66px;font-size:10px;overflow:visible}.nav-item span{font-size:28px;line-height:34px;height:34px;display:block;overflow:visible}.profile-tab span{width:42px;height:42px;font-size:24px!important;transform:translateY(-7px)}.profile-tab em{margin-top:-7px}.content{padding-bottom:112px}.view#discover .cards{grid-template-columns:1fr;gap:17px}.view#discover .photo{height:248px}.view#discover .card-body{padding:16px}.view#discover .person-name h3{font-size:19px}.view#discover .age,.view#discover .city{font-size:12px}.view#discover .connection{font-size:11px;padding:6px 7px}.view#discover .track{padding-top:11px}.view#discover .track strong,.view#discover .track small{font-size:11px}.view#discover .card-actions button{padding:10px;font-size:19px}.wave-view .intro{margin-top:29px}.wave-view .track-stack{height:435px}.wave-view .track-art{height:282px}.wave-view .track-card-name{font-size:24px}.wave-view .track-card-info{padding:20px}.wave-view .swipe-actions button{width:70px;height:70px;font-size:30px}.wave-view .swipe-hint{font-size:11px}.profile-header{margin-top:9px}.profile-photo{width:60px;height:60px;font-size:18px}.profile-header h2{font-size:20px}@media(min-width:680px){.view#discover .cards{grid-template-columns:repeat(2,1fr)}.view#discover .photo{height:255px}.wave-view .track-stack{height:460px}}
.brand,.onboarding-brand{display:flex;align-items:center;gap:7px;color:#30243d}.brand-mark{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:11px 11px 15px 15px;background:linear-gradient(145deg,#ff8fcf 0%,#9d4ee6 52%,#4b2b98 100%);color:#fff;font-size:25px;line-height:1;transform:rotate(-8deg);box-shadow:inset 3px 3px 5px #ffffff88,5px 7px 12px #7d3cb64d;text-shadow:2px 3px 0 #43227c}.brand-mark:after,.brand-mark:before{content:"";position:absolute;bottom:-5px;width:7px;height:10px;border-radius:0 0 7px 7px;background:#6d35b5;box-shadow:inset 1px 1px 2px #ffffff66}.brand-mark:before{left:7px;transform:rotate(7deg)}.brand-mark:after{right:7px;transform:rotate(-7deg)}.onboarding-brand .brand-mark{width:38px;height:38px}.splash{position:fixed;z-index:40;inset:0;display:grid;place-items:center;align-content:center;gap:8px;background:radial-gradient(circle at 50% 38%,#ffb9df,#8c55dc 52%,#34234f);color:#fff;animation:splash-in .8s ease both}.splash.hide{animation:splash-out .55s ease forwards;pointer-events:none}.splash strong{font-size:27px;letter-spacing:-1px}.splash small{font-size:11px;opacity:.78}.splash-mark{position:relative;width:92px;height:92px;display:grid;place-items:center;border-radius:30px 30px 37px 37px;background:linear-gradient(145deg,#ffd0eb,#ff71c8 42%,#7131c1 100%);box-shadow:inset 8px 8px 13px #ffffff77,12px 16px 25px #24133d55;transform:rotate(-8deg);animation:logo-bounce 1.15s .12s cubic-bezier(.2,.8,.2,1) both}.splash-mark span{font-size:65px;line-height:1;color:#fff;text-shadow:4px 5px 0 #6b2aa0}.splash-mark i{position:absolute;bottom:-8px;width:14px;height:24px;border-radius:0 0 13px 13px;background:#7131c1;box-shadow:inset 2px 2px 4px #ffffff66}.splash-mark i:first-of-type{left:21px}.splash-mark i:last-of-type{right:21px}@keyframes splash-in{from{opacity:0}to{opacity:1}}@keyframes splash-out{to{opacity:0;visibility:hidden}}@keyframes logo-bounce{from{transform:translateY(22px) scale(.72) rotate(-18deg);opacity:0}70%{transform:translateY(-4px) scale(1.06) rotate(-6deg)}to{transform:translateY(0) scale(1) rotate(-8deg);opacity:1}}
#discover-cards .person-card:not(:first-child){display:none}#discover-cards .person-card.active-discovery{display:block!important}#discover-cards{height:calc(100vh - 285px);min-height:460px;position:relative;display:block}#discover-cards .person-card{position:absolute;inset:0;height:100%;display:none;flex-direction:column;border-radius:22px;box-shadow:0 12px 28px #3f3a551a}#discover-cards .person-card.active-discovery{display:flex!important}#discover-cards .photo{height:auto;min-height:0;flex:1}#discover-cards .card-body{padding:18px}#discover-cards .track-list{display:none}#discover-cards .card-actions button{height:48px;font-size:22px}.person-card.drag-right .like-stamp,.person-card.swipe-right .like-stamp{opacity:1}.person-card.drag-left .dislike-stamp,.person-card.swipe-left .dislike-stamp{opacity:1}.messenger{position:fixed;z-index:30;inset:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff9fd,#f7f1fb);transform:translateX(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.messenger.open{transform:translateX(0)}.messenger-head{display:flex;align-items:center;gap:11px;padding:17px 18px;border-bottom:1px solid #eaddeb;background:#fff9fd}.messenger-head>button{border:0;background:none;font-size:26px;color:#6b43a4}.messenger-head .conversation-avatar{width:43px;height:43px;flex-basis:43px}.messenger-head strong,.messenger-head small{display:block}.messenger-head strong{font-size:14px}.messenger-head small{font-size:10px;color:#7653a9;margin-top:3px}.message-thread{flex:1;display:flex;flex-direction:column;gap:9px;padding:22px 18px;overflow:auto}.message{max-width:80%;padding:11px 13px;border-radius:15px;font-size:13px;line-height:1.4}.message.received{align-self:flex-start;background:#fff;border:1px solid #ebdfef;color:#45394c;border-bottom-left-radius:4px}.message.sent{align-self:flex-end;background:#8d55dc;color:#fff;border-bottom-right-radius:4px}.track-message{color:#7137a8!important;font-weight:700}.message-form{display:flex;gap:8px;padding:12px 15px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eaddeb}.message-form input{flex:1;border:1px solid #e1d7e8;border-radius:13px;padding:11px 12px;font:500 13px Inter,ui-sans-serif,system-ui}.message-form button{width:43px;border:0;border-radius:13px;background:#8d55dc;color:#fff;font-size:20px}.conversation{width:100%;font:inherit;text-align:left;cursor:pointer}.conversation:hover{border-color:#cda9e7;transform:translateY(-1px)}
body{background:#ededf0}.app-shell{background:var(--paper)}.onboarding{background:#ededf0}
.brand-mark{width:30px;height:30px;border-radius:50% 50% 45% 45%;background:linear-gradient(145deg,#ffb2df,#9256e6);font-size:20px;letter-spacing:-6px;padding-right:5px;transform:none;box-shadow:inset 3px 3px 5px #ffffff99,4px 5px 9px #743aa655;text-shadow:1px 2px 0 #65379b}.brand-mark:before,.brand-mark:after{display:none}.splash-mark{width:78px;height:78px;border-radius:50% 50% 45% 45%;background:linear-gradient(145deg,#ffc7e8,#985be8);box-shadow:inset 6px 6px 10px #ffffff99,9px 12px 20px #24133d55;transform:none}.splash-mark span{font-size:54px;letter-spacing:-11px;padding-right:8px;text-shadow:2px 3px 0 #6938a0}.splash-mark i{display:none}
.brand-mark{position:relative;width:32px;height:30px;border-radius:8px;background:linear-gradient(145deg,#ff83c9,#7d42d1);font-size:0;transform:rotate(-7deg);box-shadow:3px 4px 0 #4e268e,inset 3px 3px 5px #ffffff99,5px 6px 9px #743aa655}.brand-mark:before{content:"";position:absolute;display:block;left:13px;top:3px;width:4px;height:18px;border-radius:4px;background:#fff;box-shadow:9px 4px 0 #fff;transform:rotate(8deg)}.brand-mark:after{content:"";position:absolute;display:block;left:5px;bottom:4px;width:10px;height:6px;border-radius:50%;background:#fff;box-shadow:11px 3px 0 #fff;transform:rotate(-8deg)}.splash-mark{width:78px;height:78px;border-radius:18px;background:linear-gradient(145deg,#ff9cd5,#8547d8);box-shadow:5px 7px 0 #4e268e,inset 6px 6px 10px #ffffff99,9px 12px 20px #24133d55;transform:rotate(-7deg)}.splash-mark span{position:absolute;font-size:0}.splash-mark:before{content:"";position:absolute;left:32px;top:9px;width:7px;height:43px;border-radius:7px;background:#fff;box-shadow:22px 8px 0 #fff;transform:rotate(8deg)}.splash-mark:after{content:"";position:absolute;left:12px;bottom:12px;width:22px;height:13px;border-radius:50%;background:#fff;box-shadow:27px 8px 0 #fff;transform:rotate(-8deg)}.splash-mark i{display:none}
.match-results.always-visible{overflow:hidden}.match-results.always-visible .cards{height:calc(100vh - 360px);min-height:430px;position:relative;display:block;overflow:hidden}.match-results.always-visible .person-card{position:absolute;inset:0;display:none!important;margin:0}.match-results.always-visible .person-card.active-match{display:block!important}.match-results.always-visible .photo{height:calc(100% - 122px);min-height:310px}.match-results.always-visible .card-body{padding:12px 2px}.match-results.always-visible .track-list{display:none}.match-results.always-visible .card-actions{margin-top:10px}.match-results.always-visible .person-card.swipe-right,.match-results.always-visible .person-card.swipe-left{display:block!important}
.song-picker{position:absolute;left:15px;right:15px;bottom:78px;display:none;padding:10px;border:1px solid #eaddeb;border-radius:14px;background:#fff;box-shadow:0 9px 24px #4b315c22}.song-picker.open{display:grid;gap:7px}.song-picker-heading{display:flex;align-items:center;justify-content:space-between;color:#4b3654;font-size:12px}.song-picker-heading button{border:0;background:transparent;color:#8d7e94;font-size:20px;cursor:pointer}.song-picker>input{border:1px solid #e2dce7;border-radius:10px;padding:9px 10px;font-size:11px;outline:none}.song-picker-tabs{display:flex;gap:5px}.song-picker-tabs button{flex:1;border:0;border-radius:8px;background:#f5eef8;color:#88758f;padding:8px 5px;font-size:10px;cursor:pointer}.song-picker-tabs button.active{background:#e9ddf5;color:#6842a0;font-weight:800}.song-picker-list{display:grid;gap:4px;max-height:170px;overflow:auto}.song-picker-list[hidden]{display:none}.song-picker-list button{display:flex;align-items:center;gap:8px;border:0;border-radius:9px;background:#faf5fc;padding:8px;text-align:left;color:#7044a1;font:700 11px Inter,ui-sans-serif,system-ui;cursor:pointer}.song-picker-list button>span:first-child{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#eee2f5}.song-picker-list button>span:last-child{display:grid;gap:2px;min-width:0}.song-picker-list small{display:block;color:var(--muted);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-picker-empty,.song-picker-status{margin:2px;color:var(--muted);font-size:10px}.add-song{width:40px;border:0;border-radius:12px;background:#f0e8f7;color:#7a48ac;font-size:25px;cursor:pointer}.messenger{padding-bottom:175px}
.song-picker{z-index:100;bottom:170px;max-height:calc(100% - 190px);overflow:auto}
.chat-more{margin-left:auto;border:0;background:none;color:#7b5a9f;font-size:18px;letter-spacing:2px;cursor:pointer}.platform-menu{position:absolute;top:68px;right:15px;display:none;gap:4px;padding:7px;border:1px solid #eaddeb;border-radius:12px;background:#fff;box-shadow:0 8px 22px #4b315c22}.platform-menu.open{display:grid}.platform-menu a{padding:8px 10px;border-radius:8px;color:#7044a1;text-decoration:none;font-size:11px;font-weight:700}.platform-menu a:hover{background:#f6edfa}
.track-message{position:relative;padding-right:13px!important}.track-message-title{display:block;overflow-wrap:anywhere}.track-message small{display:block;margin-top:3px;color:inherit;opacity:.7;font-size:10px}.track-message-actions{position:relative;z-index:3;display:flex;align-items:center;gap:7px;margin-top:9px}.chat-track-play{position:static;width:28px;height:28px;flex:0 0 28px;border:0;border-radius:50%;background:#fff;color:#7648a7;font-size:11px;cursor:pointer}
.interest-tags{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:0 0 7px}.interest-tags span{padding:4px 7px;border-radius:999px;background:#f0edff;color:#5b4bbd;font-size:10px;font-weight:700}.interest-tags .emoji-tag{display:grid;place-items:center;width:25px;height:25px;padding:0;background:#eeeaff;font-size:14px;cursor:help}.interest-tags .text-interest-tag{max-width:150px}.interest-tags-toggle{border:0;border-radius:999px;background:#eeeaff;color:#5b4bbd;padding:4px 7px;font-size:9px;font-weight:800;cursor:pointer}
.track-message .track-more{position:relative;right:auto;top:auto;transform:none;border:0;border-radius:8px;background:#f1e7f8;color:#684295;padding:6px 8px;font-size:10px;font-weight:800;letter-spacing:0;cursor:pointer}.track-message .track-more:hover{background:#e7d8f3}.track-message .platform-menu{position:absolute;z-index:100;top:calc(100% + 5px);bottom:auto!important;left:0;right:auto;display:none;min-width:145px;pointer-events:auto}.track-message .platform-menu.open{display:grid}.track-message .platform-menu a{position:relative;z-index:101;display:block;pointer-events:auto;cursor:pointer}.match-results.always-visible{padding-bottom:20px}.match-results.always-visible .cards{height:calc(100vh - 415px);min-height:420px;max-height:610px}.match-results.always-visible .person-card{max-width:520px;margin:0 auto}.match-results.always-visible .photo{height:clamp(210px,34vh,310px);min-height:210px}.match-results.always-visible .card-body{padding:13px 2px 8px}.match-results.always-visible .track-list{display:block}.match-results.always-visible .track-list .track{padding:6px 0}.match-results.always-visible .track-list .track:nth-child(n+4){display:none}.match-results.always-visible .card-actions{margin-top:8px}.match-results.always-visible .connection{margin-bottom:5px}.view#discover{padding-bottom:190px}.view#discover #discover-cards{height:calc(100vh - 430px);min-height:390px;max-height:600px}
.bootstrap-pending .app-shell,.bootstrap-pending .onboarding{visibility:hidden}.auth-locked .global-player{display:none}
.auth-locked .sidebar,.bootstrap-pending .sidebar{display:none!important}
.match-results.always-visible{display:block}.match-results.always-visible .section-heading span{font-size:11px;color:var(--muted)}.match-results.always-visible .cards{display:block;margin:0}.match-results.always-visible .person-card{display:block;border:0;border-radius:0;background:transparent}.interest-map-section{width:calc(100% + 32px);margin:28px -16px 32px;padding:25px 16px 18px;background:linear-gradient(145deg,#f8f5ff,#fff7f5);border-top:1px solid #eee9f4;border-bottom:1px solid #eee9f4}.interest-map-section .section-heading{align-items:flex-start}.interest-map-section .section-heading h2{margin:1px 0 0}.map-hint{font-size:10px;color:#806ec8;background:#eeeaff;border-radius:20px;padding:7px 9px}.interest-map-copy{max-width:560px;margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.interest-map{height:calc(100vh - 355px);min-height:390px;max-height:620px;margin:18px -16px -18px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,#ede8ff 0 10%,transparent 10.5%),radial-gradient(circle at 12% 15%,#ffe9f0 0 16%,transparent 38%),linear-gradient(135deg,#f0edff,#fff3ef 52%,#edf8f2);box-shadow:inset 0 1px #fff}.map-orbit{position:absolute;border:1px solid #c9c0df;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);width:58%;height:55%}.map-orbit-two{width:88%;height:78%;border-style:dashed;border-color:#e1bdc9;transform:translate(-50%,-50%) rotate(22deg)}.map-node{position:absolute;z-index:2;border:0;border-radius:999px;padding:10px 14px;font:800 11px Inter,ui-sans-serif,system-ui;cursor:pointer;box-shadow:0 8px 18px #56456b1a;transition:transform .2s,box-shadow .2s}.map-node:hover{transform:scale(1.07);box-shadow:0 10px 22px #56456b2b}.map-center{left:50%;top:50%;transform:translate(-50%,-50%);padding:18px 20px;background:#282334;color:#fff;font-size:13px;box-shadow:0 12px 25px #342b4d42}.map-center:hover{transform:translate(-50%,-50%) scale(1.07)}.map-node.selected{background:#fff;color:#5444b7;border:1px solid #d8d0ff}.map-node.related{background:#d7f2df;color:#276840;border:1px dashed #75b988}.map-selected-one{left:15%;top:26%}.map-selected-two{right:13%;top:29%}.map-selected-three{left:18%;bottom:25%}.map-related-one{right:12%;bottom:23%}.map-related-two{left:7%;top:49%}.map-related-three{right:4%;top:51%}.map-related-four{left:42%;top:11%}.map-legend{position:absolute;z-index:1;bottom:14px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#777483;font-size:10px}.map-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin:0 4px 0 10px}.selected-dot{background:#9b8ae9}.related-dot{background:#75b988}.profile-player.playing{box-shadow:0 0 0 3px #b9adff55,0 9px 20px #4f3eb833}
.open-wave{width:100%;display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid #eadfeb;border-radius:20px;background:linear-gradient(135deg,#fff,#f9f2fc);color:#241d2b;text-align:left;box-shadow:0 10px 24px rgba(95,45,113,.08);cursor:pointer}.open-wave>span:first-child{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#241d2b;color:#f7b5d7;font-size:25px}.open-wave span:nth-child(2){display:grid;gap:3px;flex:1}.open-wave small{color:#8b7b91;font-size:12px}.open-wave strong{font-size:24px;color:#c15b9d}
.wave-view{padding-bottom:190px}.wave-artist-tags{position:absolute;left:18px;right:18px;bottom:42px;display:flex;flex-wrap:wrap;justify-content:center;gap:7px;z-index:3}.wave-artist-tags:empty{display:none}.wave-artist-tags .wave-artist-tag{margin:0;padding:7px 10px;border-radius:999px;background:#f5e1f2;color:#7e3970;font-size:11px;font-weight:700;box-shadow:0 3px 9px #72466b14}
.wave-view .open-wave{position:relative;z-index:40;margin-bottom:120px}
.profile-signout{display:block;width:100%;margin:18px 0 12px;padding:12px;border:1px solid #ead8e8;border-radius:12px;background:#fff8fc;color:#a34f78;font:700 12px Inter,ui-sans-serif,system-ui;cursor:pointer}
.profile-signout:hover{background:#f9edf6;border-color:#d9b7d2}
.profile-settings-panel{margin-top:12px;padding:15px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 6px 18px #3f3a5512}.profile-settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.profile-settings-heading h3{margin:2px 0 0;font-size:16px}.profile-settings-heading button{width:28px;height:28px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--muted);font-size:18px;cursor:pointer}.profile-settings-panel label{display:block;margin-top:10px;font-size:11px;font-weight:800}.profile-settings-panel input{display:block;width:100%;margin-top:6px;border:1px solid #dedde4;border-radius:10px;padding:10px;font:500 12px Inter,ui-sans-serif,system-ui;color:var(--ink)}.profile-settings-panel .primary-button{width:100%;margin-top:14px}
.profile-signout:disabled{opacity:.6;cursor:wait}
.nav-item[data-view="messages"]{position:fixed!important;right:24px!important;bottom:calc(var(--mobile-player-height, 76px) + 24px)!important;z-index:1001!important;width:76px!important;min-width:76px!important;height:76px!important;padding:5px 4px!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px #35314c2b!important}
.wave-view .interest-map-section{position:relative;z-index:1}
.wave-view .map-node{z-index:5;pointer-events:auto}
.wave-view .map-node.selected{background:linear-gradient(135deg,#f8e7f4,#e8e2ff);box-shadow:0 6px 16px #7251a52b}
.wave-view .map-node.selected:active,.wave-view .map-node.related:active{transform:scale(.95)}
.wave-view .wave-artist-tags{pointer-events:none}
.wave-view .wave-artist-tags .wave-artist-tag{pointer-events:auto}
.wave-view .track-card-info{background:linear-gradient(145deg,#fff8fd 0%,#f5f0ff 100%)}
.wave-view .profile-player{position:relative;z-index:6;border:1px solid #ffffff66;box-shadow:0 8px 18px #6757d94a}
.wave-view .profile-player.playing{background:linear-gradient(135deg,#4b3ca8,#8f6bf2);box-shadow:0 0 0 3px #d7cfff,0 10px 24px #5741bf66}
.wave-view .profile-player.playing .player-wave{color:#fff;animation:wave-pulse .42s ease-in-out infinite alternate}
.wave-view .track-art{isolation:isolate;background:radial-gradient(circle at 68% 25%,#ffb0dd 0 5%,transparent 5.5%),radial-gradient(circle at 25% 70%,#8877ff 0 7%,transparent 7.5%),linear-gradient(135deg,#211936 0%,#59367d 45%,#d05b9b 100%)!important}
.wave-view .track-art:before{width:330px;height:330px;left:50%;top:50%;border:1px solid #ffffff3d;transform:translate(-50%,-50%) rotate(18deg);box-shadow:0 0 0 20px #ffffff0b,0 0 0 48px #ffffff08}
.wave-view .track-art:after{width:190px;height:190px;left:50%;top:50%;border:2px solid #ffffff55;transform:translate(-50%,-50%) rotate(-28deg);background:#ffffff0a}
.wave-view .sound-bars{z-index:2;bottom:20px;height:52px;gap:6px}
.wave-view .sound-bars i{height:var(--bar-height,18px)!important;background:linear-gradient(to top,#fff,#ffc6e8);box-shadow:0 0 10px #ff9edc88;animation:track-equalizer .7s ease-in-out infinite alternate}
.wave-view .sound-bars i:nth-child(1){--bar-height:16px;animation-delay:-.15s}.wave-view .sound-bars i:nth-child(2){--bar-height:36px;animation-delay:-.4s}.wave-view .sound-bars i:nth-child(3){--bar-height:24px;animation-delay:-.28s}.wave-view .sound-bars i:nth-child(4){--bar-height:48px;animation-delay:-.55s}.wave-view .sound-bars i:nth-child(5){--bar-height:29px;animation-delay:-.2s}.wave-view .sound-bars i:nth-child(6){--bar-height:41px;animation-delay:-.45s}.wave-view .sound-bars i:nth-child(7){--bar-height:19px;animation-delay:-.32s}
@keyframes track-equalizer{from{height:var(--bar-height)!important;transform:scaleY(.55)}to{height:var(--bar-height)!important;transform:scaleY(1.08)}}
.match-results.always-visible .card-body{background:linear-gradient(145deg,#fff9fd 0%,#f3efff 100%);border-radius:0 0 18px 18px}
.wave-modal{position:fixed;inset:0;z-index:80;background:#fbf9fc;display:none;overflow:auto;padding:24px clamp(18px,5vw,64px) 42px}.wave-modal.open{display:block;animation:wave-in .22s ease-out}.wave-modal-head{display:flex;align-items:center;gap:16px;max-width:720px;margin:auto}.wave-modal-head>button:first-child{border:0;background:#fff;border-radius:12px;width:42px;height:42px;font-size:24px;cursor:pointer}.wave-modal-head h2{margin:2px 0 0}.wave-modal-head .eyebrow{margin:0;color:#ba5798;font-size:10px;letter-spacing:.12em}.wave-refresh-actions{margin-left:auto;display:flex;gap:7px}.refresh-wave{border:1px solid #e6d8e8;background:#fff;border-radius:999px;padding:10px 12px;color:#68416d;cursor:pointer;font-size:11px}.refresh-wave:disabled{opacity:.55;cursor:wait}.wave-modal-intro,.wave-progress,.wave-modal .track-stack,.wave-modal .swipe-actions,.wave-modal .swipe-hint{max-width:520px;margin-left:auto;margin-right:auto}.wave-modal-intro{display:flex;justify-content:space-between;gap:20px;margin-top:28px;color:#746579}.wave-modal-intro p{margin:0 0 5px;color:#332637}.wave-modal-intro span{font-size:12px}.wave-counter{white-space:nowrap}.wave-progress{height:6px;background:#eee5f0;border-radius:20px;margin-top:16px;overflow:hidden}.wave-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#e98fc0,#8b63e6);transition:width .3s}.wave-modal .track-stack{min-height:360px}.wave-modal .swipe-actions{margin-top:14px}.wave-artist-tag{display:inline-flex;margin:8px 6px 0 0;padding:8px 12px;border-radius:999px;background:#f5e1f2;color:#7e3970;font-size:12px}
@keyframes wave-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.interest-map{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0;padding:18px;border:1px solid #eee2f1;border-radius:24px;background:linear-gradient(145deg,#fff 0%,#fbf5fc 58%,#f3e8f8 100%);box-shadow:0 18px 36px rgba(72,39,87,.08);overflow:hidden}.interest-map:before{content:"";position:absolute;inset:auto -20% -48% 25%;height:180px;background:radial-gradient(circle,#f0b6db55,transparent 68%);pointer-events:none}.interest-map .map-orbit{display:none}.interest-map .map-node{position:relative;inset:auto!important;transform:none!important;z-index:1;width:auto;min-height:46px;padding:10px 13px;border-radius:15px;text-align:left;box-shadow:none}.interest-map .map-center{grid-column:1/-1;background:#241d2b;color:#fff;font-weight:700;min-height:64px;font-size:16px}.interest-map .map-node.selected{background:#f2d9ed;color:#74336b}.interest-map .map-node.related{background:#fff;border:1px dashed #c995be;color:#9a4d8e}.interest-map .map-legend{grid-column:1/-1;position:relative;inset:auto;display:flex;align-items:center;gap:6px;margin-top:8px;color:#87748a;font-size:11px}.interest-map .map-legend .related-dot{margin-left:10px}
.profile-player.is-loading{opacity:.65;pointer-events:none}.profile-player.is-loading .player-icon:after{content:'…';display:inline-block;margin-left:2px;animation:player-dots 1s steps(3,end) infinite}@keyframes player-dots{0%,20%{content:'.'}40%{content:'..'}60%,100%{content:'...'}}
.my-songs-stat{cursor:pointer;transition:background .18s ease,transform .18s ease}.my-songs-stat:hover,.my-songs-stat:focus-visible{background:#e7e2ff!important;transform:translateY(-2px);outline:none}.my-songs-stat small{display:block;margin-top:3px;color:#8577c2;font-size:8px}.my-songs-panel{display:none;margin:14px 0 0;padding:16px;border:1px solid #e8dced;border-radius:18px;background:#fff;box-shadow:0 10px 24px #513b5b12}.my-songs-panel.open{display:block;animation:wave-in .2s ease-out}.my-songs-heading{display:flex;align-items:center;justify-content:space-between}.my-songs-heading h3{margin:2px 0 0;font-size:18px}.my-songs-heading button{border:0;border-radius:999px;background:#eeeaff;color:#5b4bc4;padding:8px 11px;font-size:11px;font-weight:800;cursor:pointer}.my-song-form{display:flex;gap:7px;margin-top:13px}.my-song-form input{min-width:0;flex:1;border:1px solid #e2dce7;border-radius:10px;padding:10px 11px;font:500 12px Inter,ui-sans-serif,system-ui;outline:none}.my-song-form input:focus{border-color:#8b7bdf;box-shadow:0 0 0 3px #6757d91a}.my-song-form button{width:39px;border:0;border-radius:10px;background:#6757d9;color:#fff;font-size:20px;cursor:pointer}.my-song-status{min-height:15px;margin:8px 0 0;color:#8d7e94;font-size:10px}.my-songs-list{display:grid;gap:7px;margin-top:9px}.my-song-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:11px;background:#faf6fb}.my-song-item>span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#e8ddf5;color:#6a54ba}.my-song-item div{display:grid;gap:2px;min-width:0}.my-song-item b,.my-song-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-song-item b{font-size:11px}.my-song-item small,.my-songs-empty{color:#998b9e;font-size:10px}.my-songs-empty{margin:0;line-height:1.4}
.my-song-results{display:grid;gap:6px;margin-top:9px}.my-song-result{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid #eaddec;border-radius:11px;background:#fff}.my-song-result>div{display:grid;gap:2px;min-width:0;flex:1}.my-song-result b,.my-song-result small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-song-result b{font-size:11px}.my-song-result small,.my-song-result em{font-size:10px;color:#998b9e;font-style:normal}.my-song-result em{color:#7b5cae}.my-song-result button{border:0;border-radius:9px;background:#6757d9;color:#fff;padding:7px 9px;font-size:10px;font-weight:700;cursor:pointer}.my-song-item .mini-play{margin-left:auto;width:28px;height:28px;border:0;border-radius:8px;background:#e8ddf5;color:#6a54ba;cursor:pointer}.my-song-item .mini-play.playing{background:#6757d9;color:#fff}
.my-song-selection{display:flex;align-items:center;gap:10px;margin-top:9px;padding:11px;border:1px solid #cfc6f2;border-radius:12px;background:#f5f2ff}.my-song-selection>div{display:grid;gap:2px;min-width:0;flex:1}.my-song-selection b,.my-song-selection small,.my-song-selection em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-song-selection b{font-size:12px}.my-song-selection small,.my-song-selection em{font-size:10px;color:#71677e;font-style:normal}.my-song-selection em{color:#6b55be}.my-song-selection button{border:0;border-radius:9px;background:#6757d9;color:#fff;padding:8px 10px;font-size:10px;font-weight:800;cursor:pointer}
.profile-edit-groups{display:grid;gap:13px;margin:18px 0}.profile-edit-group h3{margin:0 0 7px;font-size:13px}.profile-selectable{display:flex;flex-wrap:wrap;gap:6px}.profile-selectable button{border:1px solid #e5dce8;border-radius:999px;background:#fff;color:#776b7d;padding:8px 10px;font-size:11px;cursor:pointer}.profile-selectable button.selected{border-color:#8f7be0;background:#eeeaff;color:#5845b7}.profile-artists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.profile-artists input{width:100%;border:1px solid #e2dce7;border-radius:10px;padding:9px;font:500 11px Inter,ui-sans-serif,system-ui}
.profile-selectable .choice-emoji{margin-right:4px}.profile-photo-editor{width:100%;height:auto;min-height:0;margin:24px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:transparent}.profile-photo-preview{position:relative;width:min(100%,420px);aspect-ratio:1 / 1;height:auto;border-radius:20px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#e9b7ad,#bf8580);background-size:cover;background-position:center;color:#71423e;font-size:24px;font-weight:800}.profile-photo-indicator{position:absolute;right:10px;bottom:10px;padding:4px 7px;border-radius:999px;background:#241d2bcc;color:#fff;font-size:10px;font-weight:800;line-height:1}.profile-photo-actions button{border:0;border-radius:12px;background:#6757d9;color:#fff;padding:8px 10px;font-size:10px;font-weight:800;cursor:pointer}.profile-photo-controls{display:flex;align-items:center;justify-content:center;gap:12px}.profile-photo-controls button{width:30px;height:30px;border:1px solid #e2dce7;border-radius:50%;background:#fff;color:#6757d9;font-size:18px;cursor:pointer}.profile-photo-save{background:#3d9b70!important}.profile-photo-status{width:100%;min-height:14px;margin:0;text-align:center;color:#8d7e94;font-size:10px}
.profile-photo-actions{display:flex;align-items:center;justify-content:center;gap:8px;min-height:36px}.profile-photo-editor .profile-photo-save{background:#3d9b70!important}.photo-crop-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:#241d2bcc}.photo-crop-modal[hidden]{display:none}.photo-crop-dialog{width:min(100%,480px);padding:20px;border-radius:22px;background:#fff;box-shadow:0 20px 60px #17132166}.photo-crop-heading{display:flex;justify-content:space-between;align-items:flex-start}.photo-crop-heading h2{margin:2px 0 14px;font-size:21px}.photo-crop-heading>button{width:32px;height:32px;border:0;border-radius:50%;background:#f0ebf5;color:#5d4b68;font-size:22px;cursor:pointer}.photo-crop-viewport{position:relative;width:min(100%,360px);aspect-ratio:1/1;margin:auto;overflow:hidden;border-radius:18px;background:#17131f;touch-action:none;cursor:grab}.photo-crop-viewport:active{cursor:grabbing}.photo-crop-image{position:absolute;left:0;top:0;width:auto;height:auto;max-width:none!important;max-height:none!important;object-fit:fill;user-select:none;pointer-events:none;transform:none!important;transform-origin:0 0}.photo-crop-zoom{display:flex;align-items:center;gap:10px;margin:14px auto 0;width:min(100%,360px);font-size:11px;color:#766b7e}.photo-crop-zoom input{flex:1;accent-color:#6757d9}.photo-crop-help{text-align:center;color:#8d7e94;font-size:10px;margin:9px 0}.photo-crop-actions{display:flex;justify-content:flex-end;gap:8px}.photo-crop-actions>button:first-child{border:1px solid #e2dce7;border-radius:10px;background:#fff;color:#6757d9;padding:9px 12px;font-size:11px;font-weight:700}.photo-crop-actions .primary-button{height:auto;margin:0;padding:9px 12px;font-size:11px}
.profile-photo-editor .profile-photo-actions{position:static;display:flex;width:100%;justify-content:center;align-items:center;gap:8px;margin-top:12px}.profile-photo-editor .profile-photo-actions button{position:static;top:auto;right:auto;bottom:auto;left:auto;transform:none;white-space:normal}
.profile-photo-editor .profile-photo-controls{position:static;display:flex;width:100%;justify-content:center;align-items:center;gap:12px;margin-top:4px}.profile-photo-editor .profile-photo-controls button{position:static;top:auto;right:auto;bottom:auto;left:auto;transform:none}
.profile-photo-editor #profile-photo-input{display:none!important}
.photo-crop-viewport #photo-crop-image{position:absolute!important;display:block!important;left:0;top:0}
.photo-crop-viewport,.photo-crop-image{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.photo-crop-viewport{cursor:grab}.photo-crop-viewport.is-dragging{cursor:grabbing}
.editor-interest-map{display:flex;flex-wrap:wrap;gap:7px;padding:12px;border:1px solid #eaddec;border-radius:16px;background:#fbf6fc}.editor-map-node{border:1px dashed #c995be;border-radius:999px;background:#fff;color:#9a4d8e;padding:8px 10px;font-size:11px;cursor:pointer}.editor-map-node.selected{border-style:solid;background:#f2d9ed;color:#74336b}
.my-songs-tabs{display:flex;gap:6px;margin:15px 0 2px;padding:4px;border-radius:12px;background:#f7f2fa}.my-songs-tab{flex:1;border:0;border-radius:9px;background:transparent;color:#8d7e94;padding:9px 7px;font-size:10px;font-weight:800;cursor:pointer}.my-songs-tab.active{background:#fff;color:#5b4bc4;box-shadow:0 2px 7px #513b5b18}.songs-tab-section[hidden]{display:none}.songs-tab-section.active{display:block}
@media(max-width:679px){.wave-modal-head{align-items:flex-start;flex-wrap:wrap}.wave-modal-head>div:nth-child(2){flex:1;min-width:150px}.wave-refresh-actions{width:100%;margin-left:58px}.wave-refresh-actions .refresh-wave{flex:1;padding-inline:8px;font-size:10px}}
.wave-search{max-width:520px;margin:18px auto 0}.wave-search>label{display:block;margin-bottom:7px;color:#76687c;font-size:11px;font-weight:700}.wave-search-box{position:relative;display:flex;gap:7px}.wave-search-box input{min-width:0;flex:1;border:1px solid #e2d7e7;border-radius:12px;padding:11px 12px;background:#fff;color:#332637;font:500 12px Arial, sans-serif;outline:none}.wave-search-box input:focus{border-color:#8b7bdf;box-shadow:0 0 0 3px #6757d91a}.wave-search-box>button{border:0;border-radius:12px;padding:0 14px;background:#6757d9;color:#fff;font-size:11px;font-weight:800;cursor:pointer}.wave-search-suggestions{position:absolute;z-index:20;left:0;right:70px;top:calc(100% + 5px);display:grid;gap:3px;padding:5px;border:1px solid #eaddec;border-radius:13px;background:#fff;box-shadow:0 12px 28px #43204b20}.wave-search-suggestions[hidden]{display:none}.wave-search-suggestions button{display:grid;gap:2px;border:0;border-radius:9px;padding:8px 10px;text-align:left;background:#fff;color:#4b3b50;cursor:pointer}.wave-search-suggestions button:hover{background:#f7eff9}.wave-search-suggestions b{font-size:11px}.wave-search-suggestions small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#99899d;font-size:10px}
.match-results .person-card,#discover-cards .person-card{height:clamp(560px,calc(100vh - 220px),760px);display:flex;flex-direction:column}.match-results .photo{height:auto;flex:1;min-height:0}.match-results .person-card{max-height:none}.photo-edge-hint{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);padding:4px 8px;border-radius:99px;background:#17131caa;color:#fff;font-size:9px;opacity:.8;pointer-events:none}.admin-neon-card{overflow:hidden;border:1px solid #f08de2;border-radius:24px;background:#17111e;box-shadow:0 0 0 1px #6d43ff,0 0 18px #f15bdf99,0 0 38px #6b54ff66;color:#fff;margin:22px 0}.own-profile-photo{height:clamp(360px,58vw,540px);min-height:360px;aspect-ratio:1 / 1;background-position:center;background-size:cover;position:relative;cursor:pointer}.own-photo-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:6px 10px;border-radius:99px;background:#0e0b15b8;color:#fff;font-size:10px}.own-profile-body{padding:18px}.own-profile-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.own-profile-title h2{margin:2px 0 5px;font-size:24px}.profile-handle{display:inline-block;border:1px solid #ef83dc;border-radius:99px;padding:4px 9px;color:#ffb0e9;font-size:11px;font-weight:800;letter-spacing:.04em}.own-profile-role,.own-profile-copy{color:#d4c7dd;font-size:12px}.own-profile-copy{line-height:1.5}.admin-chat-button,.admin-chat{border:1px solid #e98cda;background:#391b43;color:#ffd4f3;border-radius:10px;padding:8px 10px;font-size:11px;font-weight:800;cursor:pointer}.profile-header .admin-profile-photo{background-size:cover;background-position:center}
.wave-track-seek{display:flex;align-items:center;gap:8px;margin-top:14px;color:#9b8da0;font-size:10px}.wave-track-seek input{flex:1;min-width:0;height:4px;accent-color:#bc579d;cursor:pointer}.wave-track-seek input::-webkit-slider-thumb{cursor:grab}
.wave-platforms{position:relative;display:flex;align-items:center;gap:8px;margin-top:10px;color:#9b8da0;font-size:10px}.wave-platforms .track-more{margin-left:auto;border:0;background:#f3e8f5;color:#70446f;border-radius:10px;width:34px;height:28px;font-size:16px;letter-spacing:2px;cursor:pointer}.wave-platforms .platform-menu{position:absolute;right:0;bottom:36px;z-index:8;display:none;width:180px;padding:6px;border:1px solid #eaddec;border-radius:14px;background:#fff;box-shadow:0 12px 30px #43204b20}.wave-platforms .platform-menu.open{display:grid}.wave-platforms .platform-menu a{padding:8px 10px;border-radius:9px;color:#5b3e62;text-decoration:none;font-size:12px}.wave-platforms .platform-menu a:hover{background:#f6edf8}
.wave-audio-controls{display:flex;align-items:center;gap:9px;max-width:520px;margin:12px auto 0;color:#8d7f93;font-size:10px}.wave-audio-controls input{flex:1;min-width:0;height:5px;accent-color:#bc579d;cursor:pointer}.liked-wave-section{max-width:520px;margin:24px auto 0;padding:18px;border:1px solid #eaddec;border-radius:20px;background:#fff}.liked-wave-heading{display:flex;justify-content:space-between;align-items:center}.liked-wave-heading h3{margin:2px 0 0;font-size:18px}.liked-wave-heading .eyebrow{margin:0;color:#ba5798;font-size:10px}.liked-wave-heading>span{font-size:11px;color:#a15a91}.liked-wave-list{display:grid;gap:8px;margin-top:14px}.liked-wave-item{position:relative;display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:#faf5fb}.liked-wave-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#f0d4ea;color:#9d4b89}.liked-wave-item>span:nth-child(2){display:grid;gap:2px;min-width:0}.liked-wave-item b,.liked-wave-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.liked-wave-item b{font-size:12px}.liked-wave-item small{font-size:10px;color:#99899d}.liked-wave-more{margin-left:auto;border:0;background:#f0e3f2;color:#70446f;border-radius:9px;width:31px;height:27px;letter-spacing:2px;cursor:pointer}.liked-wave-item .platform-menu{position:absolute;right:8px;top:43px;z-index:9;display:none;width:175px;padding:6px;border:1px solid #eaddec;border-radius:12px;background:#fff;box-shadow:0 12px 30px #43204b20}.liked-wave-item .platform-menu.open{display:grid}.liked-wave-item .platform-menu a{padding:7px 9px;color:#5b3e62;text-decoration:none;font-size:11px;border-radius:8px}.liked-wave-empty{margin:0;color:#99899d;font-size:11px;line-height:1.5}
.match-results .person-card,#discover-cards .person-card,#discover-cards .person-card:first-child{height:clamp(560px,calc(100vh - 220px),760px)!important;min-height:560px}#discover-cards{height:clamp(560px,calc(100vh - 220px),760px);min-height:560px;max-height:none}#discover-cards .photo{height:auto;min-height:0;flex:1}
#matches.intro-playing .intro{animation:matches-copy-up .72s cubic-bezier(.2,.8,.2,1) both}#matches.intro-playing .match-results{animation:matches-copy-up .72s .18s cubic-bezier(.2,.8,.2,1) both}#matches.intro-playing #match-cards{opacity:0;transform:translateY(72px)}#matches.intro-ready #match-cards{animation:matches-card-in .58s cubic-bezier(.2,.8,.2,1) both}.match-results .person-card.card-enter-up{animation:matches-card-in .58s cubic-bezier(.2,.8,.2,1) both}@keyframes matches-copy-up{from{opacity:0;transform:translateY(58px)}to{opacity:1;transform:translateY(0)}}@keyframes matches-card-in{from{opacity:0;transform:translateY(90px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}#match-cards .person-card,#discover-cards .person-card,#discover-cards .person-card:first-child{height:clamp(560px,calc(100vh - 220px),760px)!important;min-height:560px!important}#discover-cards{height:clamp(560px,calc(100vh - 220px),760px)!important;min-height:560px!important;max-height:none!important}#discover-cards .photo{flex:1;height:auto!important;min-height:0!important}
.matches-intro-screen{display:block}.matches-intro-screen .topbar{margin-bottom:0}.match-results-heading{margin-top:34px}.match-results-heading .section-heading{margin-bottom:5px}.match-results-heading .result-description{margin-bottom:17px}#matches.intro-playing .matches-intro-screen{animation:matches-copy-up .72s cubic-bezier(.2,.8,.2,1) .12s both}#matches.intro-playing .match-results{opacity:0;transform:translateY(90px)}#matches.intro-ready .matches-intro-screen{display:none}#matches.intro-ready .match-results{opacity:1;transform:none}#matches.intro-ready #match-cards .active-match{animation:matches-card-in .58s cubic-bezier(.2,.8,.2,1) both}#match-cards,#discover-cards{height:clamp(560px,calc(100vh - 220px),760px)!important;min-height:560px!important;max-height:none!important}#match-cards .person-card,#discover-cards .person-card,#discover-cards .person-card:first-child{height:100%!important;min-height:0!important}
.match-results #match-cards,#discover-cards{height:680px!important;min-height:680px!important;max-height:680px!important}.match-results #match-cards .person-card,#discover-cards .person-card,#discover-cards .person-card:first-child{height:680px!important;min-height:680px!important;max-height:680px!important}
.match-results #match-cards,#discover-cards{width:100%!important;max-width:520px!important;margin-left:auto!important;margin-right:auto!important}.match-results #match-cards .person-card,#discover-cards .person-card,#discover-cards .person-card:first-child{width:100%!important;height:680px!important;min-height:680px!important;max-height:680px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.match-results #match-cards .photo,#discover-cards .photo,#discover-cards .person-card:first-child .photo{height:auto!important;min-height:0!important;max-height:none!important;flex:1 1 auto!important}.match-results #match-cards .card-body,#discover-cards .card-body{flex:0 0 auto!important}
.track{position:relative}
.track .track-more{margin-left:auto;border:0;background:#f3eefb;color:#70446f;border-radius:9px;width:30px;height:27px;font-size:14px;letter-spacing:2px;cursor:pointer}
.track .platform-menu{position:absolute;right:0;top:34px;z-index:12;display:none;min-width:170px;padding:6px;border:1px solid #eaddec;border-radius:12px;background:#fff;box-shadow:0 12px 30px #43204b20}
.track .platform-menu.open{display:grid}
.track .platform-menu a{padding:7px 9px;border-radius:8px;color:#5b3e62;text-decoration:none;font-size:11px}
.track .platform-menu a:hover{background:#f6edf8}
.show-all-tracks{width:100%;margin:8px 0 0;border:1px solid #e5dcef;border-radius:10px;background:#faf7ff;color:#704c9a;padding:8px 10px;font:800 10px Inter,ui-sans-serif,system-ui;cursor:pointer}
.track-library{position:fixed;inset:0;z-index:75;display:none;align-items:center;justify-content:center;padding:22px;background:linear-gradient(145deg,#241a2c99,#6b4c7c66);backdrop-filter:blur(8px)}
.track-library.open{display:flex}
.track-library-dialog{width:min(100%,520px);overflow:hidden;border:1px solid #fff8;border-radius:24px;background:#fff;box-shadow:0 22px 60px #28152f55}
.track-library-head,.track-library-list{width:100%}
.track-library-head{display:flex;align-items:center;justify-content:space-between;padding:20px 19px 17px;background:linear-gradient(135deg,#6b4cc8,#b65a9e);color:#fff}
.track-library-head>div{display:grid;gap:3px}
.track-library-kicker{font-size:9px;font-weight:800;letter-spacing:.14em;opacity:.72}
.track-library-head strong{font-size:20px;letter-spacing:-.04em}
.track-library-head small{font-size:10px;opacity:.76}
.close-track-library{width:30px;height:30px;border:0;border-radius:50%;background:#f0e7f4;color:#70446f;font-size:21px;line-height:1;cursor:pointer}
.track-library-list{max-height:min(64vh,560px);overflow:auto;padding:9px 17px 15px;background:#fff}
.library-track-row{display:flex;align-items:center;gap:10px;padding:3px 0}
.library-track-number{width:24px;color:#ad9ab6;font-size:10px;font-weight:800}
.library-track-row .track{flex:1;padding:10px 0;border-top:1px solid #f1eaf4}
.library-track-row:first-child .track{border-top:0}
.library-track-row .record{color:#a354a0}
.library-track-row .track-more{background:#f7eef9}
.match-results .card-actions{display:grid;grid-template-columns:repeat(4,minmax(56px,84px));justify-content:center;gap:8px;align-items:stretch}
.match-results .card-actions button{width:100%!important;height:48px;margin:0;padding:0;display:grid;place-items:center}
.match-results .card-actions .admin-chat{font-size:11px}
.match-results .card-actions .undo-match{border-color:#e2d9ef;background:#f8f5fc;color:#7359a4;font-size:20px}
.match-results .card-actions .undo-match:hover{background:#eee7f8;border-color:#cdbde4}

/* Mobile layout: keep the brand, card actions and player in separate zones. */
.mobile-brand{display:none}
@media (max-width:679px){
  :root{--mobile-nav-height:82px;--mobile-player-height:58px}
  body{overflow-x:hidden}
  .app-shell{min-height:100svh;padding-top:56px}
  .sidebar > .brand{
    position:fixed;
    z-index:36;
    top:max(10px,env(safe-area-inset-top));
    left:50%;
    display:flex;
    align-items:center;
    gap:7px;
    transform:translateX(-50%);
    color:#30243d;
    text-decoration:none;
    font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif;
    font-size:17px;
    font-weight:900;
    letter-spacing:-.7px;
    white-space:nowrap;
  }
  .sidebar > .brand .brand-mark{width:26px;height:26px;font-size:0;transform:rotate(-7deg)}
  .sidebar > .brand .brand-mark:before{left:10px;top:3px;width:3px;height:15px;box-shadow:7px 3px 0 #fff}
  .sidebar > .brand .brand-mark:after{left:4px;bottom:3px;width:8px;height:5px;box-shadow:9px 2px 0 #fff}
  .content{padding:16px 14px calc(var(--mobile-nav-height) + var(--mobile-player-height) + 28px + env(safe-area-inset-bottom))}
  .topbar{align-items:flex-start}
  .topbar h1{font-size:24px}
  .topbar .filter{padding:8px 9px;font-size:10px}
  .intro{margin-top:24px;gap:10px;align-items:flex-start}
  .intro h2,.section-heading h2{font-size:17px}
  .intro p{font-size:11px;line-height:1.4}
  .match-count{padding:6px 7px;font-size:9px}
  .matches-intro-screen:after{margin-top:18px;font-size:9px}
  .sidebar{
    height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));
    padding:7px 8px env(safe-area-inset-bottom);
    left:0;
    transform:none;
    margin:0 auto;
  }
  .sidebar > .brand{width:max-content;justify-content:center}
  .nav-item{min-width:0;flex:1;padding:2px 1px;font-size:9px}
  .nav-item span{font-size:23px;line-height:27px;height:27px}
  .profile-tab span{width:34px;height:34px;font-size:20px!important;transform:translateY(-3px)}
  .profile-tab em{margin-top:-3px}
  .global-player{
    bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 7px);
    width:calc(100% - 24px);
    height:var(--mobile-player-height);
    border-radius:15px;
    padding:7px 9px;
    gap:7px;
  }
  .global-play-button{flex-basis:36px}
  .global-play-icon{width:36px;height:36px;border-radius:11px;font-size:12px}
  .global-player-text b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .global-player-text small{font-size:8px}
  .global-player input[type=range]{height:12px;margin-top:2px}
  .global-equalizer{gap:2px;height:21px}
  .global-equalizer i{width:2px;height:8px}
  .match-results.always-visible{top:0!important;padding-bottom:0}
  .match-results.always-visible .cards{
    height:calc(100svh - 430px);
    min-height:350px;
    max-height:480px;
  }
  .match-results.always-visible .photo{height:clamp(190px,31svh,270px);min-height:190px}
  .match-results.always-visible .card-body{padding:10px 0 4px}
  .match-results.always-visible .person-name h3{font-size:18px}
  .match-results.always-visible .age,
  .match-results.always-visible .city,
  .match-results.always-visible .connection,
  .match-results.always-visible .track strong,
  .match-results.always-visible .track small{font-size:10px}
  .match-results.always-visible .interest-tags span{font-size:9px;padding:3px 6px}
  .match-results.always-visible .track-list .track{padding:5px 0}
  .match-results .card-actions{gap:6px;margin-top:7px}
  .match-results .card-actions button,
  .match-results .card-actions .undo-match{font-size:18px}
  .match-results.always-visible .play{width:46px;height:46px;bottom:12px;right:12px}
  #discover{min-height:calc(100svh - 170px)}
  #discover-cards{height:calc(100svh - 430px);min-height:350px}
  #discover-cards .card-actions button{height:42px;font-size:18px}
  .likes-view,.messages-view{padding-bottom:calc(var(--mobile-nav-height) + var(--mobile-player-height) + 28px)}
  .wave-view .track-stack{height:min(435px,calc(100svh - 330px))}
  .wave-view .track-art{height:clamp(190px,29svh,250px)}
  .wave-view .track-card-info{padding:14px}
  .wave-view .track-card-name{font-size:20px}
  .wave-view .swipe-actions{margin:12px 0 7px}
  .wave-view .swipe-actions button{width:58px;height:58px;font-size:25px}
}

/* Keep only the current swipe card visible; inactive cards stay in the stack. */
.match-results.always-visible{width:100%!important;position:relative!important;top:clamp(0px,calc((100vh - 764px) / 2),286px)!important}
.match-results #match-cards,
#discover-cards{position:relative!important}
.match-results #match-cards{width:min(100%,520px)!important;margin-inline:auto!important}
.match-results #match-cards .person-card,
#discover-cards .person-card{
  position:absolute!important;
  inset:0!important;
  display:none!important;
  margin:0 auto!important;
}
.match-results #match-cards .person-card{touch-action:pan-y;cursor:grab}
.match-results #match-cards .person-card.is-dragging{cursor:grabbing;transition:none!important}
.match-results #match-cards .person-card.swipe-right{animation-name:like-fly!important;animation-duration:.52s!important;animation-fill-mode:forwards!important;z-index:3}
.match-results #match-cards .person-card.swipe-left{animation-name:dislike-fly!important;animation-duration:.52s!important;animation-fill-mode:forwards!important;z-index:3}
.match-results #match-cards .person-card.active-match,
#discover-cards .person-card.active-discovery{
  display:flex!important;
}
.match-results #match-cards .person-card.swipe-right,
.match-results #match-cards .person-card.swipe-left,
#discover-cards .person-card.swipe-right,
#discover-cards .person-card.swipe-left{
  display:flex!important;
}

/* Tap-to-reveal intro for the matches view. */
.matches-intro-screen{position:relative;cursor:pointer;outline:none;transform-origin:50% 35%;will-change:transform,opacity,filter}
.matches-intro-screen:after{content:"Тапни, чтобы увидеть совпадения";display:block;width:max-content;max-width:100%;margin:28px auto 0;padding:8px 13px;border:1px solid #e2def4;border-radius:999px;color:#7669b8;background:#f8f6ff;font-size:10px;font-weight:800;letter-spacing:.02em;box-shadow:0 5px 15px #6757d914;animation:intro-hint-pulse 2.2s ease-in-out infinite}
.matches-intro-screen:focus-visible{border-radius:20px;box-shadow:0 0 0 4px #6757d926}
#matches.intro-playing .matches-intro-screen{animation:matches-intro-in 1.25s cubic-bezier(.16,.84,.24,1) both}
#matches.intro-playing .match-results{display:none!important;opacity:0;transform:translateY(96px) scale(.98);pointer-events:none}
#matches.intro-dismissing .matches-intro-screen{pointer-events:none;animation:matches-intro-out .82s cubic-bezier(.68,0,.84,.22) both}
#matches.intro-dismissing .matches-intro-screen:after{animation:intro-hint-out .28s ease forwards}
#matches.intro-dismissing .match-results{display:block;opacity:0;transform:translateY(70px) scale(.98);animation:matches-results-in .82s .16s cubic-bezier(.16,.84,.24,1) both}
#matches.intro-ready .matches-intro-screen{display:none}
#matches.intro-ready .match-results{display:block;opacity:1;transform:none;pointer-events:auto}
#matches.intro-ready #match-cards .active-match{animation:matches-card-in .7s cubic-bezier(.16,.84,.24,1) both}
@keyframes matches-intro-in{0%{opacity:0;transform:translateY(42px) scale(.96);filter:blur(8px)}60%{opacity:1;transform:translateY(-4px) scale(1.01);filter:blur(0)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes matches-intro-out{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}35%{opacity:1;transform:translateY(-10px) scale(1.01);filter:blur(0)}100%{opacity:0;transform:translateY(-110px) scale(.94);filter:blur(10px)}}
@keyframes matches-results-in{0%{opacity:0;transform:translateY(70px) scale(.98)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes intro-hint-pulse{0%,100%{transform:translateY(0);box-shadow:0 5px 15px #6757d914}50%{transform:translateY(-3px);box-shadow:0 8px 20px #6757d926}}
@keyframes intro-hint-out{to{opacity:0;transform:translateY(-12px) scale(.92)}}
@media (prefers-reduced-motion:reduce){.matches-intro-screen,.matches-intro-screen:after,#matches .match-results{animation:none!important;transition:none!important}}

/* Final mobile overrides must stay last so they win over the desktop-sized card rules above. */
@media (max-width:679px){
  .app-shell{min-height:100svh;padding-top:56px}
  .content{padding-bottom:calc(82px + 58px + 28px + env(safe-area-inset-bottom))}
  .global-player{bottom:calc(82px + env(safe-area-inset-bottom) + 7px);height:58px}
  .match-results.always-visible{top:0!important;padding-bottom:0}
  .match-results.always-visible .cards{height:calc(100svh - 430px);min-height:350px;max-height:480px}
  .match-results.always-visible .photo{height:clamp(190px,31svh,270px);min-height:190px}
  .match-results.always-visible .card-body{padding:10px 0 4px}
  .match-results.always-visible .track-list .track{padding:5px 0}
  .match-results .card-actions{gap:6px;margin-top:7px}
  .match-results .card-actions button{height:42px!important;font-size:15px}
  #discover-cards{height:calc(100svh - 430px);min-height:350px}
  .likes-view,.messages-view{padding-bottom:calc(82px + 58px + 28px)}
  .sidebar > .brand,.onboarding-brand{font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif}
}

/* Final wave overrides: the legacy map grid must not stretch interactive nodes. */
.wave-view .interest-map{position:relative!important;display:block!important;min-height:390px!important;height:620px!important}
.wave-view .interest-map .map-node{
  position:absolute!important;
  width:auto!important;
  min-height:0!important;
  inset:auto!important;
  padding:10px 14px!important;
  border-radius:999px!important;
  text-align:center!important;
  box-shadow:0 8px 18px #56456b1a!important;
  z-index:5!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}
.wave-view .interest-map .map-center{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}
.wave-view .interest-map .map-selected-one{left:15%!important;top:26%!important}
.wave-view .interest-map .map-selected-two{right:13%!important;top:29%!important}
.wave-view .interest-map .map-selected-three{left:18%!important;bottom:25%!important}
.wave-view .interest-map .map-related-one{right:12%!important;bottom:23%!important}
.wave-view .interest-map .map-related-two{left:7%!important;top:49%!important}
.wave-view .interest-map .map-related-three{right:4%!important;top:51%!important}
.wave-view .interest-map .map-related-four{left:42%!important;top:11%!important}
.wave-view .interest-map .map-legend{position:absolute!important;left:50%!important;bottom:14px!important;transform:translateX(-50%)!important;z-index:2!important}
.wave-view .wave-artist-tags{bottom:48px!important;z-index:6!important}
.wave-view .open-wave{z-index:60!important;margin-bottom:150px!important}
.global-player{z-index:90!important}
@media(max-width:679px){
  :root{
    --netlify-safe-area:74px;
    --mobile-nav-bottom:calc(var(--netlify-safe-area) + env(safe-area-inset-bottom));
  }
  .sidebar{
    bottom:var(--mobile-nav-bottom)!important;
    z-index:1000!important;
  }
  .global-player{
    bottom:calc(var(--mobile-nav-bottom) + var(--mobile-nav-height) + 7px)!important;
    z-index:990!important;
  }
  .content{
    padding-bottom:calc(var(--mobile-nav-height) + var(--mobile-player-height) + var(--netlify-safe-area) + 28px + env(safe-area-inset-bottom))!important;
  }
  .likes-view,.messages-view{
    padding-bottom:calc(var(--mobile-nav-height) + var(--mobile-player-height) + var(--netlify-safe-area) + 28px + env(safe-area-inset-bottom))!important;
  }
  .song-picker{
    bottom:calc(var(--mobile-nav-height) + var(--mobile-player-height) + var(--netlify-safe-area) + 12px)!important;
    max-height:calc(100% - 249px);
  }
}
.wave-view .track-card-info{background:linear-gradient(145deg,#fff8fd 0%,#f0ebff 100%)!important}
.wave-modal .track-card-info{
  padding-top:24px!important;
  padding-bottom:24px!important;
  overflow:visible!important;
}
.wave-modal .profile-player{
  min-height:72px!important;
  margin-top:22px!important;
  flex-shrink:0!important;
}
.wave-modal .wave-track-seek{
  margin-top:16px!important;
}
.wave-modal .wave-platforms{
  margin-top:16px!important;
  padding-bottom:8px!important;
}
.wave-modal .wave-platforms .platform-menu{
  top:auto!important;
  right:0!important;
  bottom:calc(100% + 8px)!important;
  z-index:120!important;
  display:none!important;
  width:180px!important;
  height:auto!important;
  min-height:0!important;
  max-height:280px!important;
  overflow-y:auto!important;
  grid-auto-rows:minmax(32px,auto)!important;
  pointer-events:auto!important;
}
.wave-modal .wave-platforms .platform-menu.open{
  display:grid!important;
}
.wave-modal .wave-platforms .platform-menu a{
  display:block!important;
  min-height:32px!important;
  line-height:16px!important;
  padding:8px 10px!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
.wave-modal .track-art{
  aspect-ratio:1 / 1;
  height:auto!important;
  min-height:0!important;
  background:
    radial-gradient(circle at 18% 22%,#ffd1ef 0 4%,transparent 4.5%),
    radial-gradient(circle at 82% 34%,#9d8cff 0 8%,transparent 8.5%),
    radial-gradient(circle at 42% 78%,#ff9bcd 0 5%,transparent 5.5%),
    linear-gradient(135deg,#171329 0%,#4f2a72 44%,#c94c9a 100%)!important;
}
.wave-modal .track-art:before{
  width:360px;height:360px;left:50%;top:50%;
  border:1px solid #ffffff55;transform:translate(-50%,-50%) rotate(18deg);
  box-shadow:0 0 0 22px #ffffff0c,0 0 0 55px #ffffff08;
}
.wave-modal .track-art:after{
  width:210px;height:210px;left:50%;top:50%;
  border:2px solid #ffffff66;transform:translate(-50%,-50%) rotate(-28deg);
  background:#ffffff0b;
}
.wave-modal .sound-bars{z-index:2;height:64px;bottom:18px;gap:7px}
.wave-modal .sound-bars{height:100px;bottom:0;left:0;right:0;gap:0;align-items:stretch;opacity:.84}
.wave-modal .sound-bars:before{
  content:"";
  position:absolute;
  left:0;right:0;bottom:18px;height:1px;
  background:linear-gradient(90deg,transparent,#ffb3e9 18%,#a99aff 50%,#ff8dcb 82%,transparent);
  box-shadow:0 0 12px #ff9edc99;
}
.wave-modal .sound-bars i{
  position:relative;
  width:14.28%;
  height:100%!important;
  background:linear-gradient(to top,#ff72c6,#9c8cff 48%,#8df3ff);
  clip-path:polygon(49% 0,51% 0,51% 100%,49% 100%);
  filter:drop-shadow(0 0 var(--audio-glow,3px) #ff9edc);
  opacity:var(--audio-level,.6);
  transform-origin:center bottom;
  transform:scaleY(var(--audio-level,.6));
}
.wave-modal .sound-bars i:nth-child(1){animation-delay:-.1s}.wave-modal .sound-bars i:nth-child(2){animation-delay:-.45s}.wave-modal .sound-bars i:nth-child(3){animation-delay:-.25s}.wave-modal .sound-bars i:nth-child(4){animation-delay:-.7s}.wave-modal .sound-bars i:nth-child(5){animation-delay:-.35s}.wave-modal .sound-bars i:nth-child(6){animation-delay:-.6s}.wave-modal .sound-bars i:nth-child(7){animation-delay:-.2s}
.wave-modal .profile-player.playing~.wave-track-seek+.wave-platforms{}
.wave-modal:has(.profile-player.playing) .sound-bars i{filter:drop-shadow(0 0 8px #ffb6ed)}
.wave-modal .track-stack{
  height:560px!important;
  min-height:560px!important;
  overflow:visible!important;
}
.wave-modal .track-card{
  overflow:visible!important;
  height:auto!important;
  min-height:540px!important;
}
@media (max-width:679px){
  .wave-modal .track-stack{height:520px!important;min-height:520px!important}
  .wave-modal .track-card{min-height:500px!important}
}

/* Calm audio artwork: many hairline bands and blurred dancing silhouettes. */
.wave-modal .track-art{
  background:
    radial-gradient(ellipse at 50% 100%,#b9a5c326 0 18%,transparent 55%),
    linear-gradient(135deg,#211d2d 0%,#40384b 50%,#665263 100%)!important;
}
.wave-modal .track-art:before,
.wave-modal .track-art:after{
  display:none;
}
.wave-modal .blur-dancers{
  position:absolute;
  inset:18px 7% 22px;
  z-index:1;
  filter:blur(5px);
  opacity:.42;
  pointer-events:none;
}
.wave-modal .dancer{
  position:absolute;
  bottom:5px;
  width:30px;
  height:86px;
  border-radius:50% 50% 35% 35%;
  background:linear-gradient(180deg,#d9c8d7,#87758d);
  transform-origin:50% 100%;
  animation:dancer-groove 1.35s ease-in-out infinite alternate;
}
.wave-modal .dancer:before{
  content:"";
  position:absolute;
  left:7px;
  top:-22px;
  width:17px;
  height:17px;
  border-radius:50%;
  background:#dfcede;
}
.wave-modal .dancer:after{
  content:"";
  position:absolute;
  left:-18px;
  top:28px;
  width:66px;
  height:10px;
  border-radius:50%;
  background:#b8a6bc;
  transform:rotate(-19deg);
}
.wave-modal .dancer-one{left:16%;height:74px;animation-delay:-.2s;transform:rotate(-5deg)}
.wave-modal .dancer-two{left:47%;height:104px;opacity:.78;animation-delay:-.75s;transform:rotate(4deg)}
.wave-modal .dancer-three{right:13%;height:82px;animation-delay:-1.05s;transform:rotate(7deg)}
@keyframes dancer-groove{
  from{transform:translateY(5px) rotate(-7deg) scaleX(.92)}
  to{transform:translateY(-7px) rotate(8deg) scaleX(1.04)}
}
.wave-modal .sound-bars{
  z-index:3;
  height:92px;
  bottom:5px;
  left:15px;
  right:15px;
  gap:6px;
  align-items:stretch;
  opacity:.68;
}
.wave-modal .sound-bars:before{
  bottom:8px;
  background:linear-gradient(90deg,transparent,#d8c9db66 18%,#eee5ed88 50%,#d8c9db66 82%,transparent);
  box-shadow:none;
}
.wave-modal .sound-bars i{
  width:1px;
  min-width:1px;
  flex:1;
  height:100%!important;
  border-radius:0;
  background:linear-gradient(to top,#b9a9bd,#e4d9e4 55%,#c8bbca);
  clip-path:none;
  filter:drop-shadow(0 0 var(--audio-glow,1px) #d9cbd9);
  opacity:var(--audio-level,.28);
  transform-origin:center bottom;
  transform:scaleY(var(--audio-level,.28));
}
.wave-modal .sound-bars i:nth-child(3n){background:#c5b7c9}
.wave-modal .sound-bars i:nth-child(4n){background:#e0d6e0}
.wave-modal:has(.profile-player.playing) .blur-dancers{animation:dancers-breathe 1.1s ease-in-out infinite alternate}
.wave-modal .track-card.visualizer-active .sound-bars i{filter:drop-shadow(0 0 var(--audio-glow,1px) #f4b9ff)}
.wave-modal .sound-bars i{animation:none!important;height:100%!important}
@keyframes dancers-breathe{from{opacity:.3;filter:blur(6px)}to{opacity:.52;filter:blur(4px)}}
.wave-modal .track-stack{height:760px!important;min-height:760px!important}
.wave-modal .track-card{min-height:0!important;overflow:hidden!important}
.wave-modal .track-art-copy{position:absolute;z-index:5;left:24px;right:24px;bottom:108px;color:#fff;text-shadow:0 2px 14px #171329cc;pointer-events:none}
.wave-modal .track-art-copy .track-card-artist{margin:0 0 3px;color:#fff;font-size:15px;font-weight:800;letter-spacing:.02em}
.wave-modal .track-art-copy .track-card-name{margin:0;max-width:100%;font-size:clamp(22px,4vw,32px);line-height:1.08;letter-spacing:-.04em;overflow-wrap:anywhere}
.wave-modal .track-card-info{padding:16px 20px 20px!important}
.wave-modal .track-card-note{margin:0;color:var(--muted);font-size:11px;line-height:1.35}
.wave-modal .profile-player{margin-top:12px!important}
.wave-modal .wave-track-seek{margin-top:10px!important}
.wave-modal .wave-platforms{margin-top:10px!important;padding-bottom:0!important}
@media(max-width:679px){
  .wave-modal .track-stack{height:calc(100vw + 245px)!important;min-height:0!important}
  .wave-modal .track-art-copy{left:18px;right:18px;bottom:108px}
  .wave-modal .track-art-copy .track-card-name{font-size:24px}
}
@media(max-width:679px){
  :root{--netlify-safe-area:110px}
  nav:after{
    content:"";
    display:block;
    min-width:66px;
    height:1px;
  }
  .nav-item[data-view="messages"]{
    position:fixed!important;
    right:16px!important;
    bottom:calc(var(--netlify-safe-area) + 16px + env(safe-area-inset-bottom))!important;
    z-index:1001!important;
    width:66px!important;
    min-width:66px!important;
    height:66px!important;
    padding:3px 4px!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 7px 22px #35314c25!important;
  }
}
@media (min-width:680px) and (max-width:960px){
  nav{justify-content:space-around}
  .nav-chat-placeholder{display:block;width:66px;min-width:66px;height:1px}
  .nav-item[data-view="messages"]{
    position:fixed!important;
    right:24px!important;
    bottom:170px!important;
    z-index:1001!important;
    width:76px!important;
    min-width:76px!important;
    height:76px!important;
    padding:5px 4px!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 8px 24px #35314c2b!important;
  }
}
@media(max-width:679px){
  .nav-chat-placeholder{display:block;width:66px;min-width:66px;height:1px}
  .nav-item[data-view="messages"]{
    bottom:calc(var(--mobile-nav-height) + var(--mobile-player-height) + 16px)!important;
    right:16px!important;
  }
}
.signup-profile-fields{display:grid;gap:8px;margin:18px 0}.signup-profile-fields label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.signup-profile-fields textarea{min-height:76px;resize:vertical}.signup-avatar-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.signup-avatar-row input{flex:1}.signup-avatar-row span,.signup-help{font-size:12px;color:var(--muted)}.signup-avatar-preview{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#24243a center/cover no-repeat;color:#fff;font-weight:700}.signup-track-inputs{display:grid;gap:8px}.signup-track-inputs input{width:100%}.profile-top-tracks{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.profile-top-label{width:100%;font-size:11px;letter-spacing:.1em;color:var(--muted)}.profile-top-track{padding:6px 9px;border:1px solid rgba(255,255,255,.13);border-radius:999px;font-size:12px}
.profile-top-tracks{display:grid;gap:7px;margin:16px 0}.profile-top-label{display:block}.profile-top-track{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:1px solid #eaddec;border-radius:12px;background:#faf6fb;color:var(--ink)}.profile-top-track-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:8px;background:#e8ddf5;color:#6a54ba}.profile-top-track-copy{display:grid;gap:2px;min-width:0}.profile-top-track-copy b,.profile-top-track-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-top-track-copy b{font-size:11px}.profile-top-track-copy small{font-size:10px;color:var(--muted)}.profile-top-track .mini-play{flex:0 0 28px}.profile-top-toggle{justify-self:start;border:1px solid #d9d2ee;border-radius:999px;background:#f5f3ff;color:#5d48ad;padding:7px 12px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.member-mode .own-profile-card:not(.admin-neon-card){margin:22px 0;border:1px solid #d8d0ed;border-radius:24px;background:linear-gradient(145deg,#fff,#f6f3ff);box-shadow:0 12px 28px #51438a1c;color:var(--ink);overflow:hidden}.member-mode .own-profile-card:not(.admin-neon-card) .own-profile-body{background:linear-gradient(180deg,#ffffff,#faf8ff)}.member-mode .own-profile-card:not(.admin-neon-card) .own-profile-role,.member-mode .own-profile-card:not(.admin-neon-card) .own-profile-copy{color:#646170}.member-mode .own-profile-card:not(.admin-neon-card) .profile-handle{border-color:#cfc4f3;color:#6757d9;background:#f5f2ff}.member-mode .own-profile-card:not(.admin-neon-card) .profile-top-label{color:#7568b1}
.tracks-step .onboarding-copy,.avatar-step .onboarding-copy{margin-top:26px}.tracks-step .signup-tracks-section{margin-top:22px}.tracks-step>#save-tastes{position:sticky;bottom:0;z-index:4;box-shadow:0 -8px 16px #fff;padding-bottom:2px}.signup-avatar-panel{display:grid;justify-items:center;gap:12px;margin:28px 0}.signup-avatar-panel input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.signup-avatar-panel span{font-size:12px;color:var(--muted);text-align:center}.secondary-button{border:1px solid #d9d2ee;border-radius:11px;background:#f8f6ff;color:var(--violet);font:700 13px Inter,ui-sans-serif,system-ui;padding:12px 18px;cursor:pointer}.signup-track-suggestions{display:grid;gap:3px;margin-top:-4px;position:relative;z-index:3}.signup-track-suggestions:empty{display:none}.signup-track-suggestions[data-loading="true"]{padding:8px 10px;color:var(--muted);font-size:12px}.signup-track-suggestions button{display:grid;gap:2px;text-align:left;border:1px solid #e6e2f0;background:#faf9ff;border-radius:8px;padding:9px 10px;color:var(--ink);cursor:pointer}.signup-track-suggestions button:hover{border-color:var(--violet);background:#f0eeff}.signup-track-suggestions small{color:var(--muted)}.signup-track-input.has-selection{border-color:var(--violet);background:#f8f6ff}

:root{--display-font:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif}
h1,h2,.brand,.onboarding-brand,.own-profile-title h2,.profile-edit-group h3{font-family:var(--display-font)}
.brand-mark{position:relative;width:30px;height:30px;border:1px solid #e3d7ef;border-radius:50%;background:#fff;color:#7554a5;font-size:18px;letter-spacing:0;padding:0;transform:none;box-shadow:none;text-shadow:none}
.brand-mark:before,.brand-mark:after{display:none}
.profile-header{position:relative}
.public-profile-return{align-self:flex-start;min-height:38px;padding:8px 12px;border:1px solid #e8dced;border-radius:999px;background:#fff;color:#704f91;font:700 12px Inter,ui-sans-serif,system-ui;cursor:pointer}
.public-profile-return[hidden]{display:none}
.profile-stats>button{flex:1;min-width:0;padding:9px 4px;border:0;border-radius:11px;background:#f1effd;text-align:center;color:#777783;font:500 10px Inter,ui-sans-serif,system-ui;cursor:pointer}
.profile-stats>button b{display:block;color:#5546bd;font-size:15px}
.profile-stats>button:hover,.profile-stats>button:focus-visible{background:#e7e2ff;outline:2px solid #bdb2f4;outline-offset:1px}
.my-songs-stat{font:500 10px Inter,ui-sans-serif,system-ui!important}
.my-songs-stat small{color:#8577c2;font-size:8px}
.favorite-artists-panel{margin:10px 0 0;padding:14px 16px;border:1px solid #e8dced;border-radius:16px;background:#fff}
.favorite-artists-panel[hidden]{display:none}
.profile-stats[hidden]{display:none}
.favorite-artists-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.favorite-artists-heading h3{margin:0;font:600 16px var(--display-font)}
.favorite-artists-heading button,.profile-artists-toggle{border:1px solid #e5dce8;border-radius:999px;background:#fff;color:#705a7e;padding:8px 12px;font:700 11px Inter,ui-sans-serif,system-ui;cursor:pointer}
#favorite-artists-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
#favorite-artists-list span{padding:7px 10px;border-radius:999px;background:#f2edfa;color:#684b8f;font-size:11px;font-weight:700}
.favorite-artists-empty{margin:0;color:#887b8d;font-size:11px}
.profile-artists-toggle{margin:0 0 8px}
.profile-artists-toggle[aria-expanded="true"]{border-color:#8f7be0;background:#eeeaff;color:#5845b7}
.profile-artists[hidden]{display:none!important}
@media(max-width:679px){.profile-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-stats>button{min-height:60px}.public-profile-return{font-size:11px}}
.search-filter-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:18px;background:#21172b88}
.search-filter-backdrop[hidden]{display:none}
.search-filter-sheet{width:min(100%,420px);padding:20px;border:1px solid #eee3f1;border-radius:22px;background:#fff;box-shadow:0 22px 60px #1d102555}
.search-filter-sheet>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.search-filter-sheet h2{margin:2px 0 0;font-size:23px}
.search-filter-close{width:34px;height:34px;border:0;border-radius:50%;background:#f4eff7;color:#6f5b7c;font-size:22px;cursor:pointer}
.search-filter-sheet fieldset{margin:0 0 17px;padding:0;border:0}
.search-filter-sheet legend{margin-bottom:9px;color:#65556e;font-size:12px;font-weight:800}
.search-filter-options{display:flex;gap:7px;flex-wrap:wrap}
.search-filter-options button{min-height:40px;padding:9px 13px;border:1px solid #e6dce9;border-radius:999px;background:#fff;color:#786a7d;font:700 12px Inter,ui-sans-serif,system-ui;cursor:pointer}
.search-filter-options button[aria-pressed="true"]{border-color:#8c75da;background:#f0ecff;color:#5d48b2}
.search-filter-note{margin:0 0 14px;color:#93869a;font-size:10px;line-height:1.45}
.search-filter-reset{border:0;background:transparent;color:#74529a;font:700 11px Inter,ui-sans-serif,system-ui;cursor:pointer}
.search-filter-empty{grid-column:1/-1;margin:18px 0;padding:20px;border:1px dashed #d9cfe2;border-radius:16px;background:#fff;color:#7c6c86;text-align:center;font-size:12px;line-height:1.5}
.connection-intent-options{display:flex;gap:8px;flex-wrap:wrap}
.connection-intent-options label{display:flex;align-items:center;gap:7px;min-height:42px;margin:0;padding:9px 12px;border:1px solid #e5dce8;border-radius:999px;background:#fff;color:#6e5d78;font-size:11px;font-weight:700;cursor:pointer}
.connection-intent-options input{width:16px;height:16px;margin:0;accent-color:#6757d9}
.signup-connection-intent{grid-column:1/-1;margin:8px 0 4px;padding:0;border:0}
.signup-connection-intent legend{margin-bottom:8px;font-size:12px;font-weight:800}
.connection-intent-editor{margin:0;padding:12px;border:1px solid #eadfeb;border-radius:16px;background:#fff}
.connection-intent-editor legend{padding:0 5px;color:#60556b;font-size:12px;font-weight:800}
@media(max-width:560px){.search-filter-backdrop{align-items:end;padding:0}.search-filter-sheet{width:100%;padding:22px 18px calc(22px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.search-filter-options button{flex:1}.profile-stats{gap:8px}}

/* Keep every navigation item in the bottom bar, with the player directly above it. */
.nav-chat-placeholder,
nav:after{display:none!important;content:none!important}
.nav-item[data-view="messages"]{
  position:relative!important;
  inset:auto!important;
  z-index:auto!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  padding:2px 1px!important;
  border-radius:14px!important;
  background:transparent!important;
  box-shadow:none!important;
}
@media(max-width:679px){
  :root{--netlify-safe-area:0px;--mobile-nav-height:76px;--mobile-player-height:58px}
  .sidebar{
    bottom:0!important;
    height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom))!important;
    padding-bottom:env(safe-area-inset-bottom)!important;
  }
  .global-player{
    bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 8px)!important;
  }
  .content,
  .likes-view,
  .messages-view{
    padding-bottom:calc(var(--mobile-nav-height) + var(--mobile-player-height) + 36px + env(safe-area-inset-bottom))!important;
  }
  .song-picker{
    bottom:calc(var(--mobile-nav-height) + var(--mobile-player-height) + 12px + env(safe-area-inset-bottom))!important;
  }
}
#discover-cards .person-card{touch-action:pan-y;cursor:grab}
#discover-cards .person-card.is-dragging{transition:none!important;cursor:grabbing}