:root{color-scheme:dark;--bg:#041722;--panel:#0a2b39;--panel2:#0d3442;--card:#0b2a37;--ink:#effcfd;--muted:#a4cad0;--line:#244f60;--accent:#22dce3;--accent2:#7be9ea;--danger:#ec9c9c;--nav:72px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 80vw 40vw at 100% 0%,#10425199,transparent),var(--bg);color:var(--ink);min-height:100vh;font-size:14px}body.modal-open{overflow:hidden}[hidden]{display:none!important}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.52;cursor:default}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #65f5f4;outline-offset:2px}a{color:inherit;text-decoration:none}p{line-height:1.55}svg{width:100%;height:100%}.sr-only{position:absolute!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;white-space:nowrap!important}
.app{min-height:100vh}.topbar{height:74px;background:#051c28ec;border-bottom:1px solid #245563;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,45px);position:sticky;top:0;z-index:40;backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:11px}.brand-emblem{width:42px;height:29px;display:block;color:var(--accent)}.brand-words{display:flex;flex-direction:column;gap:1px}.brand-words strong{font-size:20px;letter-spacing:.32em;line-height:1;font-weight:750}.brand-words small{font-weight:800;font-size:10px;letter-spacing:.39em;color:var(--accent);margin-top:4px}.top-actions{display:flex;align-items:center;gap:12px}.map-link{display:flex;align-items:center;gap:6px;border:1px solid #356c7c;border-radius:13px;padding:10px 13px;font-weight:700;font-size:12px;color:#dcf2f5;background:#0d3441}.map-link svg{width:18px;height:18px;stroke:var(--accent);stroke-width:1.8}.avatar-action{width:41px;height:41px;border:1.5px solid var(--accent);border-radius:50%;display:grid;place-items:center;background:#0d3442;color:#c7fcfc;font-size:17px;font-weight:800;box-shadow:0 0 12px #1bdfef26}
.layout{display:grid;grid-template-columns:250px minmax(0,880px);gap:clamp(18px,3vw,42px);max-width:1270px;margin:0 auto;padding:27px clamp(16px,3vw,40px) 70px}.sidebar{position:sticky;top:101px;height:calc(100dvh - 126px);min-height:540px;display:flex;flex-direction:column;align-self:start}.side-brand{display:flex;gap:10px;align-items:center;margin:8px 9px 32px}.side-brand strong{font-size:15px}.side-brand p{color:var(--muted);margin:3px 0 0;font-size:12px}.side-dot{width:9px;height:9px;background:var(--accent);box-shadow:0 0 13px var(--accent);border-radius:50%}.side-links{display:flex;flex-direction:column;gap:8px}.side-links button{border:1px solid transparent;background:transparent;color:#bdd3dc;display:flex;align-items:center;gap:14px;text-align:left;border-radius:12px;padding:14px 16px;font-weight:740;font-size:14px;min-height:50px}.side-links button[aria-current=page]{background:#103e4c;color:#7ef6f5;border-color:#2e7987}.nav-icon{font-size:21px;min-width:26px;text-align:center}.unread{display:inline-block;border-radius:99px;background:#24dce3;color:#002d35;font-size:10px;line-height:1;min-width:17px;padding:4px 5px;text-align:center}.side-bottom{margin-top:auto;padding:10px 4px;color:#8fb4bc}.side-bottom small{font-size:11px;line-height:1.5}.side-panel{border:1px solid #315e6e;background:linear-gradient(150deg,#103949,#092936);padding:17px;border-radius:15px;margin-bottom:14px}.side-panel strong{color:#dffafc}.side-panel p{font-size:12px;color:#b4d1d6;margin:8px 0 12px}.side-panel a{display:inline-flex;color:#64e6e9;font-weight:750;font-size:12px}.main{min-width:0}.page{min-height:650px}.hero{min-height:247px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;padding:32px clamp(22px,5vw,42px);border:1px solid #326b79;border-radius:21px;background:radial-gradient(circle at 82% 45%,#18778980 0%,transparent 37%),linear-gradient(125deg,#103b4d 10%,#062533 80%);box-shadow:0 9px 28px #0003}.hero-content{position:relative;z-index:2;max-width:480px}.eyebrow{font-size:10px;letter-spacing:.2em;color:#69dce1;font-weight:850;display:flex;align-items:center;gap:8px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2de7eb;box-shadow:0 0 8px #3ceeea}.hero h1{font-size:clamp(30px,4vw,47px);line-height:1.12;margin:12px 0 8px;letter-spacing:-.045em;font-weight:820}.hero h1 em{font-style:normal;color:#4be4eb}.hero p{font-size:13px;max-width:380px;color:#c3dce2;margin:0 0 18px}.primary{border:1px solid #6af1ee;background:linear-gradient(135deg,#2ae5ea,#13bcc9);color:#042b35;font-weight:800;border-radius:11px;padding:11px 16px;min-height:40px}.primary:not(:disabled):hover{filter:brightness(1.08)}.hero-cta{min-height:43px;padding:12px 20px}.hero-globe{flex:0 0 250px;width:250px;height:250px;position:relative;opacity:.86;margin-right:12px}.hero-globe>svg{width:205px;height:205px;position:absolute;inset:23px;border-radius:50%;background:radial-gradient(circle at 30% 29%,#176a7c,#093748 60%,#03212c);box-shadow:inset -12px -18px 25px #001e2b,0 0 38px #35d8e62f}.hero-ring{position:absolute;inset:0;border-radius:50%;border:1px solid #5ddfe262;transform:rotate(-33deg) scaleX(.68)}.hero-ring.two{transform:rotate(55deg) scaleX(.6)}.feed-head,.page-title{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:29px 0 17px}.feed-head h2,.page-title h1{font-size:24px;letter-spacing:-.025em;margin:0 0 3px}.feed-head p,.page-title p{color:var(--muted);font-size:13px;margin:0}.new-post{padding:10px 19px}.story-prompt{border:1px solid #306779;background:#0a2f3d;padding:12px 16px;border-radius:14px;display:flex;gap:12px;align-items:center;cursor:pointer;min-height:66px;color:#bcd6db}.story-prompt:hover{border-color:#4ecad5}.mini-avatar,.story-avatar{width:41px;height:41px;flex:0 0 41px;background:linear-gradient(135deg,#23e2e6,#0b718a);color:#053039;display:grid;place-items:center;border-radius:50%;font-weight:850}.prompt-plus{font-size:29px;color:var(--accent);margin-left:auto}.filterbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:19px 0 12px}.filter-chips{display:flex;gap:7px;flex-wrap:wrap}.filter-chips button,.auth-toggle button{min-height:36px;padding:8px 13px;background:#0c303e;color:#c3dce1;border-radius:10px;border:1px solid #305c6d;font-weight:700;font-size:12px}.filter-chips button[aria-pressed=true],.auth-toggle button[aria-pressed=true]{background:#24dce4;color:#03323d;border-color:#52f3ef}.region-select{display:flex;gap:7px;align-items:center;color:#a4cbd3;font-size:12px}.region-select select{padding:8px 10px;border:1px solid #356b79;background:#0b303e;color:#e7f7f9;border-radius:10px;max-width:145px}.status{font-size:12px;color:#b7dbe0;min-height:0}.status:empty{display:none}.status.error{color:#f3b5af}.feed-posts{display:grid;gap:15px}.post{border:1px solid #2a6270;border-radius:17px;background:linear-gradient(150deg,#0c303e,#082431);overflow:hidden;box-shadow:0 6px 16px #0002}.post-head{display:flex;gap:11px;align-items:center;padding:16px 17px 12px}.post-head .story-avatar{width:38px;height:38px;flex-basis:38px;font-size:13px}.post-byline{display:flex;flex-direction:column;min-width:0;gap:2px;flex:1}.post-byline strong{font-size:14px;color:#e4f7f9}.post-byline small{font-size:11px;color:#91b9c3}.kind-pill{font-size:10px;font-weight:750;color:#94eeef;padding:5px 8px;border-radius:7px;background:#14404a;border:1px solid #326a72}.post-photo{display:block;width:100%;max-height:580px;object-fit:cover;object-position:center;background:#0b2330}.post-body{white-space:pre-line;font-size:13px;color:#dfedf0;line-height:1.55;margin:0;padding:12px 17px 4px;overflow-wrap:anywhere}.post-place{display:flex;gap:7px;align-items:center;padding:8px 17px 11px;color:#83eaeb;font-weight:750;font-size:12px}.post-actions{display:flex;align-items:center;gap:7px;padding:10px 13px;border-top:1px solid #275764}.post-actions button{border:none;background:transparent;color:#bdd7de;font-size:12px;font-weight:700;display:flex;align-items:center;gap:5px;min-height:37px;padding:5px 10px;border-radius:8px}.post-actions button:hover,.post-actions button[aria-pressed=true]{background:#143f4c;color:#7beaf0}.post-actions button.report{margin-left:auto;color:#9abac2}.load-more{width:100%;border:1px solid #326674;background:#0c3442;border-radius:12px;min-height:48px;color:#cde9ed;margin:16px 0;font-weight:700}
.page-title{display:block;margin:13px 0 25px}.page-title h1{font-size:34px;margin-top:9px}.message-layout{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.35fr);gap:12px;height:min(680px,calc(100dvh - 248px));min-height:430px}.inbox-panel,.thread-panel{background:#082834;border:1px solid #2d6270;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.panel-heading,.thread-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid #285a66;min-height:61px}.panel-heading strong,.thread-top strong{font-size:15px}.thread-top>div{display:flex;flex-direction:column;flex:1;min-width:0}.thread-top small{font-size:11px;color:#92b6bf;margin-top:3px}.icon-action{font-size:22px;color:#84eef1;border:1px solid #3f7a86;border-radius:8px;background:#12414d;min-width:34px;min-height:34px}.search-users{display:block;padding:10px 12px}.search-users input,.modal input,.modal textarea,.modal select,.message-form textarea{background:#061f2c;border:1px solid #3b7684;border-radius:10px;color:#ecfbfc;padding:11px 12px;width:100%;min-width:0}.search-users input::placeholder,.modal textarea::placeholder,.modal input::placeholder{color:#799ca6}.user-results,.inbox-list{overflow-y:auto;min-height:0}.inbox-list{flex:1}.inbox-row,.search-result{border:0;border-bottom:1px solid #234e5c;display:flex;gap:10px;align-items:center;padding:13px 12px;color:#d5eff3;background:transparent;width:100%;text-align:left;cursor:pointer}.inbox-row:hover,.inbox-row.active,.search-result:hover{background:#15414f}.inbox-row .story-avatar,.search-result .story-avatar{width:37px;height:37px;flex-basis:37px}.inbox-row .inbox-text,.search-result>span{min-width:0;flex:1}.inbox-text strong,.search-result strong{display:block;font-size:13px}.inbox-text small,.search-result small{font-size:11px;color:#9ebec6;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.inbox-empty{padding:20px 14px;font-size:12px;color:#a6c5ce}.thread-back{display:none;border:0;background:none;color:#71e9eb;font-size:29px;padding:0 7px}.thread-messages{flex:1;overflow:auto;min-height:0;padding:15px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin}.empty-thread{margin:auto;text-align:center;color:#b2cdd4;max-width:220px}.empty-thread strong{color:#e7f7f9}.empty-orb{margin:0 auto 14px;width:60px;height:60px;display:grid;place-items:center;border:1px solid #287b89;border-radius:50%;background:#124251;color:#38e4e6;font-size:30px}.bubble{max-width:84%;border-radius:14px;background:#113b49;padding:9px 12px;align-self:flex-start;line-height:1.45;font-size:13px;overflow-wrap:anywhere}.bubble.mine{background:#136a76;align-self:flex-end}.bubble time{display:block;text-align:right;font-size:9px;color:#c1dfe0;margin-top:4px}.message-form{display:flex;gap:7px;border-top:1px solid #315d69;padding:10px}.message-form textarea{resize:none;min-height:43px;max-height:95px}.message-form button{min-width:62px}.profile-card{display:flex;gap:17px;align-items:center;padding:24px;border:1px solid #2e6d79;border-radius:18px;background:linear-gradient(130deg,#124250,#082631)}.profile-avatar{width:76px;height:76px;flex:none;display:grid;place-items:center;border-radius:50%;border:2px solid #56e9ec;background:linear-gradient(140deg,#299eac,#113a4a);font-size:27px;font-weight:850}.profile-info{flex:1;min-width:0}.profile-info h2{margin:0;font-size:22px;overflow-wrap:anywhere}.profile-info p{margin:5px 0 0;color:#aacbd2}.outline{background:#113946;color:#e1f8fa;border:1px solid #4d8792;padding:10px 13px;border-radius:10px;min-height:40px;font-weight:750}.profile-sections{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:19px}.info-card{border:1px solid #2b606c;padding:20px;border-radius:15px;background:#0a2c38}.info-card h3{font-size:17px;margin:0 0 8px}.info-card p{color:#a8cbd1;font-size:12px}.inline-link{display:inline-block;font-size:12px}.text-danger{margin-top:20px;background:transparent;border:0;color:#f5b0b0;padding:10px}
.mobile-nav{display:none}
.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(540px,calc(100% - 24px));max-height:min(90dvh,780px);margin:0;overflow:hidden;display:flex;flex-direction:column;color:#ecf8fa;background:linear-gradient(150deg,#0d3643,#061f2c);border:1px solid #4a9aa5;border-radius:18px;padding:0;box-shadow:0 20px 80px #000b}.modal:not([open]){display:none}.modal::backdrop{background:#000b;backdrop-filter:blur(5px)}.modal form{display:contents}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #326675}.modal-header small{font-size:10px;color:#64e3e7;font-weight:800;letter-spacing:.14em}.modal-header h2{font-size:20px;margin:4px 0 0}.close-button{font-size:27px;font-weight:700;border:1px solid #4c8590;border-radius:9px;color:#e4fafb;background:#153f4d;min-width:38px;min-height:38px}.compose-body{padding:18px 20px;overflow:auto;min-height:0;flex:1;scrollbar-width:thin}.compose-row{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:13px}.compose-row select{max-width:200px}.modal textarea{resize:vertical;line-height:1.5;min-height:110px}.photo-picker{display:flex!important;align-items:center;gap:12px;margin:13px 0!important;border:1px dashed #499eaa;border-radius:12px;padding:14px;color:#bff3f5;font-weight:750;cursor:pointer}.photo-picker>span{font-size:25px}.photo-picker small{margin-left:auto;font-size:10px;color:#9ac4ca;font-weight:500}.compose-dialog input[type=file]{position:absolute;opacity:0;max-width:1px;max-height:1px;pointer-events:none}.photo-preview{position:relative;border-radius:11px;overflow:hidden;margin:11px 0}.photo-preview img{width:100%;max-height:280px;object-fit:contain;background:#011b26}.photo-preview button{position:absolute;right:10px;top:10px;padding:9px;border:1px solid #bba;background:#082733;border-radius:8px;color:white;font-size:11px}.compose-fields{display:grid;gap:12px}.compose-fields label,.auth-dialog label{display:block;font-size:12px;color:#a9d6db;font-weight:700}.compose-fields label input,.compose-fields label select,.auth-dialog label input{margin-top:6px}.coords-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.privacy-note{font-size:11px;color:#afd5d9;margin:2px 0 9px}.modal-footer{display:flex;align-items:center;gap:9px;justify-content:flex-end;padding:13px 18px;border-top:1px solid #316b78}.auth-toggle{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:16px}.auth-dialog label{margin:12px 0}.auth-dialog .compose-body{max-height:61dvh}.comments-list{flex:1;overflow-y:auto;padding:13px 19px;min-height:80px;max-height:52dvh}.comment{padding:10px 0;border-bottom:1px solid #295c69}.comment strong{font-size:12px;color:#b8f1f2}.comment p{font-size:13px;line-height:1.5;white-space:pre-line;margin:6px 0}.comment small{color:#8ebac2}.comments-dialog .modal-footer{display:grid;grid-template-columns:1fr auto}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#123b48;border:1px solid #4bd5dc;color:#e8ffff;box-shadow:0 8px 24px #0009;padding:13px 18px;border-radius:12px;max-width:min(440px,95vw);z-index:110;font-size:13px;text-align:center}
@media (max-width:960px){.layout{grid-template-columns:194px 1fr;gap:17px}.sidebar .side-panel{padding:12px}.hero-globe{width:180px;height:180px;flex-basis:180px}.hero-globe>svg{width:150px;height:150px}.hero{min-height:222px}}
@media (max-width:720px){:root{--nav:68px}.topbar{height:65px;padding:0 16px}.brand-emblem{width:34px;height:24px}.brand-words strong{font-size:16px}.brand-words small{font-size:9px}.map-link{padding:9px 10px}.avatar-action{width:38px;height:38px}.layout{display:block;padding:13px 12px calc(var(--nav) + 35px)}.sidebar{display:none}.page{min-height:0}.mobile-nav{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;z-index:35;left:0;bottom:0;right:0;padding:5px 6px calc(5px + env(safe-area-inset-bottom,0px));min-height:var(--nav);background:#082632f7;border-top:1px solid #316976;backdrop-filter:blur(17px)}.mobile-nav button{position:relative;border:0;background:transparent;color:#a8cad0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;min-height:53px;font-size:11px;font-weight:700}.mobile-nav button>span:first-child{font-size:25px;line-height:1}.mobile-nav button[aria-current=page]{color:#58e3e8}.mobile-nav button[aria-current=page]::after{position:absolute;content:"";height:2px;border-radius:3px;bottom:1px;left:25%;right:25%;background:#2be4e4}.mobile-nav .unread{position:absolute;left:59%;top:3px}.hero{min-height:213px;padding:24px 20px;border-radius:16px}.hero h1{font-size:34px}.hero-globe{width:128px;height:128px;flex-basis:128px;margin-right:-30px;opacity:.5}.hero-globe>svg{width:120px;height:120px;inset:4px}.hero-ring{inset:-6px}.hero p{font-size:12px}.hero-cta{padding:10px 15px;min-height:40px;font-size:12px}.feed-head{margin:21px 0 13px}.feed-head h2{font-size:20px}.feed-head p{font-size:11px}.new-post{font-size:12px;min-height:37px}.story-prompt{min-height:59px;padding:9px 11px;font-size:12px}.mini-avatar{width:35px;height:35px;flex-basis:35px}.filterbar{flex-direction:column;align-items:stretch;gap:9px;margin:15px 0 10px}.filter-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.filter-chips button{padding:7px 3px;font-size:11px;white-space:nowrap;min-width:0}.region-select{justify-content:flex-end}.post-head{padding:12px 12px 8px}.post-body{padding:9px 13px 5px}.post-place{padding:9px 13px}.post-actions{gap:2px;padding:7px 7px}.post-actions button{font-size:11px;padding:5px 7px}.message-layout{display:block;height:calc(100dvh - 208px);min-height:310px;position:relative}.inbox-panel{height:100%}.thread-panel{height:100%;position:absolute;inset:0;z-index:2;display:none}.message-layout.thread-open .thread-panel{display:flex}.thread-back{display:block}.page-title{margin:14px 3px 18px}.page-title h1{font-size:28px}.profile-card{padding:16px;gap:13px}.profile-avatar{width:57px;height:57px;font-size:23px}.profile-info h2{font-size:18px}.profile-card .outline{font-size:11px;padding:8px}.profile-sections{grid-template-columns:1fr}.modal{width:calc(100% - 12px);max-height:calc(100dvh - 24px);border-radius:15px}.modal-header{padding:13px 14px}.compose-body{padding:13px 14px}.modal-footer{padding:10px 13px}}
@media(max-width:390px){.brand-words strong{letter-spacing:.22em}.hero h1{font-size:29px}.hero-globe{flex-basis:105px;opacity:.34}.filter-chips button{font-size:10px}.post-actions button{font-size:10px}.photo-picker small{max-width:135px;text-align:right}}
@media(max-height:520px) and (orientation:landscape){.topbar{height:51px}.layout{padding-bottom:85px}.hero{min-height:155px}.mobile-nav{min-height:58px}.mobile-nav button{min-height:47px}.modal{max-height:calc(100dvh - 14px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Status notifications must never block map/social navigation controls. */
.toast{pointer-events:none!important}
@media(max-width:720px){.toast{bottom:calc(var(--nav) + 13px + env(safe-area-inset-bottom,0px))}}

/* Keep the message composer completely above mobile app navigation. */
@media(max-width:720px){.message-layout{height:calc(100dvh - 284px)!important;min-height:290px!important}}
@media(max-height:520px) and (orientation:landscape){.message-layout{height:310px!important;min-height:280px!important}}

/* Clear direct app installation choice without blocking the feed. */
.install-card{margin-top:16px}.install-card .inline-link{margin-top:7px}.install-card .privacy-note{margin-bottom:0;font-size:11px}

/* VOIDRAL SOCIAL — PHOTO FIRST EXPERIENCE / NOVEMBER 2026 */
:root{--bg:#06131c;--panel:#09212d;--panel2:#0a2835;--card:#091f2b;--line:#203f4e;--accent:#20dbe1;--muted:#99b8c1;--ink:#eefbfd}
html{scroll-behavior:smooth}body{background:#06131c;color:#ecf8fb}
.topbar{background:#061824f8;height:68px;border-bottom:1px solid #234b57;box-shadow:0 5px 22px #0003}
.brand-words strong{font-size:19px;letter-spacing:.27em}.brand-words small{font-size:9px;letter-spacing:.42em}
.layout{max-width:1340px;grid-template-columns:230px minmax(0,965px);gap:clamp(24px,5vw,70px)}
.sidebar{padding:7px 0}.side-brand{margin-bottom:19px}.side-links{gap:3px}
.side-links button{border-radius:11px;font-size:15px;min-height:55px;padding:13px 16px;font-weight:650}
.side-links .nav-icon{width:28px;font-size:26px;font-weight:450}.side-links button[aria-current=page]{background:#0b3844;border:1px solid #225d6a;box-shadow:inset 3px 0 0 #23dbe3}
.side-panel{background:linear-gradient(145deg,#092d39,#061d27);border-color:#235865}
.main{min-width:0;max-width:930px;width:100%}
#page-feed{width:min(100%,635px);margin:0 auto}.moments-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 13px}
.moments-header .eyebrow{font-size:10px}.moments-header h1{font-size:clamp(21px,2.6vw,28px);letter-spacing:-.035em;margin:7px 0 0;font-weight:730;line-height:1.16}
.moments-header .primary{font-size:12px;min-width:100px}
.moments-section{border:1px solid #284d5c;background:linear-gradient(170deg,#0c2a38,#081e2a);border-radius:16px;padding:15px 16px 13px;margin-bottom:23px;overflow:hidden}
.moments-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}
.moments-title h2{margin:0;font-size:14px;letter-spacing:-.01em}.moments-title>span{font-size:11px;color:#8aaeb7}
.moment-strip{display:flex;gap:17px;align-items:start;overflow-x:auto;scrollbar-width:none;padding:4px 3px 8px}
.moment-strip::-webkit-scrollbar{display:none}
.moment{display:flex;flex-direction:column;align-items:center;gap:7px;border:0;color:#bbd6dd;background:transparent;padding:0;min-width:68px;max-width:74px;font-size:11px;font-weight:600}
.moment>span:last-child{max-width:74px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.moment-avatar{border:2px solid #24d6e1;border-radius:50%;height:62px;width:62px;padding:3px;display:grid;place-items:center;background:linear-gradient(155deg,#0b4b60,#071d2b);box-shadow:0 0 0 1px #0d2a37}
.moment-picture{width:50px;height:50px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#183f50;color:#d0fbfd}
.moment-create{color:#19e3e7;font-size:28px;border-style:dashed}
.moment:hover .moment-avatar{box-shadow:0 0 0 3px #0ca9b13a}
.feed-head{margin:0 0 12px}.feed-head h2{font-size:20px}.feed-spark{color:#1edee6;font-size:13px}
.feed-head p{font-size:12px}.new-post{padding:9px 13px;font-size:12px}
.story-prompt{background:#0b2633;min-height:58px;border-radius:14px;border-color:#265666}
.filterbar{margin:12px 0 12px}.filter-chips{gap:6px}.filter-chips button{border-radius:9px;background:#0d2b39;border-color:#214959;min-height:35px;font-size:11px}.filter-chips button[aria-pressed=true]{background:#144753;color:#50e5e8;border-color:#398693}
.region-select{font-size:11px}.region-select select{background:#0b2835;font-size:11px}
.feed-posts{gap:19px}.post{background:#081f2a;border:1px solid #27505e;border-radius:15px;box-shadow:0 5px 18px #0002}
.post-head{padding:12px 14px 11px;min-height:66px}
.post-head .story-avatar{width:41px;height:41px;flex-basis:41px;border:1px solid #4ad7df}
.post-byline strong{font-size:13px}.post-byline small{font-size:10px}
.post-byline[role=button]{cursor:pointer}.post-byline[role=button]:hover strong{text-decoration:underline}
.kind-pill{font-size:11px;background:transparent;border-color:#37717e;color:#55d7df;padding:6px 9px}
.post-photo{width:100%;height:auto;min-height:190px;max-height:none;aspect-ratio:4/4;object-fit:cover;cursor:pointer;border-top:1px solid #1d4652;border-bottom:1px solid #1d4652}
.post-photo:focus-visible{outline:3px solid #24dce4;outline-offset:-4px}
.photo-unavailable{padding:50px 12px;text-align:center;color:#91b3bb;background:#092a37}
.post-actions{padding:9px 9px 3px;border-top:none;display:flex;gap:4px}
.post-actions button{font-size:25px;line-height:1;min-width:39px;height:39px;padding:5px 8px;justify-content:center;color:#e4f4f6}
.post-actions button[aria-pressed=true]{color:#2edfe5}.post-actions button.report{margin-left:auto}
.post-actions .social-share-post{font-size:26px}.post-actions button:nth-child(3):not(.social-share-post){margin-left:auto}
.photo-post-counts{padding:1px 16px 3px;font-size:12px;font-weight:730;color:#e6f7f9}
.photo-author{display:inline;border:0;background:transparent;color:#d9f6f7;font:780 13px/1.5 system-ui;padding:0;margin-right:2px}
.post-body{font-size:12px;padding:4px 16px 4px;line-height:1.52;color:#d9ebee;white-space:pre-wrap}
.post-place{font-size:11px;padding:5px 16px;color:#55dce4;font-weight:650}
.photo-view-comments{display:block;border:0;background:transparent;padding:6px 16px 14px;color:#84a5af;font-size:11px;text-align:left}
.post-actions .post-share:hover,.post-options:hover{color:#62e2e6}
.load-more{margin-top:17px;background:#0b2c39;border-color:#34717e}
.page-title{margin-top:10px}.page-title h1{font-size:29px}.heading-accent{color:#32dce6}
.explore-search{display:flex;gap:10px;align-items:center;padding:8px 11px;background:#0c2c3a;border:1px solid #327384;border-radius:13px;height:55px}
.explore-search svg{width:20px;height:20px;stroke:#5adddf;flex:none}
.explore-search input{flex:1;min-width:0;border:0;background:transparent;outline:none;color:#e9fbfc;font-size:13px}
.explore-search input::placeholder{color:#9cbec4}
.explore-search button{border:1px solid #3d7f8c;background:#16414d;color:#b7e9eb;padding:9px 12px;border-radius:9px;font-size:12px;font-weight:700}
.explore-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;padding:13px 0 14px}
.explore-chips button{border:1px solid #31606d;border-radius:99px;background:#0f3543;color:#bce6eb;padding:8px 13px;font-size:12px;font-weight:670}
.explore-chips button:hover{border-color:#5edce4;color:#e1ffff}
.explore-section-title{display:flex;align-items:end;justify-content:space-between;margin:15px 0 12px;gap:10px}
.explore-section-title h2{margin:0;font-size:19px}.explore-section-title span{font-size:11px;color:#9bbcc6}
.explore-people-section{margin:15px 0 22px}.explore-people-section h2{font-size:18px;margin:0 0 11px}.explore-people{display:flex;gap:10px;flex-wrap:wrap}
.explore-person{display:flex;gap:9px;align-items:center;border:1px solid #356472;background:#0b2b38;color:#e3f5f7;border-radius:12px;padding:8px 12px;max-width:280px}
.explore-person .story-avatar{width:33px;height:33px;flex-basis:33px}.explore-person span{font-size:12px;font-weight:770}.explore-person small{font-size:10px;color:#9dbec6}
.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.photo-tile{display:block;position:relative;aspect-ratio:1/1;overflow:hidden;border:0;border-radius:4px;background:linear-gradient(145deg,#0e3644,#061d28);padding:0;color:white}
.tile-image{display:block;object-fit:cover;width:100%;height:100%;transition:transform .23s}
.tile-text{font-size:12px;line-height:1.42;overflow:hidden;display:flex;align-items:center;text-align:left;padding:16px;height:100%;color:#c6eaed}
.tile-overlay{position:absolute;inset:0;background:#06111b9e;color:white;display:flex;align-items:center;justify-content:center;gap:22px;font-size:12px;font-weight:750;opacity:0;transition:opacity .2s}
.photo-tile:hover .tile-overlay,.photo-tile:focus-visible .tile-overlay{opacity:1}.photo-tile:hover img{transform:scale(1.04)}
/* Photo-sharing profile */
#page-profile{max-width:860px;margin:0 auto}
#page-profile .page-title{margin-bottom:19px}
.profile-card{background:linear-gradient(130deg,#0d3441,#082330);border-color:#245a68;padding:19px 21px;gap:22px;min-height:150px}
.profile-avatar{height:106px;width:106px;padding:4px;border:2px solid #31dce5;background:#0a3948;overflow:hidden}
.profile-avatar-inner{height:100%;width:100%;display:grid;place-items:center;border-radius:50%;font-size:35px;font-weight:800;overflow:hidden}
.profile-info h2{font-size:25px;font-weight:780}.profile-info p{font-size:13px}.profile-bio{white-space:pre-line;color:#d5eff2!important;font-size:12px!important;line-height:1.5;max-width:520px}
.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:18px 5px 16px;margin:0 auto;gap:8px;border-bottom:1px solid #265665}
.profile-stats>div{display:flex;align-items:center;justify-content:center;gap:7px;color:#b7d7de;font-size:13px}
.profile-stats strong{font-size:17px;color:#e9fcfd}.profile-actions{display:flex;gap:10px;align-items:center;padding:17px 0}
.profile-actions button{min-height:38px;padding:8px 14px;font-size:12px}
.profile-gallery-head{display:flex;align-items:center;justify-content:space-between;padding:12px 0 13px}
.profile-gallery-head h2{font-size:15px;margin:0}.profile-gallery-head>button{font-size:12px;color:#a6cfd5;background:transparent;border:none;padding:9px}
.grid-empty{padding:24px;text-align:center;color:#a1c3cb}
.profile-settings-area{margin-top:23px}.settings-details{border:1px solid #2d6470;border-radius:13px;background:#092b37}
.settings-details summary{cursor:pointer;padding:15px;font-weight:740;font-size:13px;color:#aee6e9}
.settings-inner{padding:0 16px 15px}.settings-inner p{color:#99c1c9;font-size:12px}
.settings-inner .inline-link{margin:5px 8px 5px 0}
#page-profile .text-danger{border:1px solid #73484f;border-radius:9px;padding:9px 13px;display:inline-block;margin-top:12px}
.post-dialog{width:min(620px,calc(100% - 16px));max-height:92dvh}
.post-detail-content{min-height:0;overflow-y:auto;scrollbar-width:thin}
.post-detail-content>.post{margin:10px;border-radius:12px}
.post-permalink{display:block;margin:10px auto 15px;background:#0d3542;border:1px solid #367d88;color:#aee9eb;padding:11px 17px;border-radius:10px}
.edit-profile-dialog .compose-body{display:grid;gap:13px}.edit-profile-dialog .compose-body label{display:block;color:#bde2e7;font-size:12px;font-weight:750}
.edit-profile-dialog .compose-body label input,.edit-profile-dialog .compose-body label textarea{margin-top:6px}
.compose-dialog{width:min(570px,calc(100% - 16px))}
.compose-dialog .modal-header{background:#0d3340}.compose-dialog .modal-footer{background:#092a36}
.compose-dialog .compose-body{padding:16px 19px}
.compose-photo-group{margin-bottom:17px}
.compose-photo-group .photo-picker{min-height:118px;display:flex!important;justify-content:center;flex-direction:column;gap:7px;border-radius:15px;background:radial-gradient(circle at 55% 20%,#134653,#082c39);border:1.5px dashed #397b88;box-shadow:inset 0 0 24px #03202b;cursor:pointer;font-size:15px}
.compose-photo-group .photo-picker>span{font-size:29px}
.compose-photo-group .photo-picker small{margin-left:0;color:#9dc0c8;font-size:11px}
.compose-dialog .compose-body>textarea{min-height:75px;max-height:180px}
.compose-dialog .compose-row{gap:12px;font-size:11px;color:#b4dce2}.compose-row select{font-size:12px}
.post-location-details{border:1px solid #2c6472;background:#092b39;border-radius:11px;padding:0;margin-top:14px}
.post-location-details>summary{padding:13px 15px;cursor:pointer;font-size:12px;color:#b6e9ed;font-weight:720}
.post-location-details>summary>span{font-weight:400;color:#809faa;font-size:11px;margin-left:8px}
.post-location-details .compose-fields{padding:0 14px 14px}
.use-maps-link{font-size:12px;color:#73e2e5;text-decoration:underline}
.modal .close-button{background:#113c49;color:#dfffff}
.comments-list .empty-thread{margin:15px auto}
#page-explore .status:not(:empty),#page-profile .status:not(:empty){padding:10px 5px}
/* Responsive */
@media(max-width:970px){
 .layout{grid-template-columns:200px minmax(0,1fr);gap:22px;padding-left:15px;padding-right:15px}
 .sidebar{min-width:0}.side-links button{font-size:13px}
 .main{max-width:780px}
}
@media(max-width:720px){
 .topbar{height:57px;padding:0 12px}
 .brand-emblem{width:31px;height:23px}.brand-words strong{font-size:15px;letter-spacing:.2em}.brand-words small{font-size:8px;letter-spacing:.3em}
 .map-link{font-size:10px;padding:8px 9px}.map-link svg{width:15px;height:15px}
 .avatar-action{width:36px;height:36px}
 .layout{padding:11px 0 calc(73px + env(safe-area-inset-bottom,0px));margin:0;max-width:none}
 #page-feed{max-width:none}
 #page-feed .moments-header,#page-feed .moments-section,#page-feed .feed-head,#page-feed .story-prompt,#page-feed .filterbar,#page-feed #feed-status,#page-feed #load-more{margin-left:12px;margin-right:12px}
 .moments-header{margin-bottom:10px}.moments-header h1{font-size:19px;line-height:1.2}
 .moments-header .eyebrow{font-size:9px}.moments-header .primary{min-width:83px;font-size:11px}
 .moments-section{margin-bottom:17px;padding:13px 10px 10px;border-radius:12px}
 .moment-strip{gap:11px}
 .moment-avatar{height:55px;width:55px}.moment-picture{height:43px;width:43px}.moment{min-width:62px;max-width:64px}
 .moment>span:last-child{max-width:64px;font-size:10px}.moments-title h2{font-size:13px}
 .feed-head{margin-bottom:10px}.feed-head h2{font-size:18px}.feed-head p{font-size:10px}.new-post{font-size:11px}
 .story-prompt{min-height:53px;border-radius:10px}
 .filterbar{flex-direction:column;align-items:stretch;margin-top:13px}
 .filter-chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.filter-chips button{font-size:10px}
 .region-select{font-size:10px}.region-select select{font-size:10px}
 .feed-posts{gap:11px}
 .post{border-left:0;border-right:0;border-radius:0;box-shadow:none;border-top:1px solid #254a58;border-bottom:1px solid #244755}
 .post-head{padding:9px 12px 8px;min-height:60px}.post-photo{aspect-ratio:4/4.6;max-height:min(76dvh,720px);min-height:180px}
 .post-body{padding:3px 13px 4px;font-size:12px}
 .post-place{padding:5px 13px;font-size:11px}.post-actions{padding:6px 7px 2px}
 .post-actions button{min-height:38px;min-width:39px;font-size:25px}.photo-post-counts{padding-left:13px}
 .photo-view-comments{padding-left:13px}
 .mobile-nav{min-height:62px;grid-template-columns:repeat(5,minmax(0,1fr));padding:3px 4px calc(4px + env(safe-area-inset-bottom,0px))}
 .mobile-nav button{min-height:52px;font-size:10px;gap:2px}
 .mobile-nav button>span:first-child{font-size:24px}
 .mobile-nav .nav-create>span:first-child{display:grid;place-items:center;margin:0 auto;background:#23dbe2;color:#08303a;border-radius:11px;width:35px;height:33px;font-size:27px;font-weight:700;box-shadow:0 0 13px #12d3d63a}
 .mobile-nav .nav-create{color:#a0dce0}.mobile-nav button[aria-current=page]::after{left:15%;right:15%;bottom:0}
 #page-explore,#page-profile,#page-messages{padding:6px 12px 8px}
 #page-explore .page-title,#page-profile .page-title,#page-messages .page-title{margin:7px 0 17px}
 .page-title h1{font-size:26px}
 .explore-search{height:51px}.explore-chips{gap:7px}.explore-chips button{font-size:11px}
 .explore-section-title h2{font-size:16px}.explore-section-title span{font-size:10px}
 .photo-grid{gap:3px}
 .photo-tile{border-radius:2px}
 .tile-overlay{gap:8px;font-size:10px}
 .profile-card{border-radius:13px;padding:14px;min-height:117px;gap:15px}
 .profile-avatar{width:75px;height:75px}.profile-avatar-inner{font-size:28px}
 .profile-info h2{font-size:21px}.profile-info p{font-size:12px}
 .profile-stats{padding:15px 0;gap:4px}
 .profile-stats>div{display:flex;flex-direction:column;gap:2px;font-size:11px}
 .profile-stats strong{font-size:17px}
 .profile-actions{gap:7px}.profile-actions button{font-size:11px;flex:1;min-width:0}
 .profile-gallery-head{padding:10px 0}
 .message-layout{height:calc(100dvh - 268px)!important;min-height:300px!important}
 .toast{bottom:calc(70px + env(safe-area-inset-bottom,0px));pointer-events:none}
 .modal{max-height:calc(100dvh - 20px)}
 .compose-dialog .compose-body{padding:13px 12px}
 .compose-photo-group .photo-picker{min-height:100px}
 .post-dialog .post-detail-content .post{border:1px solid #29515e;border-radius:10px;margin:8px}
}
@media(max-width:370px){
 .brand-words strong{font-size:13px;letter-spacing:.17em}
 .moments-header h1{font-size:17px}
 .moments-header .primary{min-width:69px;padding:8px}
 .moment-avatar{width:50px;height:50px}.moment-picture{height:38px;width:38px}
 .filter-chips button{font-size:9px;padding:6px 3px}
 .explore-chips button{padding:7px 10px}
}
@media(max-height:550px) and (orientation:landscape){
 .mobile-nav{min-height:50px}.mobile-nav button{min-height:42px}
 .layout{padding-bottom:62px}
 .message-layout{height:330px!important}
}
/* Small laptop/mobile landscape: never keep an offscreen desktop sidebar. */
@media(max-height:550px) and (orientation:landscape) and (max-width:920px){
 .topbar{height:49px}
 .sidebar{display:none!important}
 .layout{display:block!important;max-width:none!important;width:100%!important;padding:10px 9px 60px!important;margin:0!important}
 .main{max-width:none;width:100%}
 #page-feed{width:min(100%,640px);margin:0 auto}
 .mobile-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;min-height:49px!important;padding:2px 5px calc(2px + env(safe-area-inset-bottom,0px))!important}
 .mobile-nav button{min-height:43px!important;font-size:10px!important}
 .mobile-nav button>span:first-child{font-size:20px!important}
 .mobile-nav .nav-create>span:first-child{width:30px;height:28px}
 .moments-header h1{font-size:20px}
 .moments-section{padding:9px;margin-bottom:11px}
 #page-explore,#page-profile,#page-messages{padding:0 7px}
 .message-layout{height:calc(100dvh - 154px)!important;min-height:190px!important}
 .thread-messages{min-height:0}
 .modal{max-height:calc(100dvh - 10px)}
 .post-photo{max-height:420px}
}
/* Private photos, with upload feedback and fully reachable Send button. */
.message-form{position:relative}
.message-form .dm-photo-label{display:grid;place-items:center;flex:0 0 38px;width:38px;height:43px;align-self:center;border:1px solid #396b79;background:#103948;color:#6de8e8;border-radius:10px;font-size:23px;cursor:pointer}
.message-form .dm-photo-label:hover{border-color:#4bddde}
.message-form .dm-selected{position:absolute;left:12px;top:-30px;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#0f4a55;border:1px solid #43838f;color:#e0fafa;font-size:11px;padding:5px 10px;border-radius:9px}
.edit-profile-dialog .edit-avatar-picker{border:1px dashed #418594;border-radius:11px;background:#103947;padding:11px;margin:1px 0 2px!important;cursor:pointer}
.edit-profile-dialog .edit-avatar-picker input{border:0;padding:8px 0 3px;font-size:12px;background:transparent}
.edit-profile-dialog .edit-avatar-picker .privacy-note{display:block;margin-top:4px;font-size:11px;font-weight:400}

/* VOIDRAL SOCIAL • premium responsive redesign • 2026-11-09
   One viewport across browser, PWA and Android WebView. */
:root { --bg:#02141d; --panel:#092a37; --panel2:#0a303d; --card:#071e29; --accent:#20e0e4; --ink:#f0fbfc; --muted:#a3c2ca; --line:#295f6c; }
html { width:100%; max-width:100%; overflow-x:clip!important; scroll-padding-top:80px; }
body, body>.app, #social-app { width:100%; max-width:100%; overflow-x:clip!important; }
body { margin:0!important; background: radial-gradient(ellipse 95% 30% at 50% 0%,#0c3f48 0%,#041a23 52%,#02131b 95%); }
.layout,.main,.page,#page-feed,.feed-posts,.filterbar,.filter-chips,.topbar,.mobile-nav {min-width:0; max-width:100%; }
#page-feed #load-more { width:calc(100% - 24px)!important; max-width:calc(100% - 24px)!important; margin-left:12px!important; margin-right:12px!important; }
.mobile-nav { left:0!important; right:0!important; width:100%!important; max-width:100%!important; box-sizing:border-box!important; }
button { touch-action:manipulation; }
.topbar { background:linear-gradient(110deg,#041923ee,#07303aea)!important; border-bottom:1px solid #24858b; }
.brand-emblem {color:#2aebee;filter:drop-shadow(0 0 7px #27edf039)}
.brand-words strong {font-weight:850}
.brand-words small {color:#35e2e8}
.top-actions {gap:9px}
.header-inbox {position:relative; display:grid; place-items:center; width:39px; height:39px; flex:none; padding:9px; background:#0a303c; border:1px solid #388e97; border-radius:50%; color:#8af3f0;}
.header-inbox svg {width:21px;height:21px;}
.header-inbox .unread {position:absolute;right:-4px;top:-4px;font-size:9px;min-width:16px;line-height:1;padding:3px;}
.map-link {background:linear-gradient(145deg,#0d3946,#082733);border-color:#489eaa;border-radius:99px;min-height:39px;color:#e7fbfb;box-shadow:inset 0 0 8px #1ce6eb0b;}
.map-link svg {stroke:#36e1e6}
.avatar-action {box-shadow:0 0 0 3px #093943,0 0 16px #20e4e550;background:#052532;border:2px solid #2de9e9;}
/* Welcome illustration uses original SVG mountain artwork, not a static UI screenshot. */
.moments-header {position:relative;isolation:isolate;overflow:hidden; background:#052431 url('/social/mountains-premium-v4.svg') right bottom / cover no-repeat; border-bottom:1px solid #12525d;}
.moments-header:before {content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#031f2be8 0%,#04242bc2 57%,#031b2526 100%);}
.moments-header .eyebrow {color:#59e7e9;letter-spacing:.22em}
.moments-header .live-dot {display:none}
.moments-header h1{font-weight:800;letter-spacing:-.04em;text-shadow:0 2px 8px #00192155}
.moments-section {box-shadow:none!important;}
.moments-title h2 {font-weight:800;letter-spacing:-.025em;}
.moments-title span {color:#acc8ce;}
.moments-title>div {display:flex;flex-direction:column;gap:4px;}
.moments-view-all {border:0;background:none;color:#59e8eb;padding:8px 1px;font-weight:750;font-size:12px;white-space:nowrap;}
.moment {flex:0 0 auto;}
.moment-avatar {background:#0a3643; border:2px solid #35e5e8;box-shadow:0 0 8px #1dd1d126;}
.moment-create {border-style:dashed; background:transparent;color:#42eef1;}
.moment-strip {min-width:0;max-width:100%;overflow-x:auto!important;overflow-y:hidden; overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-snap-type:x proximity;}
.moment {scroll-snap-align:start;}
.story-prompt {background:linear-gradient(130deg,#103b47,#092935);border:1px solid #428996;border-radius:15px;box-shadow:0 0 17px #09dce10b;}
.story-prompt .mini-avatar {border:2px solid #3ee8e7;box-shadow:0 0 6px #39e5e544;}
.prompt-plus {display:grid;place-items:center; width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:linear-gradient(145deg,#2debed,#0fc4d1);color:#062d36;box-shadow:0 0 14px #27e7ed2b;font-size:27px;font-weight:500;line-height:1;}
.filter-chips button{border:1px solid #356b76;border-radius:99px;background:#0d3642;color:#deedef;font-weight:740;}
.filter-chips button[aria-pressed=true]{background:linear-gradient(135deg,#25e5e7,#15c0ce);border-color:#6df5f1;color:#002e36;box-shadow:0 0 12px #28d1d02d;}
.filter-chips button[data-view=latest]::before{content:'✦';margin-right:5px}
.filter-chips button[data-view=following]::before{content:'♙';margin-right:5px}
.filter-chips button[data-view=saved]::before{content:'♧';margin-right:5px}
.filter-chips button[data-view=activity]::before{content:'♧';margin-right:5px}
.region-select select {border-radius:99px;min-height:35px;border-color:#458995;background:#0b3340;color:#e8fbfc;}
/* Real feed cards: large photograph, clear interactions, no overlapping panels. */
.post {background:linear-gradient(155deg,#092b36,#061e28);border:1px solid #327b87;border-radius:16px;overflow:hidden;}
.post-head {padding:12px 13px!important;}
.post-head .story-avatar {border:2px solid #37dedf;}
.post-byline strong {font-weight:800;color:#f0ffff;}
.kind-pill {border:1px solid #3a9da6;background:#08313b;color:#5de8eb;border-radius:99px;font-weight:750;}
.post-photo {border:0;background:#082a36;object-position:center;display:block;}
.post-actions {align-items:center;padding:6px 11px 0!important;border:0;}
.post-actions button {border-radius:10px;color:#d1eff1!important;}
.post-actions button[aria-pressed=true] {color:#34e5e7!important;}
.photo-post-counts {color:#e5fafa;}
.post-body {color:#d4e8eb;}
.photo-view-comments {color:#91b9c1;}
.post-place {color:#73e3e6;}
.post-options {margin-left:auto;}
/* Dialog and profile quality and accessible touch sizing. */
.modal {max-width:calc(100vw - 16px);box-sizing:border-box;}
.modal .modal-header,.modal .modal-footer {flex-shrink:0;}
.modal .compose-body {overscroll-behavior:contain;}
#page-explore .photo-grid,#page-profile .photo-grid {max-width:100%;min-width:0;}
.photo-tile {min-width:0;}
/* Desktop includes a contained photo feed and stable left navigation. */
@media(min-width:921px) {
 .layout {grid-template-columns:225px minmax(0,1fr)!important;max-width:1210px;}
 #page-feed {max-width:675px!important;}
 .moments-header {min-height:158px;border-radius:17px;padding:28px 25px; margin-bottom:12px;}
 .moments-header h1 {font-size:27px!important;}
 .moments-section {padding:10px 16px 12px!important;margin-bottom:17px;}
 .moment-strip {gap:19px;}
 .post-photo {aspect-ratio:4/3;max-height:530px;margin:0 13px;width:calc(100% - 26px);border-radius:12px;object-fit:cover;}
 .feed-head{margin-top:11px;}
 .feed-posts{gap:18px;}
 .post{box-shadow:0 9px 24px #0005;}
}
/* Smaller laptops retain an edge-to-edge, single-column phone layout. */
@media(max-width:920px) {
 .layout {display:block!important;max-width:100%!important;width:100%!important;padding:0 0 calc(80px + env(safe-area-inset-bottom, 0px))!important;margin:0!important;}
 .sidebar{display:none!important;}
 .main {width:100%!important;max-width:100%!important;}
 #page-feed {width:100%!important;max-width:100%!important;margin:0!important;}
 .mobile-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;}
 .topbar {position:sticky!important;top:0;z-index:50; height:calc(64px + env(safe-area-inset-top,0px))!important;padding:env(safe-area-inset-top,0px) 12px 0!important;}
 .brand-words strong {font-size:15px;letter-spacing:.22em;}
 .brand-words small{font-size:8px;letter-spacing:.35em;}
 .brand-emblem{width:33px;height:25px;}
 .top-actions {gap:7px;}
 .header-inbox {height:34px;width:34px; padding:7px;}
 .header-inbox svg{width:19px;height:19px;}
 .map-link{min-height:34px;height:34px;padding:7px 10px;font-size:11px;border-radius:99px;}
 .map-link svg{width:17px;height:17px;}
 .avatar-action {width:35px;height:35px;}
 .moments-header {min-height:131px;padding:23px 16px 25px!important;margin:0!important;display:flex;align-items:center;justify-content:space-between;gap:5px;border:0;}
 .moments-header h1{font-size:clamp(19px,5.2vw,26px)!important;max-width:calc(100vw - 35px);line-height:1.14;margin:11px 0 0;}
 .moments-header .eyebrow{font-size:10px;line-height:1.2;}
 .moments-header #hero-post{display:none;}
 .moments-section {margin:0 12px 14px!important;padding:11px 0 8px!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:hidden;}
 .moments-title{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:0 0 10px;}
 .moments-title h2{font-size:20px;}
 .moments-title span{font-size:11px;display:block;line-height:1.3;}
 .moments-view-all{font-size:11px;}
 .moment-strip{gap:14px;padding:4px 2px 5px!important;width:100%;}
 .moment-avatar{width:59px;height:59px;padding:3px;}
 .moment-picture{width:47px;height:47px;}
 .moment{min-width:65px;max-width:69px;gap:5px;font-size:11px;}
 .moment>span:last-child{max-width:69px;}
 .feed-head {display:none!important;}
 .story-prompt {min-height:64px!important;padding:9px 11px!important;margin:0 12px 13px!important;gap:11px;font-size:12px;}
 .story-prompt .mini-avatar {width:40px;height:40px;flex-basis:40px;}
 .story-prompt #prompt-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
 .prompt-plus {width:40px;height:40px;flex-basis:40px;font-size:28px;}
 .filterbar {display:flex;flex-direction:column;align-items:stretch;gap:9px;margin:0 12px 14px!important;width:calc(100% - 24px)!important;}
 .filter-chips {width:100%!important;max-width:100%;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px;}
 .filter-chips button {width:100%;min-width:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:36px;font-size:11px;padding:7px 4px;border-radius:99px;}
 .filter-chips button::before {margin-right:2px!important;}
 .region-select{justify-content:space-between;width:100%;padding:2px 2px;align-items:center;font-size:12px;color:#b6dce1;}
 .region-select:before{content:'◎';color:#8bdee0;font-size:17px;margin-right:4px;}
 .region-select span{margin-right:auto;}
 .region-select select{min-width:135px;height:36px;max-width:50%;font-size:12px;}
 #feed-status {margin:0 12px 8px!important;}
 .feed-posts{gap:13px;width:100%;}
 .post{width:calc(100% - 24px)!important;margin:0 12px 1px!important;border:1px solid #34818b!important;border-radius:16px!important;box-sizing:border-box!important;max-width:calc(100% - 24px)!important;box-shadow:0 6px 20px #0004!important;}
 .post-head {min-height:62px;padding:10px 12px!important;}
 .post-head .story-avatar {width:40px;height:40px;flex-basis:40px;}
 .post-photo{width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important;margin:0 8px!important;border-radius:11px!important;aspect-ratio:4/3!important;max-height:min(65dvh,530px)!important;min-height:160px!important;object-fit:cover;}
 .post-actions{padding:5px 8px 1px!important;}
 .post-actions button{width:40px;min-width:36px;height:37px;font-size:24px;padding:5px;}
 .photo-post-counts{padding:0 12px 2px;font-size:11px;}
 .post-body{padding:3px 12px 4px!important;}
 .post-place{padding:5px 12px 8px!important;}
 .photo-view-comments{padding:5px 12px 12px!important;}
 .mobile-nav{position:fixed!important;z-index:55!important;min-height:calc(63px + env(safe-area-inset-bottom,0px))!important;height:calc(63px + env(safe-area-inset-bottom,0px))!important;bottom:0!important;padding:4px 4px calc(5px + env(safe-area-inset-bottom,0px))!important;background:linear-gradient(135deg,#083341f7,#041f2cf7)!important;border-top:1px solid #388794!important;border-radius:18px 18px 0 0!important;box-shadow:0 -7px 22px #0005;backdrop-filter:blur(14px);}
 .mobile-nav button,.mobile-nav a.mobile-maps{color:#bed8df;min-width:0!important;min-height:52px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;text-decoration:none;padding:3px 1px;font:700 10px/1.15 system-ui;}
 .mobile-nav button>span:first-child,.mobile-nav .mobile-maps>span:first-child{font-size:23px;line-height:1;}
 .mobile-nav button[aria-current=page]{color:#55e8ec!important;}
 .mobile-nav button[aria-current=page]::after{background:#5af4ec;left:20%;right:20%;bottom:1px;box-shadow:0 0 9px #24efea;}
 .mobile-nav .nav-create{color:#cce3e6;}
 .mobile-nav .nav-create>span:first-child{background:linear-gradient(130deg,#30e9e9,#0cc7d5)!important;color:#032a35!important;border:1px solid #67ffff!important;border-radius:12px!important;width:36px!important;height:34px!important;font-size:27px;box-shadow:0 0 13px #20eced4b!important;}
 .mobile-nav .mobile-maps>span:first-child{color:#b4e4e6;}
 #page-explore,#page-profile,#page-messages{padding:10px 12px calc(78px + env(safe-area-inset-bottom,0px));}
 .message-layout{height:calc(100dvh - 285px)!important;min-height:280px!important;}
 .toast{bottom:calc(82px + env(safe-area-inset-bottom,0px))!important;pointer-events:none;}
}
/* Portrait small phones (320–360 px) do not force the visual viewport wider. */
@media(max-width:370px) {
 .brand{gap:5px;}.brand-words strong{font-size:12px;letter-spacing:.17em}.brand-words small{letter-spacing:.24em;}
 .top-actions{gap:4px}.header-inbox{width:31px;height:31px;}.map-link{padding:6px 7px;font-size:10px;min-height:31px;height:31px}.avatar-action{width:32px;height:32px}
 .moments-header{min-height:124px;padding:21px 12px!important}
 .moments-header h1{font-size:18px!important;}
 .moments-title h2{font-size:18px}
 .filter-chips{gap:4px}.filter-chips button{font-size:9px;padding:6px 2px;}
 .post-head{gap:7px;}
}
/* Landscape can keep navigation and drawers reachable without side-scroll. */
@media(max-width:920px) and (orientation:landscape) and (max-height:550px) {
 .topbar{height:50px!important;padding-top:0!important}
 .moments-header{min-height:100px;padding:14px 14px!important;}
 .moments-header h1{font-size:20px!important;}
 .moments-section{margin-bottom:10px!important}
 .mobile-nav{height:52px!important;min-height:52px!important;padding:1px 3px!important;}
 .mobile-nav button,.mobile-nav a.mobile-maps{min-height:44px!important;font-size:10px}
 .mobile-nav button>span:first-child,.mobile-nav .mobile-maps>span:first-child{font-size:19px;}
 .message-layout{height:calc(100dvh - 169px)!important;min-height:150px!important;}
}

/* Live 24-hour Stories • photo-first viewer */
.stories-lifetime {flex-shrink:0;color:#71dce0;font-size:10px;letter-spacing:.15em;font-weight:800;border:1px solid #296875;border-radius:99px;padding:6px 9px;background:#0b313f}
.stories-status {margin:8px 2px 0;color:#87b9c2;font-size:11px;line-height:1.35}
.moment {cursor:pointer}
.moment.story-seen .moment-avatar {border-color:#648b94;box-shadow:none}
.moment .moment-avatar{position:relative}
.story-count {display:grid;place-items:center;position:absolute;bottom:-4px;right:-6px;min-width:19px;height:19px;padding:0 4px;border-radius:100px;background:#21dce3;color:#00313a;font:800 10px system-ui;border:2px solid #07252f}
dialog.story-watch-dialog {position:fixed;inset:0;margin:auto;width:min(100vw - 12px,490px);max-width:490px;height:min(100dvh - 14px,880px);max-height:calc(100dvh - 14px);padding:0;border:1px solid #286d7c;background:#071824;border-radius:16px;overflow:hidden;box-shadow:0 14px 56px #000a;color:#f0ffff}
.story-watch-dialog::backdrop {background:#000c;backdrop-filter:blur(5px)}
.story-watch {position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(155deg,#102d3e,#021019)}
.story-full-photo {position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;object-position:center;background:#041721}
.story-progress {position:absolute;z-index:7;top:12px;left:14px;right:14px;height:3px;background:#ffffff60;border-radius:99px;overflow:hidden}
#story-progress-fill {height:100%;width:0;background:#29e9eb;border-radius:99px;box-shadow:0 0 12px #2ffaf2}
.story-watch-header {display:flex;align-items:center;gap:12px;position:relative;z-index:5;margin-top:24px;padding:12px 16px 36px;background:linear-gradient(180deg,#01121dbb,#01121d00)}
.story-watch-icon {display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;border-radius:50%;background:#0a4154;color:#54f1f0;border:2px solid #2cdee2;font-size:17px}
.story-watch-author {display:flex;flex:1;min-width:0;flex-direction:column;gap:2px;text-shadow:0 1px 5px #000a}
.story-watch-author strong {font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.story-watch-author small {font-size:11px;color:#c8e1e5}
#story-watch-close {display:grid;place-items:center;width:36px;height:36px;flex:none;border:0;border-radius:50%;background:#031b2780;color:#fff;font:500 30px/1 system-ui}
.story-watch-details {margin-top:auto;z-index:5;position:relative;padding:50px 20px 12px;background:linear-gradient(0deg,#041621e8,#04162100);pointer-events:none}
.story-watch-details p {margin:0 0 10px;font-size:15px;line-height:1.45;font-weight:700;text-shadow:0 1px 6px #000e;white-space:pre-wrap}
.story-watch-map {display:inline-block;pointer-events:auto;border:1px solid #3fe1e7;background:#062e3fc8;border-radius:99px;padding:10px 12px;color:#d0f8f8;font-weight:700;font-size:12px;text-decoration:none}
.story-watch-footer {display:flex;align-items:center;justify-content:space-between;gap:6px;position:relative;z-index:5;background:#041621e8;padding:9px 12px max(10px,env(safe-area-inset-bottom,0px))}
.story-watch-footer button {background:#10404e;border:1px solid #387987;color:#e3f5f7;border-radius:10px;min-height:42px;padding:9px 13px;font:750 12px system-ui}
.story-watch-footer button:disabled {opacity:.25}
#story-watch-prev,#story-watch-next {font-size:24px;min-width:48px;padding:4px 9px}
#story-watch-views {font-size:11px;color:#9fc7cf}
.story-create-dialog {width:min(96vw,530px);max-height:min(96dvh,900px);border-radius:15px}
.story-create-note {font-size:12px;color:#b3d8df;margin:0 0 13px;line-height:1.5}
.story-create-picker {display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:145px;gap:8px;border:1.5px dashed #3c8a96;border-radius:15px;background:#0b3543;cursor:pointer}
.story-create-picker>span{font-size:35px;color:#4be7e6}
.story-create-picker strong{font-size:14px}
.story-create-picker small{font-size:10px;color:#9bc0c9}
#story-create-photo{font-size:11px;width:100%;padding:8px 4px;color:#c4e6e9}
.story-create-preview {overflow:hidden;border:1px solid #286e7c;border-radius:12px;min-height:150px;max-height:350px;background:#041a24}
.story-create-preview img {display:block;width:100%;max-height:350px;object-fit:contain}
.story-create-caption-label{display:flex;flex-direction:column;gap:7px;margin:16px 0 9px;font-size:12px;color:#b8e8ea;font-weight:700}
.story-create-caption-label textarea{background:#0b2b39;color:#eafafb;border:1px solid #347382;min-height:65px;resize:vertical;border-radius:11px;padding:10px;font:13px/1.4 system-ui}
.story-create-map{border:1px solid #376b78;border-radius:10px;padding:10px}
.story-create-map summary{cursor:pointer;font-size:12px;color:#7ee6e9}
.story-create-map input {margin-top:7px;color:#d9f7f8;background:#092e3e;border:1px solid #346d78}
@media(max-width:720px){
 dialog.story-watch-dialog {border-radius:10px;height:calc(100dvh - 6px);max-height:calc(100dvh - 6px);width:calc(100vw - 6px);max-width:calc(100vw - 6px)}
 .story-watch-header {padding:11px 14px 28px}
 .story-watch-details{padding:45px 14px 10px}
 .story-watch-footer{padding:8px 10px max(10px,env(safe-area-inset-bottom,0px))}
 .story-create-dialog .compose-body{overflow-y:auto;max-height:calc(100dvh - 175px)}
}
@media(max-width:720px) and (orientation:landscape){
 dialog.story-watch-dialog {max-width:500px;height:calc(100dvh - 6px)}
 .story-watch-header {margin-top:17px;padding:6px 12px}
 .story-watch-details {padding:10px 12px 5px}
 .story-watch-footer {padding:4px 8px}
 .story-watch-footer button {min-height:30px}
 .story-create-picker{min-height:85px}
}

/* Activity indicators and tappable follow lists. */
.header-alert {position:relative;display:grid;place-items:center;width:39px;height:39px;flex:none;padding:9px;background:#0a303c;border:1px solid #388e97;border-radius:50%;color:#8af3f0}
.header-alert svg {width:21px;height:21px}
.header-alert:hover,.header-inbox:hover{border-color:#65eced}
.header-alert .unread {position:absolute;top:-4px;right:-5px;font-size:9px;line-height:1;padding:3px;min-width:17px;background:#20d7de;color:#063039;border:1px solid #021b23}
.profile-stats>button {display:flex;align-items:center;justify-content:center;gap:7px;font:inherit;color:#b7d7de;font-size:13px;background:transparent;border:0;border-radius:9px;padding:6px 4px;cursor:pointer}
.profile-stats>button strong {font-size:17px;color:#e9fcfd}
.profile-stats>button:hover,.profile-stats>button:focus-visible {background:#123b48;outline:1px solid #337b88}
.connections-dialog {width:min(480px,calc(100vw - 18px));max-height:85dvh;border-radius:14px}
.connections-content{min-height:70px;max-height:min(65dvh,610px);overflow-y:auto;padding:10px 13px;scrollbar-width:thin}
.connection-person {display:flex;align-items:center;gap:11px;min-height:59px;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid #1d414d;color:#eaf9fb;padding:8px 2px}
.connection-person:hover,.connection-person:focus-visible {background:#0e3542}
.connection-avatar {display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;border-radius:50%;background:#174756;border:2px solid #368b98;color:#f1ffff;font-weight:800;overflow:hidden}
.connection-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.connection-details strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.connection-details small{color:#7edce2;font-size:11px}
.connection-arrow{font-size:24px;color:#7de2e6}
.connections-dialog .load-more{margin:9px 13px 17px;width:calc(100% - 26px)}
@media(max-width:920px){
 .header-alert{height:34px;width:34px;padding:7px}
 .header-alert svg{width:19px;height:19px}
 .profile-stats>button{flex-direction:column;gap:2px;font-size:11px}
}
@media(max-width:370px){
 .top-actions{gap:3px}
 .header-alert{height:29px;width:29px;padding:5px}
 .header-inbox{height:29px;width:29px;padding:5px}
 .header-alert svg,.header-inbox svg{width:17px;height:17px}
 .map-link{font-size:10px;padding:6px 6px}
 .avatar-action{width:29px;height:29px}
}

/* On short landscape screens, keep profile actions above the floating app bar. */
@media(max-width:920px) and (max-height:550px) and (orientation:landscape){
 #page-profile{padding:2px 9px 76px!important;min-height:calc(100dvh - 49px)!important;}
 #page-profile .page-title{margin:0 0 6px!important;padding:0!important;}
 #page-profile .page-title .eyebrow,#page-profile .page-title p{display:none!important;}
 #page-profile .page-title h1{font-size:20px!important;line-height:1.14!important;margin:0 0 4px!important;}
 #page-profile .profile-card{min-height:68px!important;padding:8px 12px!important;gap:10px!important;margin-bottom:0!important;}
 #page-profile .profile-avatar{height:57px!important;width:57px!important;}
 #page-profile .profile-avatar-inner{font-size:19px!important;}
 #page-profile .profile-info h2{font-size:18px!important;line-height:1.1!important;}
 #page-profile .profile-info p{font-size:11px!important;margin:2px 0!important;}
 #page-profile .profile-stats{padding:5px 0 4px!important;min-height:48px!important;}
 #page-profile .profile-stats>button{min-height:43px!important;}
 #page-profile .profile-actions{padding:8px 0!important;}
 #page-profile .profile-gallery-head{padding:5px 0!important;}
 #page-profile .profile-gallery-head h2{font-size:13px!important;}
 #page-profile #profile-open-followers,#page-profile #profile-open-following{scroll-margin-bottom:76px;}
}

/* Multi-photo Instagram-style post carousel • Voidral Social */
.post-gallery{position:relative;width:100%;min-width:0;overflow:hidden;touch-action:pan-y;background:#061f29}
.post-gallery .post-photo{display:block;user-select:none;-webkit-user-select:none;max-width:100%;box-sizing:border-box}
.gallery-arrow{position:absolute;top:50%;z-index:3;transform:translateY(-50%);display:grid;place-items:center;width:35px;height:35px;padding:0!important;border:1px solid #55c6cc99!important;border-radius:50%!important;background:#071b23bd!important;color:#f3ffff!important;font:400 27px/1 system-ui!important;backdrop-filter:blur(6px);box-shadow:0 2px 10px #0005}
.gallery-prev{left:14px}.gallery-next{right:14px}.gallery-arrow:disabled{opacity:.1}
.gallery-index{position:absolute;right:13px;top:12px;z-index:3;padding:5px 10px;border-radius:99px;background:#041b27c9;color:#f3ffff;font-size:11px;font-weight:800;backdrop-filter:blur(5px)}
.gallery-stack-icon{position:absolute;top:12px;left:13px;background:#041b27bd;color:#d6f8f8;padding:5px 9px;border-radius:99px;z-index:3;font-size:11px}
.gallery-dots{position:absolute;z-index:2;bottom:13px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;background:#031a23a8;border-radius:99px;padding:6px 9px}
.gallery-dot{width:6px;height:6px;border-radius:50%;background:#d8f6f687;box-shadow:0 1px 4px #0006}.gallery-dot.current{width:8px;height:8px;background:#30e9e9;box-shadow:0 0 8px #21e1e3}
.gallery-image-error{opacity:.25}
.photo-tile .tile-multiple{position:absolute;right:7px;top:7px;color:white;text-shadow:0 1px 5px #000;background:#05202b88;border-radius:7px;padding:3px 6px;font-size:12px;z-index:1}
.gallery-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid #275d6a}
.gallery-compose-footer span{color:#b7dfe4;font-size:12px;font-weight:750}
.gallery-compose-footer #photo-remove{border:1px solid #327f8b;padding:6px 9px;border-radius:9px;background:#0e3845;color:#eaf9fb;font-size:11px}
.gallery-compose-thumbs{display:flex;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;padding:9px 4px 3px;scrollbar-width:thin;max-width:100%}
.gallery-compose-thumb{flex:none;width:58px;height:58px;overflow:hidden;border:2px solid #326c7b;border-radius:10px;background:#0a2f3b;padding:0;box-sizing:border-box}
.gallery-compose-thumb[aria-pressed=true]{border-color:#28e6e8;box-shadow:0 0 0 1px #16d7d6}
.gallery-compose-thumb img{width:100%;height:100%;display:block;object-fit:cover}
.post-hashtag{display:inline;padding:0 1px;border:0;background:transparent;color:#57dfe3;font:700 inherit;cursor:pointer;vertical-align:baseline}
.post-hashtag:hover,.post-hashtag:focus-visible{text-decoration:underline;color:#91f5f2}
.profile-gallery-tabs{display:flex;align-items:center;gap:6px;width:100%}
.profile-gallery-tabs button{border:1px solid #347380!important;border-radius:10px!important;padding:10px 18px!important;background:#0e3340!important;color:#b7dce1!important;font:700 12px system-ui!important;min-height:38px}
.profile-gallery-tabs button[aria-pressed=true]{background:#0d4b55!important;border-color:#29d5d8!important;color:#65f1ed!important}
@media(max-width:920px){
 .gallery-arrow{width:32px;height:32px;font-size:23px}
 .gallery-prev{left:19px}.gallery-next{right:19px}
 .gallery-dots{bottom:16px}
 .profile-gallery-tabs button{flex:1}
}
@media(max-width:370px){
 .gallery-arrow{width:29px;height:29px}.gallery-index{right:9px;top:9px}
}
@media(prefers-reduced-motion:reduce){.gallery-arrow,.gallery-dot{transition:none}}

/* Correct legacy absolute button rules inside the new multi-photo composer. */
.photo-preview .gallery-compose-thumb{position:relative!important;top:auto!important;right:auto!important;padding:0!important}
.photo-preview .gallery-compose-footer #photo-remove{position:static!important;top:auto!important;right:auto!important}
.post-hashtag{font-family:inherit;font-size:inherit;line-height:inherit;font-weight:750}
html{scroll-padding-bottom:90px}
.post-gallery{scroll-margin-block-end:95px}

/* VOIDRAL SOCIAL / RELEASE 6
   Based on the approved cyan-connected-mountains and immersive travel-feed concept.
   Real photos and actual accounts only; never inject mock content into production. */
:root{
 --bg:#020d15!important;
 --panel:#041e2a!important;
 --panel2:#073644!important;
 --card:#041c28!important;
 --line:#1f8c98!important;
 --accent:#22e5ea!important;
 --ink:#f4fcff!important;
 --muted:#a7c4ce!important;
 color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box;}
html{width:100%!important;max-width:100%!important;overflow-x:clip!important;scroll-behavior:smooth;}
body,body>.app,#social-app{width:100%!important;max-width:100%!important;overflow-x:clip!important;}
body{
 background:radial-gradient(circle at 68% 3%,#062a38 0%,transparent 30%),
 linear-gradient(180deg,#000a12,#041723 31%,#010e17 86%)!important;
 color:#f4fcff;
}
.app{min-height:100dvh;background:transparent!important;}
/* Header: compact mountain logo + wordmark, two simple round controls. */
.topbar{
 position:sticky!important;top:0;z-index:85!important;
 min-height:74px;height:74px!important;
 background:linear-gradient(90deg,#00101bf9,#032635ee 65%,#00121ef9)!important;
 border-bottom:1px solid #164855!important;
 box-shadow:0 8px 26px #0007, inset 0 -1px 0 #16717a3a;
 padding:0 clamp(13px,2.4vw,34px)!important;
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:8px!important;
}
.brand-social{
 display:flex!important;align-items:center!important;
 gap:2px!important;max-width:min(68%,290px)!important;min-width:0!important;
 padding:0!important;margin:0!important;white-space:nowrap;text-decoration:none!important;
 flex:0 1 auto!important;
}
.brand-social-icon{
 height:59px!important;width:100px!important;min-width:73px;max-width:40%;
 object-fit:contain;filter:drop-shadow(0 0 7px #20f6f255);
}
.brand-social .brand-words{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;white-space:nowrap;}
.brand-social .brand-words strong{
 font-family:Arial,system-ui,sans-serif;font-weight:900;line-height:1;
 letter-spacing:.13em;font-size:clamp(13px,2.35vw,22px);
 color:#fff;text-shadow:0 0 8px #fff3;
}
.brand-social .brand-words small{
 display:flex;gap:5px;align-items:center;color:#34f0ed;
 line-height:1.35;letter-spacing:.45em;font-size:clamp(7px,1.25vw,11px);
 font-weight:850;text-shadow:0 0 8px #10e5eb87;
}
.brand-social .brand-words small span{display:inline-block;width:13px;height:1px;background:#27e9ea;box-shadow:0 0 6px #12f6f9;}
.top-actions{display:flex!important;align-items:center!important;gap:12px!important;flex-shrink:0;margin-left:auto!important;}
.header-search,.header-alert,.header-inbox{
 display:grid!important;place-items:center!important;
 width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
 padding:10px!important;border-radius:50%!important;box-shadow:inset 0 0 12px #12def30c;
 background:radial-gradient(circle at 30% 22%,#0a3a49,#031721)!important;
 border:1px solid #50b8bf!important;color:#f5ffff!important;
 cursor:pointer;
}
.header-search svg,.header-alert svg,.header-inbox svg{width:22px;height:22px;stroke:#eaffff;}
.header-search:hover,.header-search:focus-visible,
.header-alert:hover,.header-alert:focus-visible{box-shadow:0 0 13px #24e5e94d!important;border-color:#57ffff!important;}
.header-alert .unread{background:#12e3e6;color:#01313b;font-weight:850;}
/* Main remains a real scrollable document, not an oversized popup. */
.layout{max-width:1330px!important;min-width:0!important;}
.main,.page,#page-feed,.feed-posts{min-width:0!important;max-width:100%!important;}
#page-feed{width:100%!important;}
.moments-header,.feed-head,.story-prompt{display:none!important;}
.moments-section{
 background:transparent!important;border:0!important;box-shadow:none!important;
 border-radius:0!important;
}
.moments-title{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.moments-title h2{font-size:15px!important;font-weight:850;color:#ecffff;letter-spacing:.01em;}
.moments-title span:not(.stories-lifetime){font-size:10px!important;line-height:1.3;color:#83b0bb!important;}
.stories-lifetime{
 color:#65e5e7!important;background:#072a34!important;
 border:1px solid #25737a!important;letter-spacing:.09em!important;
 border-radius:99px!important;padding:5px 9px!important;font-size:9px!important;
 box-shadow:0 0 12px #1ab8c015;
}
.moment-strip{
 display:flex!important;gap:15px!important;
 width:100%!important;max-width:100%!important;
 overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;
 scroll-snap-type:x proximity;scrollbar-width:none;
}
.moment-strip::-webkit-scrollbar{display:none;}
.moment{flex:0 0 auto!important;min-width:71px!important;max-width:79px!important;scroll-snap-align:start;gap:8px!important;font-size:11px!important;font-weight:600;}
.moment-avatar{
 height:76px!important;width:76px!important;
 position:relative;display:grid!important;place-items:center!important;
 padding:3px!important;overflow:visible;
 border:2px solid #30f7f1!important;background:#051b2b!important;border-radius:50%!important;
 box-shadow:0 0 0 1px #003844,0 0 15px #20e4e92f!important;
}
.moment-photo-image,.moment-logo-image,.moment-picture{
 width:100%!important;height:100%!important;border-radius:50%!important;
 object-fit:cover;display:block;
}
.moment-logo-image{object-fit:contain;background:radial-gradient(circle,#073f4c,#021522);padding:6px;}
.moment-add{
 position:absolute;bottom:-4px;right:-5px;display:grid;place-items:center;
 width:27px;height:27px;border-radius:50%;
 background:linear-gradient(140deg,#7ffffe,#12dce6);color:#02313a;
 box-shadow:0 0 13px #25ebe6aa;border:3px solid #02202d;
 font-size:20px;line-height:1;font-weight:800;
}
.moment-name{display:block;max-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d9edf1;font-size:11px;}
.moment-type{position:absolute;right:1px;bottom:1px;background:#24e8eb;color:#05212c;border:2px solid #051923;border-radius:50%;font-size:8px;width:13px;height:13px;display:grid;place-items:center;}
.moment.story-seen .moment-avatar{border-color:#638c95!important;box-shadow:none!important;}
.stories-status{font-size:10px!important;line-height:1.45;color:#8baeb8!important;margin:11px 1px 0!important;}
/* For You / Following / Nearby — exactly three functional tabs. */
.filterbar{display:block!important;min-width:0!important;max-width:100%!important;}
.filter-chips{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:0!important;padding:3px!important;
 background:linear-gradient(110deg,#062735,#03212d)!important;
 border:1px solid #387783!important;border-radius:999px!important;
 min-height:50px!important;box-shadow:inset 0 0 13px #1c718517;
}
.filter-chips button{
 display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
 background:transparent!important;color:#e5f3f7!important;border:0!important;
 border-radius:999px!important;
 min-width:0!important;width:100%!important;min-height:43px!important;
 padding:9px 8px!important;font-size:clamp(11px,1.4vw,15px)!important;
 font-weight:750!important;white-space:nowrap;
}
.filter-chips button::before{display:none!important;}
.filter-chips svg{width:19px;height:19px;min-width:18px;color:inherit;stroke:currentColor;}
.filter-chips button[aria-pressed=true]{
 background:radial-gradient(circle at 50% 110%,#1bafb9,#0c6677 55%,#06404c)!important;
 color:#fff!important;
 border:1px solid #39f8ed!important;
 box-shadow:0 0 13px #34f8eeb3,inset 0 0 16px #32dbd54d!important;
 text-shadow:0 0 9px #fff8;
}
.region-select{font-size:11px;color:#99c4cd;}
.region-select select{background:#0b3140;color:#c7ebed;min-height:34px;border:1px solid #256f7a;border-radius:999px;}
/* Immersive photo feed; real content via the existing API. */
.feed-posts{display:flex!important;flex-direction:column!important;gap:17px!important;width:100%!important;}
.post,.post.photo-first-post{
 display:flex!important;flex-direction:column!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 margin:0!important;padding:0!important;
 border:1px solid #18c8d4!important;border-radius:25px!important;
 background:linear-gradient(155deg,#062938,#041c29 63%,#03212c)!important;
 color:#f5ffff!important;
 box-shadow:0 0 14px #09b7c82b,0 13px 31px #0008!important;
 overflow:hidden!important;
}
.post-head{
 order:1;display:flex!important;align-items:center!important;gap:11px!important;
 padding:14px 16px 12px!important;min-height:76px!important;
 border:0!important;background:transparent!important;
}
.post-head .story-avatar{
 display:grid;place-items:center;
 height:50px!important;width:50px!important;min-width:50px!important;flex-basis:50px!important;
 border-radius:50%!important;border:2px solid #34ebea!important;box-shadow:0 0 8px #23eeec48;
 color:#f5ffff!important;font-size:17px!important;font-weight:800;
 cursor:pointer;
}
.post-byline{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;}
.post-byline strong{font-size:15px!important;font-weight:820!important;color:#faffff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.post-byline small{font-size:12px!important;color:#b1d0d5!important;}
.post-head .kind-pill{font-size:11px!important;min-height:32px!important;padding:7px 12px!important;background:#093944!important;border:1px solid #2f9da6!important;border-radius:999px!important;color:#80e8ea!important;}
.post-head .post-kind-display{display:none!important;}
.post-head .post-more-neon{
 display:grid!important;place-items:center!important;
 min-width:38px;height:38px;padding:0 8px!important;
 margin-left:auto!important;background:transparent!important;border:0!important;
 color:#e6ffff!important;font-size:29px!important;line-height:1!important;
}
.post-gallery{
 order:2;position:relative;overflow:hidden!important;
 display:block!important;
 width:calc(100% - 14px)!important;min-width:0!important;max-width:calc(100% - 14px)!important;
 margin:0 7px!important;border-radius:19px!important;
 background:linear-gradient(145deg,#084150,#021822)!important;
 border:0!important;touch-action:pan-y;
}
.post-gallery .post-photo{
 width:100%!important;max-width:100%!important;
 height:auto;min-height:180px;max-height:680px!important;
 aspect-ratio:4/4.5!important;object-fit:cover!important;object-position:center;
 margin:0!important;border:0!important;border-radius:0!important;display:block!important;
}
.post-location-overlay{
 position:absolute!important;bottom:19px!important;left:13px!important;
 z-index:4;max-width:calc(100% - 84px);display:flex!important;align-items:center!important;
 margin:0!important;padding:9px 13px!important;overflow:hidden!important;text-overflow:ellipsis;white-space:nowrap!important;
 background:#051c29ce!important;border:1px solid #67b5b9bd!important;
 color:#e8f9fc!important;border-radius:999px!important;
 font-size:12px!important;font-weight:700!important;
 box-shadow:0 4px 12px #0006!important;backdrop-filter:blur(7px);
 text-decoration:none;
}
.neon-photo-share{
 position:absolute;right:13px;bottom:14px;z-index:5;
 display:grid;place-items:center;
 width:43px;height:43px;padding:10px!important;border-radius:50%;
 background:#042635d8;border:1.5px solid #76f9f8;color:#f0ffff!important;
 box-shadow:0 0 9px #07c5cf68;backdrop-filter:blur(8px);
}
.neon-photo-share svg{width:22px;height:22px;stroke:currentColor;fill:none;}
.post-actions{
 order:3;display:flex!important;align-items:center!important;gap:14px!important;
 border:0!important;background:none!important;margin:0!important;padding:10px 17px 0!important;
}
.post-actions button{
 border:0!important;background:transparent!important;
 display:grid;place-items:center;
 width:34px!important;height:34px!important;min-width:34px!important;padding:3px!important;
 color:#f0ffff!important;border-radius:9px;
}
.post-actions button svg{height:29px;width:29px;display:block;stroke:currentColor;fill:none;}
.post-actions button[aria-pressed=true] svg{fill:#27eef12d;stroke:#38fff5;}
.post-actions .neon-save{margin-left:auto!important;}
.post-actions .neon-like[aria-pressed=true]{color:#46f7f0!important;}
.photo-post-counts{
 order:4;color:#fff!important;font-size:13px!important;font-weight:830!important;
 padding:1px 18px 7px!important;line-height:1.2!important;
}
.post-body{
 order:5;color:#e7f5f7!important;font-size:14px!important;
 padding:3px 17px 8px!important;line-height:1.5!important;
 white-space:pre-wrap!important;
}
.photo-author{color:#fff!important;font-weight:850;font-size:inherit!important;}
.post-hashtag{color:#24edf1!important;font-weight:750!important;font-size:inherit!important;border:0;background:transparent;padding:0 1px;}
.post-hashtag:hover{text-decoration:underline;}
.photo-view-comments{
 order:6;display:block!important;text-align:left;
 margin:0;padding:3px 17px 15px!important;
 border:0;background:none;color:#96bac5;font-size:12px!important;
}
.post-gallery .gallery-prev,.post-gallery .gallery-next{z-index:4;}
.post-gallery .gallery-dots{bottom:5px;z-index:3;}
.post-gallery:has(.post-location-overlay) .gallery-dots{bottom:auto;top:14px;}
.post-gallery .gallery-index{z-index:4;}
/* The five tab native-feeling dock follows the reference; never clips content. */
.mobile-nav{
 box-sizing:border-box;z-index:72!important;
 position:fixed!important;bottom:0!important;left:0!important;right:0!important;
 width:100vw!important;max-width:100vw!important;
 display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
 background:linear-gradient(120deg,#03212fee,#02121ded 55%,#053040ee)!important;
 border:1px solid #1593a1!important;border-bottom:0!important;
 border-radius:24px 24px 0 0!important;
 box-shadow:0 -8px 32px #000a,0 -1px 17px #0bbbc034!important;
 backdrop-filter:blur(18px);
 padding:8px 7px calc(7px + env(safe-area-inset-bottom,0px))!important;
 height:calc(77px + env(safe-area-inset-bottom,0px))!important;
 min-height:calc(77px + env(safe-area-inset-bottom,0px))!important;
}
.mobile-nav button,.mobile-nav .mobile-maps{
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
 min-width:0!important;min-height:55px!important;
 border:0!important;padding:4px 1px!important;margin:0!important;
 background:transparent!important;color:#f2ffff!important;text-decoration:none!important;
 font:650 11px/1.2 system-ui!important;gap:5px!important;
}
.mobile-nav button svg,.mobile-nav .mobile-maps svg{
 width:26px;height:26px;min-width:26px;stroke:currentColor;stroke-width:1.8;fill:none;
}
.mobile-nav button[aria-current=page]{
 color:#45f5f0!important;
 background:transparent!important;
 text-shadow:0 0 10px #10eeeeaa;
}
.mobile-nav button[aria-current=page] svg{filter:drop-shadow(0 0 7px #1ae5e9a9);}
.mobile-nav button[data-page=feed] svg{fill:currentColor;stroke:currentColor;stroke-width:1.2;}
.mobile-nav button[aria-current=page]::after{
 bottom:-2px!important;height:3px!important;border-radius:999px;
 left:20%!important;right:20%!important;background:#33f9f3!important;
 box-shadow:0 0 9px #38faff!important;
}
.mobile-nav .nav-create svg{
 width:42px!important;height:42px!important;min-width:42px!important;
 border:1px solid #23eaf4;stroke:#2bf4f1;
 background:#053a49;border-radius:11px!important;padding:7px;
 box-shadow:0 0 14px #27dfe6a1;
}
.mobile-nav .nav-create>span{font-size:11px;}
.mobile-nav .nav-create{gap:1px!important;}
/* Galleries and account stay visually consistent. */
.photo-grid{gap:4px!important;}
.photo-tile{border-radius:9px!important;background:#073242;}
.profile-card{border-radius:18px!important;background:linear-gradient(140deg,#063341,#061e2b)!important;border:1px solid #237f8c!important;}
.profile-gallery-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;}
.profile-gallery-tabs button{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px!important;padding:9px 5px!important;}
.profile-gallery-tabs button[aria-pressed=true]{color:#54ffff!important;box-shadow:inset 0 0 12px #15e2e33a;}
.moment-archive-tile{position:relative;}
.moment-place-pill{position:absolute;bottom:7px;left:6px;right:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;color:#fff;background:#061d28c8;border-radius:7px;padding:5px;font-size:10px;}
#page-profile .profile-actions{flex-wrap:wrap;gap:7px;}
#page-profile .profile-actions button{min-width:0;}
/* High-contrast focus cues retained for accessible navigation. */
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{
 outline:2px solid #67ffff!important;outline-offset:3px!important;
}
/* Desktop: reference aesthetics in a spacious, restrained centered feed. */
@media(min-width:921px){
 .layout{display:grid!important;grid-template-columns:225px minmax(0,1fr)!important;gap:26px!important;}
 .sidebar{display:block!important;}
 #page-feed{width:min(100%,740px)!important;margin:0 auto!important;}
 .moments-section{margin:12px 0 22px!important;padding:10px 4px!important;}
 .filterbar{margin:0 0 19px!important;}
 .feed-posts{gap:24px!important;}
 .post-gallery .post-photo{aspect-ratio:4/3.5!important;max-height:610px!important;}
 .post-head{min-height:76px!important;}
 .mobile-nav{display:none!important;}
 .sidebar .side-links button[aria-current=page]{border-left:3px solid #44eef3;}
}
@media(max-width:920px){
 html,body,#social-app,.layout,.main,.page{width:100%!important;max-width:100%!important;overflow-x:clip!important;}
 .layout{display:block!important;margin:0!important;padding:0 0 calc(92px + env(safe-area-inset-bottom,0px))!important;}
 .sidebar{display:none!important;}
 .topbar{height:77px!important;min-height:77px!important;padding:0 13px!important;gap:5px!important;}
 .brand-social{max-width:calc(100% - 107px)!important;gap:2px!important;}
 .brand-social-icon{width:79px!important;height:59px!important;min-width:65px;max-width:37%;}
 .brand-social .brand-words strong{font-size:clamp(14px,4.5vw,19px)!important;letter-spacing:.12em!important;}
 .brand-social .brand-words small{font-size:9px!important;letter-spacing:.44em!important;}
 .top-actions{gap:10px!important;}
 .header-search,.header-alert{width:43px!important;height:43px!important;min-width:43px!important;min-height:43px!important;}
 .header-inbox,.top-actions .map-link,.top-actions .avatar-action{display:none!important;}
 #page-feed{margin:0!important;min-width:0!important;}
 .moments-section{margin:8px 12px 18px!important;padding:5px 0 9px!important;border:0!important;overflow:hidden!important;}
 .moments-title{margin:0 1px 13px!important;}
 .moment-strip{gap:14px!important;padding:4px 1px 5px!important;}
 .moment{min-width:68px!important;max-width:76px!important;}
 .moment-avatar{height:70px!important;width:70px!important;}
 .moment-name{max-width:75px!important;}
 .stories-status{font-size:10px!important;}
 .filterbar{margin:0 12px 15px!important;width:calc(100% - 24px)!important;}
 .filter-chips{height:50px!important;}
 .filter-chips button{font-size:clamp(11px,3vw,15px)!important;}
 .filter-chips button svg{width:18px;height:18px;}
 .region-select{display:none!important;}
 .feed-posts{padding:0 10px 16px!important;gap:16px!important;}
 .post,.post.photo-first-post{
  border-radius:21px!important;margin:0!important;
  width:100%!important;max-width:100%!important;
 }
 .post-head{min-height:72px!important;padding:11px 13px!important;}
 .post-head .story-avatar{height:45px!important;width:45px!important;min-width:45px!important;flex-basis:45px!important;}
 .post-byline strong{font-size:14px!important;}
 .post-byline small{font-size:11px!important;}
 .post-gallery{width:calc(100% - 10px)!important;max-width:calc(100% - 10px)!important;margin:0 5px!important;border-radius:17px!important;}
 .post-gallery .post-photo{width:100%!important;aspect-ratio:4/4.7!important;max-height:min(70dvh,570px)!important;min-height:210px!important;}
 .post-location-overlay{bottom:14px!important;left:10px!important;font-size:11px!important;max-width:calc(100% - 76px);padding:8px 10px!important;}
 .neon-photo-share{width:40px;height:40px;right:10px;bottom:10px;}
 .post-actions{gap:14px!important;padding:8px 13px 0!important;}
 .post-actions button svg{height:27px;width:27px;}
 .photo-post-counts{font-size:12px!important;padding:1px 14px 6px!important;}
 .post-body{font-size:13px!important;padding:3px 14px 7px!important;}
 .photo-view-comments{padding:3px 14px 15px!important;}
 #page-explore,#page-profile,#page-messages{padding:8px 12px calc(94px + env(safe-area-inset-bottom,0px))!important;overflow-x:hidden!important;}
 #page-explore .page-title,#page-profile .page-title{margin:10px 0 15px!important;}
 .toast{bottom:calc(89px + env(safe-area-inset-bottom,0px))!important;}
}
@media(max-width:365px){
 .topbar{height:68px!important;min-height:68px!important;padding:0 9px!important;}
 .brand-social{max-width:calc(100% - 88px)!important;}
 .brand-social-icon{height:51px!important;width:68px!important;min-width:56px;}
 .brand-social .brand-words strong{font-size:13px!important;letter-spacing:.1em!important;}
 .brand-social .brand-words small{font-size:7px!important;letter-spacing:.3em!important;}
 .top-actions{gap:6px!important;}
 .header-search,.header-alert{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:8px!important;}
 .header-search svg,.header-alert svg{width:20px;height:20px;}
 .moment-avatar{height:62px!important;width:62px!important;}
 .moment{min-width:65px!important;max-width:70px!important;}
 .filter-chips button{font-size:10px!important;gap:4px!important;padding:5px!important;}
 .filter-chips button svg{width:15px;height:15px;min-width:15px;}
 .post-byline strong{font-size:13px!important;}
 .post-actions{gap:11px!important;}
}
@media(max-width:920px) and (orientation:landscape) and (max-height:560px){
 .topbar{height:51px!important;min-height:51px!important;}
 .brand-social-icon{height:45px!important;}
 .moments-section{margin-bottom:10px!important;}
 .moment-avatar{height:53px!important;width:53px!important;}
 .moment{min-width:58px!important;max-width:65px!important;}
 .filter-chips{height:44px!important;min-height:44px!important;}
 .filter-chips button{min-height:36px!important;}
 .post-gallery .post-photo{max-height:320px!important;aspect-ratio:4/2.6!important;}
 .mobile-nav{height:58px!important;min-height:58px!important;padding:2px 5px!important;}
 .mobile-nav button,.mobile-nav .mobile-maps{min-height:44px!important;font-size:10px!important;}
 .mobile-nav button svg,.mobile-nav .mobile-maps svg{height:21px;width:21px;min-width:21px;}
 .mobile-nav .nav-create svg{height:33px!important;width:33px!important;min-width:33px!important;}
 .layout{padding-bottom:67px!important;}
 .message-layout{height:calc(100dvh - 165px)!important;min-height:155px!important;}
}
@media(prefers-reduced-motion:reduce){
 *{scroll-behavior:auto!important;}
 .moment-avatar,.post{animation:none!important;transition:none!important;}
}
.post-head{position:relative!important;}
.post-head .post-more-neon{
 display:grid!important;place-items:center;
 margin-left:auto!important;padding:0!important;
 width:39px!important;height:38px!important;min-width:39px!important;
 background:transparent!important;border:0!important;border-radius:9px!important;
 color:#f7ffff!important;font-size:29px!important;font-weight:650!important;line-height:.8!important;
}
.neon-post-menu{
 position:absolute;z-index:28;right:12px;top:57px;
 display:flex;flex-direction:column;gap:3px;
 width:170px;padding:5px;background:#07313e;border:1px solid #42bcc3;
 border-radius:12px;box-shadow:0 12px 35px #000b,0 0 12px #12d2d333;
}
.neon-post-menu[hidden]{display:none!important;}
.neon-post-menu button{
 display:block!important;width:100%;min-height:42px!important;
 border:0!important;border-radius:8px!important;
 color:#e9fcfc!important;background:transparent!important;
 font:700 12px/1.3 system-ui!important;text-align:left!important;
 padding:9px 12px!important;
}
.neon-post-menu button:hover{background:#0e4c5a!important;}

/* Hide redundant top-right photo/story badges; swipe dots and arrows remain. */
.gallery-index,.stories-lifetime{display:none!important}

/* Voidral Social: consistent layouts across feed, explore, profile, messages, and dialogs.
   No changes to accounts, posts, photos or interactive handlers. */
#page-feed,#page-explore,#page-profile,#page-messages {min-width:0!important;max-width:100%!important;overflow-wrap:break-word;}
#page-explore .explore-chips{
 display:flex!important;flex-flow:row wrap!important;align-items:center!important;
 max-width:100%!important;width:100%!important;min-width:0!important;
 overflow:visible!important;white-space:normal!important;gap:7px!important;
 padding:12px 0 15px!important;margin:0!important;
}
#page-explore .explore-chips button{
 flex:0 1 auto!important;min-width:0!important;max-width:100%!important;
 min-height:35px!important;white-space:normal!important;
 padding:8px 12px!important;border-radius:99px!important;
 border:1px solid #376f7d!important;color:#d4f4f4!important;
 font-size:12px!important;line-height:1.25!important;
}
#page-explore .explore-chips button:focus-visible,#page-explore .explore-chips button:hover{
 border-color:#35eded!important;background:#10515c!important;color:#fff!important;
}
#page-explore .explore-search{
 display:flex!important;align-items:center!important;width:100%!important;min-width:0!important;
 gap:8px!important;box-sizing:border-box!important;
}
#page-explore .explore-search input{flex:1 1 auto!important;min-width:0!important;max-width:100%!important;}
#page-explore .explore-search button{flex:0 0 auto!important;}
#page-explore .explore-section-title{display:flex;align-items:end;justify-content:space-between;gap:10px;min-width:0;flex-wrap:wrap;}
#page-explore .explore-section-title span{flex:0 1 auto;max-width:100%;overflow-wrap:anywhere;}
#page-profile .profile-grid > .empty-thread,
#page-profile .profile-grid > .grid-empty,
#page-explore .explore-grid > .empty-thread,
#page-explore .explore-grid > .grid-empty{
 grid-column:1 / -1!important;width:100%!important;max-width:450px!important;
 justify-self:center!important;box-sizing:border-box!important;min-width:0!important;
 text-align:center!important;padding:24px 15px!important;
 border:1px solid #285f70!important;border-radius:16px!important;
 background:linear-gradient(145deg,#082e3b,#041d29)!important;
}
#page-profile .profile-grid > .empty-thread strong,
#page-profile .profile-grid > .empty-thread p{
 display:block!important;max-width:100%!important;white-space:normal!important;
 overflow-wrap:break-word!important;word-break:normal!important;
 line-height:1.45!important;
}
#page-profile .profile-grid > .empty-thread .empty-orb{margin:0 auto 12px!important;}
#page-profile .profile-grid > .empty-thread button{margin-top:10px!important;min-width:118px!important;}
#page-profile .profile-card{display:flex!important;align-items:center!important;gap:15px!important;max-width:100%!important;min-width:0!important;}
#page-profile .profile-info{flex:1!important;min-width:0!important;overflow-wrap:anywhere!important;}
#page-profile .profile-info h2{max-width:100%!important;overflow-wrap:anywhere!important;}
#page-profile .profile-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:center!important;gap:5px!important;}
#page-profile .profile-stats > div,
#page-profile .profile-stats > button{min-width:0!important;text-align:center!important;}
#page-profile .profile-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:7px!important;}
#page-profile .profile-actions > button{min-width:0!important;max-width:100%!important;min-height:43px!important;white-space:normal!important;overflow-wrap:anywhere!important;padding:9px 6px!important;line-height:1.25!important;}
#page-profile .profile-gallery-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
#page-profile .profile-settings-area{max-width:100%!important;min-width:0!important;}
#page-profile details.settings-details{max-width:100%!important;border:1px solid #2a6d77!important;border-radius:13px!important;overflow:hidden!important;background:#092b37!important;}
#page-profile details.settings-details > summary{padding:12px 14px!important;min-height:45px!important;font-weight:750;color:#e3f6f8;cursor:pointer;}
#page-profile .settings-inner{display:flex!important;flex-flow:row wrap!important;align-items:center;gap:10px!important;min-width:0!important;padding:13px!important;}
#page-profile .settings-inner p{flex-basis:100%;min-width:0;margin:0 0 5px;line-height:1.5;}
#page-profile .settings-inner a,#page-profile .settings-inner button{min-height:40px!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;}
/* Messages get a usable mobile inbox and thread, independent of profile layout. */
#page-messages .message-layout{min-width:0!important;max-width:100%!important;}
#page-messages .inbox-panel,#page-messages .thread-panel{min-width:0!important;max-width:100%!important;}
#page-messages .message-form{max-width:100%!important;min-width:0!important;display:flex!important;align-items:flex-end!important;gap:7px!important;}
#page-messages #message-text{flex:1 1 auto!important;min-width:0!important;max-width:100%!important;}
#page-messages #message-send{flex:0 0 auto!important;min-height:40px!important;}
/* All dialogs are vertically constrained with reachable form actions and local scrolling. */
dialog.modal{
 max-width:calc(100vw - 16px)!important;
 max-height:calc(100dvh - 16px)!important;
 overflow:hidden!important;overscroll-behavior:contain!important;
}
dialog.modal > form{display:flex!important;flex-direction:column!important;min-height:0!important;max-height:100%!important;overflow:hidden!important;}
dialog.modal > form > .modal-header,dialog.modal > .modal-header{flex:0 0 auto!important;min-width:0!important;gap:10px!important;}
dialog.modal .modal-header h2{font-size:clamp(17px,4.5vw,22px)!important;line-height:1.2!important;overflow-wrap:anywhere!important;}
dialog.modal .modal-header .close-button{flex:0 0 41px!important;width:41px!important;height:41px!important;min-width:41px!important;}
dialog.modal .compose-body{
 flex:1 1 auto!important;min-height:0!important;max-height:100%!important;
 overflow-y:auto!important;overflow-x:hidden!important;
 overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch;
}
dialog.modal .modal-footer{flex:0 0 auto!important;gap:8px!important;padding:10px 13px!important;max-width:100%!important;}
dialog.modal .modal-footer button{flex:0 1 auto!important;min-width:0!important;min-height:41px!important;white-space:normal!important;}
dialog.comments-dialog .comments-list,dialog.connections-dialog .connections-content,
dialog.post-dialog .post-detail-content{min-height:0!important;flex:1 1 auto!important;overflow-y:auto!important;}
/* Give mobile users direct access to private messages. */
@media(max-width:920px){
 .topbar .header-inbox{display:grid!important;}
 .topbar .brand-social{max-width:calc(100% - 127px)!important;}
 .topbar .top-actions{gap:5px!important;}
 .topbar .header-inbox,.topbar .header-search,.topbar .header-alert{
   width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:8px!important;
 }
 .topbar .header-inbox svg,.topbar .header-search svg,.topbar .header-alert svg{width:19px!important;height:19px!important;}
 #page-explore,#page-profile,#page-messages{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important;}
 #page-messages .message-layout{height:calc(100dvh - 250px)!important;min-height:340px!important;}
 #page-profile .profile-actions > button{font-size:11px!important;}
}
@media(max-width:370px){
 .topbar .brand-social{max-width:calc(100% - 111px)!important;}
 .topbar .top-actions{gap:3px!important;}
 .topbar .header-inbox,.topbar .header-search,.topbar .header-alert{
  width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:7px!important;
 }
 .topbar .brand-social .brand-words strong{font-size:12px!important;}
 .topbar .brand-social .brand-words small{font-size:7px!important;letter-spacing:.26em!important;}
 .topbar .brand-social-icon{width:58px!important;min-width:48px!important;}
}
@media(max-width:920px) and (max-height:550px) and (orientation:landscape){
 dialog.modal{max-height:calc(100dvh - 8px)!important;}
 dialog.modal .modal-header{padding-top:8px!important;padding-bottom:8px!important;}
 dialog.modal .modal-header small{font-size:9px!important;}
 dialog.modal .modal-header h2{font-size:17px!important;}
 dialog.modal .compose-body{padding-top:10px!important;padding-bottom:9px!important;}
 dialog.modal .modal-footer{padding:7px 10px!important;}
 #page-messages .message-layout{height:calc(100dvh - 145px)!important;min-height:160px!important;}
}

/* Connected apps install/update prompt; no browser-map fallback. */
dialog.maps-install-dialog{
 position:fixed;inset:0;margin:auto;
 width:min(450px,calc(100vw - 22px));max-width:calc(100vw - 22px);
 max-height:calc(100dvh - 20px);overflow:auto;
 padding:0;border:1px solid #29aab6;border-radius:21px;
 background:#041824;color:#eefdff;box-shadow:0 21px 60px #000c,0 0 25px #0bd5de30;
 overscroll-behavior:contain;
}
dialog.maps-install-dialog::backdrop{background:#000c;backdrop-filter:blur(7px);}
.maps-install-body{position:relative;padding:24px 23px;display:flex;flex-direction:column;gap:11px;align-items:stretch;text-align:center;}
.maps-install-mark{width:66px;height:66px;margin:3px auto 3px;border:1px solid #26e9e7;border-radius:17px;color:#28e6ec;background:#073742;display:grid;place-items:center;box-shadow:0 0 20px #18ced342}
.maps-install-mark svg{height:37px;width:37px}
.maps-install-close{position:absolute;right:13px;top:10px;border:1px solid #356f7b;border-radius:9px;background:#093340;color:#efffff;font-size:24px;width:39px;height:39px;display:grid;place-items:center;}
.maps-install-label{color:#6ee9eb;font-size:10px;letter-spacing:.18em;font-weight:800}
.maps-install-body h2{font-size:24px;line-height:1.22;margin:4px 0 0;color:#f9ffff}
.maps-install-body p{color:#b1d6dd;font-size:13px;line-height:1.55;margin:1px 0 5px;}
.maps-install-links{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.maps-install-links a{display:grid;place-items:center;min-height:48px;border-radius:13px;text-decoration:none;white-space:normal;line-height:1.3;padding:12px;background:linear-gradient(110deg,#28e0e9,#09aeb9);color:#042834;font-weight:820;font-size:14px}
.maps-install-links a:nth-child(2){background:#093642;color:#ebffff;border:1px solid #3a9eaa}
.maps-install-note{color:#7da9b6!important;font-size:11px!important;margin-top:8px!important}
@media(max-height:530px){.maps-install-body{padding:12px 18px;gap:4px}.maps-install-mark{height:40px;width:40px}.maps-install-mark svg{height:25px;width:25px}.maps-install-body h2{font-size:18px}.maps-install-body p{font-size:11px}}