.brand-loading{min-height:65dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;color:#614184;font:14px/1.6 system-ui}.brand-loading>strong{font-size:14px;letter-spacing:3px;margin-top:23px}.brand-loading p{color:#776586;font-size:13px}.loading-orbit{position:relative;display:grid;place-items:center;width:100px;height:100px}.loading-orbit img{border-radius:17px;box-shadow:0 10px 20px #68429820}.loading-ring{position:absolute;inset:0;border:2px solid #e5d8f3;border-top-color:#8a61b0;border-right-color:#c6a8e3;border-radius:50%;animation:loading-turn 1.5s linear infinite}.loading-spark{position:absolute;font-size:23px;color:#dca83d;animation:sparkle 1.7s ease-in-out infinite}.spark-a{right:-11px;top:8px}.spark-b{left:-12px;bottom:6px;font-size:16px;animation-delay:.5s;color:#9b76c1}.loading-dots{display:flex;gap:7px;margin-top:7px}.loading-dots i{width:6px;height:6px;background:#9c78bd;border-radius:50%;animation:loading-bounce 1s ease-in-out infinite}.loading-dots i:nth-child(2){animation-delay:.15s}.loading-dots i:nth-child(3){animation-delay:.3s}@keyframes loading-turn{to{transform:rotate(360deg)}}@keyframes loading-bounce{0%,80%,100%{transform:translateY(0);opacity:.45}40%{transform:translateY(-6px);opacity:1}}@keyframes sparkle{50%{transform:scale(1.25) rotate(12deg);opacity:.6}}.screen-enter{animation:mobile-screen-arrive .32s cubic-bezier(.2,.7,.3,1) both}@keyframes mobile-screen-arrive{from{opacity:.5;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}.login-mascot{position:relative;width:205px;margin:-16px auto 0}.login-mascot>svg{display:block;width:100%;height:176px}.mascot-hello{position:absolute;left:5px;top:7px;border-radius:13px 13px 2px 13px;background:#f3eafa;color:#75518f;padding:5px 10px;font-size:11px;transform:rotate(-5deg)}.mascot-body{animation:mascot-float 3.5s ease-in-out infinite;transform-origin:50% 80%}.mascot-cover-hands{transform:translateY(26px);opacity:0;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .2s}.is-password .mascot-cover-hands{transform:translateY(-25px);opacity:1}.is-password .mascot-hand{opacity:0}.mascot-eyes{transform-origin:110px 94px;animation:mascot-blink 6s infinite;transition:opacity .15s}.is-password .mascot-eyes{opacity:0}.mascot-pupils{transition:transform .25s}.is-looking .mascot-pupils{transform:translate(2px,3px)}.mascot-hand.left{transform-origin:45px 137px;animation:mascot-wave 3.5s ease-in-out infinite}.mascot-star{transform-origin:center;animation:sparkle 2.5s ease-in-out infinite}.mascot-star.second{animation-delay:1s}@keyframes mascot-float{50%{transform:translateY(-4px)}}@keyframes mascot-wave{0%,70%,100%{transform:rotate(0)}77%{transform:rotate(-16deg)}84%{transform:rotate(4deg)}91%{transform:rotate(-12deg)}}@keyframes mascot-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.08)}}.button-spinner{display:inline-block;width:15px;height:15px;border:2px solid #ffffff70;border-top-color:#fff;border-radius:50%;vertical-align:-2px;margin-right:7px;animation:loading-turn .8s linear infinite}.auth-card>.auth-logo{width:38px;height:38px;border-radius:11px}.auth-card:has(.login-mascot){padding-top:22px}.auth-card:has(.login-mascot)>h1{margin-top:7px}.guest-link{display:block;text-align:center;margin-top:18px;font-size:13px}.photo-gate .brand-loading{min-height:120px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.loading-ring{border-color:#d4bde9;border-top-color:#7b529f}.mascot-cover-hands,.mascot-eyes{transition:none!important}}
/* Branded app opening screen: real loading, then the guest/member home automatically. */
.brand-loading.app-splash{position:relative;isolation:isolate;max-width:540px;min-height:100dvh;margin:auto;padding:28px 28px 35px;overflow:hidden;background:radial-gradient(ellipse at 10% 5%,#e3d5f7,transparent 55%),radial-gradient(ellipse at 100% 65%,#d6eee5,transparent 60%),#f3f3f9;color:#342342;justify-content:flex-start;text-align:left;align-items:stretch;box-sizing:border-box}.splash-brand{display:flex;align-items:center;gap:11px;z-index:2}.splash-brand img{border-radius:13px;box-shadow:0 8px 24px #69429520}.splash-brand strong{font-size:14px;letter-spacing:2px}.splash-brand small{display:block;font-size:10px;font-weight:400;letter-spacing:.3px;margin-top:2px;color:#776586}.splash-portrait{position:relative;flex:1;min-height:240px;max-height:52dvh;width:100%;display:flex;align-items:flex-end;justify-content:center;margin:25px 0 0;overflow:hidden;border-radius:150px 150px 30px 30px;mask-image:linear-gradient(#000 88%,transparent);-webkit-mask-image:linear-gradient(#000 88%,transparent)}.splash-portrait>img{position:relative;z-index:1;width:100%;height:100%;max-height:52dvh;object-fit:contain;object-position:center bottom}.splash-halo{position:absolute;inset:10% 0 0;border-radius:50%;background:linear-gradient(135deg,#bda1dd6b,#f1dbb04d);border:18px solid #ffffff70}.splash-copy{position:relative;z-index:2;padding-top:15px}.splash-eyebrow{font-size:9px;letter-spacing:2px;color:#806496}.splash-copy h1{font-size:39px;line-height:1.08;letter-spacing:-1.5px;color:#3b254f;margin:13px 0}.splash-copy p{font-size:13px;color:#796583;margin:13px 0 26px;max-width:260px}.splash-progress{height:5px;border-radius:20px;background:#9871bb22;overflow:hidden;margin:0 0 12px}.splash-progress>span{display:block;width:40%;height:100%;border-radius:20px;background:linear-gradient(90deg,#b98fd6,#694195);animation:splash-load 1.25s ease-in-out infinite}.splash-copy>small{font-size:11px;color:#806b91}@keyframes splash-load{from{transform:translateX(-110%)}to{transform:translateX(350%)}}[data-mobile-theme=dark] .brand-loading.app-splash{background:radial-gradient(ellipse at 0 5%,#56377b70,transparent 65%),radial-gradient(ellipse at 100% 65%,#27524a65,transparent 60%),#121222;color:#f1e8fb}[data-mobile-theme=dark] .splash-copy h1{color:#fff3ff}[data-mobile-theme=dark] .splash-copy p,[data-mobile-theme=dark] .splash-copy>small,[data-mobile-theme=dark] .splash-eyebrow,[data-mobile-theme=dark] .splash-brand small{color:#ccbadb}[data-mobile-theme=dark] .splash-halo{border-color:#ffffff15;background:linear-gradient(135deg,#8760a453,#f5c9a52b)}@media(max-height:670px){.brand-loading.app-splash{padding:20px 25px}.splash-portrait{min-height:170px;max-height:40dvh;margin-top:10px}.splash-copy h1{font-size:32px}.splash-copy p{margin-bottom:16px}}@media(prefers-reduced-motion:reduce){.splash-progress>span{animation:none;width:100%;opacity:.7}}