/* VEXO iPhone app only. Every rule is scoped to html.vexo-ios-app (set by vexo-app-mode.js) — desktop, mobile browsers and the Mac app are untouched.
   Style: restrained, native-iOS feel. Flat surfaces, 1px hairlines, one muted accent used sparingly. */
html.vexo-ios-app:not([data-theme]){--bg:#0b0b0d;--panel:#151518;--raised:#1c1c20;--border:#26262b;--line:#26262b;--muted:#8e8e93;--text:#f2f2f4;--blue:#3d7bf5}
html.vexo-ios-app:not([data-theme]):not([data-accent]){--vx-accent:#3d7bf5}
html.vexo-ios-app:not([data-theme]),html.vexo-ios-app:not([data-theme]) body{background:#0b0b0d}
html.vexo-ios-app{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overflow-x:hidden}
html.vexo-ios-app body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;overflow-x:hidden;padding-bottom:calc(64px + env(safe-area-inset-bottom));overscroll-behavior-y:none}
html.vexo-ios-app.vexo-ios-nosplash #vx-splash{display:none!important}
/* Remove decorative effects in app mode */
html.vexo-ios-app main#content *,html.vexo-ios-app .topbar *{text-shadow:none!important}
html.vexo-ios-app main#content .button,html.vexo-ios-app main#content .panel,html.vexo-ios-app main#content article,html.vexo-ios-app main#content [class*="card"]{box-shadow:none!important}
html.vexo-ios-app main#content h1 span,html.vexo-ios-app main#content h2 span{background:none!important;-webkit-text-fill-color:currentColor!important;color:inherit!important}
html.vexo-ios-app .status-dot,html.vexo-ios-app .blue-dot{box-shadow:none!important;animation:none!important}

/* Header: logo left, bell + avatar right, search below */
html.vexo-ios-app .topbar{position:sticky!important;top:0!important;z-index:60!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;padding:calc(6px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left))!important;min-height:0!important;height:auto!important;background:rgba(11,11,13,.94)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.vexo-ios-app[data-theme] .topbar{background:var(--bg)!important}
html.vexo-ios-app .topbar .vexo-brand{display:flex!important;order:1;margin-right:auto}
html.vexo-ios-app .topbar .vexo-brand svg{color:var(--text);filter:none!important}
html.vexo-ios-app .topbar .vexo-brand span{font-size:17px;font-weight:700;letter-spacing:.04em}
html.vexo-ios-app .topbar .top-links{order:2;display:flex;align-items:center;gap:4px;margin-left:auto}
html.vexo-ios-app .topbar .global-nav,html.vexo-ios-app .topbar .mobile-menu,html.vexo-ios-app .topbar .agency-top,html.vexo-ios-app .topbar .header-action[href="/messages"]{display:none!important}
html.vexo-ios-app .topbar .header-action[href="/notifications"]{display:inline-grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:10px!important;background:none!important;border:0!important;position:relative!important}
html.vexo-ios-app .topbar .session-link>span:not(.session-avatar){display:none}
html.vexo-ios-app .topbar .session-avatar{width:30px;height:30px;box-shadow:none!important}
html.vexo-ios-app .topbar .top-search{order:3!important;flex:1 0 100%!important;display:flex!important;align-items:center!important;height:36px!important;border-radius:10px!important;background:var(--raised)!important;border:0!important;padding:0 10px!important;margin:0!important;max-width:none!important;width:auto!important;box-shadow:none!important}
html.vexo-ios-app .topbar .top-search input[name="q"]:not([type=checkbox]):not([type=radio]):not([type=file]){font-size:16px;height:36px!important;min-height:0!important;padding-left:30px!important;background:none!important;border:0!important;border-color:transparent!important;box-shadow:none!important;outline:0}
html.vexo-ios-app .topbar .top-search kbd{display:none}
html.vexo-ios-app .app-footer{display:none}

/* Content */
html.vexo-ios-app main#content{padding:12px max(16px,env(safe-area-inset-right)) 24px max(16px,env(safe-area-inset-left));max-width:100vw;overflow-x:hidden}
html.vexo-ios-app main#content img,html.vexo-ios-app main#content video{max-width:100%}
html.vexo-ios-app main#content table{display:block;max-width:100%;overflow-x:auto}
html.vexo-ios-app main#content [class*="layout"]{grid-template-columns:minmax(0,1fr)!important}
html.vexo-ios-app main#content h1{font-size:28px;font-weight:700;letter-spacing:-.01em;line-height:1.15}
html.vexo-ios-app main#content h2{font-size:20px;font-weight:600}
html.vexo-ios-app main#content article h2,html.vexo-ios-app main#content article h3{font-size:17px!important;line-height:1.3}
html.vexo-ios-app .panel,html.vexo-ios-app main#content article{border-radius:14px;background:var(--panel);border:1px solid var(--line)}
html.vexo-ios-app .button{border-radius:12px;min-height:44px;font-weight:600;box-shadow:none!important;background-image:none!important}
html.vexo-ios-app .button.primary{background:var(--vx-accent)!important;border-color:transparent!important;color:#fff!important}
html.vexo-ios-app button,html.vexo-ios-app select,html.vexo-ios-app input:not([type=checkbox]):not([type=radio]):not([type=range]){min-height:44px}
html.vexo-ios-app main#content input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),html.vexo-ios-app main#content select,html.vexo-ios-app main#content textarea{border-radius:10px!important;background:var(--raised)!important;border:1px solid var(--line)!important;box-shadow:none!important}
html.vexo-ios-app input,html.vexo-ios-app textarea,html.vexo-ios-app select{font-size:16px}
/* Segmented tabs */
html.vexo-ios-app main#content [class$="-tabs"],html.vexo-ios-app main#content [role="tablist"]{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:4px;scrollbar-width:none}
html.vexo-ios-app main#content [class$="-tabs"]>*,html.vexo-ios-app main#content [role="tablist"]>*{flex:0 0 auto;border-radius:8px;white-space:nowrap}

/* Home */
html.vexo-ios-app .vh-hero{border-radius:14px;min-height:0;overflow:hidden;border:1px solid var(--line);box-shadow:none!important}
html.vexo-ios-app .vh-hero::before,html.vexo-ios-app .vh-hero::after{display:none!important}
html.vexo-ios-app .vh-hero>img{opacity:.45;filter:none!important}
html.vexo-ios-app .vh-hero-copy{padding:20px!important}
html.vexo-ios-app .vh-hero .hero-kicker{display:none}
html.vexo-ios-app .vh-hero h1{font-size:24px!important;line-height:1.2!important;margin:0 0 6px!important;color:#fff}
html.vexo-ios-app .vh-hero p{font-size:15px;color:rgba(255,255,255,.75);margin:0 0 14px}
html.vexo-ios-app .vh-hero .hero-actions .button:not(.primary){display:none}
html.vexo-ios-app .vh-quick{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px;margin:16px 0 0;padding:0!important;background:none!important;border:0!important}
html.vexo-ios-app .vh-quick a{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:4px 0!important;background:none!important;border:0!important;box-shadow:none!important;min-height:0}
html.vexo-ios-app .vh-quick a:nth-child(3),html.vexo-ios-app .vh-quick a:nth-child(5){display:none!important}
html.vexo-ios-app .vh-quick a:nth-child(6){order:1}html.vexo-ios-app .vh-quick a:nth-child(1){order:0}html.vexo-ios-app .vh-quick a:nth-child(2){order:2}html.vexo-ios-app .vh-quick a:nth-child(4){order:3}
html.vexo-ios-app .vh-quick .vh-qi{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);color:var(--text);box-shadow:none!important}
html.vexo-ios-app .vh-quick .vh-qi svg{width:22px;height:22px}
html.vexo-ios-app .vh-quick strong{font-size:12px;font-weight:500;line-height:1.2;color:var(--muted)}
html.vexo-ios-app .vh-quick small{display:none}
html.vexo-ios-app .vh-grid{display:block!important}
html.vexo-ios-app .vh-section{background:none!important;border:0!important;padding:0!important;margin:24px 0 0;box-shadow:none!important}
html.vexo-ios-app .vh-head{display:flex;align-items:baseline;justify-content:space-between;margin:0 2px 8px}
html.vexo-ios-app .vh-head .eyebrow{display:none}
html.vexo-ios-app .vh-head h2{font-size:0!important;margin:0}
html.vexo-ios-app .vh-head h2::before{font-size:20px;font-weight:700;color:var(--text)}
html.vexo-ios-app #vh-creators .vh-head h2::before{content:"Creators"}
html.vexo-ios-app #vh-opps .vh-head h2::before{content:"Opportunities"}
html.vexo-ios-app #vh-hubs .vh-head h2::before{content:"Hubs"}
html.vexo-ios-app #vh-showcase .vh-head h2::before{content:"Showcase"}
html.vexo-ios-app #vh-workspace .vh-head h2::before{content:"Your workspace"}
html.vexo-ios-app .vh-head a{font-size:0;color:var(--vx-accent)}
html.vexo-ios-app .vh-head a::before{content:"See all";font-size:15px;font-weight:400}
html.vexo-ios-app .vh-head a svg{display:none}
/* Grouped list rows (iOS inset-grouped style) */
html.vexo-ios-app .vh-creators,html.vexo-ios-app .vh-hubs,html.vexo-ios-app .vh-list{display:flex!important;flex-direction:column;gap:0!important;margin:0;padding:0;list-style:none;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}
html.vexo-ios-app .vh-creator,html.vexo-ios-app .vh-hub,html.vexo-ios-app .vh-list a{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px;padding:11px 14px!important;min-height:56px;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:left}
html.vexo-ios-app .vh-creator+.vh-creator,html.vexo-ios-app .vh-hub+.vh-hub,html.vexo-ios-app .vh-list li+li a{border-top:1px solid var(--line)!important}
html.vexo-ios-app .vh-creator .vh-av,html.vexo-ios-app .vh-hub .vh-hi{flex:0 0 40px;width:40px;height:40px;border-radius:50%;box-shadow:none!important}
html.vexo-ios-app .vh-hub .vh-hi{border-radius:10px}
html.vexo-ios-app .vh-creator .vh-cn,html.vexo-ios-app .vh-list .vh-lt,html.vexo-ios-app .vh-hub>span:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}
html.vexo-ios-app .vh-creator strong,html.vexo-ios-app .vh-hub strong,html.vexo-ios-app .vh-list strong{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.vexo-ios-app .vh-creator small,html.vexo-ios-app .vh-hub small,html.vexo-ios-app .vh-list small{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.vexo-ios-app .vh-creator .vh-cn em,html.vexo-ios-app .vh-hub em{font-style:normal;font-size:12px;color:var(--muted);margin:0;padding:0;border:0;background:none;white-space:nowrap}
html.vexo-ios-app .vh-hub em{flex:0 0 auto}
html.vexo-ios-app .vh-list .vh-tag{order:2;font-size:11px;font-weight:500;padding:2px 7px;border-radius:6px;background:var(--raised);color:var(--muted);border:0}
html.vexo-ios-app .vh-list b{order:3;font-size:14px;font-weight:600;color:var(--text)}
html.vexo-ios-app .vh-gallery{display:flex!important;overflow-x:auto;gap:10px;scrollbar-width:none;margin:0 -16px;padding:0 16px}
html.vexo-ios-app .vh-shot{flex:0 0 200px;border-radius:12px;overflow:hidden;border:1px solid var(--line);box-shadow:none!important}
html.vexo-ios-app .vh-cta{display:none!important}
html.vexo-ios-app .vh-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px}
html.vexo-ios-app .vh-stats a{border-radius:12px!important;background:var(--panel)!important;border:1px solid var(--line)!important;box-shadow:none!important}

/* Profile */
html.vexo-ios-app .profile-cover{border-radius:0;margin:-12px -16px 0;min-height:130px}
html.vexo-ios-app .profile-avatar{box-shadow:0 0 0 3px var(--bg)!important;border-radius:50%}
html.vexo-ios-app .profile-detail-grid,html.vexo-ios-app .profile-projects{grid-template-columns:minmax(0,1fr)!important}
html.vexo-ios-app .profile-tabs{display:flex!important;overflow-x:auto;gap:4px}
html.vexo-ios-app .chat-layout{display:block!important}

/* Sidebar drawer (fallback) */
html.vexo-ios-app .sidebar{padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(80px + env(safe-area-inset-bottom));width:min(86vw,340px);background:var(--bg)}
html.vexo-ios-app .sidebar .nav-item{min-height:44px;border-radius:10px}
html.vexo-ios-app .drawer-scrim{z-index:69}
html.vexo-ios-app .sidebar.open{z-index:70}

/* Tab bar */
.vx-tabbar,.vx-sheet,.vx-menu{display:none}
html.vexo-ios-app .vx-tabbar{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;position:fixed;left:0;right:0;bottom:0;z-index:80;padding:4px max(4px,env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));background:rgba(17,17,19,.97);border-top:1px solid var(--line)}
html.vexo-ios-app[data-theme] .vx-tabbar{background:var(--panel)}
html.vexo-ios-app .vx-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:50px;padding:0;border:0;background:none;color:var(--muted);font-size:10px;font-weight:500}
html.vexo-ios-app .vx-tab svg{width:24px;height:24px;stroke-width:1.8}
html.vexo-ios-app .vx-tab.is-active{color:var(--vx-accent)}
html.vexo-ios-app .vx-tab-plus{justify-self:center;width:44px;height:36px;min-height:36px;border-radius:10px;background:var(--vx-accent);color:#fff;box-shadow:none}
html.vexo-ios-app .vx-tab-plus svg{width:22px;height:22px;stroke-width:2.2}
/* Sheets */
html.vexo-ios-app .vx-sheet{display:block;position:fixed;inset:0;z-index:90}
html.vexo-ios-app .vx-sheet[hidden]{display:none}
html.vexo-ios-app .vx-sheet-scrim,html.vexo-ios-app .vx-menu-scrim{position:absolute;inset:0;border:0;min-height:0;background:rgba(0,0,0,.5)}
html.vexo-ios-app .vx-sheet-card{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;padding:8px 16px calc(16px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0;background:var(--panel);border-top:1px solid var(--line)}
html.vexo-ios-app .vx-sheet-grab{align-self:center;width:36px;height:5px;border-radius:3px;background:#3a3a3f;margin-bottom:8px}
html.vexo-ios-app .vx-sheet-card strong{font-size:17px;font-weight:600;text-align:center;margin-bottom:12px}
html.vexo-ios-app .vx-sheet-card a{display:flex;align-items:center;min-height:50px;padding:0 14px;background:var(--raised);font-size:16px;font-weight:400}
html.vexo-ios-app .vx-sheet-card a:nth-of-type(1){border-radius:12px 12px 0 0}
html.vexo-ios-app .vx-sheet-card a:last-of-type{border-radius:0 0 12px 12px}
html.vexo-ios-app .vx-sheet-card a+a{border-top:1px solid var(--line)}
html.vexo-ios-app #toast{bottom:calc(72px + env(safe-area-inset-bottom))}
/* Menu sheet */
html.vexo-ios-app.vx-noscroll,html.vexo-ios-app.vx-noscroll body{overflow:hidden}
html.vexo-ios-app .vx-menu{display:block;position:fixed;inset:0;z-index:95}
html.vexo-ios-app .vx-menu[hidden]{display:none}
html.vexo-ios-app .vx-menu-scrim{opacity:0;transition:opacity .25s ease}
html.vexo-ios-app .vx-menu.is-open .vx-menu-scrim{opacity:1}
html.vexo-ios-app .vx-menu-card{position:absolute;left:0;right:0;bottom:0;top:calc(10px + env(safe-area-inset-top));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 max(16px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border-radius:14px 14px 0 0;background:var(--bg);border-top:1px solid var(--line);transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
html.vexo-ios-app .vx-menu.is-open .vx-menu-card{transform:none}
html.vexo-ios-app .vx-menu-grab-zone{position:sticky;top:0;display:flex;justify-content:center;padding:8px 0 6px;background:var(--bg);z-index:1}
html.vexo-ios-app .vx-mu{display:flex;align-items:center;gap:10px;padding:12px 14px;margin:4px 0 4px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}
html.vexo-ios-app .vx-mu-me{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
html.vexo-ios-app .vx-mu-av{flex:0 0 48px;width:48px;height:48px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--raised);color:var(--muted)}
html.vexo-ios-app .vx-mu-av img{width:100%;height:100%;object-fit:cover}
html.vexo-ios-app .vx-mu-av svg{width:24px;height:24px}
html.vexo-ios-app .vx-mu-me strong{display:block;font-size:17px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.vexo-ios-app .vx-mu-me small{font-size:13px;color:var(--muted);font-weight:400}
html.vexo-ios-app .vx-mu-set{flex:0 0 36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--raised);color:var(--text)}
html.vexo-ios-app .vx-mu-set svg{width:20px;height:20px;stroke-width:1.8}
html.vexo-ios-app .vx-mg h3{margin:20px 4px 8px;font-size:13px;font-weight:400;letter-spacing:.02em;color:var(--muted);text-transform:uppercase}
html.vexo-ios-app .vx-mgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 4px;padding:14px 6px;background:var(--panel);border:1px solid var(--line);border-radius:14px}
html.vexo-ios-app .vx-mt{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;min-width:0}
html.vexo-ios-app .vx-mi{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--raised);color:var(--text);transition:opacity .15s}
html.vexo-ios-app .vx-mi svg{width:22px;height:22px}
html.vexo-ios-app .vx-mt:active .vx-mi{opacity:.6}
html.vexo-ios-app .vx-mt.is-active .vx-mi{color:var(--vx-accent)}
html.vexo-ios-app .vx-ml{font-size:11px;font-weight:400;line-height:1.2;color:var(--muted);max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
html.vexo-ios-app .vx-mi-hub{overflow:hidden;font-weight:600;font-size:18px}
html.vexo-ios-app .vx-mi-hub img{width:100%;height:100%;object-fit:cover}
html.vexo-ios-app .vx-rel-menu{right:0;left:auto;min-width:220px;max-width:calc(100vw - 32px)}
html.vexo-ios-app .vx-rel-menu button{min-height:44px;font-size:16px}
html.vexo-ios-app .vx-rel-dialog{width:calc(100vw - 32px)}
html.vexo-ios-app .vx-rel-dactions .button{flex:1}