/* Nexora One experience layer: October 2026 */
:root{--nx-wall-fade:.96;--nx-wall-position:40%;--nx-wall-image:url('/images/nexora-community-rooftop.webp')}
html{scroll-padding-top:112px}body{font-size:16.8px!important;line-height:1.6}
button,input,textarea,select{font-size:inherit}
.person-cover,.my-profile-banner{position:relative!important;overflow:hidden;background-color:#f7f9f3!important;background-image:linear-gradient(to bottom,rgba(7,40,30,.10) 0%,rgba(255,255,255,.10) 34%,rgba(255,255,255,.62) 68%,#fff 100%),url('/images/nexora-community-rooftop.webp')!important;background-position:center 40%!important;background-size:cover!important;min-height:185px}
.my-profile-banner{background-image:linear-gradient(to bottom,rgba(7,40,30,.12),rgba(255,255,255,.08) 36%,rgba(255,255,255,.65) 75%,#fff 100%),var(--nx-wall-image)!important;background-position:center var(--nx-wall-position)!important}
html[data-theme="dark"] .person-cover,html[data-theme="dark"] .my-profile-banner{background-image:linear-gradient(to bottom,rgba(7,40,30,.08),rgba(17,28,25,.12) 34%,rgba(17,28,25,.60) 76%,#15231f 100%),url('/images/nexora-community-rooftop.webp')!important}
html[data-theme="dark"] .my-profile-banner{background-image:linear-gradient(to bottom,rgba(7,40,30,.08),rgba(17,28,25,.10) 34%,rgba(17,28,25,.63) 76%,#15231f 100%),var(--nx-wall-image)!important}

.nx-account-trigger{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #c5d6cb;border-radius:100px;padding:9px 11px;min-height:42px;background:#fff;color:#173d30;font-size:16px;font-weight:800;flex:none}
.nx-account-trigger:hover,.nx-cover-edit-btn:hover,.nx-action-button:hover{background:#edf7e4}
.nx-account-panel{position:fixed;min-width:195px;max-width:calc(100vw - 22px);z-index:10050;padding:9px;background:#fff;border:1px solid #dde9de;border-radius:18px;box-shadow:0 14px 50px #142b2640;color:#1e4034;font-family:inherit}
.nx-account-panel button{display:block;width:100%;text-align:left;padding:12px 14px;border-radius:10px;font-size:15px;color:inherit;font-weight:700}
.nx-account-panel button:hover{background:#f0f7ea}
.nx-account-panel .nx-menu-caption{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#687d6e;padding:9px 12px;border-bottom:1px solid #e6eee7}
.nx-cover-edit-btn{position:absolute;right:15px;top:15px;z-index:10;min-height:42px;padding:9px 14px;display:flex;gap:8px;align-items:center;border:1px solid #ffffffa8;border-radius:999px;background:#fffdf3ec;color:#173d30;box-shadow:0 4px 20px #102d2033;font-size:14px;font-weight:800}
.nx-experience-overlay{position:fixed;inset:0;z-index:11000;background:#122d27b5;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(8px)}
.nx-experience-dialog{width:min(100%,550px);max-height:min(90dvh,760px);overflow:auto;border-radius:25px;background:#fff;color:#16392e;padding:clamp(20px,5vw,30px);box-shadow:0 20px 80px #0004;position:relative}
.nx-experience-dialog h2{font-size:clamp(23px,5vw,32px)!important;letter-spacing:-.04em;margin:0 0 10px}
.nx-experience-dialog p{color:#576f62;margin:0 0 16px;font-size:15px}
.nx-experience-dialog label{display:block;font-weight:750;margin:17px 0 6px}
.nx-experience-dialog input[type=range]{width:100%;accent-color:#2e7e4d}
.nx-experience-dialog input[type=file]{display:block;width:100%;padding:12px;border:1px dashed #9cb9a3;border-radius:14px;background:#f7faf4}
.nx-experience-dialog .nx-editor-preview{height:170px;border-radius:17px;background-image:linear-gradient(to bottom,transparent 20%,#fff 100%),var(--nx-preview-image);background-position:center var(--nx-preview-position,40%);background-size:cover;box-shadow:inset 0 0 0 1px #cdded0}
.nx-quick-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.nx-action-button{border-radius:12px;border:1px solid #c8d8c8;padding:11px 15px;font-size:15px;font-weight:800;color:#15412e;background:#f5f9ef;min-height:44px}
.nx-action-button.nx-primary{background:#dcfb86;border-color:#ceec73;color:#123a20}
.nx-secondary-rail{display:flex;align-items:center;gap:12px;overflow-x:auto;padding:15px 0;margin:8px 0 18px;scrollbar-width:thin}
.nx-shots-section{border:1px solid #e3eae0;border-radius:20px;margin:17px 0 21px;background:linear-gradient(125deg,#fff,#f5f9ef);padding:16px 20px;box-shadow:0 3px 22px #133b1e0c}
.nx-shots-section h3{font-size:21px!important;letter-spacing:-.02em;margin:0;color:#24483a}
.nx-shots-section p{font-size:14px;color:#6c7b6e;margin:2px 0}
.nx-shots-section .nx-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.nx-shots-section .nx-shot-icon{height:48px;width:48px;flex:0 0 48px;background:#e1f8bd;border-radius:16px;display:grid;place-items:center;font-size:23px}
.nx-profile-actions{margin-top:16px;border:1px solid #e0eadd;padding:15px 17px;border-radius:16px;background:linear-gradient(135deg,#fff,#f6f9f2)}
.nx-profile-actions h3{color:#244b35;margin:0 0 8px!important;font-size:19px!important}
.nx-profile-actions p{margin:0 0 8px;color:#657569;font-size:14px}
.nx-profile-actions .nx-quick-row{margin-top:9px}
.nx-mini-shot{width:100%;max-height:68dvh;aspect-ratio:9/15;object-fit:contain;background:#07120f;border-radius:15px}
@media(max-width:780px){
 body{font-size:16.8px!important}
 .hero-copy h1,.hero-copy h2{font-size:clamp(36px,8.3vw,62px)!important;line-height:1.08!important}
 .hero-copy p{font-size:17.2px!important;line-height:1.55!important}
 .story-row .avatar,.story-row .story-ring img{width:clamp(64px,12vw,83px)!important;height:clamp(64px,12vw,83px)!important}
 .story-row{gap:13px!important}
 .nx-shots-section{padding:13px 14px}
 .nx-shots-section .nx-secondary-rail{flex-wrap:wrap}
 .nx-shots-section .nx-actions{width:100%;margin-left:0}
 .nx-account-trigger{padding:8px 10px}
 .modal-backdrop .person-card,.modal-backdrop .detail-person-info{font-size:16px}
 .person-cover,.my-profile-banner{min-height:190px}
 button:not(.nx-switch-account){min-height:38px}
}
@media(prefers-reduced-motion:reduce){.nx-experience-overlay{backdrop-filter:none}}