*{box-sizing:border-box}html{background:#fff}body{color:#1d1d1f;-webkit-font-smoothing:antialiased;background:#fff;min-width:320px;min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}.site{background:#fff;min-height:100vh}.minimalNav{justify-content:space-between;align-items:center;width:100%;padding:28px 40px;display:flex}.logo{color:#1d1d1f;letter-spacing:.08em;appearance:none;background:0 0;border:0;padding:0;font-size:12px;font-weight:600}.navActions{align-items:center;gap:22px;display:flex}.navButton,.uploadButton{color:#86868b;appearance:none;background:0 0;border:0;padding:0;font-size:11px;transition:color .15s,opacity .15s}.navButton:hover,.uploadButton:hover{color:#1d1d1f}.uploadButton{color:#1d1d1f;font-weight:500}.feed{width:100%;padding:80px 40px 140px}.feedHeading{width:min(1100px,100%);margin:0 auto 90px}.feedHeading h1,.feedHeading h2{color:#1d1d1f;margin:0;font-size:13px;font-weight:500}.feedHeading p{color:#a1a1a6;margin:7px 0 0;font-size:11px}.feedRecords{flex-direction:column;align-items:center;gap:130px;width:100%;display:flex}.feedPost{flex-direction:column;align-items:stretch;width:min(360px,100%);display:flex}.feedArtist{appearance:none;background:0 0;border:0;flex-direction:column;align-items:flex-start;width:fit-content;margin-bottom:20px;padding:0;display:flex}.feedArtist strong{color:#1d1d1f;font-size:11px;font-weight:500}.feedArtist span{color:#a1a1a6;margin-top:2px;font-size:9px}.feedArtist:hover strong{text-underline-offset:3px;text-decoration:underline}.feedEmpty{text-align:center;width:min(360px,100%);margin:120px auto 0}.feedEmpty p{color:#1d1d1f;margin:0;font-size:12px}.feedEmpty span{color:#a1a1a6;margin-top:7px;font-size:10px;display:block}.feedStatus,.profileLoadError{text-align:center;width:min(360px,100%);margin:120px auto 0}.feedStatus p,.profileLoadError p{color:#86868b;margin:0;font-size:10px}.feedStatus button,.profileLoadError button{color:#1d1d1f;appearance:none;background:0 0;border:0;margin:14px 7px 0;padding:0;font-size:10px;font-weight:500}.feedStatus button:hover,.profileLoadError button:hover{text-underline-offset:3px;text-decoration:underline}.record{appearance:none;background:0 0;border:0;flex-direction:column;align-items:center;width:100%;padding:0;display:flex}.vinyl{--label:#cc694e;aspect-ratio:1;background:repeating-radial-gradient(circle,#ffffff09 0 1px,#0000 2px 4px),radial-gradient(circle,#202020 0%,#121212 57%,#090909 100%);border-radius:50%;width:min(330px,100%);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;display:block;position:relative;overflow:hidden;box-shadow:0 20px 45px #00000014}.vinyl:before{content:"";pointer-events:none;background:conic-gradient(from 20deg,#0000 0deg,#ffffff0d 35deg,#0000 70deg 180deg,#ffffff09 230deg,#0000 270deg);border-radius:50%;position:absolute;inset:0}.record:hover .vinyl{transform:translateY(-4px)rotate(1deg);box-shadow:0 26px 55px #0000001c}.record.playing .vinyl{animation:7s linear infinite vinylSpin}@keyframes vinylSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.record-label{aspect-ratio:1;background:var(--label);color:#000000b8;text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:36%;padding:14px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.record-label:after{content:"";background:#111;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.record-label small{letter-spacing:.08em;max-width:100%;font-size:6px;font-weight:500;line-height:1.2;display:block}.record-label strong{text-overflow:ellipsis;white-space:nowrap;max-width:90%;margin:7px 0;font-size:8px;font-weight:600;line-height:1.1;display:block;overflow:hidden}.record-label i{border-radius:50%;width:7px;height:7px;margin:1px 0 7px;display:block}.record-info{text-align:center;flex-direction:column;align-items:center;margin-top:20px;display:flex}.record-info strong{color:#1d1d1f;font-size:11px;font-weight:500}.record-info span{color:#a1a1a6;margin-top:4px;font-size:9px}.trackProgress{grid-template-columns:32px 1fr 32px;align-items:center;gap:10px;width:100%;margin-top:22px;display:grid}.trackTime{color:#a1a1a6;font-variant-numeric:tabular-nums;text-align:left;font-size:9px}.trackDuration{text-align:right}.trackProgressControl{align-items:center;width:100%;height:12px;display:flex;position:relative}.trackProgressControl:before{content:"";pointer-events:none;background:#dedee2;height:1px;position:absolute;left:0;right:0}.trackProgressFill{pointer-events:none;background:#1d1d1f;height:1px;position:absolute;left:0}.trackProgressControl input{cursor:pointer;opacity:0;appearance:none;width:100%;height:12px;margin:0;padding:0;position:absolute}.trackProgressControl input:disabled{cursor:default}.wipComments{width:100%;margin-top:30px}.commentList{flex-direction:column;gap:14px;width:100%;margin-bottom:24px;display:flex}.comment{grid-template-columns:36px 1fr;align-items:start;gap:10px;width:100%;display:grid}.commentTimestamp{color:#86868b;font-variant-numeric:tabular-nums;text-align:left;appearance:none;background:0 0;border:0;padding:1px 0 0;font-size:10px;transition:color .15s}.commentTimestamp:hover{color:#1d1d1f;text-underline-offset:3px;text-decoration:underline}.commentContent{min-width:0}.commentIdentity{align-items:baseline;gap:5px;display:flex}.commentIdentity strong{color:#1d1d1f;font-size:10px;font-weight:500;line-height:1.4}.commentIdentity span{color:#a1a1a6;font-size:9px;line-height:1.4}.commentContent p{color:#3a3a3c;overflow-wrap:anywhere;margin:2px 0 0;font-size:11px;line-height:1.5}.commentForm{grid-template-columns:36px 1fr auto;align-items:center;gap:10px;width:100%;display:grid}.commentCurrentTime{color:#86868b;font-variant-numeric:tabular-nums;font-size:10px}.commentForm input{color:#1d1d1f;appearance:none;background:0 0;border:0;border-bottom:1px solid #e5e5e7;border-radius:0;outline:none;width:100%;min-width:0;padding:7px 0;font-size:11px;transition:border-color .15s}.commentForm input::placeholder{color:#b8b8bd}.commentForm input:focus{border-bottom-color:#86868b}.commentForm button{color:#1d1d1f;appearance:none;background:0 0;border:0;padding:0;font-size:10px;font-weight:500;transition:opacity .15s}.commentForm button:hover:not(:disabled){text-underline-offset:3px;text-decoration:underline}.commentForm button:disabled{cursor:default;opacity:.25}.commentsStatus,.commentError{margin:0 0 18px;font-size:10px}.commentsStatus{color:#a1a1a6}.commentError{color:#b42318;margin-top:10px}.profile{width:100%;padding:70px 40px 100px}.profileHeader{width:min(1100px,100%);margin:0 auto 90px}.profileBack{color:#86868b;appearance:none;background:0 0;border:0;margin:0 0 34px;padding:0;font-size:10px}.profileBack:hover{color:#1d1d1f}.profileIdentity h1{color:#1d1d1f;margin:0;font-size:17px;font-weight:500}.profileIdentity p{color:#a1a1a6;margin:5px 0 0;font-size:10px}.profileInvite{align-items:center;gap:14px;margin-top:25px;display:flex}.profileInvite button{color:#1d1d1f;appearance:none;background:0 0;border:0;padding:0;font-size:10px;font-weight:500}.profileInvite button:hover{text-underline-offset:3px;text-decoration:underline}.profileInvite span{color:#86868b;font-size:9px}.profile .feedRecords{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:72px 48px;width:min(1100px,100%);margin:0 auto;display:grid}.profile .record{width:100%}.profile .vinyl{width:100%;max-width:300px}.profileEmpty{color:#a1a1a6;width:min(1100px,100%);margin:0 auto;font-size:10px}.profileWip{flex-direction:column;align-items:center;width:100%;display:flex}.wipManagement{flex-direction:column;align-items:center;min-height:22px;margin-top:14px;display:flex}.wipActions{justify-content:center;align-items:center;gap:12px;display:flex}.editWipButton,.deleteWipButton{appearance:none;background:0 0;border:0;padding:0;font-size:9px;transition:color .15s}.editWipButton{color:#86868b}.editWipButton:hover{color:#1d1d1f}.deleteWipButton{color:#b8b8bd}.deleteWipButton:hover{color:#b42318}.editWipForm{flex-direction:column;align-items:center;gap:13px;width:190px;display:flex}.editWipTitle{color:#1d1d1f;text-align:center;appearance:none;background:0 0;border:0;border-bottom:1px solid #dedee2;border-radius:0;outline:none;width:100%;padding:7px 0;font-size:10px;transition:border-color .15s}.editWipTitle:focus{border-bottom-color:#1d1d1f}.editLabelColors{justify-content:center;align-items:center;gap:8px;display:flex}.editLabelColor{appearance:none;border:1px solid #0000;border-radius:50%;outline:none;width:15px;height:15px;padding:0;transition:transform .15s,box-shadow .15s}.editLabelColor:hover{transform:scale(1.08)}.editLabelColor.selected{box-shadow:0 0 0 2px #fff,0 0 0 3px #1d1d1f}.editWipActions{justify-content:center;align-items:center;gap:12px;display:flex}.editSaveButton,.editCancelButton{appearance:none;background:0 0;border:0;padding:0;font-size:9px;transition:color .15s,opacity .15s}.editSaveButton{color:#1d1d1f;font-weight:500}.editCancelButton{color:#86868b}.editSaveButton:hover:not(:disabled),.editCancelButton:hover:not(:disabled){text-underline-offset:3px;text-decoration:underline}.editSaveButton:disabled,.editCancelButton:disabled{cursor:default;opacity:.35}.editWipError{color:#b42318;text-align:center;margin:0;font-size:9px}.deleteConfirmation{justify-content:center;align-items:center;gap:9px;display:flex}.deleteConfirmation span{color:#86868b;font-size:9px}.deleteConfirmButton,.deleteCancelButton{appearance:none;background:0 0;border:0;padding:0;font-size:9px;transition:color .15s,opacity .15s}.deleteConfirmButton{color:#b42318}.deleteCancelButton{color:#86868b}.deleteConfirmButton:hover:not(:disabled),.deleteCancelButton:hover:not(:disabled){text-underline-offset:3px;text-decoration:underline}.deleteConfirmButton:disabled,.deleteCancelButton:disabled{cursor:default;opacity:.35}.deleteError{color:#b42318;margin-top:8px;font-size:9px}.friendsSection{border-top:1px solid #e5e5e7;width:min(420px,100% - 40px);margin:80px auto 120px}.friendsToggle{color:#1d1d1f;text-align:left;appearance:none;background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;width:100%;padding:18px 0;display:grid}.friendsToggle>span:first-child{font-size:12px;font-weight:500}.friendsToggle small{color:#a1a1a6;font-size:10px}.friendsToggleArrow{color:#86868b;font-size:15px;font-weight:300}.friendsPanel{padding-bottom:10px}.friendsList{flex-direction:column;display:flex}.friendItem{border-top:1px solid #f0f0f2;grid-template-columns:1fr auto;align-items:center;column-gap:20px;min-height:54px;display:grid}.friendButton{color:#1d1d1f;text-align:left;appearance:none;background:0 0;border:0;flex-direction:column;align-items:flex-start;padding:12px 0;display:flex}.friendButton span{font-size:11px;font-weight:500}.friendButton small{color:#86868b;margin-top:2px;font-size:9px}.friendButton:hover span{text-underline-offset:3px;text-decoration:underline}.removeFriendButton{color:#b8b8bd;appearance:none;background:0 0;border:0;padding:0;font-size:9px}.removeFriendButton:hover{color:#b42318}.removeFriendConfirmation{justify-content:flex-end;align-items:center;gap:8px;display:flex}.removeFriendConfirmation span{color:#86868b;font-size:9px}.removeFriendConfirmButton,.removeFriendCancelButton{appearance:none;background:0 0;border:0;padding:0;font-size:9px}.removeFriendConfirmButton{color:#b42318}.removeFriendCancelButton{color:#86868b}.removeFriendConfirmButton:hover:not(:disabled),.removeFriendCancelButton:hover:not(:disabled){text-underline-offset:3px;text-decoration:underline}.removeFriendConfirmButton:disabled,.removeFriendCancelButton:disabled{opacity:.35}.removeFriendError{color:#b42318;grid-column:1/-1;padding-bottom:8px;font-size:9px}.friendsEmpty{color:#86868b;margin:0;padding:8px 0 18px;font-size:10px}.authPage{background:#fff;justify-content:center;align-items:center;min-height:100vh;padding:48px;display:flex}.authContainer{width:min(900px,100%)}.authHeader{margin-bottom:70px}.authLogo{color:#1d1d1f;letter-spacing:.1em;margin:0;font-size:12px;font-weight:600;display:block}.authHeader p{color:#a1a1a6;margin:8px 0 0;font-size:10px}.authContent{grid-template-columns:minmax(260px,380px) minmax(260px,320px);justify-content:space-between;align-items:center;gap:90px;display:grid}.authRecord{justify-content:center;align-items:center;width:100%;display:flex}.authVinyl{aspect-ratio:1;background:repeating-radial-gradient(circle,#ffffff09 0 1px,#0000 2px 4px),radial-gradient(circle,#202020 0%,#121212 57%,#090909 100%);border-radius:50%;width:min(360px,100%);display:block;position:relative;overflow:hidden;box-shadow:0 24px 55px #00000017}.authVinyl:before{content:"";pointer-events:none;background:conic-gradient(from 20deg,#0000 0deg,#ffffff0d 35deg,#0000 70deg 180deg,#ffffff09 230deg,#0000 270deg);border-radius:50%;position:absolute;inset:0}.authLabel{aspect-ratio:1;color:#000000b8;text-align:center;background:#cc694e;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:36%;padding:14px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.authLabel:after{content:"";background:#111;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.authLabel small{letter-spacing:.08em;font-size:6px;font-weight:500;line-height:1.2;display:block}.authLabel strong{margin:7px 0;font-size:9px;font-weight:600;display:block}.authLabel i{width:7px;height:7px;margin:1px 0 7px;display:block}.authControls{width:100%}.authModes{gap:20px;margin-bottom:38px;display:flex}.authMode{color:#a1a1a6;appearance:none;background:0 0;border:0;border-bottom:1px solid #0000;padding:0 0 5px;font-size:10px;transition:color .15s,border-color .15s}.authMode:hover{color:#1d1d1f}.authMode.active{color:#1d1d1f;border-bottom-color:#1d1d1f}.authForm{flex-direction:column;gap:23px;width:100%;display:flex}.authForm label{flex-direction:column;display:flex}.authForm label>span{color:#a1a1a6;margin-bottom:4px;font-size:9px}.authForm input{color:#1d1d1f;appearance:none;background:0 0;border:0;border-bottom:1px solid #dedee2;border-radius:0;outline:none;width:100%;padding:9px 0;font-size:12px;transition:border-color .15s}.authForm input:focus{border-bottom-color:#1d1d1f}.authForm input:-webkit-autofill{-webkit-text-fill-color:#1d1d1f;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #fff}.authForm input:-webkit-autofill:hover{-webkit-text-fill-color:#1d1d1f;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #fff}.authForm input:-webkit-autofill:focus{-webkit-text-fill-color:#1d1d1f;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #fff}.authSubmit{color:#fff;appearance:none;background:#1d1d1f;border:0;border-radius:999px;width:100%;margin-top:10px;padding:11px 16px;font-size:10px;font-weight:500;transition:transform .15s,opacity .15s}.authSubmit:hover:not(:disabled){transform:translateY(-1px)}.authSubmit:disabled{cursor:default;opacity:.4}.authError{color:#b42318;margin:-4px 0 0;font-size:9px;line-height:1.5}.uploadOverlay{z-index:100;-webkit-backdrop-filter:blur(18px);background:#fffffff5;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0;overflow-y:auto}.uploadPanel{grid-template-columns:minmax(260px,380px) minmax(280px,360px);justify-content:space-between;align-items:center;gap:90px;width:min(900px,100%);display:grid;position:relative}.uploadClose{z-index:2;color:#86868b;appearance:none;background:0 0;border:0;padding:0;font-size:20px;font-weight:300;line-height:1;transition:color .15s,transform .15s;position:absolute;top:-34px;right:0}.uploadClose:hover{color:#1d1d1f;transform:rotate(5deg)}.uploadPreview{justify-content:center;align-items:center;width:100%;display:flex}.uploadVinyl{aspect-ratio:1;background:repeating-radial-gradient(circle,#ffffff09 0 1px,#0000 2px 4px),radial-gradient(circle,#202020 0%,#121212 57%,#090909 100%);border-radius:50%;width:min(360px,100%);transition:transform .35s cubic-bezier(.22,1,.36,1);display:block;position:relative;overflow:hidden;box-shadow:0 24px 55px #00000017}.uploadVinyl:before{content:"";pointer-events:none;background:conic-gradient(from 20deg,#0000 0deg,#ffffff0d 35deg,#0000 70deg 180deg,#ffffff09 230deg,#0000 270deg);border-radius:50%;position:absolute;inset:0}.uploadVinyl:hover{transform:rotate(1deg)}.uploadRecordLabel{aspect-ratio:1;color:#000000b8;text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:36%;padding:14px;transition:background-color .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.uploadRecordLabel:after{content:"";background:#111;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.uploadRecordLabel small{letter-spacing:.08em;max-width:100%;font-size:6px;font-weight:500;line-height:1.2;display:block}.uploadRecordLabel strong{text-overflow:ellipsis;white-space:nowrap;max-width:90%;margin:7px 0;font-size:8px;font-weight:600;line-height:1.1;display:block;overflow:hidden}.uploadRecordLabel i{width:7px;height:7px;margin:1px 0 7px;display:block}.uploadContent{width:100%}.uploadHeading{margin-bottom:38px}.uploadHeading p{color:#a1a1a6;margin:0 0 8px;font-size:9px}.uploadHeading h2{color:#1d1d1f;letter-spacing:-.01em;margin:0;font-size:17px;font-weight:500}.uploadForm{flex-direction:column;gap:24px;width:100%;display:flex}.uploadForm>label{flex-direction:column;display:flex}.uploadForm>label>span{color:#a1a1a6;margin-bottom:5px;font-size:9px}.uploadForm input[type=text]{color:#1d1d1f;appearance:none;background:0 0;border:0;border-bottom:1px solid #dedee2;border-radius:0;outline:none;width:100%;padding:9px 0;font-size:12px;transition:border-color .15s}.uploadForm input[type=text]:focus{border-bottom-color:#1d1d1f}.uploadForm input[type=text]::placeholder{color:#c3c3c7}.audioFileControl{align-items:center;gap:12px;min-height:32px;display:flex}.audioFileControl input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.audioFileButton{cursor:pointer;background:0 0;border:1px solid #dedee2;border-radius:999px;width:auto;padding:6px 11px;line-height:1;transition:border-color .15s,background .15s;color:#1d1d1f!important;font-size:9px!important;display:inline-flex!important}.audioFileButton:hover{background:#fafafa;border-color:#a1a1a6}.audioFileName{color:#a1a1a6;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;overflow:hidden}.labelPicker{flex-direction:column;gap:10px;display:flex}.labelPicker>span{color:#a1a1a6;font-size:9px}.labelColors{align-items:center;gap:10px;display:flex}.labelColor{appearance:none;border:1px solid #0000;border-radius:50%;outline:0;width:18px;height:18px;padding:0;transition:transform .15s,box-shadow .15s}.labelColor:hover{transform:scale(1.08)}.labelColor.selected{box-shadow:0 0 0 2px #fff,0 0 0 3px #1d1d1f}.shareButton{color:#fff;appearance:none;background:#1d1d1f;border:0;border-radius:999px;width:100%;margin-top:10px;padding:11px 16px;font-size:10px;font-weight:500;transition:transform .15s,opacity .15s}.shareButton:hover:not(:disabled){transform:translateY(-1px)}.shareButton:disabled{cursor:default;opacity:.4}.uploadError{color:#b42318;margin:-4px 0 0;font-size:9px;line-height:1.5}.invitePage{justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.invitePanel{text-align:center;width:min(360px,100%)}.invitePanel h1{color:#1d1d1f;margin:0;font-size:18px;font-weight:500}.invitePanel p{color:#86868b;margin:12px 0 0;font-size:10px;line-height:1.6}.inviteActions{justify-content:center;align-items:center;gap:20px;margin-top:30px;display:flex}.inviteActions button{color:#1d1d1f;appearance:none;background:0 0;border:0;padding:0;font-size:10px}.inviteActions button:hover{text-underline-offset:3px;text-decoration:underline}.inviteActions button:disabled{cursor:default;opacity:.4}.inviteError{color:#b42318!important}.sessionLoading{justify-content:center;align-items:center;min-height:100vh;display:flex}.sessionLoading span{color:#1d1d1f;letter-spacing:.08em;font-size:11px;font-weight:600}@media (width<=720px){.minimalNav{padding:22px 20px}.navActions{gap:14px}.feed{padding:60px 20px 100px}.feedHeading{margin-bottom:70px}.feedRecords{gap:90px;width:100%}.feedPost{width:min(320px,100%)}.vinyl{width:min(300px,100%)}.profile{padding:55px 20px 80px}.profileHeader{margin-bottom:70px}.profile .feedRecords{grid-template-columns:1fr;gap:80px;width:min(320px,100%);margin:0 auto}.profile .vinyl{width:min(300px,100%)}.friendsSection{padding:0 20px 100px}.authPage{align-items:flex-start;padding:38px 22px}.authContainer{width:min(360px,100%);margin:auto}.authHeader{margin-bottom:48px}.authContent{flex-direction:column;gap:52px;display:flex}.authRecord{order:1}.authControls{order:2}.authVinyl{width:min(270px,78vw)}.authModes{margin-bottom:32px}.uploadOverlay{align-items:flex-start;padding:65px 22px 40px}.uploadPanel{flex-direction:column;gap:50px;width:min(360px,100%);display:flex}.uploadClose{top:-37px;right:0}.uploadVinyl{width:min(270px,78vw)}.uploadHeading{margin-bottom:32px}.audioFileControl{flex-direction:column;align-items:flex-start;gap:8px}.trackProgress{grid-template-columns:30px 1fr 30px;gap:8px}}@media (prefers-reduced-motion:reduce){.record.playing .vinyl{animation:none}.vinyl,.navButton,.uploadButton,.commentTimestamp,.commentForm button,.authSubmit,.shareButton,.uploadVinyl,.uploadClose,.labelColor{transition:none}}.editProfileButton{color:#86868b;appearance:none;background:0 0;border:0;margin-top:8px;padding:0;font-size:9px;transition:color .15s}.editProfileButton:hover{color:#1d1d1f}.editProfileForm{flex-direction:column;align-items:flex-start;gap:16px;width:min(260px,100%);display:flex}.editProfileField{flex-direction:column;gap:6px;width:100%;display:flex}.editProfileField>span{color:#86868b;font-size:9px}.editProfileField>input,.editUsernameInput{background:0 0;border:0;border-bottom:1px solid #dedee2;border-radius:0;width:100%;transition:border-color .15s}.editProfileField>input{color:#1d1d1f;font:inherit;appearance:none;outline:none;padding:7px 0;font-size:11px}.editProfileField>input:focus{border-bottom-color:#1d1d1f}.editUsernameInput{align-items:center;display:flex}.editUsernameInput:focus-within{border-bottom-color:#1d1d1f}.editUsernameInput>span{color:#86868b;font-size:11px}.editUsernameInput input{color:#1d1d1f;width:100%;font:inherit;appearance:none;background:0 0;border:0;outline:none;padding:7px 0 7px 2px;font-size:11px}.editProfileActions{align-items:center;gap:12px;display:flex}.editProfileSave,.editProfileCancel{appearance:none;background:0 0;border:0;padding:0;font-size:9px;transition:color .15s,opacity .15s}.editProfileSave{color:#1d1d1f;font-weight:500}.editProfileCancel{color:#86868b}.editProfileSave:hover:not(:disabled),.editProfileCancel:hover:not(:disabled){text-underline-offset:3px;text-decoration:underline}.editProfileSave:disabled,.editProfileCancel:disabled{cursor:default;opacity:.35}.profileEditError{color:#b42318;font-size:9px}.activityNavButton{position:relative}.activityUnreadDot{background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;top:1px;right:-5px}.activityPage{width:min(620px,100% - 40px);margin:0 auto;padding:118px 0 120px}.activityHeading{margin-bottom:56px}.activityHeading h1{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.25rem);font-weight:500}.activityHeading p{opacity:.48;margin:10px 0 0;font-size:.9rem}.activityList{border-top:1px solid #0000001a}.activityItem{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000001a;grid-template-columns:8px minmax(0,1fr) auto;align-items:baseline;gap:14px;padding:19px 0;display:grid;position:relative}.activityItemDot{background:0 0;border-radius:50%;width:5px;height:5px;margin-top:7px}.activityItemUnread .activityItemDot{background:currentColor}.activityItemText{min-width:0;font-size:.9rem;line-height:1.55}.activityItemText strong{font-weight:600}.activityItemText em{font-style:normal;font-weight:500}.activityItem time{opacity:.42;white-space:nowrap;font-size:.72rem}.activityItem:hover .activityItemText{opacity:.58}.activityEmpty{margin:0;font-size:.9rem}.activityEmpty p{margin:0 0 7px}.activityEmpty span{opacity:.48;font-size:.82rem}@media (width<=700px){.activityPage{width:min(100% - 28px,620px);padding-top:96px}.activityHeading{margin-bottom:42px}.activityItem{gap:10px}}.activityWipView{padding-top:112px}.activityWipBack{color:inherit;font:inherit;opacity:.5;cursor:pointer;background:0 0;border:0;margin:0 auto 42px;padding:0;font-size:.8rem;display:block}.activityWipBack:hover{opacity:1}.profileQuickActions{align-items:center;gap:14px;margin-top:15px;display:flex}.profileQuickActions .editProfileButton,.profileQuickAction{color:#86868b;font:inherit;appearance:none;background:0 0;border:0;margin:0;padding:0;font-size:9px}.profileQuickActions .editProfileButton:hover,.profileQuickAction:hover:not(:disabled),.profileShareInline button:hover:not(:disabled){color:#1d1d1f;text-underline-offset:3px;text-decoration:underline}.profileQuickAction:disabled,.profileShareInline button:disabled{cursor:default;opacity:.4}.profileActionMessage{color:#a1a1a6;margin-top:10px;font-size:9px;display:block}.profileShareInline{color:#a1a1a6;flex-wrap:wrap;align-items:center;gap:7px 10px;margin-top:13px;font-size:9px;display:flex}.profileShareUrl{color:#86868b;text-overflow:ellipsis;white-space:nowrap;max-width:230px;overflow:hidden}.profileShareInline button{color:#1d1d1f;appearance:none;background:0 0;border:0;padding:0;font-size:9px;font-weight:500}.publicProfile{background:#fff;min-height:100vh;padding:52px 40px 120px}.publicProfileHeader{width:min(1100px,100%);margin:0 auto 90px}.publicProfileBrand{color:#1d1d1f;letter-spacing:.08em;margin-bottom:76px;font-size:10px;font-weight:600;display:block}.publicProfileHeader h1{color:#1d1d1f;margin:0;font-size:17px;font-weight:500}.publicProfileHeader p{color:#a1a1a6;margin:5px 0 0;font-size:10px}.publicRecordGrid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:72px 48px;width:min(1100px,100%);margin:0 auto;display:grid}.publicRecordGrid .record{width:100%}.publicRecordGrid .vinyl{width:100%;max-width:300px}.publicProfileEmpty{color:#a1a1a6;width:min(1100px,100%);margin:0 auto;font-size:10px}.publicProfileStatus{color:#86868b;letter-spacing:.04em;background:#fff;justify-content:center;align-items:center;min-height:100vh;font-size:10px;display:flex}@media (width<=760px){.profileQuickActions{flex-wrap:wrap}.profileShareInline{flex-direction:column;align-items:flex-start}.profileShareUrl{max-width:100%}.publicProfile{padding:34px 20px 90px}.publicProfileHeader{margin-bottom:65px}.publicProfileBrand{margin-bottom:56px}.publicRecordGrid{grid-template-columns:1fr;gap:72px}}.profileLayout{width:100%}.profileLayoutOwn{grid-template-columns:minmax(0,1fr) 220px;align-items:start;padding-right:40px;display:grid}.profileLayoutOwn>.profile{min-width:0}.profileLayoutOwn .profileFriendsSection{background:#fff;border-top:1px solid #e5e5e7;width:220px;margin:70px 0 0;position:static}.profileLayoutOwn .profileFriendsSection .friendsToggle{padding-top:18px}@media (width<=760px){.profileLayoutOwn{padding-right:0;display:block}.profileLayoutOwn .profileFriendsSection{width:min(420px,100% - 40px);margin:0 auto 100px;padding:0}}@media (width>=761px){.profileLayoutOwn{position:relative}.profileSideRail{width:230px;position:absolute;top:116px;right:40px}.profileSideRail .profileFriendsSection{width:100%;margin:0}.activitySection{border-top:1px solid #e5e5e7;width:100%;margin:0 0 28px}}.activityToggle{color:#1d1d1f;text-align:left;appearance:none;background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;width:100%;padding:18px 0;display:grid}.activityToggleLabel{align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.activityToggle small{color:#a1a1a6;font-size:10px}.activityToggleArrow{color:#86868b;font-size:15px;font-weight:300}.activityPanel{padding-bottom:10px}.activityProfilePanel{width:100%}.activityProfilePanel .activityList{flex-direction:column;width:100%;display:flex}.activityProfilePanel .activityItem{width:100%}.activityProfilePanel .activityEmpty{text-align:left;width:100%;margin:0;padding:8px 0 18px}@media (width<=760px){.profileSideRail{width:min(420px,100% - 40px);margin:80px auto 120px}.profileSideRail .profileFriendsSection{width:100%;margin:28px 0 0}.activitySection{border-top:1px solid #e5e5e7;width:100%;margin:0}}.activitySectionHeader,.friendsSectionHeader{color:#1d1d1f;text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:8px;width:100%;padding:18px 0;display:grid}.activitySectionHeader>span,.friendsSectionHeader>span{font-size:12px;font-weight:500}.activitySectionHeader small,.friendsSectionHeader small{color:#a1a1a6;font-size:10px;font-weight:400}.profileSideRail .activityPanel,.profileSideRail .friendsPanel{display:block}.emailVerificationNotice{color:#86868b;border-top:1px solid #e5e5e7;border-bottom:1px solid #e5e5e7;align-items:center;gap:16px;width:min(1100px,100% - 80px);margin:12px auto 0;padding:14px 0;font-size:10px;display:flex}.emailVerificationNotice>span{margin-right:auto}.emailVerificationNotice button{color:#1d1d1f;appearance:none;background:0 0;border:0;padding:0;font-size:10px;font-weight:500}.emailVerificationNotice button:hover:not(:disabled){text-underline-offset:3px;text-decoration:underline}.emailVerificationNotice small{color:#86868b;font-size:9px}@media (width<=720px){.emailVerificationNotice{flex-wrap:wrap;gap:8px 14px;width:calc(100% - 40px);margin-top:8px}.emailVerificationNotice>span{width:100%}}.sessionLoading{text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex}.sessionLoading>span{color:#1d1d1f;letter-spacing:.1em;margin-bottom:42px;font-size:12px;font-weight:600}.sessionLoading>p{color:#86868b;max-width:320px;margin:0;font-size:11px;line-height:1.65}.sessionLoading>button{color:#fff;appearance:none;background:#1d1d1f;border:0;border-radius:999px;min-width:190px;margin-top:28px;padding:11px 20px;font-size:10px;font-weight:500;transition:transform .15s,opacity .15s}.sessionLoading>button:hover{transform:translateY(-1px)}.emailVerificationNotice{color:#86868b;background:#fafafa;border:1px solid #ededee;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 20px;width:min(1100px,100% - 80px);margin:10px auto 0;padding:13px 16px;font-size:10px;display:grid}.emailVerificationNotice>span{color:#3a3a3c;margin:0}.emailVerificationNotice button{color:#1d1d1f;appearance:none;background:#fff;border:1px solid #dedee2;border-radius:999px;grid-area:1/2;padding:6px 10px;font-size:9px;font-weight:500;transition:border-color .15s,background .15s,opacity .15s}.emailVerificationNotice button:hover:not(:disabled){background:#f5f5f7;border-color:#b8b8bd;text-decoration:none}.emailVerificationNotice button:disabled{cursor:default;opacity:.4}.emailVerificationNotice small{color:#86868b;grid-column:1/-1;font-size:9px}.profileEmail{color:#86868b!important;margin-top:5px!important;font-size:10px!important}@media (width<=720px){.sessionLoading{padding:32px 20px}.sessionLoading>span{margin-bottom:34px}.emailVerificationNotice{grid-template-columns:1fr;gap:10px;width:calc(100% - 40px);padding:13px 14px}.emailVerificationNotice button{grid-area:auto/1;width:fit-content}}.authForgotButton{color:#86868b;background:0 0;border:0;width:fit-content;margin:-8px 0 0 auto;padding:0;font-size:9px}.authForgotButton:hover{color:#1d1d1f}.authForgotText{color:#86868b;margin:-4px 0 2px;font-size:10px;line-height:1.6}.resetPasswordPage{flex-direction:column;padding:40px 20px}.resetPasswordPage>span{margin-bottom:48px}.resetPasswordForm,.resetPasswordComplete{background:#fff;border:1px solid #ededee;border-radius:18px;width:min(360px,100%);padding:28px;box-shadow:0 18px 50px #0000000b}.resetPasswordForm{flex-direction:column;gap:20px;display:flex}.resetPasswordForm h1,.resetPasswordComplete h1{color:#1d1d1f;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:500}.resetPasswordForm>p,.resetPasswordComplete>p{color:#86868b;margin:8px 0 10px;font-size:10px;line-height:1.6}.resetPasswordForm label{flex-direction:column;gap:6px;display:flex}.resetPasswordForm label>span{color:#86868b;font-size:9px}.resetPasswordForm input{color:#1d1d1f;background:0 0;border:0;border-bottom:1px solid #dedee2;border-radius:0;outline:none;width:100%;padding:10px 0;font-size:12px}.resetPasswordForm input:focus{border-bottom-color:#1d1d1f}.resetPasswordForm>button,.resetPasswordComplete>button{color:#fff;background:#1d1d1f;border:0;border-radius:999px;width:100%;margin-top:8px;padding:11px 16px;font-size:10px;font-weight:500}.resetPasswordForm>button:disabled{opacity:.4}.resetPasswordComplete{text-align:center}.resetPasswordComplete>button{margin-top:22px}.editProfileButton,.profileQuickAction{color:#3a3a3c;background:#fff;border:1px solid #e5e5e7;border-radius:999px;margin:0;padding:7px 11px;font-size:9px;font-weight:500;transition:border-color .15s,background .15s,transform .15s}.changePasswordForm{background:#fafafa;border:1px solid #ededee;border-radius:16px;gap:18px;width:min(320px,100%);margin-top:22px;padding:22px}.changePasswordForm .editProfileField>input{padding:9px 0;font-size:12px}.changePasswordForm .editProfileSave{color:#fff;background:#1d1d1f;border-radius:999px;padding:8px 12px}.changePasswordForm .editProfileSave:hover:not(:disabled){opacity:.85;text-decoration:none}.changePasswordForm .editProfileCancel{padding:8px 4px}.profileActionMessage{color:#86868b;width:fit-content;margin-top:11px;font-size:9px;display:block}@media (width<=720px){.resetPasswordForm,.resetPasswordComplete{border-radius:16px;padding:23px 20px}.changePasswordForm{padding:18px}}.profileQuickActions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px;display:flex}.editProfileButton,.profileQuickAction{color:#3a3a3c;background:#fff;border:1px solid #dedee2;border-radius:999px;margin:0;padding:8px 14px;font-size:10px;font-weight:500;line-height:1;transition:background .15s,border-color .15s,transform .15s}.editProfileButton:hover,.profileQuickAction:hover:not(:disabled){color:#1d1d1f;background:#f5f5f7;border-color:#b8b8bd;transform:translateY(-1px)}.publicProfileControls{border-top:1px solid #f0f0f2;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;padding-top:16px;display:flex}.publicProfileControls span{color:#a1a1a6;font-size:9px}.publicProfileControls button{color:#3a3a3c;background:0 0;border:0;padding:0;font-size:9px;font-weight:500}.publicProfileControls button:hover{color:#1d1d1f;text-underline-offset:3px;text-decoration:underline}@media (width<=720px){.profileQuickActions{gap:7px}.editProfileButton,.profileQuickAction{padding:8px 12px}.publicProfileControls{flex-direction:column;align-items:flex-start;gap:7px}}.accountSettingsOverlay{z-index:100;-webkit-backdrop-filter:blur(18px);background:#fffffff5;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0;overflow-y:auto}.accountSettingsPanel{background:#fff;border:1px solid #ededee;border-radius:20px;width:min(430px,100%);max-height:calc(100vh - 80px);padding:38px;position:relative;overflow-y:auto;box-shadow:0 24px 70px #00000014}.accountSettingsClose{color:#86868b;background:0 0;border:0;padding:0;font-size:20px;font-weight:300;line-height:1;position:absolute;top:20px;right:22px}.accountSettingsClose:hover{color:#1d1d1f}.accountSettingsHeading{margin-bottom:34px}.accountSettingsHeading p{color:#a1a1a6;letter-spacing:.08em;margin:0 0 8px;font-size:9px}.accountSettingsHeading h2{color:#1d1d1f;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:500}.accountSettingsSection+.accountSettingsSection{border-top:1px solid #ededee;margin-top:34px;padding-top:30px}.accountSettingsSection h3{color:#1d1d1f;margin:0 0 20px;font-size:11px;font-weight:500}.accountSettingsForm{width:100%}.accountSettingsPrimary{color:#fff;background:#1d1d1f;border:0;border-radius:999px;width:100%;margin-top:4px;padding:11px 16px;font-size:10px;font-weight:500}.accountSettingsPrimary:hover:not(:disabled){opacity:.85}.accountSettingsPrimary:disabled{cursor:default;opacity:.4}.accountSettingsMessage{color:#86868b;font-size:9px}@media (width<=720px){.accountSettingsOverlay{align-items:flex-start;padding:20px}.accountSettingsPanel{border-radius:16px;max-height:calc(100vh - 40px);margin:auto 0;padding:30px 22px}}