.login-page{min-height:100dvh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 0 0,#590e16,transparent 55%),var(--void)}:where(.login-page) .login-brand{position:absolute;left:34px;top:40px;z-index:2}:where(.login-page) .login-brand .music-logo{gap:24px}:where(.login-page) .login-brand .music-logo b{font-size:30px}:where(.login-page) .login-brand .music-logo>span{transform:scale(1.28);transform-origin:left;margin-right:12px}:where(.login-page) .login-wall{position:absolute;inset:0 37% 0 0;overflow:hidden;background:#3e0b11;-webkit-mask-image:linear-gradient(90deg,black 55%,transparent);mask-image:linear-gradient(90deg,black 55%,transparent)}:where(.login-page) .cover-mosaic{grid-template-columns:repeat(3,290px);gap:18px;position:absolute;left:-30px;top:-160px;filter:grayscale(1) contrast(1.1);opacity:.9}:where(.login-page) .cover-mosaic img{width:290px;height:290px;-o-object-fit:cover;object-fit:cover;border-radius:3px;border:1px solid #b63744}:where(.login-page) .cover-mosaic img:nth-child(3n+2){transform:translateY(45px)}:where(.login-page) .login-wall:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#b11729bb,#5b0c1677);mix-blend-mode:color}:where(.login-page) .login-column{position:relative;margin-left:64.3%;width:31.8%;padding-top:266px;padding-bottom:70px}:where(.login-page) .login-form h1{font-size:76px;line-height:83px;letter-spacing:-.04em}:where(.login-page) .login-subtitle{font-size:23px;line-height:30px;margin:0 0 29px}:where(.login-page) .login-form .settings-field label{font-size:18px;margin-bottom:7px}:where(.login-page) .login-form .settings-field input{height:59px;font-size:20px;border-radius:16px;background:linear-gradient(140deg,var(--surface),#201213)}:where(.login-page) .login-form form>.settings-field+.settings-field{margin-top:19px}:where(.login-page) .login-form .field-error{display:none}:where(.login-page) .login-remember{display:flex;align-items:center;gap:14px;margin:21px 0 23px;font-size:18px;min-height:28px}:where(.login-page) .login-remember input{accent-color:var(--accent);width:28px;height:28px}:where(.login-page) .login-form button[type=submit],:where(.login-page) .storage-access>button{border-radius:99px;background:var(--accent);height:63px;font-size:27px;line-height:32px;width:100%;font-weight:700;box-shadow:0 7px 35px var(--accent-glow)}:where(.login-page) .login-form footer{margin-top:35px;font-size:17px;color:var(--ink-2);line-height:26px}:where(.login-page) .login-form footer p{white-space:nowrap}:where(.login-page) .login-form footer a{text-decoration:underline;text-underline-offset:3px}:where(.login-page) .login-form footer p a{color:var(--accent-soft)}:where(.login-page) .login-form footer>a{display:inline-block;margin-top:3px}:where(.login-page) .login-form .danger-alert{height:60px;margin-top:11px;border-color:var(--danger);color:var(--danger);font-size:20px;background:#26090d}:where(.login-page) .login-form .danger-alert svg{width:28px;height:28px;flex:none}:where(.login-page) .storage-access{border:1px solid var(--line-strong);border-radius:18px;background:linear-gradient(140deg,var(--surface),#180f10);padding:26px}:where(.login-page) .storage-explanation{display:flex;gap:27px;font-size:18px;line-height:25px;margin-bottom:15px}:where(.login-page) .storage-explanation>svg{width:60px;height:60px;margin:6px 0 0 4px;color:var(--ink-2)}:where(.login-page) .storage-access>button{font-size:21px;height:58px}:where(.login-page) .login-divider{display:flex;gap:19px;align-items:center;margin:20px 4px 22px;font-size:18px;line-height:28px;white-space:nowrap}:where(.login-page) .login-divider span{height:1px;background:var(--muted);flex:1}:where(.login-page) .storage-refused{border:1px solid #c4a128;background:#30200670;color:#f2d775;border-radius:14px;padding:13px 17px;margin:11px -9px 0;font-size:17px;line-height:24px}:where(.login-page) .storage-refused p+p{margin-top:10px}:where(.login-page) .storage-refused a{text-decoration:underline;display:inline-flex;gap:6px;align-items:center}:where(.login-page) .storage-refused a svg{width:18px;height:18px}:where(.login-page) .login-loading{min-height:100dvh;display:grid;place-items:center;background:var(--ground)}@media(max-width:1100px) and (min-width:768px){:where(.login-page) .login-column{margin-left:56%;width:40%;padding-top:180px}:where(.login-page) .login-form footer p{white-space:normal}:where(.login-page) .storage-explanation{gap:12px}:where(.login-page) .storage-explanation>svg{width:40px}:where(.login-page) .storage-access>button{font-size:17px}}@media(max-width:767px){.login-page{padding:calc(24px + env(safe-area-inset-top)) 24px calc(32px + env(safe-area-inset-bottom));overflow:auto}:where(.login-page) .login-wall{inset:0 0 auto;height:230px;opacity:.45;-webkit-mask-image:linear-gradient(black,transparent);mask-image:linear-gradient(black,transparent)}:where(.login-page) .cover-mosaic{grid-template-columns:repeat(3,160px);top:-70px;left:-20px;gap:12px}:where(.login-page) .cover-mosaic img{width:160px;height:160px}:where(.login-page) .login-brand{position:relative;left:auto;top:auto;display:inline-block;margin-bottom:60px}:where(.login-page) .login-brand .music-logo b{font-size:23px}:where(.login-page) .login-brand .music-logo>span{transform:none;margin:0}:where(.login-page) .login-column{margin:0 auto;width:100%;max-width:460px;padding:0}:where(.login-page) .login-form h1{font-size:48px;line-height:54px}:where(.login-page) .login-subtitle{font-size:17px;line-height:24px;margin:4px 0 24px}:where(.login-page) .login-form .settings-field label{font-size:16px}:where(.login-page) .login-form .settings-field input{height:48px;font-size:16px}:where(.login-page) .login-remember{font-size:16px;min-height:40px}:where(.login-page) .login-remember input{width:23px;height:23px}:where(.login-page) .login-form button[type=submit]{height:52px;font-size:20px}:where(.login-page) .login-form footer{font-size:13px;line-height:22px;margin-top:28px}:where(.login-page) .login-form footer p{white-space:normal}:where(.login-page) .storage-access{padding:18px}:where(.login-page) .storage-explanation{font-size:14px;line-height:21px;gap:12px}:where(.login-page) .storage-explanation>svg{width:30px;height:35px}:where(.login-page) .storage-access>button{font-size:14px;white-space:normal;line-height:20px;min-height:48px}:where(.login-page) .storage-refused{font-size:13px;line-height:20px}:where(.login-page) .login-divider{font-size:14px}}:where(.login-page) .login-wall{background:#26070b}:where(.login-page) .login-brand:before{content:"";position:absolute;inset:-42px -18px -20px -40px;z-index:-1;background:radial-gradient(ellipse,#36060bea,transparent 75%)}:where(.login-page) .cover-mosaic{filter:grayscale(1) contrast(1.1) brightness(1.05)}:where(.login-page) .cover-mosaic img:nth-child(3n+2){transform:none}:where(.login-page) .login-wall:after{background:linear-gradient(90deg,#b32938,#68111c 65%,#47070e)}:where(.login-page) .login-form .settings-field label{font-size:19px;letter-spacing:.005em}.login-page{color:#fff}html[data-accent=red] .login-page{--accent:#ff0b2d;--accent-soft:#ff3049}:where(.login-page) .login-brand .music-logo{gap:29px}:where(.login-page) .login-brand .music-logo i{border-radius:2px}:where(.login-page) .login-form button[type=submit],:where(.login-page) .storage-access>button{background:linear-gradient(115deg,var(--accent),color-mix(in srgb,var(--accent) 97%,black));border:1px solid var(--accent-soft)}:where(.login-page) .login-form .settings-field input{border-color:#584548;background:linear-gradient(125deg,#170f0f,#211314)}:where(.login-page) .login-form .settings-field input[type=password]{letter-spacing:5px}:where(.login-page) .login-form .settings-field input[aria-invalid=true]{border-color:var(--accent);box-shadow:none}:where(.login-page) .login-form .danger-alert{border-radius:16px;padding:14px 20px;gap:16px}:where(.login-page) .login-form .password-input .music-icon{right:13px}:where(.login-page) .login-form .password-input .music-icon svg{width:26px;height:26px;stroke-width:1.5}:where(.login-page) .login-remember input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;flex:none;border:1px solid #725155;background:var(--surface-2);border-radius:6px}:where(.login-page) .login-remember input:checked{background:var(--accent);border-color:var(--accent)}:where(.login-page) .login-remember input:checked:after{content:"";position:absolute;left:9px;top:4px;width:8px;height:15px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}:where(.login-page) .storage-explanation>svg{flex:none;width:46px;height:58px;stroke-width:1.5}@media(min-width:768px){:where(.login-page) .cover-mosaic{left:-48px;top:-145px;grid-template-columns:264px 294px 294px}:where(.login-page) .cover-mosaic img{width:100%;height:280px}:where(.login-page) .login-form h1{font-size:78px}}@media(max-width:767px){:where(.login-page) .login-remember input:checked:after{left:7px;top:3px;width:7px;height:12px}:where(.login-page) .storage-explanation>svg{width:30px;height:35px}}:where(.login-page).login-error .login-column{padding-top:257px}:where(.login-page).login-error .login-subtitle{margin-bottom:23px}:where(.login-page).login-error .login-form footer{margin-top:27px}:where(.login-page).login-framed .login-column{margin-left:61.3%;width:36.3%;padding-top:82px}:where(.login-page).login-framed .login-brand{top:61px;left:40px}:where(.login-page).login-framed .login-form{padding:0 10px}:where(.login-page).login-framed .login-subtitle{margin-bottom:22px}:where(.login-page).login-framed .login-form .settings-field input{height:56px}:where(.login-page).login-framed .login-form form>.settings-field+.settings-field{margin-top:17px}:where(.login-page).login-framed .login-remember{margin:19px 0 20px}:where(.login-page).login-framed .login-form footer{margin-top:36px}:where(.login-page).login-refused .login-column{padding-top:69px}:where(.login-page).login-refused .storage-access{padding:21px 22px 16px}:where(.login-page).login-refused .login-divider{margin:15px 4px 12px}:where(.login-page).login-refused .login-subtitle{margin-bottom:10px}:where(.login-page).login-refused .login-form form>.settings-field+.settings-field{margin-top:12px}:where(.login-page).login-refused .login-form .settings-field input{height:54px}:where(.login-page).login-refused .login-remember{margin:16px 0}:where(.login-page).login-refused .login-form footer{margin-top:24px}@media(max-width:1100px) and (min-width:768px){:where(.login-page).login-framed .login-column{margin-left:48%;width:49%}}@media(max-width:767px){:where(.login-page).login-framed .login-brand{position:relative;left:auto;top:auto;display:inline-block;margin-bottom:60px}:where(.login-page).login-error .login-column,:where(.login-page).login-framed .login-column,:where(.login-page).login-refused .login-column{margin:0 auto;width:100%;max-width:460px;padding:0}:where(.login-page).login-framed .login-form{padding:0}}@media(min-width:768px){:where(.login-page).login-framed .storage-explanation{gap:28px}:where(.login-page).login-framed .storage-explanation>svg{margin-left:12px;margin-right:4px}:where(.login-page).login-framed .login-divider{margin-bottom:14px}}:where(.login-page) .login-wall{inset:0 30% 0 0;mask-image:linear-gradient(90deg,black,black 58%,transparent);-webkit-mask-image:linear-gradient(90deg,black,black 58%,transparent)}:where(.login-page) .cover-mosaic{display:grid;grid-template-columns:repeat(5,212px);gap:14px;left:-150px;top:-210px;transform:rotate(-9deg);transform-origin:top left;filter:none;opacity:1}:where(.login-page) .cover-tile{position:relative;margin:0;width:212px;height:212px;border-radius:6px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:#1a0a0c}:where(.login-page) .cover-tile:nth-child(5n+2),:where(.login-page) .cover-tile:nth-child(5n+4){transform:translateY(54px)}:where(.login-page) .cover-tile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border:0;border-radius:0;filter:grayscale(.3) contrast(1.05) brightness(.95)}:where(.login-page) .cover-tile figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 10px;background:linear-gradient(transparent,rgb(10 5 6/.88));display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:17px;color:var(--ink);text-shadow:0 1px 2px rgb(0 0 0/.6)}:where(.login-page) .cover-tile figcaption b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where(.login-page) .cover-tile figcaption span{color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where(.login-page) .login-wall:after{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 70%,#fff) 0,color-mix(in srgb,var(--accent) 60%,#5b0c16) 60%,#3b0a10 100%);mix-blend-mode:multiply;opacity:.55}@media(max-width:767px){:where(.login-page) .cover-mosaic{grid-template-columns:repeat(4,150px);gap:10px;left:-60px;top:-90px}:where(.login-page) .cover-tile{width:150px;height:150px}:where(.login-page) .cover-tile:nth-child(5n+2),:where(.login-page) .cover-tile:nth-child(5n+4){transform:none}:where(.login-page) .cover-tile:nth-child(4n+2),:where(.login-page) .cover-tile:nth-child(4n+4){transform:translateY(36px)}:where(.login-page) .cover-tile figcaption{display:none}}:where(.login-page) .login-wall:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(520px 260px at 0 0,rgb(10 5 6/.9),transparent 72%)}