/* Account / membership experience */
.account-dialog{padding:30px 32px 26px;width:min(500px,calc(100vw - 28px));border-radius:28px;border:1px solid #345064;background:radial-gradient(ellipse at 10% 0%,#173c4838,transparent 55%),var(--panel);box-shadow:0 35px 110px #0008;scrollbar-width:thin}.account-dialog::backdrop{background:#03080db8;backdrop-filter:blur(9px)}.account-dialog-top .footer-kicker{font-size:9px;letter-spacing:2.4px}.account-dialog-top button{border-radius:50%;width:32px;min-height:32px;background:#ffffff07;border-color:#809bb32b}.account-emblem{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;margin:25px 0 18px;font-size:29px;color:#8be3ef;background:linear-gradient(145deg,#183c4b,#102331);border:1px solid #42788d;box-shadow:inset 0 1px 0 #ffffff12,0 8px 25px #0002}.account-dialog h2{margin:0 0 10px;font-size:clamp(23px,3vw,29px);line-height:1.65;letter-spacing:-.5px}.account-dialog #account-description{margin:0 0 24px;line-height:1.85;color:var(--muted);font-size:12px}.account-tabs{padding:5px;gap:5px;border:1px solid var(--line);border-radius:14px;background:#00000014;margin:0 0 22px}.account-tabs button{border:0!important;background:transparent!important;border-radius:10px;min-height:38px;color:var(--muted)!important;font-size:12px}.account-tabs button.selected{background:#28586c!important;box-shadow:0 3px 12px #0002;color:#e8f8ff!important}.account-dialog form{gap:17px}.account-dialog form label{font-size:11px;letter-spacing:.1px;color:var(--text)}.account-dialog input:not([type=checkbox]){border:1px solid #4b647a66!important;background:#0b121bc2!important;color:#e6eef6!important;min-height:46px;border-radius:12px;padding:12px 14px;margin-top:7px;box-shadow:inset 0 1px 3px #0001;font-size:14px}.account-dialog input:focus-visible{outline:2px solid #64c5da;outline-offset:2px}.account-dialog .password-field{position:relative;display:block}.account-dialog .password-field input{padding-right:48px}.account-dialog .password-field button{position:absolute;right:5px;top:12px;width:35px;min-height:35px;padding:3px;border:0;background:transparent;color:#9fbbc9}.account-dialog .account-remember{margin:0;gap:9px;color:var(--muted);font-size:11px}.account-remember input{accent-color:#60b6cd;width:15px;height:15px}#account-submit,#profile-save{background:linear-gradient(110deg,#79cddc,#4ba7c5)!important;color:#08232f!important;border:1px solid #82cfdf!important;box-shadow:0 6px 20px #2c9ab31f;font-weight:700;min-height:46px;border-radius:12px}#account-submit:hover,#profile-save:hover{box-shadow:0 8px 25px #2c9ab344;filter:brightness(1.05)}#account-guest-note{font-size:10px!important;padding-top:15px;margin:18px 0 0;border-top:1px solid var(--line);line-height:1.9}#account-message:empty{display:none}.account-dialog #account-message{padding:10px 12px;border-radius:10px;background:#72c6db08;margin-bottom:0}.profile-mode .account-emblem{display:none}.profile-mode h2{margin-top:22px}.profile-mode #account-description{display:none}.profile-identity{padding:20px 0 12px;gap:16px}.profile-identity #profile-avatar{width:78px;height:78px;border-radius:24px;overflow:hidden;border:2px solid #4f9ab2;box-shadow:0 8px 22px #0003;font-size:29px}.profile-identity #profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}.profile-identity #profile-name{font-size:17px;overflow-wrap:anywhere}.profile-stats{margin-top:14px}.profile-stats>div{border-radius:14px;background:#64849b08}.profile-stats b{font-size:24px;color:#7acbdc}.profile-photo-tools{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 6px}.profile-photo-tools .button,.profile-photo-tools button{font-size:11px;min-height:36px;padding:8px 12px;border-radius:10px;background:#264858!important;border:1px solid #457c93!important;color:#e6f4fc!important;margin:0;cursor:pointer}.profile-photo-tools button{background:transparent!important;color:var(--muted)!important;border-color:var(--line)!important}#profile-photo-note{margin:5px 0 22px!important;font-size:10px!important}.account-header-photo{width:24px;height:24px;border-radius:50%;object-fit:cover;margin-right:7px;vertical-align:middle}.account-open{display:inline-flex;align-items:center;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-theme=light] .account-dialog{background:radial-gradient(ellipse at top left,#d8eff6,transparent 60%),#fff;border-color:#c3dae7}html[data-theme=light] .account-dialog input:not([type=checkbox]){background:#f5f9fc!important;color:#203a4d!important;border-color:#c9d9e4!important}html[data-theme=light] .account-tabs{background:#eaf1f6}html[data-theme=light] .profile-stats b{color:#28627f}html[data-theme=light] .account-emblem{color:#337e9b;background:#e5f5fa;border-color:#a2d5e4}@media(max-width:480px){.account-dialog{padding:24px 20px 20px;border-radius:22px}.account-dialog h2{font-size:24px}.account-emblem{width:46px;height:46px;border-radius:15px;margin-top:20px}.profile-identity #profile-avatar{width:68px;height:68px;border-radius:20px}.account-open{max-width:170px}.profile-stats>div{padding:12px 6px}}
/* Cosmic Galaxy account panel, scoped to preserve the editor. */
html .account-dialog{--text:#f0e9ff;--muted:#b8a9d1;--line:#ffffff1a;color:var(--text);isolation:isolate;width:min(440px,calc(100vw - 28px));padding:30px 32px;background:radial-gradient(ellipse at 0 0,#7b2ff740,transparent 65%),radial-gradient(ellipse at 100% 100%,#f107a32b,transparent 65%),#100820;border:1px solid #ffffff24;box-shadow:0 30px 80px #000b,0 0 60px #7b2ff733;border-radius:26px}
.account-dialog::backdrop{background:radial-gradient(ellipse at 10% 10%,#7b2ff74d,transparent 50%),radial-gradient(ellipse at 90% 90%,#f107a333,transparent 50%),#05010fe8;backdrop-filter:blur(10px)}
.cosmic-stars{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(1px 1px at 15% 10%,#fff,transparent),radial-gradient(1px 1px at 80% 25%,#00d4ff,transparent),radial-gradient(1.5px 1.5px at 90% 70%,#ffc4e1,transparent),radial-gradient(1px 1px at 10% 80%,#fff,transparent);background-size:210px 240px;opacity:.6}
.account-welcome{text-align:center}.account-dialog .account-emblem{margin:22px auto 18px;border:0;border-radius:50%;width:44px;height:44px;color:white;background:linear-gradient(135deg,#7b2ff7,#f107a3,#00d4ff);box-shadow:0 0 28px #f107a34d;animation:cosmic-orbit 12s linear infinite}.account-dialog h2{font-size:24px}.account-dialog #account-description{color:#b8a9d1}
html .account-dialog .account-tabs{background:#ffffff08;border-color:#ffffff1a}.account-dialog .account-tabs button.selected{background:linear-gradient(135deg,#7b2ff799,#f107a366)!important;box-shadow:0 4px 16px #7b2ff744;color:#fff!important}
html .account-dialog input:not([type=checkbox]){background:#ffffff09!important;border:1px solid #ffffff24!important;color:#f0e9ff!important;border-radius:12px;min-height:48px}html .account-dialog input:focus-visible{outline:2px solid #ec51bc;box-shadow:0 0 20px #7b2ff733}.account-dialog input[aria-invalid=true]{border-color:#ff7b99!important}.account-dialog label{color:#f0e9ff!important}.account-dialog .account-remember{color:#b8a9d1!important}.account-remember input{accent-color:#a852f6}
html .account-dialog #account-submit,html .account-dialog #profile-save{color:#fff!important;border:0!important;background:linear-gradient(135deg,#7b2ff7,#f107a3)!important;box-shadow:0 10px 30px -8px #7b2ff799;position:relative;overflow:hidden;min-height:49px;transition:transform .2s,box-shadow .2s}#account-submit:before{content:'';position:absolute;inset:0;transform:translateX(-150%) skewX(-20deg);background:linear-gradient(100deg,transparent,#ffffff55,transparent);transition:transform .7s;pointer-events:none}#account-submit:hover:before{transform:translateX(150%) skewX(-20deg)}html .account-dialog #account-submit:hover{transform:translateY(-2px);box-shadow:0 12px 30px #f107a34d}.account-dialog #account-submit:disabled{transform:none;opacity:.6}
.account-dialog #account-message{margin:0;padding:12px;min-height:0;font-size:12px;line-height:1.8}.account-dialog #account-message.error{color:#ffd3dd;background:#e83d6224;border:1px solid #ff6f8f66}.account-dialog #account-message.success{color:#9ce8d4;background:#25bd941a}.account-dialog #account-guest-note{color:#b8a9d1;border-color:#ffffff1a}.account-dialog .password-field button{color:#b8a9d1}.account-dialog .password-field button[aria-pressed=true]{color:#fa71ce;background:#f107a31a}.account-dialog button:focus-visible{outline:2px solid #00d4ff;outline-offset:3px}
@keyframes cosmic-orbit{to{transform:rotate(360deg)}}
@media(max-width:480px){html .account-dialog{padding:24px 22px}.account-dialog h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.account-dialog *,.account-dialog *:before{animation:none!important;transition:none!important}}