.account-page{position:fixed;inset:0;z-index:135;overflow:auto;background:var(--md-surface,#f7faf7);color:var(--md-on-surface);opacity:0;visibility:hidden;transform:translateY(12px);transition:.22s}.account-page.open{opacity:1;visibility:visible;transform:none}.account-page>header{position:sticky;top:0;z-index:2;height:72px;padding:0 max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--md-outline-variant);background:rgba(248,252,247,.82);backdrop-filter:blur(22px)}.account-page>header>span:last-child{justify-self:end}.account-back{width:42px;height:42px;border:0;border-radius:50%;background:var(--md-surface-container);color:var(--md-on-surface);display:grid;place-items:center;cursor:pointer}.member-profile-content,.settings-content{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:70px 0 90px}.member-hero{display:grid;grid-template-columns:130px 1fr auto auto;align-items:center;gap:28px;padding:36px;border:1px solid rgba(255,255,255,.75);border-radius:32px;background:linear-gradient(135deg,var(--md-primary-container),rgba(255,255,255,.55));box-shadow:0 18px 50px rgba(35,54,41,.09)}.member-hero>img{width:130px;height:130px;border-radius:38px;object-fit:cover;background:var(--md-secondary-container)}.profile-kicker{color:var(--md-primary);font:800 9px 'DM Sans';letter-spacing:1.4px}.member-hero h1{margin:8px 0 4px;font-size:40px;letter-spacing:-2px}.member-hero p{margin:0;color:var(--md-on-surface-variant);font-weight:700}.profile-stat{min-width:125px;padding:20px;border-left:1px solid var(--md-outline-variant);display:flex;flex-direction:column}.profile-stat b{font:800 29px Manrope}.profile-stat span{font-size:9px;color:var(--md-on-surface-variant)}.profile-channels{margin-top:54px}.profile-channels h2{margin:8px 0 20px;font-size:28px}.profile-channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.profile-channel{padding:20px;border:1px solid var(--md-outline-variant);border-radius:22px;background:var(--md-surface-container-low,rgba(255,255,255,.5))}.profile-channel>span{display:inline-block;padding:5px 8px;border-radius:10px;background:var(--md-secondary-container);font-size:8px;font-weight:800}.profile-channel h3{margin:14px 0 7px;font-size:16px}.profile-channel p{margin:0;color:var(--md-on-surface-variant);font-size:10px}.profile-empty,.profile-loading{padding:70px;text-align:center;color:var(--md-on-surface-variant)}.profile-page-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.profile-page-actions .button{padding:8px 10px;font-size:10px}.settings-content{display:grid;grid-template-columns:320px 1fr;gap:70px}.settings-content>aside{position:sticky;top:120px;height:max-content}.settings-content>aside>.material-symbols-rounded{font-size:48px;color:var(--md-primary)}.settings-content>aside h1{margin:20px 0;font-size:40px;line-height:1.05;letter-spacing:-2px}.settings-content>aside p{color:var(--md-on-surface-variant);line-height:1.6}.settings-stack{display:grid;gap:16px}.settings-card{padding:25px;border:1px solid var(--md-outline-variant);border-radius:26px;background:rgba(255,255,255,.52);box-shadow:0 8px 28px rgba(35,54,41,.05)}.settings-card-title{display:flex;gap:14px}.settings-card-title>.material-symbols-rounded{width:44px;height:44px;border-radius:14px;background:var(--md-primary-container);color:var(--md-on-primary-container);display:grid;place-items:center}.settings-card h2{font-size:17px}.settings-card p{margin:5px 0;color:var(--md-on-surface-variant);font-size:11px;line-height:1.5}.settings-card form{display:grid;gap:13px;margin-top:20px}.settings-card form label{font-size:10px;font-weight:700;color:var(--md-on-surface-variant)}.settings-card form input{width:100%;height:48px;margin-top:6px;padding:0 13px;border:0;border-bottom:1px solid var(--md-outline);border-radius:13px 13px 0 0;background:var(--md-surface-container);color:var(--md-on-surface)}.settings-card .google-auth{margin-top:18px}.settings-card>small{display:block;margin-top:10px;color:var(--md-on-surface-variant)}.setting-unavailable{display:flex;gap:10px;margin:20px 0;padding:14px;border-radius:16px;background:var(--md-surface-container)}.setting-unavailable>span{color:var(--md-primary)}.setting-unavailable p{margin:0}.setting-unavailable small{display:block;margin-top:3px}.mfa-card .button[disabled]{opacity:.5;cursor:not-allowed}:root[data-theme="dark"] .account-page>header{background:rgba(27,34,29,.88)}:root[data-theme="dark"] .member-hero{background:linear-gradient(135deg,rgba(50,72,56,.9),rgba(38,46,40,.72));border-color:rgba(255,255,255,.08)}:root[data-theme="dark"] .settings-card{background:rgba(38,46,40,.76)}@media(max-width:800px){.member-hero{grid-template-columns:90px 1fr}.member-hero>img{width:90px;height:90px;border-radius:27px}.profile-stat{border-left:0;border-top:1px solid var(--md-outline-variant)}.profile-channel-grid{grid-template-columns:1fr 1fr}.settings-content{grid-template-columns:1fr;gap:30px}.settings-content>aside{position:static}.settings-content>aside h1{font-size:32px}}@media(max-width:520px){.member-profile-content,.settings-content{width:calc(100% - 24px);padding-top:28px}.member-hero{grid-template-columns:70px 1fr;padding:20px;gap:16px}.member-hero>img{width:70px;height:70px}.member-hero h1{font-size:26px}.profile-stat{min-width:0;padding:14px 4px}.profile-channel-grid{grid-template-columns:1fr}.account-page>header{padding:0 12px}.settings-content>aside{display:none}.profile-page-actions{grid-template-columns:1fr}}
.notification-pagelet{inset:auto 24px 24px auto;width:min(420px,calc(100% - 32px));max-height:calc(100vh - 120px);overflow:visible;background:transparent;z-index:136;box-shadow:none}.notification-pagelet .settings-content{width:100%;padding:0;margin:0;display:block}.notification-pagelet .settings-card{backdrop-filter:blur(20px)}.settings-card label input#fcmVapidKey{width:100%;height:46px;margin-top:7px;padding:0 12px;border:1px solid var(--md-outline-variant);border-radius:14px;background:var(--md-surface-container);color:var(--md-on-surface)}@media(max-width:800px){.notification-pagelet{position:fixed;left:12px;right:12px;bottom:12px;width:auto}}