.portal-body{min-height:100vh;display:flex;flex-direction:column}.portal-header-label{margin-left:auto;font-size:8px;letter-spacing:2.2px;color:#7c91b2}.portal-body .button-small{margin-left:15px}.portal-main{padding-block:75px 90px;flex:1}.portal-login-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:110px;align-items:start;max-width:1090px;margin:auto}.portal-intro{padding-top:22px}.portal-intro h1,.device-heading-row h1{font-size:57px;font-weight:550;line-height:1.12;letter-spacing:-2.8px;margin:0 0 24px}.portal-intro h1>span{color:var(--gold)}.portal-intro>p:not(.eyebrow){font-size:13px;line-height:1.95;color:#94a8c7;max-width:330px}.portal-steps{padding:0;margin:32px 0;list-style:none}.portal-steps li{display:flex;align-items:flex-start;gap:20px;padding:14px 0;border-bottom:1px solid #26334b;max-width:350px;font-size:12px;line-height:1.8;color:#c1cde0}.portal-steps li:last-child{border-bottom:0}.portal-steps li>span{color:#c3a968;font-size:9px;line-height:25px;letter-spacing:1px}.portal-intro .portal-muted{font-size:11px!important;max-width:335px}.portal-intro>.text-link{margin-top:13px;font-size:11px}.login-card{padding:37px 36px 30px;border:1px solid #34445f;border-radius:12px;background:radial-gradient(ellipse at 100% 0,#bc9e4a10,transparent 50%),#121e33;box-shadow:0 25px 70px #0002}.portal-card-symbol{display:grid;place-items:center;width:43px;height:45px;border:1px solid #a78a4e66;border-radius:9px;color:#e1c179;font-size:24px;margin-bottom:27px;background:#aa8a390b}.login-card .eyebrow{font-size:8px;margin-bottom:14px}.login-card h2{font-size:31px;letter-spacing:-1px;margin-bottom:15px}.portal-muted{font-size:11px;line-height:1.9;color:#8da3c4}.login-card .portal-muted{margin-bottom:29px}#device-login label,.playlist-row label{display:block;font-size:10px;font-weight:550;color:#c5d1e4;margin:20px 0 9px}.portal-body input{font:inherit;width:100%;min-width:0;border:1px solid #364762;border-radius:5px;background:#0d1729;color:#eef1f7;height:46px;padding:0 13px;font-size:12px;transition:border-color .15s}.portal-body input::placeholder{color:#5f789c;font-size:11px}.portal-body input:focus{border-color:#c7aa65}.secret-field{display:flex;align-items:center;border:1px solid #364762;border-radius:5px;background:#0d1729;min-width:0}.secret-field:focus-within{border-color:#c7aa65}.secret-field input{border:0;background:transparent;box-shadow:none;flex:1}.secret-field input:focus-visible{outline-offset:0;outline-width:1px}.reveal-button{flex:none;font:inherit;background:transparent;color:#c1aa75;border:0;padding:12px;font-size:9px;min-height:44px;cursor:pointer}.submit-login{width:100%;margin-top:28px;justify-content:space-between}.portal-message{font-size:11px;line-height:1.9;color:#d8c58d;min-height:0;margin:16px 0 0;overflow-wrap:anywhere}.portal-message:empty{display:none}.portal-message[data-error=true]{color:#f2b0a8}.login-safety{font-size:8px;color:#657fa3;border-top:1px solid #2b3a53;padding-top:19px;margin:23px 0 0;line-height:1.8}.portal-body button{cursor:pointer}.portal-body button:disabled{opacity:.45;cursor:wait;transform:none}.portal-body [hidden]{display:none!important}.device-heading-row{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:38px}.device-heading-row h1{font-size:42px;margin-bottom:17px;letter-spacing:-1.8px}.device-heading-row .eyebrow{font-size:8px;margin-bottom:16px}.device-meta{display:flex;gap:17px;align-items:center;flex-wrap:wrap;font-size:11px;color:#8ca3c5;line-height:1.8;margin:0}.device-code-label strong{color:#d8bd81;font-weight:550;letter-spacing:1.5px;margin-left:7px}.device-heading-row .button{font-size:10px;min-height:42px;padding:12px 17px}.device-workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:30px;align-items:start}.playlist-card{border:1px solid #32425d;border-radius:10px;background:#121e32;padding:31px}.playlist-card-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.playlist-card-heading .eyebrow{font-size:7px;letter-spacing:1.7px;margin-bottom:10px;color:#a18f66}.playlist-card-heading h2{font-size:26px;letter-spacing:-.8px}.playlist-counter{border:1px solid #40516c;padding:5px 9px;border-radius:20px;font-size:9px;color:#9cafcc;white-space:nowrap}.playlist-explanation{margin:20px 0 28px;max-width:620px}.playlist-row{border:1px solid #344863;border-radius:7px;background:#101b2d;padding:20px;margin:0 0 17px;min-width:0}.playlist-row-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.playlist-row-top strong{font-size:10px;color:#b0c0d9;font-weight:550}.remove-list{background:transparent;border:0;color:#bc9893;font-size:9px;padding:5px 0;cursor:pointer}.playlist-row label{margin-top:17px;font-size:9px}.playlist-row .secret-field input{font-size:11px}.playlist-row .secret-field input[type=text]{font-family:Consolas,monospace;font-size:10px}.add-list{font:inherit;background:#d6bb7f08;border:1px dashed #8c7a4d88;color:#d8bf88;border-radius:6px;width:100%;padding:15px;font-size:11px;text-align:left;margin-top:3px}.add-list span{margin-right:10px;font-size:15px}.save-row{display:flex;align-items:center;gap:20px;margin-top:25px;border-top:1px solid #2b3d58;padding-top:24px}.save-row .button{font-size:11px;min-height:43px;padding:13px 20px;gap:25px}.save-row>span{font-size:9px;color:#7f96b7;line-height:1.8}.reload-button{font:inherit;background:none;border:0;color:#8fa6c7;font-size:9px;text-decoration:underline;text-underline-offset:4px;padding:0;margin-top:22px}.no-playlists{font-size:11px;line-height:1.9;padding:30px 20px;border:1px dashed #394e6e;border-radius:7px;color:#829bbf;text-align:center;margin:0 0 20px}.portal-help{padding:25px 7px}.help-icon{display:grid;place-items:center;font-size:28px;color:#d6b873;width:44px;height:46px;border:1px solid #8d784a66;background:#bc9c4a08;border-radius:9px;margin-bottom:22px}.portal-help h3{font-size:16px;font-weight:550;line-height:1.5;margin:0 0 14px}.portal-help p{font-size:10px;line-height:1.95;color:#8ea5c7;margin:0 0 20px}.portal-help hr{border:0;border-top:1px solid #2b3b55;margin:26px 0}.portal-help .portal-muted{font-size:9px;color:#657fa3}.portal-body .site-footer{margin-top:auto}@media(max-width:950px){.portal-login-layout{gap:55px}.portal-intro h1{font-size:50px}.login-card{padding:31px 27px}.device-workspace{grid-template-columns:minmax(0,1fr) 230px;gap:22px}.playlist-card{padding:25px}.portal-main{padding-top:57px}.device-meta{gap:13px}}@media(max-width:700px){.portal-login-layout{grid-template-columns:1fr;gap:35px;max-width:480px}.portal-intro{padding-top:0}.portal-intro h1{font-size:51px;letter-spacing:-2.3px}.portal-intro>p:not(.eyebrow){font-size:12px;max-width:330px}.portal-steps{margin-block:25px}.portal-intro .portal-muted{font-size:10px!important}.login-card{padding:31px}.portal-header-label{display:none}.portal-body .button-small{margin-left:auto}.portal-main{padding-block:44px 60px}.device-heading-row{align-items:flex-start;gap:20px;flex-wrap:wrap;margin-bottom:28px}.device-heading-row h1{font-size:35px}.device-heading-row .button{font-size:9px;min-height:38px;padding:10px 13px}.device-meta{font-size:10px;gap:11px}.device-code-label{display:block}.device-workspace{grid-template-columns:1fr;gap:23px}.playlist-card{padding:24px}.playlist-card-heading{gap:14px}.playlist-card-heading h2{font-size:23px}.playlist-card-heading .eyebrow{font-size:6px}.playlist-counter{font-size:8px;padding:5px 8px}.playlist-explanation{font-size:10px;margin:18px 0 23px}.playlist-row{padding:17px}.save-row{gap:15px;flex-wrap:wrap}.save-row .button{font-size:10px;padding:12px 17px;min-height:42px}.save-row>span{font-size:8px}.portal-help{padding:17px 3px;max-width:420px}.portal-help h3{font-size:16px}.portal-help p{font-size:11px}.portal-help .portal-muted{font-size:10px}.login-card h2{font-size:30px}}@media(max-width:380px){.portal-intro h1{font-size:46px}.login-card{padding:28px 23px}.playlist-card{padding:21px 18px}.playlist-row{padding:15px}.portal-body .button-small{font-size:8px;padding:9px 11px}.portal-card-symbol{margin-bottom:23px}.device-heading-row h1{font-size:33px}}