.account-page .account-active{background:rgba(56,230,255,.09)!important;color:var(--color-cyan)!important}.account-page .card{padding:22px}.profile-hero{position:relative;display:flex;align-items:center;gap:24px;min-height:265px;overflow:hidden;background:radial-gradient(circle at 80% 40%,rgba(56,230,255,.16),transparent 30%),linear-gradient(135deg,rgba(56,230,255,.1),rgba(15,30,52,.92));border-color:rgba(56,230,255,.28)}.profile-identity{display:flex;align-items:center;gap:17px;position:relative;z-index:1}.profile-identity h2{margin:5px 0}.profile-identity p{font-size:12px}.profile-avatar{position:relative;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#1e6180,#7e5ec0);border:3px solid #a3f4ff;color:#fff;font-weight:900}.profile-avatar.large{width:96px;height:96px;font-size:27px}.avatar-status{position:absolute;right:-2px;bottom:1px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--color-mint);color:#06221b;font-size:13px;border:3px solid #092039}.profile-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto;align-self:flex-start;position:relative;z-index:2}.profile-hero-art{position:absolute;right:5%;bottom:-45px;width:240px;opacity:.82}.profile-hero-art img{width:100%}.profile-overview-grid,.achievement-membership-grid,.activity-summary-grid,.profile-empty-grid,.notification-empty-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.large-progress{height:10px;border-radius:12px;background:rgba(255,255,255,.08)}.large-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-cyan),var(--color-violet))}.completion-card .large-progress{margin:20px 0}.check-list{display:grid;gap:9px;margin:18px 0;padding-left:20px;color:var(--color-text-secondary);font-size:11px}.check-list li::marker{color:var(--color-text-muted)}.check-list li.done::marker{color:var(--color-mint)}.identity-grid,.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.identity-grid div{padding-bottom:9px;border-bottom:1px solid var(--border-soft)}.identity-grid dt,.info-grid span{color:var(--color-text-muted);font-size:10px}.identity-grid dd{margin:4px 0 0;color:var(--color-text-primary);font-size:12px}.info-section{padding:24px}.info-grid{grid-template-columns:repeat(4,1fr)}.info-grid div{display:grid;gap:5px;padding:12px;border:1px solid var(--border-soft);border-radius:10px}.info-grid strong{font-size:11px}.verification-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.full-span{grid-column:1/-1}.verification-card{display:grid;gap:8px;min-height:230px}.verify-icon,.stat-icon,.notification-icon,.provider-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(56,230,255,.1);color:var(--color-cyan)}.verify-icon.mint{color:var(--color-mint);background:rgba(70,239,183,.1)}.verify-icon.gold{color:var(--color-gold);background:rgba(255,197,80,.1)}.verify-icon.violet{color:var(--color-violet);background:rgba(151,112,255,.1)}.verify-icon.pink{color:var(--color-pink);background:rgba(255,111,163,.1)}.verification-card h3{margin:0;font-size:13px}.verification-card p{margin:0;min-height:34px;font-size:10px}.verification-card small,.profile-stat-grid small,.notification-summary small{color:var(--color-text-muted);font-size:9px}.profile-stat-grid,.notification-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.profile-stat-grid .card,.notification-summary .card{display:grid;gap:7px;min-height:120px;align-content:center}.profile-stat-grid span:not(.stat-icon),.notification-summary span:not(.stat-icon){color:var(--color-text-muted);font-size:10px}.profile-stat-grid strong,.notification-summary strong{font-size:1.3rem;color:var(--color-text-primary)}.referral-mini{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,rgba(56,230,255,.08),rgba(151,112,255,.08))}.referral-mini-stats{display:flex;gap:18px;flex-wrap:wrap}.referral-mini-stats span{display:grid;gap:4px}.referral-mini-stats b{font-size:16px}.referral-mini-stats small{font-size:9px;color:var(--color-text-muted)}.achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}.achievement-grid span,.device-cards span{display:grid;gap:5px;padding:11px;border:1px solid var(--border-soft);border-radius:10px}.achievement-grid i{color:var(--color-text-muted);font-size:18px;font-style:normal}.achievement-grid .unlocked i{color:var(--color-gold)}.achievement-grid b{font-size:10px}.achievement-grid small{color:var(--color-text-muted);font-size:9px}.membership-card{display:grid;gap:10px}.membership-orbit,.score-ring{display:grid;place-items:center;width:90px;height:90px;margin:12px auto;border-radius:50%;border:1px solid rgba(255,197,80,.65);color:var(--color-gold);font-weight:900;box-shadow:0 0 30px rgba(255,197,80,.2)}.membership-meta{display:flex;justify-content:space-between;font-size:10px}.membership-meta small{color:var(--color-text-muted)}.benefit-list,.fair-list{display:grid;gap:7px;padding-left:17px;color:var(--color-text-secondary);font-size:11px}.summary-list,.mini-timeline{display:grid;gap:9px;margin-top:18px}.summary-list span{display:flex;justify-content:space-between;padding:10px;border-radius:9px;background:rgba(255,255,255,.03);font-size:11px}.summary-list b{color:var(--color-text-muted);font-weight:500}.mini-timeline span{display:grid;grid-template-columns:26px 1fr;column-gap:8px}.mini-timeline i{grid-row:span 2;display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:rgba(56,230,255,.1);color:var(--color-cyan);font-style:normal}.mini-timeline b{font-size:11px}.mini-timeline small{color:var(--color-text-muted);font-size:9px}.empty-stack{display:grid;gap:9px;margin-top:18px}.empty-stack>div{display:grid;gap:3px;padding:11px;border-left:2px solid var(--border-medium);background:rgba(255,255,255,.025)}.empty-stack small{color:var(--color-text-muted);font-size:10px}.account-skeletons{display:grid;gap:10px;margin-top:18px}.account-skeletons .skeleton{height:14px}.account-skeletons .skeleton-lg{height:42px;width:80%}.account-skeletons .short{width:45%}.account-modal{width:min(760px,100%)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label,.generic-form label,.avatar-preview-stage label{display:grid;gap:5px;color:var(--color-text-muted);font-size:10px;font-weight:800}.form-grid input,.form-grid select,.form-grid textarea,.generic-form input,.generic-form select{width:100%;font-size:12px}.form-grid textarea{padding:10px}.form-error{min-height:20px;margin-top:12px;color:var(--color-pink);font-size:11px}.avatar-preview-stage{display:grid;justify-items:center;gap:12px;text-align:center;padding:20px}.file-label{cursor:pointer}.notification-filter-bar{display:grid;grid-template-columns:2fr repeat(5,1fr);gap:9px;margin:18px 0}.notification-filter-bar label,.event-filters label{display:grid;gap:5px;color:var(--color-text-muted);font-size:10px}.notification-filter-bar input,.notification-filter-bar select,.event-filters input,.event-filters select{min-height:38px;padding:0 9px;border:1px solid var(--border-soft);border-radius:8px;background:rgba(255,255,255,.035);color:var(--color-text-secondary);font-size:11px}.notification-actions{display:flex;justify-content:flex-end;gap:8px}.alert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.alert-grid .card{display:grid;gap:7px}.alert-grid p{margin:0;font-size:11px}.alert-info{border-left:2px solid var(--color-cyan)}.alert-warn{border-left:2px solid var(--color-gold)}.notification-feed{display:grid;gap:20px}.group-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.group-heading h2{font-size:1.1rem}.group-heading span{color:var(--color-text-muted);font-size:10px}.notification-group{display:grid;gap:8px}.notification-item-card{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--border-soft);border-radius:13px;background:rgba(255,255,255,.025)}.notification-item-card.unread{border-color:rgba(56,230,255,.4);background:rgba(56,230,255,.045)}.notification-copy{flex:1}.notification-copy>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.notification-copy strong{font-size:12px}.notification-copy p{margin:5px 0;font-size:11px}.notification-copy small{color:var(--color-text-muted);font-size:9px}.notification-item-actions{display:flex;gap:5px}.drawer-backdrop{position:fixed;inset:0;z-index:100;background:rgba(2,7,17,.7)}.drawer-backdrop[hidden]{display:none}.notification-drawer{position:absolute;right:0;top:0;width:min(430px,100%);height:100%;padding:25px;background:#0b1c30;border-left:1px solid rgba(56,230,255,.25);box-shadow:-20px 0 45px rgba(0,0,0,.25)}.drawer-header{display:flex;justify-content:space-between;gap:15px}.drawer-content{display:grid;gap:15px;margin-top:25px}.drawer-details,.details-grid,.campaign-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.drawer-details div,.details-grid span,.campaign-detail-grid span{padding:11px;border:1px solid var(--border-soft);border-radius:9px}.drawer-details dt,.details-grid small,.campaign-detail-grid small{color:var(--color-text-muted);font-size:10px}.drawer-details dd{margin:4px 0 0;font-size:11px}.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px}.settings-nav{display:grid;align-content:start;gap:5px;padding:12px;height:max-content;position:sticky;top:20px}.settings-nav button{padding:11px;text-align:left;border:0;border-radius:9px;background:transparent;color:var(--color-text-muted);font-size:12px}.settings-nav button.active{background:rgba(56,230,255,.1);color:var(--color-cyan)}.settings-section{display:none}.settings-section.active{display:block}.settings-action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.security-score{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;background:linear-gradient(135deg,rgba(255,197,80,.08),rgba(56,230,255,.06))}.security-grid,.provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.security-grid article,.provider-card{display:grid;gap:10px}.security-grid h3,.provider-card h3{margin:0;font-size:14px}.security-grid p,.provider-card p{margin:0;font-size:11px}.toggle-list{display:grid;gap:10px}.toggle-list label,.toggle-label{display:flex;align-items:center;gap:8px;color:var(--color-text-secondary);font-size:11px}.toggle-list input,.toggle-label input,.ack input{accent-color:var(--color-cyan)}.session-list{display:grid;gap:9px}.session-list>div{display:grid;grid-template-columns:34px 1.4fr 1fr auto auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--border-soft);border-radius:10px}.device-icon,.provider-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:rgba(56,230,255,.1);color:var(--color-cyan)}.session-list strong,.session-list small{font-size:10px}.session-list small{color:var(--color-text-muted)}.device-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px}.device-cards small{color:var(--color-text-muted);font-size:10px}.pref-head,.pref-row{display:grid;grid-template-columns:2fr repeat(4,60px) 130px;gap:8px;align-items:center;min-width:690px;padding:11px;border-bottom:1px solid var(--border-soft);font-size:10px}.preference-table{overflow:auto;margin-top:20px}.pref-head{color:var(--color-text-muted);font-weight:800}.pref-row span{display:grid;gap:3px}.pref-row small{color:var(--color-text-muted);font-size:9px}.pref-row input{justify-self:center;accent-color:var(--color-cyan)}.pref-row select{min-height:32px;border:1px solid var(--border-soft);border-radius:7px;background:rgba(255,255,255,.035);color:var(--color-text-secondary);font-size:10px}.privacy-list{display:grid;gap:9px;margin-top:20px}.privacy-row{display:grid;grid-template-columns:1fr 160px auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--border-soft);border-radius:10px}.privacy-row span{display:grid;gap:3px}.privacy-row small{color:var(--color-text-muted);font-size:10px}.privacy-row select,.appearance-controls select{min-height:35px;border:1px solid var(--border-soft);border-radius:8px;background:rgba(255,255,255,.035);color:var(--color-text-secondary);font-size:10px}.appearance-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.appearance-controls label{display:grid;gap:5px;color:var(--color-text-muted);font-size:10px}.appearance-preview{margin-top:18px}.preview-component-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}.preview-demo-card{padding:15px;border:1px solid var(--border-soft);border-radius:9px;color:var(--color-text-secondary);font-size:11px}.data-action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.data-action{text-align:left;border:1px solid var(--border-soft);color:var(--color-text-primary);cursor:pointer}.data-action small{display:block;margin-top:6px;color:var(--color-text-muted)}.data-action.warning{border-color:rgba(255,197,80,.3)}.data-action.danger{border-color:rgba(255,111,163,.3)}.settings-save-bar{position:fixed;bottom:18px;left:calc(50% + 120px);transform:translateX(-50%);z-index:80;display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid rgba(56,230,255,.3);border-radius:13px;background:#0c2138;box-shadow:var(--shadow-lg);font-size:11px}.settings-save-bar[hidden]{display:none}.generic-form{display:grid;gap:11px;margin:18px 0}.generic-form label{display:grid;gap:5px;color:var(--color-text-muted);font-size:10px}.wizard-steps{display:grid;gap:8px;margin:18px 0}.wizard-steps b{padding:10px;border:1px solid var(--border-soft);border-radius:8px;font-size:11px}.fake-qr{display:grid;place-items:center;width:130px;height:130px;margin:15px auto;border:7px solid #eaffff;background:repeating-linear-gradient(45deg,#0b243b 0 7px,#eaffff 7px 12px);color:#0b243b;text-align:center;font-size:9px;font-weight:900}.password-meter{height:8px;border-radius:8px;background:rgba(255,255,255,.08)}.password-meter span{display:block;width:45%;height:100%;border-radius:inherit;background:var(--color-gold)}.settings-page .modal,.profile-page .modal{animation:account-modal-in .2s ease}@keyframes account-modal-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@media(max-width:1180px){.verification-grid{grid-template-columns:repeat(3,1fr)}.profile-stat-grid,.notification-summary{grid-template-columns:repeat(3,1fr)}.notification-filter-bar{grid-template-columns:repeat(3,1fr)}.session-list>div{grid-template-columns:34px 1fr 1fr}.provider-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.profile-hero{display:block}.profile-hero-actions{margin-top:20px}.profile-hero-art{right:2%;opacity:.5}.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:flex;overflow:auto}.settings-nav button{white-space:nowrap}.info-grid{grid-template-columns:repeat(2,1fr)}.verification-grid{grid-template-columns:repeat(2,1fr)}.security-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.profile-overview-grid,.achievement-membership-grid,.activity-summary-grid,.profile-empty-grid,.notification-empty-grid{grid-template-columns:1fr}.profile-hero{text-align:center}.profile-identity{justify-content:center;flex-direction:column}.profile-hero-actions{justify-content:center;margin-left:0}.profile-hero-actions .btn{width:100%}.profile-hero-art{position:static;width:180px;margin:10px auto -35px}.info-grid,.verification-grid,.profile-stat-grid,.notification-summary,.security-grid,.provider-grid{grid-template-columns:repeat(2,1fr)}.notification-filter-bar{grid-template-columns:1fr 1fr}.notification-filter-bar label:first-child{grid-column:1/-1}.notification-item-card{align-items:flex-start;flex-wrap:wrap}.notification-item-actions{width:100%;padding-left:50px}.settings-save-bar{left:14px;right:14px;bottom:10px;transform:none;flex-wrap:wrap}.settings-save-bar span{width:100%}.session-list>div{grid-template-columns:34px 1fr}.session-list .status-badge,.session-list .btn{grid-column:2;justify-self:start}.privacy-row{grid-template-columns:1fr}.appearance-controls{grid-template-columns:1fr 1fr}.data-action-grid{grid-template-columns:1fr}.notification-drawer{width:100%;padding:20px}.account-modal{max-height:96vh}}@media(max-width:430px){.info-grid,.verification-grid,.profile-stat-grid,.notification-summary,.provider-grid,.appearance-controls,.device-cards{grid-template-columns:1fr}.notification-filter-bar{grid-template-columns:1fr}.notification-filter-bar label:first-child{grid-column:auto}.form-grid{grid-template-columns:1fr}.identity-grid{grid-template-columns:1fr}.referral-mini{display:block}.referral-mini-stats{margin:17px 0}.account-page .modal{max-height:96vh}}@media(prefers-reduced-motion:reduce){.profile-hero-art,.settings-page .modal,.profile-page .modal,.notification-drawer{animation:none}.account-page .card{transition:none}.account-page .skeleton{animation:none}}
/* Profile action controls must remain above decorative artwork. */
.profile-hero-actions{position:relative;z-index:5;pointer-events:auto}
.profile-hero-art{pointer-events:none}
.profile-page .modal-backdrop{overflow-y:auto;align-items:center}
.profile-page .account-modal{height:min(900px,calc(100vh - 40px));max-height:calc(100vh - 40px);min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@media(max-width:700px){.profile-page .modal-backdrop{align-items:flex-start;padding:12px}.profile-page .account-modal{height:calc(100vh - 24px);max-height:calc(100vh - 24px)}}

/* Keep the profile editor inside the viewport and scroll the form itself. */
.profile-page .modal-backdrop[hidden]{display:none!important}
.profile-page .modal-backdrop.is-open{display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;overflow-x:hidden;padding:12px}
.profile-page .modal-backdrop.is-open .account-modal{flex:0 0 auto;width:min(760px,100%);height:calc(100vh - 24px);max-height:calc(100vh - 24px);min-height:0;overflow-y:scroll;overflow-x:hidden;margin:0 auto;padding-bottom:28px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
@supports (height:100dvh){.profile-page .modal-backdrop.is-open .account-modal{height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}}