/* Shared theme tokens apply to every route. Photographs retain their natural colors. */
:root{--surface:#0b2030;--surface-soft:#102b3e;--account-hero:linear-gradient(90deg,#061624 10%,#061624b8 52%,#06162435);--theme-shadow:0 8px 28px #0002}
html[data-theme=light]{--bg:#f4f8fc;--bg2:#eaf2fa;--panel:#fff;--panel2:#edf4fb;--surface:#fff;--surface-soft:#f0f6fc;--line:#d5e2ef;--text:#132d4b;--muted:#526b83;--blue:#196acb;--blue2:#1465bc;--navy:#eaf2fa;--green:#16865a;--shadow:0 12px 36px #294b7212;--account-hero:linear-gradient(90deg,#f4f8fc 5%,#f4f8fce6 45%,#f4f8fc25);--theme-shadow:0 8px 28px #294b720c}
body{background:var(--bg);color:var(--text)}
.theme-toggle{width:38px;height:38px;flex-shrink:0;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);cursor:pointer;font-size:21px;align-self:center}
html[data-theme=light] .site-header{background:#fffffff2;border-color:var(--line)}
html[data-theme=light] :is(.main-nav a,.nav-toggle,.btn-secondary,.btn-ghost){color:var(--text)}
html[data-theme=light] :is(.panel,.resource-card,.camera-card,.info-card,.price-card,.auth-card,.account-header,.home-card,.account-card){background:var(--surface);border-color:var(--line);box-shadow:var(--theme-shadow)}
html[data-theme=light] :is(input,select,textarea){background:#f7faff;color:var(--text);border-color:var(--line)}
html[data-theme=light] :is(.btn-secondary,.btn-ghost){background:#ffffffa6;border-color:#aac5e0}
html[data-theme=light] :is(p,small,.account-footnote,.optional,.home-card p,.section-heading p,.home-heading p,.showcase-copy p,.home-features small,.home-features svg,.account-switch,.profile-help a){color:var(--muted)}
html[data-theme=light] :is(h1,h2,h3,label,.brand strong,.main-nav a[aria-current=page]){color:var(--text)}
html[data-theme=light] :is(.eyebrow,.card-link){color:var(--blue)}
html[data-theme=light] :is(.home-overview,.map-showcase,.content-section,footer){background:var(--bg);border-color:var(--line)}
html[data-theme=light] .reference-hero{background-color:var(--bg)}
html[data-theme=light] .reference-hero:before{background-image:linear-gradient(90deg,#f4f8fcf7 0%,#f4f8fcd9 40%,#f4f8fc20 100%),url('assets/bridge.png')}
html[data-theme=light] :is(.hero p,.hero-lead,.home-features strong){color:var(--text)}
html[data-theme=light] :is(.community-banner,.account-outro){background-image:linear-gradient(90deg,#f4f8fcec,#f4f8fc9e),url('assets/bridge.png')}
html[data-theme=light] .community-banner h2{color:var(--text)}
html[data-theme=light] :is(.admin-member,.admin-stats>div,.admin-audit,.profile-help,.service-notice,.feature-band article,.status-strip>div){background:var(--surface-soft);border-color:var(--line)}
html[data-theme=light] :is(.role-badge,.member-badge){color:#146b50;background:#e0f4ec;border-color:#a6d8c7}
html[data-theme=light] .site-header.open .main-nav{background:var(--surface)}
#account.profile-page{padding:0;border:0;max-width:none}
#profileGate{margin:70px auto;max-width:640px}
.account-hero{position:relative;overflow:hidden;padding:55px max(5%,calc((100% - 1180px)/2));min-height:310px;background:var(--account-hero),url('assets/bridge.png') center 48%/cover}
.account-hero h1{font-size:clamp(34px,4vw,56px);letter-spacing:-1.7px;margin:10px 0 4px;line-height:1.1}
.account-hero h2{font-size:clamp(20px,2vw,27px);line-height:1.3;color:var(--blue2);margin:8px 0}
.account-hero p{max-width:470px;color:var(--muted);font-size:14px;line-height:1.6}
.account-hero-logo{position:absolute;width:145px;height:165px;object-fit:contain;right:12%;top:65px}
.account-body{max-width:1240px;margin:auto;padding:0 30px 32px}
.account-identity{display:flex;align-items:center;gap:24px;padding:26px;margin-top:0;border-radius:12px;background:var(--surface);box-shadow:var(--theme-shadow)}
.account-identity .avatar{flex-shrink:0;width:100px;height:100px;margin:0;border-radius:50%;border:3px solid #d7e8fa;background:linear-gradient(#06162444,#06162499),url('assets/bridge.png') center/cover;display:grid;place-items:center;color:white;font-size:30px}
.identity-main{flex:1;min-width:0}.identity-main h2{font-size:22px;margin:0 0 8px}.identity-main p{font-size:13px;margin:6px 0;color:var(--muted);overflow-wrap:anywhere}.identity-membership{text-align:right;max-width:280px}.identity-membership p{font-size:12px;color:var(--muted);line-height:1.5}.identity-membership .btn{font-size:12px;padding:8px 18px}.role-badge{font-size:11px}
.account-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line);margin:16px 0 18px;scroll-margin-top:110px;padding-bottom:1px}
.account-tabs button{flex:1;min-width:85px;background:none;color:var(--muted);border:0;border-bottom:3px solid transparent;padding:13px 8px;cursor:pointer;font-size:12px;white-space:nowrap}.account-tabs button span{display:block;font-size:23px;margin-bottom:6px;color:var(--blue2)}.account-tabs button[aria-pressed=true]{background:var(--surface-soft);border-bottom-color:var(--blue);color:var(--blue2);border-radius:8px 8px 0 0}
.account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.account-stats>div{padding:18px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:9px}.account-stats span{font-size:24px;color:var(--blue2)}.account-stats strong{display:block;font-size:25px;margin:5px}.account-stats small{font-size:12px;color:var(--muted)}.account-stats>p{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px;text-align:center}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dashboard-card{background:var(--surface);border-radius:10px;padding:22px;box-shadow:var(--theme-shadow);min-width:0}.dashboard-card h2{font-size:18px;margin:0 0 18px}.dashboard-card h3{font-size:19px}.dashboard-card p{color:var(--muted);font-size:14px;line-height:1.6}.dashboard-card .btn{font-size:13px}.account-preview{height:155px;border-radius:7px;display:flex;align-items:flex-end;padding:15px;background-size:cover;background-position:center}.account-preview span{color:white;font-size:13px;text-shadow:0 1px 5px #000}.map-preview{background-image:linear-gradient(transparent,#061624b0),url('assets/map.png')}.camera-preview{background-image:linear-gradient(transparent,#061624b0),url('assets/bridge.png')}.alert-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:14px 0;font-size:13px}.coming-label{font-size:10px;color:var(--muted);white-space:nowrap}.empty-icon{font-size:36px;color:var(--blue2)}.activity-entry{display:flex;gap:16px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:16px;background:var(--surface-soft)}.activity-entry>span{font-size:25px;color:var(--blue2)}.activity-entry p{margin:6px 0 0}
.account-connections{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-top:18px}.account-connections .panel{margin:0;background:var(--surface);border-radius:10px}.account-connections h2{font-size:22px}.account-connections p,.account-connections li{font-size:14px;line-height:1.65;color:var(--muted)}.profile-details,.appearance-panel{max-width:760px;margin:0 0 20px;background:var(--surface)}.account-outro{display:flex;align-items:center;justify-content:center;gap:28px;padding:36px 24px;background:linear-gradient(90deg,#061624e0,#06162480),url('assets/bridge.png') center 55%/cover}.account-outro h2{font-size:24px;margin:0 0 8px}.account-outro p{color:var(--muted);font-size:14px}.account-outro .btn{font-size:12px}.account-body [hidden],.account-tabs [hidden]{display:none!important}
@media(max-width:900px){.account-hero-logo{right:6%;width:110px}.account-body{padding:0 20px 25px}.account-hero{padding:40px 25px}.identity-membership{max-width:220px}.site-header{gap:10px}}
@media(max-width:600px){.account-hero-logo{width:72px;height:82px;right:18px;top:35px}.account-hero{min-height:280px}.account-hero .eyebrow{font-size:9px}.account-hero h1{max-width:70%}.account-hero p{max-width:85%}.account-body{padding:0 14px 24px}.account-identity{flex-wrap:wrap;padding:18px;gap:15px}.account-identity .avatar{width:65px;height:65px;font-size:22px}.identity-main h2{font-size:19px}.identity-membership{text-align:left;max-width:none;width:100%;border-top:1px solid var(--line);padding-top:14px}.dashboard-grid,.account-connections{grid-template-columns:1fr}.account-stats{grid-template-columns:repeat(2,1fr);gap:10px}.account-tabs button{min-width:78px}.account-outro{gap:15px}.account-outro img{width:65px;height:75px}.account-outro h2{font-size:19px}.theme-toggle{width:30px;height:32px;font-size:19px}.site-header{padding-left:12px;padding-right:12px;gap:7px}.header-actions{gap:5px}.site-header .brand strong{font-size:18px}.site-header .brand{gap:5px}.site-header .nav-toggle{padding:6px}.header-actions .btn{padding:8px;font-size:11px}}
html[data-theme=light] .account-shell{background:var(--surface);border-color:var(--line);box-shadow:var(--theme-shadow)}
html[data-theme=light] .account-story{background:linear-gradient(150deg,#f4f8fcf5,#f4f8fcbf),url('assets/bridge.png') center/cover}
html[data-theme=light] :is(.admin-member span,.admin-stats span,.admin-audit li,.account-story>small){color:var(--muted)}
html[data-theme=light] .admin-stats strong{color:var(--blue)}
html[data-theme=light] .reference-hero:before{background-image:linear-gradient(90deg,#f4f8fcfa 0%,#f4f8fce8 48%,#f4f8fc45 100%),url('assets/bridge.png')}
html[data-theme=light] .hero h1 span{color:#176ac7}
html[data-theme=light] .signature{color:#132d4b;background:#ffffffaa;padding:9px;border-radius:9px}

@media(max-width:600px){.account-hero>.eyebrow{display:block;max-width:calc(100% - 75px);line-height:1.5}.account-hero-logo{top:55px}}
.sc-icon{width:22px;height:22px;display:inline-block;vertical-align:middle;flex-shrink:0}.account-tabs button>.sc-icon{display:block;margin:0 auto 8px;width:23px;height:23px;color:var(--blue2)}.account-stats>div>.sc-icon{width:27px;height:27px;color:var(--blue2);margin-bottom:3px}.identity-line{display:flex;align-items:center;gap:8px}.identity-line .sc-icon{width:15px;height:15px;color:var(--muted)}.member-badge{display:inline-flex;align-items:center;gap:9px}.member-badge .sc-icon{width:21px;height:21px}.identity-membership button{gap:7px}.identity-membership button .sc-icon{width:14px;height:14px}.alert-row>.sc-icon{width:26px;height:26px}.alert-row>span:first-of-type{flex:1}.alert-fire>.sc-icon{color:#ff615a}.alert-weather>.sc-icon{color:#78acda}.alert-waves>.sc-icon{color:#42a6ee}.alert-warning>.sc-icon{color:var(--text)}.alert-megaphone>.sc-icon{color:#438fff}.empty-icon .sc-icon{width:40px;height:44px}.activity-entry>.sc-icon{color:var(--blue2);width:28px;height:28px}.map-art-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.map-art-strip>div{height:155px;border-radius:7px;background-image:linear-gradient(#16354b10,#06162440),url('assets/map.png');background-size:auto 220px;background-position:20% 45%;border:1px solid var(--line)}.map-art-strip>div:nth-child(2){background-position:55% 30%}.map-art-strip>div:nth-child(3){background-position:85% 65%}.resource-card-art .sc-icon{width:75px;height:75px}@media(max-width:600px){.map-art-strip>div{height:120px}.alert-row{gap:9px}.alert-row>.sc-icon{width:22px}}
html[data-theme=light] .account-hero{background:linear-gradient(90deg,#f4f8fcee 0%,#f4f8fc85 40%,#f4f8fc00 75%),url('assets/lowcountry-light.png') center/cover}
html[data-theme=light] .account-outro{background:linear-gradient(90deg,#f4f8fcd9,#f4f8fc65),url('assets/lowcountry-light.png') center 65%/cover}
.account-identity .avatar{background-image:linear-gradient(#06162425,#06162455),url('assets/lowcountry-light.png');background-position:88% 50%}
.favorite-camera-row{padding:12px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.favorite-camera-row strong{flex:1;min-width:150px;font-size:14px}.favorite-camera-row a{color:var(--blue2);font-size:12px}.favorite-camera-row .btn{padding:5px 10px;font-size:11px}
.notification-item{padding:1rem 0;border-bottom:1px solid var(--border,#567087)}.notification-item p{white-space:pre-line;overflow-wrap:anywhere;max-height:12rem;overflow:auto}.notification-item button{margin:.7rem 0 .3rem 1rem}#notificationPreferences input{width:auto;min-height:auto}