.nuvola-account-shell{position:absolute;inset:0;overflow:hidden;color:#fff;user-select:none;-webkit-user-select:none;touch-action:pan-y;background:#10151c}.lock-wallpaper{position:absolute;inset:-24px;background-image:url('../wallpapers/nuvola-default.webp');background-size:cover;background-position:52% 50%;transform:scale(1.02);transition:filter 650ms cubic-bezier(.2,.8,.2,1),transform 650ms cubic-bezier(.2,.8,.2,1)}.lock-shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(4,7,12,.12),rgba(4,7,12,.02) 46%,rgba(4,7,12,.24)),radial-gradient(circle at 50% 35%,rgba(0,0,0,.02),rgba(0,0,0,.16));transition:background 650ms ease}.lock-view,.login-view{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center}.lock-view{justify-content:flex-start;padding-top:clamp(72px,12vh,150px);pointer-events:none;transition:opacity 480ms ease,transform 650ms cubic-bezier(.2,.8,.2,1)}.lock-clock-wrap{text-align:center;text-shadow:0 2px 20px rgba(0,0,0,.26)}.lock-time{display:block;font-size:clamp(68px,8vw,118px);line-height:.96;font-weight:250;letter-spacing:-.055em}.lock-date{margin-top:14px;font-size:clamp(18px,1.7vw,26px);font-weight:450;letter-spacing:-.015em}.lock-hint{position:absolute;left:50%;bottom:max(30px,calc(env(safe-area-inset-bottom) + 20px));transform:translateX(-50%);width:max-content;max-width:calc(100vw - 40px);font-size:12px;color:rgba(255,255,255,.64);text-shadow:0 1px 8px rgba(0,0,0,.5);animation:lockHintIn 900ms ease 900ms both}.login-view{justify-content:center;opacity:0;visibility:hidden;transform:translateY(26px) scale(.985);pointer-events:none;transition:opacity 420ms ease,transform 620ms cubic-bezier(.2,.8,.2,1),visibility 0s linear 650ms;padding:72px 18px 42px;overflow:auto}.login-avatar{flex:0 0 auto;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;margin-bottom:16px;background:rgba(255,255,255,.20);border:1px solid rgba(255,255,255,.30);box-shadow:0 14px 45px rgba(0,0,0,.20);backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%);font-size:42px;font-weight:520;text-shadow:0 1px 12px rgba(0,0,0,.22);transition:transform 220ms ease,background 220ms ease}.login-view h1{margin:0;font-size:24px;font-weight:560;letter-spacing:-.025em;text-align:center;text-shadow:0 2px 16px rgba(0,0,0,.30)}.login-identity{min-height:17px;margin:5px 0 0;color:rgba(255,255,255,.62);font-size:11px;text-align:center;text-shadow:0 1px 9px rgba(0,0,0,.4);max-width:min(360px,80vw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-chooser-wrap{width:min(410px,calc(100vw - 36px));height:62px;margin-top:15px;display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:4px}.account-chooser{display:flex;align-items:center;justify-content:center;gap:8px;overflow-x:auto;overflow-y:hidden;padding:5px 3px;scroll-snap-type:x proximity;scrollbar-width:none}.account-chooser::-webkit-scrollbar{display:none}.account-choice{appearance:none;-webkit-appearance:none;position:relative;flex:0 0 48px;width:48px;height:48px;border:1px solid rgba(255,255,255,.17);border-radius:50%;display:grid;place-items:center;background:rgba(16,22,30,.26);color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.14);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);cursor:pointer;scroll-snap-align:center;transition:transform 180ms ease,border-color 180ms ease,background 180ms ease,box-shadow 180ms ease}.account-choice:hover{transform:translateY(-2px);background:rgba(255,255,255,.17)}.account-choice.is-selected{transform:scale(1.10);border-color:rgba(255,255,255,.75);background:rgba(255,255,255,.24);box-shadow:0 0 0 3px rgba(255,255,255,.10),0 10px 28px rgba(0,0,0,.2)}.account-choice.is-expired{opacity:.6}.account-choice span{font-size:18px;font-weight:650}.account-choice::after{content:attr(data-short-label);position:absolute;top:54px;left:50%;transform:translateX(-50%);max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:rgba(255,255,255,.68);opacity:0;pointer-events:none;transition:opacity 150ms ease}.account-choice.is-selected::after{opacity:1}.account-chooser-nav{appearance:none;-webkit-appearance:none;width:30px;height:38px;border:0;border-radius:11px;display:grid;place-items:center;background:rgba(15,20,27,.22);color:rgba(255,255,255,.66);cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background 150ms ease,color 150ms ease,opacity 150ms ease}.account-chooser-nav:hover{background:rgba(255,255,255,.11);color:#fff}.account-chooser-nav:disabled{opacity:.18;cursor:default}.account-chooser-nav svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.login-action-wrap{width:min(320px,calc(100vw - 40px));margin-top:18px}.my-nuvola-login{appearance:none;-webkit-appearance:none;width:100%;height:50px;border:1px solid rgba(255,255,255,.32);border-radius:15px;display:grid;grid-template-columns:31px 1fr 25px;align-items:center;gap:8px;padding:0 11px 0 9px;background:rgba(16,22,30,.36);color:#fff;box-shadow:0 12px 34px rgba(0,0,0,.16);backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%);cursor:pointer;font:inherit;font-size:13px;font-weight:590;letter-spacing:-.01em;text-align:left;transition:border-color 160ms ease,background 160ms ease,box-shadow 160ms ease,transform 150ms ease}.my-nuvola-login:hover{border-color:rgba(255,255,255,.62);background:rgba(16,22,30,.48);box-shadow:0 0 0 3px rgba(255,255,255,.08),0 12px 34px rgba(0,0,0,.18);transform:translateY(-1px)}.my-nuvola-login:active{transform:translateY(0) scale(.99)}.my-nuvola-login:disabled{opacity:.55;cursor:wait;transform:none}.my-nuvola-mark{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.94);color:#151a21}.my-nuvola-mark svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.my-nuvola-arrow{justify-self:end;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;opacity:.82}.account-secondary-actions{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:8px;min-height:31px}.account-secondary-actions button{appearance:none;-webkit-appearance:none;border:0;border-radius:9px;background:transparent;color:rgba(255,255,255,.67);padding:6px 8px;cursor:pointer;font:inherit;font-size:10px}.account-secondary-actions button:hover{background:rgba(255,255,255,.08);color:#fff}.account-secondary-actions button:disabled{opacity:.4;cursor:wait}.account-secondary-actions button span:first-child{margin-right:3px}.nuvola-account-alert{width:min(380px,calc(100vw - 36px));min-height:18px;margin:7px 0 0;text-align:center;font-size:11px;line-height:1.4;color:rgba(255,224,224,.96);text-shadow:0 1px 8px rgba(0,0,0,.45)}.nuvola-account-alert.is-info{color:rgba(224,243,255,.96)}.nuvola-account-pending{width:min(380px,calc(100vw - 36px));margin-top:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(16,22,30,.34);box-shadow:0 12px 34px rgba(0,0,0,.12);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);text-align:center}.nuvola-account-pending>span{display:block;font-size:10px;color:rgba(255,255,255,.58)}.nuvola-account-pending>strong{display:block;margin:5px 0 4px;font:650 19px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.nuvola-account-pending p{margin:0;color:rgba(255,255,255,.68);font-size:10px;line-height:1.45}.nuvola-account-pending>div{display:flex;justify-content:center;gap:6px;margin-top:8px}.nuvola-account-pending button{appearance:none;-webkit-appearance:none;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.08);color:#fff;padding:6px 8px;font:inherit;font-size:9px;cursor:pointer}.login-back{margin-top:1px;padding:7px 11px;border:0;border-radius:10px;background:transparent;color:rgba(255,255,255,.72);cursor:pointer;font:inherit;font-size:11px}.login-back:hover{color:#fff;background:rgba(255,255,255,.08)}.account-security-note{position:absolute;left:50%;bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));transform:translateX(-50%);width:min(620px,calc(100vw - 44px));margin:0;text-align:center;color:rgba(255,255,255,.42);font-size:9px;line-height:1.4;text-shadow:0 1px 8px rgba(0,0,0,.45)}.nuvola-account-shell.login-active .lock-wallpaper{filter:blur(15px) brightness(.64) saturate(.92);transform:scale(1.07)}.nuvola-account-shell.login-active .lock-shade{background:rgba(5,8,12,.20)}.nuvola-account-shell.login-active .lock-view{opacity:0;transform:translateY(-64px) scale(.985)}.nuvola-account-shell.login-active .login-view{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto;transition-delay:120ms,120ms,0s}.nuvola-account-shell.auth-success{animation:authFade 420ms ease forwards}.nuvola-account-shell.is-busy .login-avatar{transform:scale(.96);background:rgba(255,255,255,.14)}@keyframes lockHintIn{from{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes authFade{to{opacity:0;transform:scale(1.012)}}@media(max-width:1024px){.lock-view{padding-top:clamp(78px,13vh,128px)}.lock-time{font-size:clamp(64px,10vw,96px)}}@media(max-width:600px){.lock-wallpaper{background-position:53% 50%}.lock-view{padding-top:max(96px,calc(env(safe-area-inset-top) + 78px))}.lock-time{font-size:clamp(58px,19vw,78px)}.lock-date{margin-top:10px;font-size:17px}.lock-hint{bottom:max(22px,calc(env(safe-area-inset-bottom) + 14px));font-size:11px;text-align:center}.login-view{padding-top:68px}.login-avatar{width:92px;height:92px;font-size:36px;margin-bottom:13px}.login-view h1{font-size:22px}.account-chooser-wrap{width:min(360px,calc(100vw - 24px));margin-top:12px}.account-choice{flex-basis:46px;width:46px;height:46px}.login-action-wrap{width:min(340px,calc(100vw - 34px));margin-top:14px}.my-nuvola-login{height:52px}.account-security-note{display:none}}@media(max-height:620px){.login-view{justify-content:flex-start;padding-top:42px}.login-avatar{width:70px;height:70px;margin-bottom:8px;font-size:28px}.login-view h1{font-size:19px}.login-identity{margin-top:2px}.account-chooser-wrap{margin-top:6px;height:54px}.account-choice{width:42px;height:42px;flex-basis:42px}.account-choice::after{display:none}.login-action-wrap{margin-top:7px}.account-secondary-actions{margin-top:2px}.account-security-note{display:none}}@media(max-height:500px){.lock-view{padding-top:35px}.lock-time{font-size:56px}.lock-date{margin-top:6px;font-size:15px}.lock-hint{display:none}.login-view{padding-top:20px}.account-chooser-wrap{display:none!important}.nuvola-account-pending{position:absolute;right:14px;bottom:14px;width:260px}.login-back{margin-top:-2px}}@media(prefers-reduced-motion:reduce){.lock-wallpaper,.lock-view,.login-view,.my-nuvola-login,.account-choice{transition:none!important;animation:none!important}}
