*{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:.8rem;line-height:1.5}.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}}.record-title-link{cursor:pointer}.navPrimary{gap:34px}.navPrimary .navButton{position:relative}.profileLayoutOwn{align-items:start}.profileLayoutOwn .profileSideRail{align-self:start;margin-top:82px}.profileLayoutOwn .activitySection,.profileLayoutOwn .profileFriendsSection{margin-top:0}.profileLayoutOwn .activitySectionHeader,.profileLayoutOwn .friendsSectionHeader{padding:14px 0}.profileLayoutOwn .activityPanel{max-height:350px;overflow-y:auto}.profileLayoutOwn .profileFriendsSection{margin-top:28px}.profileLayoutOwn .activityItem{padding:15px 0}.profileLayoutOwn .friendItem{padding-top:12px;padding-bottom:12px}.profileLayoutOwn .profileBack,.profileLayout .profileBack{display:none}@media (width<=900px){.profileLayoutOwn .profileSideRail{margin-top:0}}.navPrimary{align-items:center;gap:0;display:flex}.navPrimary .logo{flex:none;margin-right:42px}.navPrimary .navButton,.navActions .navButton{padding:8px 0;position:relative}.navButtonActive{color:#1d1d1f;font-weight:600}.navButtonActive:after{content:"";background:#1d1d1f;height:1px;position:absolute;bottom:1px;left:0;right:0}@media (width<=640px){.navPrimary .logo{margin-right:24px}}.profilePostOverlay{z-index:300;-webkit-backdrop-filter:blur(18px);background:#fffffffa;position:fixed;inset:0;overflow:hidden}.profilePostClose{z-index:302;color:#86868b;text-align:center;appearance:none;background:0 0;border:0;border-radius:50%;width:32px;height:32px;padding:0;font-size:24px;font-weight:300;line-height:32px;position:fixed;top:28px;right:40px}.profilePostClose:hover{color:#1d1d1f;background:#f5f5f7}.profilePostScroller{scroll-snap-type:y proximity;overscroll-behavior:contain;width:100%;height:100vh;overflow:hidden auto}.profilePost{scroll-snap-align:start;flex-direction:column;justify-content:center;width:min(420px,100% - 40px);min-height:100vh;margin:0 auto;padding:90px 0 80px;display:flex}.profilePostIdentity{flex-direction:column;align-items:flex-start;margin-bottom:20px;display:flex}.profilePostIdentity strong{color:#1d1d1f;font-size:11px;font-weight:500}.profilePostIdentity span{color:#a1a1a6;margin-top:2px;font-size:9px}.profilePost .record{width:100%}.profilePost .vinyl{width:min(360px,100%)}.profilePost .trackProgress{margin-top:24px}.profilePost .wipComments{margin-top:28px}@media (width<=720px){.profilePostClose{top:18px;right:18px}.profilePost{width:min(340px,100% - 40px);padding:70px 0 60px}.profilePost .vinyl{width:min(300px,78vw)}}.record-disc-button{cursor:pointer;appearance:none;background:0 0;border:0;flex-direction:column;align-items:center;width:100%;padding:0;display:flex}.record-title-link{color:#1d1d1f;font:inherit;cursor:pointer;appearance:none;background:0 0;border:0;padding:0;font-size:11px;font-weight:500}.record-title-link:hover{text-underline-offset:3px;text-decoration:underline}.publicProfileAuth{color:#a1a1a6;align-items:center;gap:6px;font-size:10px;display:flex;position:absolute;top:52px;left:40px}.publicProfileAuth a{color:#1d1d1f;text-decoration:none}.publicProfileAuth a:hover{text-underline-offset:3px;text-decoration:underline}.publicProfileHeader{padding-top:38px}.authDescription{width:min(430px,100%);line-height:1.65;color:#6e6e73!important;margin-top:18px!important;font-size:11px!important}.record-disc-button{appearance:none;background:0 0;border:0;justify-content:center;align-items:center;width:100%;min-width:0;padding:0;display:flex}.record-disc-button .vinyl,.publicRecordGrid .vinyl{aspect-ratio:1;flex:none;width:min(330px,100%);height:auto}.publicRecordGrid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=980px){.publicRecordGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.publicProfileAuth{top:34px;left:20px}.publicProfileHeader{padding-top:42px}.publicRecordGrid{grid-template-columns:1fr}}.publicProfileLogo{cursor:default;pointer-events:none}.vinyl{aspect-ratio:1;flex-shrink:0;width:min(330px,100%);height:auto}.record-label{aspect-ratio:1;box-sizing:border-box;width:36%;height:auto;padding:0}.record-label small,.record-label strong,.record-label i{flex-shrink:0}.publicRecordGrid{align-items:start}.publicRecordGrid .record{min-width:0}@media (width<=720px){.publicProfileNav .navPrimary{gap:20px}}.profileLayoutOwn .profileSideRail{position:relative;top:-60px}.publicTrackToggle{cursor:pointer;align-items:flex-start;gap:12px;width:100%;display:flex}.publicTrackToggle input[type=checkbox]{cursor:pointer;flex:0 0 18px;width:18px;height:18px;margin:2px 0 0}.publicTrackToggle>span{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.publicTrackToggle strong{color:#1d1d1f;font-size:14px;font-weight:600;line-height:1.25;display:block}.publicTrackToggle small{color:#a1a1a6;font-size:11px;font-weight:400;line-height:1.4;display:block}.publicTrackToggle{gap:9px}.publicTrackToggle input[type=checkbox]{flex-basis:14px;width:14px;height:14px;margin-top:1px}.publicTrackToggle>span{gap:2px}.publicTrackToggle strong{font-size:11px;font-weight:500;line-height:1.3}.publicTrackToggle small{font-size:9px;line-height:1.4}.tutorialOverlay{z-index:500;-webkit-backdrop-filter:blur(18px);background:#ffffffd1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.tutorialCard{background:#fffffff5;border:1px solid #ededf0;border-radius:24px;width:min(420px,100%);padding:42px;box-shadow:0 24px 70px #0000001a}.discoDaveMascot{align-items:center;margin-bottom:30px;display:flex}.discoDaveDisc{background:repeating-radial-gradient(circle,#ffffff0a 0 1px,#0000 2px 4px),#111;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.discoDaveDisc>span{color:#000000b8;letter-spacing:.06em;background:#d8bc6b;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:6px;font-weight:600;display:flex}.tutorialEyebrow{color:#a1a1a6;margin:0 0 8px;font-size:10px;font-weight:500}.tutorialCard h2{color:#1d1d1f;letter-spacing:-.025em;margin:0;font-size:24px;font-weight:500;line-height:1.15}.tutorialCard>p:not(.tutorialEyebrow){color:#6e6e73;margin:14px 0 0;font-size:12px;line-height:1.6}.tutorialProgress{align-items:center;gap:6px;margin-top:30px;display:flex}.tutorialProgress span{background:#dedee2;border-radius:50%;width:5px;height:5px}.tutorialProgress span.active{background:#1d1d1f}.tutorialActions{justify-content:space-between;align-items:center;margin-top:26px;display:flex}.tutorialSkip,.tutorialNext{appearance:none;border:0}.tutorialSkip{color:#a1a1a6;background:0 0;padding:10px 0;font-size:10px}.tutorialSkip:hover{color:#1d1d1f}.tutorialNext{color:#fff;background:#1d1d1f;border-radius:999px;min-width:88px;padding:11px 18px;font-size:10px;font-weight:500}.tutorialNext:hover{background:#000}.confettiLayer{z-index:600;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confettiLayer i{background:#1d1d1f;border-radius:1px;width:5px;height:9px;animation:1.4s ease-in forwards confettiFall;position:absolute;top:-14px}.confettiLayer i:nth-child(3n+1){background:#cc694e}.confettiLayer i:nth-child(3n+2){background:#d8bc6b}@keyframes confettiFall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(105vh)rotate(540deg)}}@media (width<=600px){.tutorialOverlay{padding:18px}.tutorialCard{border-radius:20px;padding:30px 26px}.tutorialCard h2{font-size:21px}}@media (prefers-reduced-motion:reduce){.confettiLayer{display:none}}