@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#0a0d0c;--panel:#121715;--panel2:#18201d;--line:#28312e;--text:#f4f6f5;--muted:#9aa7a2;--lime:#72c7ff;--lime2:#3daeff;--radius:20px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}main{min-height:calc(100vh - 150px)}.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:auto;padding:0 24px;border-bottom:1px solid var(--line)}.brand{font:700 25px 'Space Grotesk';letter-spacing:-1.5px}.brand span,.hero em{color:var(--lime);font-style:normal}.nav{display:flex;gap:24px;align-items:center}.nav a,.link-button{color:#ccd4d1;background:none;border:0;cursor:pointer;padding:0}.nav a:hover,.link-button:hover{color:var(--lime)}.nav form{margin:0}.nav-toggle{display:none;background:none;color:#fff;border:0;font-size:25px}.button{border:0;border-radius:999px;background:var(--lime);color:#061522;padding:13px 21px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.button:hover{background:var(--lime2)}.button.ghost{background:transparent;color:var(--text);border:1px solid #46514d}.button.small{padding:9px 16px;font-size:14px}.button.full{width:100%}.hero{max-width:var(--max);min-height:650px;margin:auto;padding:90px 24px 100px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;background:radial-gradient(circle at 75% 40%,#123650 0,transparent 35%)}.hero h1{font:700 clamp(54px,7vw,92px)/.96 'Space Grotesk';letter-spacing:-5px;margin:15px 0 26px}.hero p{font-size:20px;color:#bac4c0;max-width:650px}.eyebrow{font:700 12px 'Space Grotesk';letter-spacing:2px;color:var(--lime)}.actions{display:flex;gap:12px;margin-top:30px}.hero-card{background:rgba(19,26,23,.85);border:1px solid #34413c;border-radius:26px;padding:16px;transform:rotate(2deg);box-shadow:0 30px 80px #0008}.activity{padding:22px;background:#171e1b;border-radius:15px;margin:10px;display:flex;flex-direction:column;gap:5px;border:1px solid #29332f}.activity b{font-size:18px}.activity span,.muted{color:var(--muted);font-size:14px}.section,.page{max-width:var(--max);margin:auto;padding:70px 24px}.page.narrow{max-width:900px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-head.compact{margin-top:50px;margin-bottom:20px}.section-head h1,.section-head h2,.welcome-row h1,.auth-card h1,.detail h1,.profile-main h1{font-family:'Space Grotesk';letter-spacing:-2px;margin:.3rem 0}.section-head h1{font-size:48px}.section-head h2{font-size:34px}.grid{display:grid;gap:18px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.cards{grid-template-columns:repeat(3,1fr)}.feature,.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.feature{padding:28px}.feature>span{color:var(--lime);font:600 14px 'Space Grotesk'}.feature h3{font:600 24px 'Space Grotesk'}.feature p,.card p{color:#aeb9b5}.card{padding:22px;display:flex;flex-direction:column;min-height:260px}.card h3{font:600 21px 'Space Grotesk';margin:15px 0 5px}.card h3 a:hover{color:var(--lime)}.card-top,.meta,.byline{display:flex;gap:10px;align-items:center}.card-top{justify-content:space-between}.pill{display:inline-block;background:#21301f;color:#d6ff79;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.meta{margin-top:auto;flex-wrap:wrap;color:#a8b3af;font-size:13px}.byline{margin-top:18px;padding-top:15px;border-top:1px solid var(--line);font-size:14px}.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#2a352f;color:var(--lime);font-weight:800;overflow:hidden;flex:0 0 auto}.avatar.tiny{width:30px;height:30px;font-size:12px}.avatar.huge{width:110px;height:110px;font-size:40px}.avatar img{width:100%;height:100%;object-fit:cover}.welcome-row{display:flex;justify-content:space-between;align-items:center;padding-top:10px}.welcome-row h1{font-size:50px}.people-row{display:flex;gap:16px;overflow:auto}.person{min-width:150px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:7px}.person span{color:var(--muted);font-size:13px}.auth-wrap{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:60px 24px}.auth-card{width:min(480px,100%);padding:34px}.auth-card.wide{width:min(760px,100%)}.auth-card h1{font-size:42px}.auth-card label,.review-form label{display:flex;flex-direction:column;gap:7px;margin:15px 0;font-weight:600;color:#dce2df}.auth-card label small{color:var(--muted);font-weight:400}.auth-card input,.auth-card textarea,.auth-card select,.filters input,.filters select,.comment-form textarea,.composer textarea,.review-form textarea{background:#0e1311;color:#fff;border:1px solid #35403c;border-radius:12px;padding:13px 14px;outline:none}.auth-card input:focus,.auth-card textarea:focus,.auth-card select:focus,.filters input:focus,.composer textarea:focus{border-color:var(--lime)}textarea{min-height:115px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.check{flex-direction:row!important;align-items:center}.check input{width:auto}.filters{display:grid;grid-template-columns:1fr 220px auto;gap:10px;margin-bottom:24px}.empty{grid-column:1/-1;padding:30px;border:1px dashed #39443f;border-radius:16px;color:var(--muted)}.pagination{margin-top:30px}.detail{padding:34px}.detail h1{font-size:45px}.meta.large{margin:15px 0 28px;font-size:15px}.body-copy{font-size:18px;white-space:pre-line;color:#d7ddda}.organizer{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.organizer>div:nth-child(2){display:flex;flex-direction:column;flex:1}.organizer small{color:var(--muted);font-size:10px;letter-spacing:1px}.comments{margin-top:35px}.comment{display:flex;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.comment b,.comment small{margin-right:8px}.comment small{color:var(--muted)}.comment p{margin:5px 0}.comment-form,.composer{display:flex;gap:10px;margin-top:20px}.comment-form textarea,.composer textarea{flex:1;min-height:70px}.back{color:var(--muted);display:inline-block;margin-bottom:15px}.profile-hero{padding:30px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:start}.profile-main p{color:#b6c0bc}.profile-actions{display:flex;gap:8px;flex-wrap:wrap}.pills{display:flex;gap:6px;flex-wrap:wrap}.reviews blockquote{margin:0 0 12px;padding:20px;background:var(--panel);border-radius:15px;border:1px solid var(--line)}.reviews blockquote p{margin:0 0 8px}.reviews blockquote footer{padding:0;background:none;display:block;color:var(--muted)}.review-form{padding:22px;margin-top:20px}.interest-picker{display:flex;gap:8px;flex-wrap:wrap}.interest-check input{position:absolute;opacity:0}.interest-check span{display:block;border:1px solid #39443f;padding:8px 12px;border-radius:999px;cursor:pointer}.interest-check input:checked+span{background:#26371f;border-color:var(--lime);color:#dfff91}.thread-list{display:flex;flex-direction:column}.thread{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px;border-bottom:1px solid var(--line)}.thread:hover{background:var(--panel)}.thread p{margin:2px 0;color:var(--muted)}.thread time{font-size:12px;color:var(--muted)}.chat-head{display:flex;justify-content:space-between;margin-bottom:14px}.chat{min-height:430px;padding:18px;display:flex;flex-direction:column;gap:10px}.bubble{align-self:flex-start;background:#222b27;border-radius:16px 16px 16px 4px;padding:11px 14px;max-width:75%}.bubble.mine{align-self:flex-end;background:#294019;border-radius:16px 16px 4px 16px}.bubble p{margin:0}.bubble small{color:#93a098;font-size:10px}.notification-groups{display:grid;gap:16px}.notification-groups .panel{padding:24px}.notification-groups h2{font:600 21px 'Space Grotesk';display:flex;justify-content:space-between}.notification-groups h2 span{color:var(--lime)}.notice{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.flash{max-width:900px;margin:18px auto 0;padding:12px 18px;background:#203519;border:1px solid #486b2d;border-radius:12px}.flash.error{background:#381b1b;border-color:#783535}.error{color:#ffd1d1}footer{max-width:var(--max);margin:auto;border-top:1px solid var(--line);padding:32px 24px;display:flex;justify-content:space-between;color:#7f8b86;font-size:13px}footer strong{color:#fff}.back:hover,.section-head>a:hover{color:var(--lime)}fieldset{border:0;padding:0;margin:22px 0}legend{font-weight:700;margin-bottom:10px}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:60px}.hero-card{transform:none}.grid.cards,.grid.three{grid-template-columns:1fr 1fr}.profile-hero{grid-template-columns:auto 1fr}.profile-actions{grid-column:1/-1}.nav-toggle{display:block}.nav{display:none;position:absolute;top:72px;left:16px;right:16px;background:#111713;border:1px solid var(--line);padding:20px;border-radius:16px;flex-direction:column;align-items:stretch;z-index:20}.nav.open{display:flex}.site-header{position:relative}.form-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.welcome-row{align-items:flex-start;gap:20px}}
@media(max-width:560px){.hero h1{letter-spacing:-3px}.grid.cards,.grid.three{grid-template-columns:1fr}.hero{min-height:auto;padding-bottom:60px}.section,.page{padding:45px 18px}.section-head,.welcome-row{align-items:flex-start;flex-direction:column;gap:15px}.profile-hero{grid-template-columns:1fr}.thread{grid-template-columns:auto 1fr}.thread time{grid-column:2}.comment-form,.composer{flex-direction:column}footer{flex-direction:column;gap:8px}.site-header{padding:0 18px}}

.hero-search{display:flex;gap:12px;margin-top:30px}.hero-search form{display:flex;gap:10px;width:min(620px,100%)}.hero-search input,.quick-search input{flex:1;background:#0e1311;color:#fff;border:1px solid #35403c;border-radius:999px;padding:14px 18px;outline:none}.hero-search input:focus,.quick-search input:focus{border-color:var(--lime)}.microcopy{margin-top:16px;color:var(--muted);font-size:13px}.plan-stack .activity{display:grid;grid-template-columns:auto 1fr;gap:14px}.plan-stack .activity>div{display:flex;flex-direction:column}.plan-stack small{color:#7f9189;margin-top:5px}.plan-icon{font-size:28px}.trust-section{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;border-top:1px solid var(--line)}.trust-copy h2{font:600 40px 'Space Grotesk';letter-spacing:-2px}.trust-copy p{color:#aeb9b5}.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trust-grid div{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:4px}.trust-grid span{color:var(--muted);font-size:13px}.discovery-note,.safety-banner,.safety-inline{background:#111a16;border:1px solid #304238;border-radius:14px;padding:15px 18px;margin-bottom:24px;color:#b8c5bf}.discovery-note b,.safety-banner b{color:#e9f5ef}.discovery-note a{color:var(--lime)}.card-social{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);margin-top:16px;padding-top:13px;color:var(--muted);font-size:12px}.card-social a:hover{color:var(--lime)}.card-cta{margin-top:14px;color:var(--lime);font-weight:700}.join-box{margin:28px 0 4px;padding:18px;background:#172218;border:1px solid #3b572d;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:15px}.join-box>div{display:flex;flex-direction:column}.join-box span{color:var(--muted);font-size:13px}.attendees{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.attendees small{color:var(--muted);letter-spacing:1px}.attendee-row{display:flex;gap:6px;margin-top:10px}.safety-banner{display:flex;flex-direction:column;gap:4px;margin-top:18px}.safety-banner span,.safety-inline span{font-size:13px}.quick-search{display:flex;gap:10px;margin:28px 0 5px;max-width:720px}.reputation-summary{display:flex;gap:12px;align-items:center;margin-bottom:16px}.reputation-summary b,.stars{color:var(--lime)}.reputation-summary span{color:var(--muted);font-size:13px}.review-form select{background:#0e1311;color:#fff;border:1px solid #35403c;border-radius:12px;padding:13px 14px}
@media(max-width:850px){.trust-section{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr 1fr}.hero-search form{flex-direction:column}.hero-search input{border-radius:14px}}
@media(max-width:560px){.trust-grid{grid-template-columns:1fr}.hero-search,.quick-search,.join-box{flex-direction:column}.quick-search input{border-radius:14px}.card-social{flex-direction:column}.join-box form,.join-box .button{width:100%}}

.attendance-state{color:var(--lime)}.geo-box{margin:18px 0}.inset{background:#0f1512}.invite-row,.attendee-line,.inline-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.invite-row>div:first-child{display:flex;flex-direction:column}.host-tools{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.host-tools form,.moderation-card form{display:flex;gap:8px;flex-wrap:wrap}.host-tools input,.moderation-card input,.moderation-card select{background:#0e1311;color:#fff;border:1px solid #35403c;border-radius:10px;padding:10px 12px}.attendee-line{padding:8px 0;border-bottom:1px solid var(--line)}.attendee-line a{display:flex;gap:8px;align-items:center}.more-menu{position:relative}.more-menu summary{cursor:pointer;color:var(--muted);font-size:13px}.more-menu[open]{background:var(--panel);border:1px solid var(--line);padding:10px;border-radius:12px}.more-menu a,.more-menu form{display:block;margin-top:8px}.danger-text,.button.danger{color:#ff8585}.moderation-card{margin-bottom:12px}.moderation-card>div:first-child{display:flex;flex-direction:column}.subtle-link{color:var(--muted);font-size:12px;text-decoration:underline}@media(max-width:700px){.invite-row,.attendee-line{align-items:flex-start;flex-direction:column}.filters{align-items:stretch}}

.discovery-actions{display:flex;gap:10px;margin:0 0 20px}.pill.accent{background:var(--lime);color:#071006;margin-left:6px}.inline-actions{display:flex;gap:6px}.activity-updates{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.update{border-left:3px solid #506058;padding:8px 14px;margin:10px 0}.update.important{border-left-color:var(--lime);background:#142016}.update small{display:block;color:var(--muted)}.stack-form{display:flex;flex-direction:column;gap:12px}.stack-form input,.stack-form textarea,.stack-form select,.data-tools input{background:#0e1311;color:#fff;border:1px solid #35403c;border-radius:12px;padding:13px 14px}.check{display:flex!important;align-items:center;gap:9px}.check input{width:auto!important}.data-tools{margin-top:20px}.data-tools hr{border:0;border-top:1px solid var(--line);margin:24px 0}.button.danger{background:#c74444;color:white}.host-tools .stack-form{margin-top:18px}.host-tools textarea{min-height:90px}
@media(max-width:560px){.discovery-actions,.inline-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
:focus-visible{outline:3px solid var(--lime);outline-offset:3px}

/* ===== #noSoloNet dark + baby-blue visual refresh ===== */
:root{--bg:#07111b;--panel:#0d1a27;--panel2:#112333;--line:#23384a;--text:#f5f9fc;--muted:#92a9ba;--lime:#72c7ff;--lime2:#9bd7ff;--blue-soft:#b9e5ff;--blue-deep:#238fd6;--radius:20px;--max:1200px}
body{background:radial-gradient(circle at 15% -10%,#102c43 0,transparent 30%),linear-gradient(180deg,#07111b 0%,#071019 100%);color:var(--text)}
.site-header{background:rgba(7,17,27,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:50;max-width:none;padding-left:max(24px,calc((100vw - var(--max))/2 + 24px));padding-right:max(24px,calc((100vw - var(--max))/2 + 24px));border-color:#183249}
.brand span,.hero em{color:var(--lime)}.nav{gap:20px}.nav a,.link-button{color:#c4d2dd}.nav-create{color:var(--lime)!important;font-weight:700}.button{background:linear-gradient(135deg,#78ccff,#4eaef0);color:#04111c;box-shadow:0 8px 24px rgba(68,170,237,.14)}.button:hover{background:linear-gradient(135deg,#a4ddff,#72c7ff);transform:translateY(-1px)}.button.ghost{border-color:#31516a;color:#e9f5fc;background:#0b1925}.button.ghost:hover{border-color:#72c7ff;color:#b9e5ff;background:#102436}
.hero-refresh{min-height:680px;background:radial-gradient(circle at 75% 38%,rgba(55,156,221,.18) 0,transparent 38%);grid-template-columns:1.08fr .92fr}.hero-refresh h1{font-size:clamp(54px,6.4vw,86px);max-width:760px}.hero-refresh h1 em{display:block}.hero-refresh p{color:#b9cad7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-proof{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:20px;color:#91b5cc;font-size:13px}.hero-card{background:linear-gradient(160deg,rgba(16,36,52,.96),rgba(8,21,33,.96));border-color:#31516a;box-shadow:0 30px 90px rgba(0,0,0,.38)}.demo-label{color:#7ecbfb;font:700 11px 'Space Grotesk';letter-spacing:1.7px;padding:7px 10px 3px}.featured-activity{grid-template-columns:auto 1fr auto!important;align-items:center;background:#0e1e2c;border-color:#223e54;transition:.2s ease}.featured-activity:hover{border-color:#4aa8e6;transform:translateX(-3px)}.mini-cta{color:#8fd2ff!important;border:1px solid #315d7b;border-radius:999px;padding:6px 10px;font-size:11px!important}.plan-stack small{color:#7995aa}.value-strip{padding-top:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.value-strip article{display:flex;gap:14px;padding:22px;background:#0c1a27;border:1px solid #203749}.value-strip article:first-child{border-radius:18px 0 0 18px}.value-strip article:last-child{border-radius:0 18px 18px 0}.value-strip article>span{color:#72c7ff;font-size:25px}.value-strip article div{display:flex;flex-direction:column}.value-strip small{color:#8fa7b8}.category-row{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin:0 0 40px}.category-row span{min-height:86px;border:1px solid #203b50;background:#0c1b28;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#75c8fb;font-size:24px}.category-row b{font:600 12px 'DM Sans';color:#d7e5ef}.category-row span:first-child{background:#10283b;border-color:#3b87b8}.how-grid .feature{background:linear-gradient(180deg,#0e1d2a,#0b1824);border-color:#20394c}.trust-section{border-top:1px solid #193347}.trust-grid div{background:#0c1b28;border-color:#213c50}.trust-grid b{color:#e9f6fd}.trust-grid span,.trust-copy p{color:#91aabc}.final-cta{text-align:center;background:linear-gradient(135deg,#0d2c43,#0c2032 55%,#103758);border:1px solid #275571;border-radius:24px;margin-bottom:70px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.final-cta h2{font:700 42px 'Space Grotesk';margin:10px 0}.final-cta p{color:#9eb7c8}.final-cta .button{margin-top:12px}
.feature,.card,.panel,.person{background:linear-gradient(180deg,#0d1b28,#0b1824);border-color:#20384a}.card{box-shadow:0 12px 36px rgba(0,0,0,.12)}.activity-card{position:relative;overflow:hidden;min-height:310px}.activity-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#78ccff,transparent)}.activity-card-icon{width:46px;height:46px;border:1px solid #28506b;background:#10283a;border-radius:14px;display:grid;place-items:center;color:#72c7ff;font-size:23px;margin-top:17px}.attendance-summary{display:flex;align-items:baseline;gap:6px;margin-top:16px;color:#7f9bad}.attendance-summary b{font-size:21px;color:#dff3ff}.pill{background:#102d42;color:#9bd9ff;border:1px solid #265a79}.pill.accent{background:#72c7ff!important;color:#061523!important}.card-social{border-color:#203748;color:#849eaf}.card-social a,.card-cta,.section-head>a,.back:hover{color:#75caff}.card-cta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #1e3547;padding-top:14px}.card h3 a:hover{color:#8ed5ff}.avatar{background:#173248;color:#8ad2ff}.eyebrow{color:#72c7ff}.meta{color:#91a9b9}
.dashboard-page{padding-top:45px}.dashboard-hero{padding:26px 28px;background:linear-gradient(135deg,#0d1d2b,#0c1925);border:1px solid #213a4e;border-radius:20px}.dashboard-hero h1{font-size:46px}.dashboard-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.dashboard-actions a{background:#0c1a27;border:1px solid #20394c;border-radius:17px;padding:18px;display:flex;flex-direction:column;min-height:130px;transition:.18s ease}.dashboard-actions a:hover{border-color:#488fbf;background:#102334;transform:translateY(-2px)}.dashboard-actions span{font-size:25px;color:#72c7ff}.dashboard-actions b{margin-top:10px}.dashboard-actions small{color:#819dad;margin-top:3px}.dashboard-search{max-width:none;padding:10px;background:#0b1824;border:1px solid #1f3546;border-radius:18px}.hero-search input,.quick-search input,.auth-card input,.auth-card textarea,.auth-card select,.filters input,.filters select,.comment-form textarea,.composer textarea,.review-form textarea,.stack-form input,.stack-form textarea,.stack-form select,.data-tools input,.host-tools input,.moderation-card input,.moderation-card select{background:#081521;color:#eef8ff;border-color:#29465c}.hero-search input:focus,.quick-search input:focus,.auth-card input:focus,.auth-card textarea:focus,.auth-card select:focus,.filters input:focus,.composer textarea:focus{border-color:#72c7ff;box-shadow:0 0 0 3px rgba(114,199,255,.08)}
.signup-card{background:linear-gradient(180deg,#0d1c29,#0a1722);border-color:#254155}.form-intro{color:#9bb1c1;margin-top:-8px}.privacy-note{background:#0d2537;border:1px solid #28516c;border-radius:14px;padding:14px 16px;color:#9eb9ca;margin:20px 0}.privacy-note b{color:#caecff}.auth-footnote{text-align:center;color:#8098a8;font-size:14px}.auth-footnote a{color:#75caff}.interest-check span{border-color:#294559}.interest-check input:checked+span{background:#12354d;border-color:#72c7ff;color:#bde7ff}.bubble{background:#122536}.bubble.mine{background:#153a55}.notification-groups h2 span,.attendance-state,.reputation-summary b,.stars{color:#72c7ff}.flash{background:#102b3e;border-color:#2f6485}.discovery-note,.safety-banner,.safety-inline{background:#0d2131;border-color:#294a61;color:#9fb8c8}.discovery-note b,.safety-banner b{color:#e8f6ff}.join-box{background:#10283a;border-color:#315c78}.update.important{border-left-color:#72c7ff;background:#0f293b}.inset{background:#081722}.nav.open{background:#0a1824;border-color:#234056}.more-menu[open]{background:#0d1b28}.flash.error{background:#381b1b;border-color:#783535}.button.danger{background:#c74444;color:white}:focus-visible{outline-color:#72c7ff}
@media(max-width:950px){.value-strip{grid-template-columns:1fr 1fr}.value-strip article:first-child,.value-strip article:last-child{border-radius:16px}.category-row{grid-template-columns:repeat(4,1fr)}.dashboard-actions{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.hero-refresh{padding-top:50px}.value-strip{grid-template-columns:1fr}.category-row{grid-template-columns:repeat(2,1fr)}.dashboard-actions{grid-template-columns:1fr}.final-cta h2{font-size:32px}.hero-actions .button{width:100%}.dashboard-hero{padding:20px}.site-header{position:sticky}.nav{max-height:calc(100vh - 90px);overflow:auto}}

/* Public launch polish */
.hero-refresh{position:relative;isolation:isolate;overflow:hidden}.hero-refresh:after{content:"";position:absolute;z-index:-1;width:440px;height:440px;right:4%;top:13%;border-radius:50%;background:radial-gradient(circle,rgba(114,199,255,.16),rgba(72,160,220,.07) 45%,transparent 72%);filter:blur(10px);pointer-events:none}.plan-stack{position:relative}.plan-stack:before{content:"";position:absolute;inset:-1px;border-radius:26px;box-shadow:0 0 0 1px rgba(114,199,255,.08),0 0 70px rgba(64,170,235,.10);pointer-events:none}.site-footer{max-width:var(--max);margin:0 auto;padding:28px 24px 36px;border-top:1px solid #183249;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;background:transparent}.footer-brand{display:flex;flex-direction:row;align-items:center;gap:12px;white-space:nowrap}.footer-brand span,.footer-copy{color:#7f9caf;font-size:13px}.footer-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.footer-links a{color:#9db7c9;font-size:13px}.footer-links a:hover{color:#72c7ff}.public-info>h1{font:700 clamp(38px,5vw,58px)/1.03 'Space Grotesk';letter-spacing:-3px;max-width:800px}.info-panel{padding:30px;margin-top:28px}.info-panel h2{font:600 22px 'Space Grotesk';margin:26px 0 8px}.info-panel h2:first-child{margin-top:0}.info-panel p{color:#b5c6d2}.info-panel .button{margin-top:10px}@media(max-width:700px){.site-footer{grid-template-columns:1fr;align-items:start}.footer-links{justify-content:flex-start;gap:12px 18px}.hero-refresh:after{width:300px;height:300px;right:-25%;top:28%}}

/* Approved preview UI rebuild */
.ns-hero{max-width:1180px;margin:0 auto;padding:72px 24px 38px;min-height:500px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:36px;position:relative;overflow:hidden}
.ns-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 67% 45%,rgba(20,137,255,.13),transparent 34%),linear-gradient(to top,rgba(10,31,48,.35),transparent 45%);pointer-events:none}
.ns-hero-copy{position:relative;z-index:2}.ns-hero h1{font:700 clamp(50px,6vw,78px)/.98 'Space Grotesk',sans-serif;letter-spacing:-4px;margin:0 0 24px;color:#f5f8fb}.ns-hero h1 span{color:#2b9cff}.ns-hero-copy>p{max-width:560px;font-size:19px;line-height:1.55;color:#d1dce4}
.ns-search{display:flex;max-width:580px;margin-top:28px}.ns-search input{flex:1;min-width:0;background:#f5f7fa;color:#182531;border:0;border-radius:8px 0 0 8px;padding:15px 18px;font-size:15px}.ns-search .button{border-radius:0 8px 8px 0;padding:0 24px}
.ns-popular{margin-top:10px;color:#9bb1c1;font-size:13px}.ns-popular a{color:#36a8ff}.ns-popular i{font-style:normal;margin:0 8px;color:#557084}
.activity-orbit{height:410px;position:relative;z-index:1}.activity-orbit:after{content:"";position:absolute;left:50%;bottom:34px;transform:translateX(-50%);width:210px;height:25px;border:2px solid #168fff;border-radius:50%;box-shadow:0 0 30px #087ffb,inset 0 0 20px rgba(30,160,255,.3)}
.orbit-ring{position:absolute;width:320px;height:270px;left:50%;top:48%;transform:translate(-50%,-50%);border:2px dashed #178ef4;border-radius:50%;opacity:.8}
.orbit-center{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:150px;height:190px;background:linear-gradient(180deg,#133f64,#0b1c2c);border:7px solid #2da6ff;border-radius:50% 50% 50% 8%;rotate:-45deg;box-shadow:0 0 32px rgba(30,153,255,.75),inset 0 0 30px rgba(28,148,255,.3)}.people-icon{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%) rotate(45deg);font-size:31px;letter-spacing:-9px;color:#35a9ff;text-shadow:0 0 14px #168fff}
.orbit-item{position:absolute;width:66px;height:66px;border:1px solid #1b8ce9;border-radius:50%;display:grid;place-items:center;background:#0b2033;color:#64bdff;font-size:30px;box-shadow:0 0 18px rgba(21,139,232,.18)}.orbit-item svg{width:38px;height:38px;fill:none;stroke:#70c5ff;stroke-width:4;stroke-linejoin:round;stroke-linecap:round}.oi-hike{left:17%;top:18%}.oi-music{left:48%;top:5%}.oi-gi{right:10%;top:21%;box-shadow:0 0 20px rgba(40,164,255,.5)}.oi-game{right:3%;top:51%}.oi-fit{right:18%;bottom:4%}.oi-coffee{left:8%;top:50%}
.ns-examples{max-width:1180px;margin:0 auto;padding:10px 24px 28px}.ns-section-title{display:flex;align-items:center;gap:18px;color:#66c2ff;font-weight:700;font-size:14px;margin-bottom:18px}.ns-section-title:before,.ns-section-title:after{content:"";height:1px;background:#284356;flex:1}.ns-section-title a{font-weight:500}.ns-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ns-event{border:1px solid #294356;background:#0b1722;border-radius:12px;overflow:hidden;position:relative}.event-art{height:165px;display:grid;place-items:center;position:relative;overflow:hidden}.event-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(3,9,14,.72))}.event-art span{font-size:64px;z-index:1;filter:drop-shadow(0 0 18px rgba(51,166,255,.45))}.event-art b{position:absolute;right:10px;top:10px;z-index:2;background:#087ee9;color:#fff;border-radius:7px;padding:5px 8px;font-size:12px}.concert .event-art{background:radial-gradient(circle at 45% 20%,#9636ce 0,#1b4c93 35%,#081725 72%)}.bjj .event-art{background:radial-gradient(circle at 50% 45%,#155b8b,#0c2538 48%,#08131d)}.hike .event-art{background:linear-gradient(155deg,#4f84a6 0 32%,#294d55 33% 48%,#152d2a 49% 100%)}.event-copy{padding:15px;position:relative}.event-copy h3{margin:0 0 7px;font-size:18px}.event-copy p,.event-copy small{display:block;margin:2px 0;color:#c4d0d9}.event-copy em{position:absolute;right:12px;bottom:12px;font-style:normal;border:1px solid #168df0;color:#5ebcff;padding:4px 7px;border-radius:6px;font-size:11px}
.ns-benefits{max-width:1180px;margin:0 auto;padding:18px 24px 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.ns-benefits article{display:flex;gap:17px;align-items:flex-start}.benefit-icon{font-size:38px;color:#279fff}.ns-benefits h3{margin:2px 0 7px;font-size:17px}.ns-benefits p{margin:0;color:#a9bdcb;line-height:1.5}
.auth-stage{min-height:calc(100vh - 170px);padding:54px 24px;display:flex;flex-direction:column;align-items:center;gap:20px;background:radial-gradient(circle at 50% 15%,rgba(31,133,215,.08),transparent 35%)}.auth-polished{width:min(100%,430px);padding:32px;border:1px solid #263b4c;background:linear-gradient(180deg,#101c27,#0b151e);box-shadow:0 24px 80px rgba(0,0,0,.22)}.auth-brand{display:block;text-align:center;font:700 28px 'Space Grotesk';margin-bottom:18px;color:#f1f6f9}.auth-brand span{color:#239eff}.auth-polished h1{text-align:center;font-size:28px;margin:0 0 6px}.auth-lead{text-align:center;color:#b2c3ce;margin:0 0 26px}.auth-polished label{font-size:13px;font-weight:600}.auth-polished input,.auth-polished textarea{margin-top:7px;background:#111e29;border-color:#263c4e}.auth-row{display:flex;justify-content:space-between;align-items:center;margin:6px 0 8px;font-size:13px}.auth-safety{width:min(100%,430px);border:1px solid #263b4c;border-radius:12px;padding:22px;display:flex;gap:16px;background:#0d1923}.auth-safety>span{font-size:30px;color:#279fff}.auth-safety p{color:#a9bdcb;margin:6px 0}.register-polished{width:min(100%,500px)}.register-polished textarea{min-height:75px}.register-polished small{display:block;color:#819aaa;font-weight:400;margin-top:4px}
@media(max-width:820px){.ns-hero{grid-template-columns:1fr;padding-top:48px}.activity-orbit{height:330px}.orbit-ring{width:270px;height:220px}.orbit-center{width:125px;height:160px}.ns-card-grid,.ns-benefits{grid-template-columns:1fr}.ns-event{display:grid;grid-template-columns:130px 1fr}.event-art{height:100%;min-height:125px}.ns-benefits{gap:22px}.ns-hero h1{font-size:52px}.ns-search{max-width:none}}
@media(max-width:520px){.ns-hero{padding:38px 18px 20px}.ns-hero h1{font-size:43px;letter-spacing:-2.5px}.ns-hero-copy>p{font-size:16px}.ns-search .button{padding:0 16px}.activity-orbit{height:300px;transform:scale(.9);margin:-10px -20px}.ns-examples,.ns-benefits{padding-left:18px;padding-right:18px}.ns-event{grid-template-columns:110px 1fr}.event-copy h3{font-size:16px}.event-copy em{position:static;display:inline-block;margin-top:7px}.auth-stage{padding:32px 16px}.auth-polished{padding:24px 20px}}

/* Homepage v3 cleanup */
.home-v3-hero{max-width:1180px;margin:0 auto;padding:78px 24px 56px;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;position:relative;overflow:hidden}
.home-v3-hero:before{content:"";position:absolute;right:4%;top:8%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(38,156,255,.14),rgba(24,89,135,.06) 45%,transparent 72%);filter:blur(10px);pointer-events:none}
.home-v3-copy,.home-v3-visual{position:relative;z-index:1}
.home-v3-kicker{display:inline-block;color:#65c1ff;font-size:12px;font-weight:800;letter-spacing:.16em}
.home-v3-hero h1{margin:14px 0 22px;font:700 clamp(50px,6.4vw,78px)/.98 'Space Grotesk',sans-serif;letter-spacing:-4px;color:#f2f7fa}.home-v3-hero h1 span{color:#39a9ff}
.home-v3-lead{max-width:600px;font-size:19px;line-height:1.62;color:#c2d0da;margin:0}
.home-v3-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.home-v3-primary{box-shadow:0 0 28px rgba(46,159,245,.2)}
.home-v3-searches{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:18px;font-size:13px;color:#829cac}.home-v3-searches a{color:#62bfff}.home-v3-searches i{font-style:normal;color:#476477}

.home-v3-visual{min-height:420px;display:grid;place-items:center}.home-v3-orbit{position:relative;width:430px;height:390px;max-width:100%}
.home-v3-orbit-line{position:absolute;width:320px;height:275px;border:2px dashed rgba(42,158,246,.74);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.home-v3-pin{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-45deg);width:150px;height:185px;border:7px solid #39a9ff;border-radius:50% 50% 50% 8%;background:linear-gradient(145deg,#154361,#091d2c);box-shadow:0 0 38px rgba(37,158,250,.62),inset 0 0 24px rgba(48,170,255,.26)}
.home-v3-people{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:5px;transform:rotate(45deg)}.home-v3-people span{width:31px;height:31px;background:#42afff;border-radius:50%;position:relative}.home-v3-people span:after{content:"";position:absolute;width:39px;height:24px;border-radius:22px 22px 9px 9px;background:#42afff;top:26px;left:50%;transform:translateX(-50%)}.home-v3-people span:nth-child(2){transform:scale(1.13);z-index:2}
.home-v3-icon{position:absolute;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:#0b2132;border:1px solid #218fdc;color:#70c7ff;font-size:30px;box-shadow:0 0 20px rgba(32,141,220,.14)}.home-v3-icon svg,.home-v3-event-art svg{width:40px;height:40px;fill:none;stroke:#74c9ff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.icon-hike{left:7%;top:22%}.icon-music{left:45%;top:2%}.icon-gi{right:4%;top:20%;box-shadow:0 0 28px rgba(43,166,255,.34)}.icon-game{right:0;top:54%}.icon-coffee{left:1%;top:55%}.icon-fitness{right:18%;bottom:0}

.home-v3-examples{max-width:1180px;margin:0 auto;padding:0 24px 56px}.home-v3-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.home-v3-section-head h2{font:600 32px 'Space Grotesk';margin:5px 0 0}.home-v3-section-head>a{font-size:13px}
.home-v3-event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.home-v3-event{background:#0c1822;border:1px solid #263f51;border-radius:14px;overflow:hidden;transition:.2s transform,.2s border-color}.home-v3-event:hover{transform:translateY(-3px);border-color:#368fca}
.home-v3-event-art{height:180px;display:grid;place-items:center;position:relative;overflow:hidden}.home-v3-event-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(5,12,18,.7))}
.home-v3-event-art>span,.home-v3-event-art>svg{position:relative;z-index:1;font-size:64px}.art-music{background:radial-gradient(circle at 50% 30%,#7f3bc5,#243e86 40%,#071420 75%)}.art-bjj{background:radial-gradient(circle at 50% 45%,#164d71,#0d2738 48%,#07121b)}.art-hike{background:linear-gradient(155deg,#527f99 0 34%,#2f535d 35% 50%,#132a2a 51% 100%)}
.home-v3-event-body{padding:17px}.home-v3-tag{font-size:10px;color:#65c1ff;font-weight:800;letter-spacing:.12em}.home-v3-event-body h3{margin:7px 0 8px;font-size:19px}.home-v3-event-body p{margin:0 0 3px;color:#d0dae1}.home-v3-event-body small{color:#849cac}

.home-v3-benefits{max-width:1180px;margin:0 auto;padding:8px 24px 62px;display:grid;grid-template-columns:repeat(3,1fr);gap:34px;border-bottom:1px solid #172c3b}.home-v3-benefits article{display:flex;gap:16px}.home-v3-benefit-icon{font-size:38px;color:#3aabff}.home-v3-benefits h3{margin:2px 0 7px}.home-v3-benefits p{margin:0;color:#9db2c0;line-height:1.55}

.home-v3-safety{max-width:1180px;margin:0 auto;padding:64px 24px;display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.home-v3-safety h2,.home-v3-final h2{font:600 clamp(34px,4vw,48px)/1.08 'Space Grotesk';letter-spacing:-2px;margin:9px 0 16px}.home-v3-safety p{color:#a9bdca;line-height:1.65}.home-v3-safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-v3-safety-grid span{padding:14px;border:1px solid #20394b;border-radius:10px;background:#0b1721;color:#bed0dc}

.home-v3-final{max-width:1132px;margin:0 auto 64px;padding:52px 32px;text-align:center;border:1px solid #24547a;border-radius:18px;background:radial-gradient(circle at 50% 100%,rgba(40,153,232,.16),transparent 55%),#0b1721}.home-v3-final h2{max-width:780px;margin:10px auto 26px}

@media(max-width:850px){.home-v3-hero{grid-template-columns:1fr;padding-top:48px}.home-v3-visual{min-height:350px}.home-v3-orbit{transform:scale(.88)}.home-v3-event-grid,.home-v3-benefits,.home-v3-safety{grid-template-columns:1fr}.home-v3-safety-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.home-v3-hero{padding:38px 18px 28px}.home-v3-hero h1{font-size:44px;letter-spacing:-2.5px}.home-v3-lead{font-size:16px}.home-v3-visual{min-height:310px}.home-v3-orbit{transform:scale(.72)}.home-v3-examples,.home-v3-benefits,.home-v3-safety{padding-left:18px;padding-right:18px}.home-v3-section-head{align-items:start;flex-direction:column}.home-v3-safety-grid{grid-template-columns:1fr}.home-v3-final{margin-left:18px;margin-right:18px;padding:40px 20px}}

/* Approved high-fidelity preview match */
.preview-home{background:radial-gradient(circle at 66% 16%,rgba(15,103,187,.14),transparent 25%);min-height:100vh}
.preview-hero{max-width:1180px;margin:auto;padding:64px 24px 48px;display:grid;grid-template-columns:1.08fr .92fr;gap:30px;align-items:center;min-height:475px;position:relative;overflow:hidden}.preview-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:145px;background:linear-gradient(transparent,#07111a 95%),linear-gradient(165deg,transparent 50%,rgba(7,41,66,.35) 51%);pointer-events:none}
.preview-copy{z-index:2}.preview-copy h1{font:700 clamp(50px,6.2vw,78px)/.98 'Space Grotesk';letter-spacing:-4px;margin:0 0 24px}.preview-copy h1 span{color:#188fff}.preview-copy>p{font-size:19px;line-height:1.55;color:#d6e0e7;max-width:555px}
.preview-search{display:flex;max-width:580px;margin-top:26px}.preview-search input{flex:1;min-width:0;background:#f6f7f8;color:#24313a;border:0;border-radius:8px 0 0 8px;padding:15px}.preview-search .button{border-radius:0 8px 8px 0;padding:0 24px}.preview-popular{margin-top:13px;display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:#8fa7b7}.preview-popular b{color:#fff}.preview-popular a{color:#20a1ff}.preview-popular i{font-style:normal;color:#4d6a7d}
.preview-orbit{height:390px;position:relative;z-index:2}.preview-ring{position:absolute;width:315px;height:265px;border:2px dashed #138ae8;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}.preview-pin{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%) rotate(-45deg);width:145px;height:180px;border:8px solid #229cff;border-radius:50% 50% 50% 8%;background:#0b2941;box-shadow:0 0 35px rgba(25,148,255,.75),inset 0 0 24px rgba(24,145,255,.32)}.preview-people{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:5px;transform:rotate(45deg)}.preview-people b{width:29px;height:29px;border-radius:50%;background:#249cff;position:relative}.preview-people b:after{content:"";position:absolute;top:25px;left:50%;transform:translateX(-50%);width:37px;height:23px;border-radius:20px 20px 8px 8px;background:#249cff}.preview-people b:nth-child(2){transform:scale(1.18);z-index:2}
.preview-orbit>span{position:absolute;width:64px;height:64px;border:1px solid #188de8;border-radius:50%;background:#092034;color:#5dbbff;display:grid;place-items:center;font-size:29px;box-shadow:0 0 20px rgba(20,142,235,.2)}.preview-orbit svg,.pe-art svg,.mini-gi svg{width:38px;height:38px;fill:none;stroke:#64c0ff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.po-hike{left:10%;top:18%}.po-music{left:47%;top:2%}.po-gi{right:5%;top:19%}.po-game{right:0;top:52%}.po-coffee{left:5%;top:53%}.po-fit{right:17%;bottom:0}
.preview-section-head{max-width:1180px;margin:auto;padding:0 24px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #213748}.preview-section-head h2{font-size:16px;margin:0}.preview-section-head a{font-size:12px}
.preview-events{max-width:1180px;margin:auto;padding:20px 24px 34px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.preview-events>article{background:#09131c;border:1px solid #294052;border-radius:10px;overflow:hidden}.pe-art{height:160px;display:grid;place-items:center;position:relative;overflow:hidden}.pe-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(4,9,14,.75))}.pe-art>span,.pe-art>svg{z-index:1;font-size:58px}.pe-art>b{position:absolute;right:8px;top:8px;z-index:2;background:#087ff0;color:white;border-radius:5px;padding:5px 7px;font-size:11px}.pe-hike{background:linear-gradient(150deg,#5b879e 0 34%,#355a5b 35% 50%,#172d29 51%)}.pe-bjj{background:radial-gradient(circle,#31566b,#0b1c29 65%)}.pe-music{background:radial-gradient(circle at 50% 30%,#a72bc2,#2d2787 40%,#07121d 75%)}.pe-games{background:radial-gradient(circle,#5c4937,#151719 70%)}.pe-body{padding:13px}.pe-body h3{font-size:17px;margin:0 0 6px}.pe-body p,.pe-body small{display:block;margin:2px 0;color:#c6d1d9}.pe-body footer{display:flex;justify-content:space-between;border-top:1px solid #294052;margin-top:12px;padding-top:9px;color:#4eb4ff}.pe-body em{font-style:normal;font-size:12px}
.preview-features{max-width:1180px;margin:auto;padding:12px 24px 55px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.preview-features article{display:flex;gap:13px;padding:16px 0}.preview-features article>span{font-size:34px;color:#209eff}.preview-features h3{font-size:16px;margin:2px 0 7px}.preview-features p{color:#a9bac6;font-size:13px;line-height:1.55;margin:0}.preview-features .safety-card{border:1px solid #213a4d;border-radius:12px;padding:18px;background:#0b1822}.preview-features .safety-card a{font-size:12px;display:inline-block;margin-top:10px}.mini-gi{width:38px;height:38px;flex:0 0 38px}
.preview-auth-wrap{min-height:calc(100vh - 170px);display:grid;place-items:center;padding:48px 20px;background:radial-gradient(circle at 50% 12%,rgba(27,130,214,.08),transparent 32%)}.preview-auth-card{width:min(100%,420px);padding:32px;background:#0a151e;border:1px solid #293e4e;border-radius:12px}.preview-register{width:min(100%,500px)}.preview-auth-logo{display:block;text-align:center;font:700 27px 'Space Grotesk';color:#fff;margin-bottom:17px}.preview-auth-logo span{color:#168fff}.preview-auth-card h1{text-align:center;font-size:25px;margin:0 0 6px}.preview-auth-card>p{text-align:center;color:#c0cbd3;margin:0 0 25px}.preview-auth-card label{font-size:12px;font-weight:700}.preview-auth-card input,.preview-auth-card textarea{margin-top:7px;background:#101d27;border-color:#273c4c}.preview-auth-card small{display:block;color:#829aa9;margin-top:4px}.preview-auth-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:7px 0 8px}.preview-auth-switch{font-size:12px!important;margin:18px 0 0!important}.preview-privacy{border-top:1px solid #203543;margin-top:24px;padding-top:20px;display:flex;justify-content:center;gap:12px;color:#c4d0d8;font-size:12px}.preview-privacy:first-letter{color:#219eff}
@media(max-width:900px){.preview-hero{grid-template-columns:1fr}.preview-orbit{height:330px}.preview-events{grid-template-columns:repeat(2,1fr)}.preview-features{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.preview-hero{padding:38px 18px 28px}.preview-copy h1{font-size:44px;letter-spacing:-2.5px}.preview-copy>p{font-size:16px}.preview-orbit{transform:scale(.76);margin:-25px -50px}.preview-events{grid-template-columns:1fr;padding-left:18px;padding-right:18px}.preview-section-head{padding-left:18px;padding-right:18px}.preview-features{grid-template-columns:1fr;padding-left:18px;padding-right:18px}.pe-art{height:145px}}

/* Exact approved preview rebuild */
.exact-home{min-height:100vh;background:radial-gradient(circle at 64% 12%,rgba(18,107,194,.12),transparent 26%)}
.exact-hero{max-width:1180px;margin:0 auto;padding:58px 24px 46px;display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:center;position:relative;overflow:hidden}
.exact-copy{position:relative;z-index:2}.exact-copy h1{font:700 clamp(54px,6.2vw,80px)/.98 'Space Grotesk',sans-serif;letter-spacing:-4px;margin:0 0 24px;color:#f4f7fa}.exact-copy h1 span{color:#1894ff}.exact-copy>p{max-width:560px;font-size:19px;line-height:1.55;color:#d5dee5;margin:0}
.exact-search{display:flex;max-width:585px;margin-top:28px}.exact-search input{flex:1;min-width:0;padding:15px 17px;border:0;border-radius:7px 0 0 7px;background:#f6f7f8;color:#26313a;font-size:15px}.exact-search .button{border-radius:0 7px 7px 0;padding:0 23px;box-shadow:none}
.exact-popular{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:12px;color:#88a1b1}.exact-popular strong{color:#fff}.exact-popular a{color:#21a4ff}.exact-popular i{font-style:normal;color:#4e687a}
.exact-hero-art{position:relative;z-index:1;display:grid;place-items:center;min-height:420px}.exact-orbit-svg{width:100%;max-width:540px;height:auto;display:block}
.exact-nearby{max-width:1180px;margin:0 auto;padding:0 24px 26px}.exact-section-head{display:flex;justify-content:space-between;align-items:center;padding:0 0 15px;border-bottom:1px solid #203848}.exact-section-head h2{margin:0;font-size:15px;letter-spacing:.02em}.exact-section-head a{font-size:12px}
.exact-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-top:20px}.exact-card{overflow:hidden;border:1px solid #294150;border-radius:10px;background:#09131c}.exact-card-art{height:160px;position:relative;display:grid;place-items:center;overflow:hidden}.exact-card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(3,8,12,.75))}.exact-card-art>b{position:absolute;right:8px;top:8px;z-index:3;padding:5px 7px;border-radius:5px;background:#087ff0;color:#fff;font-size:11px}.exact-card-art .scene-icon,.exact-card-art svg{position:relative;z-index:2}.exact-card-art .scene-icon{font-size:58px}.exact-card-art svg{width:47px;height:47px;fill:none;stroke:#72c9ff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.art-hike{background:linear-gradient(150deg,#608da5 0 34%,#3a5f60 35% 51%,#172f2a 52%)}.art-bjj{background:radial-gradient(circle at 50% 44%,#31586d,#0a1e2b 68%)}.art-music{background:radial-gradient(circle at 50% 32%,#a52cc7,#302689 40%,#07131e 77%)}.art-games{background:radial-gradient(circle at 50% 48%,#614c38,#17191b 72%)}
.exact-card-copy{padding:13px}.exact-card-copy h3{margin:0 0 6px;font-size:17px}.exact-card-copy p,.exact-card-copy small{display:block;margin:2px 0;color:#c5d0d8}.exact-card-copy footer{display:flex;justify-content:space-between;border-top:1px solid #294150;margin-top:12px;padding-top:9px;color:#51b7ff}.exact-card-copy em{font-style:normal;font-size:12px}
.exact-features{max-width:1180px;margin:0 auto;padding:15px 24px 55px;display:grid;grid-template-columns:repeat(4,1fr);gap:21px}.exact-features article{display:flex;gap:13px;padding:15px 0}.feature-symbol{flex:0 0 38px;font-size:35px;color:#209eff}.feature-symbol svg{width:38px;height:38px;fill:none;stroke:#209eff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.exact-features h3{margin:2px 0 7px;font-size:16px}.exact-features p{margin:0;color:#a9bac6;font-size:13px;line-height:1.55}.exact-safety-card{padding:18px!important;border:1px solid #213a4d;border-radius:12px;background:#0b1822}.exact-safety-card a{display:inline-block;margin-top:10px;font-size:12px}
@media(max-width:900px){.exact-hero{grid-template-columns:1fr;padding-top:42px}.exact-hero-art{min-height:360px}.exact-orbit-svg{max-width:500px}.exact-card-grid{grid-template-columns:repeat(2,1fr)}.exact-features{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.exact-hero{padding:34px 18px 24px}.exact-copy h1{font-size:44px;letter-spacing:-2.5px}.exact-copy>p{font-size:16px}.exact-search .button{padding:0 15px}.exact-hero-art{min-height:310px}.exact-nearby{padding-left:18px;padding-right:18px}.exact-card-grid{grid-template-columns:1fr}.exact-features{grid-template-columns:1fr;padding-left:18px;padding-right:18px}.exact-section-head{align-items:flex-start;gap:10px;flex-direction:column}}

/* Auth + public page repair */
.clean-auth-shell{min-height:calc(100vh - 170px);display:grid;place-items:center;padding:48px 18px;background:radial-gradient(circle at 50% 12%,rgba(31,143,230,.08),transparent 32%)}
.clean-auth-card{width:min(100%,430px);background:#0b1620;border:1px solid #273d4e;border-radius:14px;padding:32px;box-shadow:0 24px 70px rgba(0,0,0,.2)}
.clean-register-card{width:min(100%,520px)}
.clean-auth-logo{display:block;text-align:center;font:700 28px 'Space Grotesk',sans-serif;color:#f5f8fb;margin-bottom:20px}.clean-auth-logo span{color:#209cff}
.clean-auth-heading{text-align:center;margin-bottom:26px}.clean-auth-heading h1{font-size:27px;margin:0 0 6px}.clean-auth-heading p{margin:0;color:#aebfca}
.clean-form-stack{display:grid;gap:16px}.clean-field{display:grid;gap:7px;font-size:12px;font-weight:700;color:#e9f0f4}.clean-field>span{display:block}
.clean-field input,.clean-field textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #2a4051;border-radius:7px;background:#111e29;color:#eef4f7;padding:12px 13px;font:400 14px/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;outline:none;appearance:none;-webkit-appearance:none}
.clean-field input:focus,.clean-field textarea:focus{border-color:#359fe8;box-shadow:0 0 0 3px rgba(53,159,232,.12)}
.clean-field textarea{min-height:90px;resize:vertical}.clean-field small{font-weight:400;color:#7f98a8;line-height:1.35}
.clean-auth-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 0 14px;font-size:12px}.clean-check{display:flex;align-items:center;gap:8px;font-weight:400}.clean-check input{width:auto;margin:0;appearance:auto;-webkit-appearance:auto}
.clean-submit{margin-top:4px}.clean-auth-switch{text-align:center;margin:18px 0 0;color:#9fb2bf;font-size:12px}
.clean-auth-note{display:flex;gap:13px;align-items:flex-start;border-top:1px solid #213646;margin-top:24px;padding-top:20px;color:#b9c8d2}.clean-auth-note.compact{border:1px solid #233a4c;border-radius:9px;background:#0d1a24;margin:18px 0 4px;padding:14px}.note-icon{font-size:28px;color:#259fff}.clean-auth-note b,.clean-auth-note small{display:block}.clean-auth-note small{margin-top:4px;color:#859eae;line-height:1.4}
.public-info .lead-copy{font-size:18px;line-height:1.65;color:#b9c9d3;max-width:760px}.how-steps{margin-top:30px}.how-steps .panel{padding:24px}.step-number{color:#5dbdff;font-weight:800;letter-spacing:.12em}.how-steps h2,.safety-grid-page h2{font:600 21px 'Space Grotesk';margin:10px 0 8px}.safety-grid-page{margin-top:30px}.safety-grid-page .panel{padding:22px}
@media(max-width:600px){.clean-auth-shell{padding:28px 14px}.clean-auth-card{padding:24px 18px}.clean-auth-row{align-items:flex-start}.clean-register-card{width:100%}}

/* Public homepage */
.ref-home{min-height:100vh;background:radial-gradient(circle at 63% 10%,rgba(16,106,193,.12),transparent 26%)}
.ref-hero{max-width:1180px;margin:0 auto;padding:58px 24px 44px;display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:center;position:relative;overflow:hidden}
.ref-copy{position:relative;z-index:2}.ref-copy h1{font:700 clamp(54px,6.2vw,80px)/.98 'Space Grotesk',sans-serif;letter-spacing:-4px;margin:0 0 24px;color:#f4f7fa}.ref-copy h1 span{color:#1894ff}.ref-copy>p{max-width:560px;font-size:19px;line-height:1.55;color:#d5dee5;margin:0}
.ref-search{display:flex;max-width:585px;margin-top:28px}.ref-search input{flex:1;min-width:0;padding:15px 17px;border:0;border-radius:7px 0 0 7px;background:#f6f7f8;color:#26313a;font-size:15px}.ref-search .button{border-radius:0 7px 7px 0;padding:0 23px;box-shadow:none}
.ref-popular{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:12px;color:#88a1b1}.ref-popular strong{color:#fff}.ref-popular a{color:#21a4ff}.ref-popular i{font-style:normal;color:#4e687a}
.ref-art{position:relative;z-index:1;display:grid;place-items:center;min-height:420px}
.ref-nearby{max-width:1180px;margin:0 auto;padding:0 24px 26px}.ref-section-head{display:flex;justify-content:space-between;align-items:center;padding:0 0 15px;border-bottom:1px solid #203848}.ref-section-head h2{margin:0;font-size:15px;letter-spacing:.02em}.ref-section-head a{font-size:12px}
.ref-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-top:20px}.ref-card{overflow:hidden;border:1px solid #294150;border-radius:10px;background:#09131c}.ref-card-art{height:160px;position:relative;display:grid;place-items:center;overflow:hidden}.ref-card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(3,8,12,.75))}.ref-card-art>b{position:absolute;right:8px;top:8px;z-index:3;padding:5px 7px;border-radius:5px;background:#087ff0;color:#fff;font-size:11px}.ref-card-art .scene-icon,.ref-card-art svg{position:relative;z-index:2}.ref-card-art .scene-icon{font-size:58px}.ref-card-art svg{width:47px;height:47px;fill:none;stroke:#72c9ff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.ref-hike{background:linear-gradient(150deg,#608da5 0 34%,#3a5f60 35% 51%,#172f2a 52%)}.ref-bjj{background:radial-gradient(circle at 50% 44%,#31586d,#0a1e2b 68%)}.ref-music{background:radial-gradient(circle at 50% 32%,#a52cc7,#302689 40%,#07131e 77%)}.ref-games{background:radial-gradient(circle at 50% 48%,#614c38,#17191b 72%)}
.ref-activity-photo{background-image:var(--activity-photo);background-position:center;background-size:cover;background-repeat:no-repeat}
.ref-card-copy{padding:13px}.ref-card-copy h3{margin:0 0 6px;font-size:17px}.ref-card-copy p,.ref-card-copy small{display:block;margin:2px 0;color:#c5d0d8}.ref-card-copy footer{display:flex;justify-content:space-between;border-top:1px solid #294150;margin-top:12px;padding-top:9px;color:#51b7ff}.ref-card-copy em{font-style:normal;font-size:12px}
.ref-features{max-width:1180px;margin:0 auto;padding:15px 24px 55px;display:grid;grid-template-columns:repeat(4,1fr);gap:21px}.ref-features article{display:flex;gap:13px;padding:15px 0}.ref-feature-symbol{flex:0 0 38px;font-size:35px;color:#209eff}.ref-feature-symbol svg{width:38px;height:38px;fill:none;stroke:#209eff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.ref-features h3{margin:2px 0 7px;font-size:16px}.ref-features p{margin:0;color:#a9bac6;font-size:13px;line-height:1.55}.ref-safety-card{padding:18px!important;border:1px solid #213a4d;border-radius:12px;background:#0b1822}.ref-safety-card a{display:inline-block;margin-top:10px;font-size:12px}
@media(max-width:900px){.ref-hero{grid-template-columns:1fr;padding-top:42px}.ref-art{min-height:360px}.ref-card-grid{grid-template-columns:repeat(2,1fr)}.ref-features{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ref-hero{padding:34px 18px 24px}.ref-copy h1{font-size:44px;letter-spacing:-2.5px}.ref-copy>p{font-size:16px}.ref-search .button{padding:0 15px}.ref-art{min-height:310px}.ref-nearby{padding-left:18px;padding-right:18px}.ref-card-grid{grid-template-columns:1fr}.ref-features{grid-template-columns:1fr;padding-left:18px;padding-right:18px}.ref-section-head{align-items:flex-start;gap:10px;flex-direction:column}}

/* Footer inline brand adjustment */
.site-footer .footer-brand{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:12px;
    white-space:nowrap;
}
.site-footer .footer-brand strong{
    flex:0 0 auto;
}
.site-footer .footer-brand span{
    display:inline-block;
    margin:0;
}
@media(max-width:700px){
    .site-footer .footer-brand{
        flex-direction:row;
        align-items:center;
        gap:10px;
        white-space:normal;
    }
}

/* Search icon spacing adjustment */
.ref-search .ref-search-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:11px;
}
.ref-search .ref-search-icon{
    width:19px;
    height:19px;
    flex:0 0 19px;
    fill:none;
    stroke:currentColor;
    stroke-width:2.2;
    stroke-linecap:round;
}

/* Production Terms of Service */
.legal-page{padding-top:48px;padding-bottom:64px}
.legal-page>h1{margin-bottom:8px}
.legal-updated{color:#89a2b2;font-size:13px;margin:0 0 24px}
.legal-intro{padding:24px;margin-bottom:20px}
.legal-intro p{font-size:15px;line-height:1.7;color:#c5d2da}
.legal-intro p:last-child{margin-bottom:0}
.legal-toc{padding:22px;margin-bottom:30px}
.legal-toc>strong{display:block;margin-bottom:14px;font-size:14px}
.legal-toc>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 18px}
.legal-toc a{font-size:12px;color:#58b8fa}
.legal-sections{display:grid;gap:0}
.legal-sections>section{padding:25px 2px;border-bottom:1px solid #203747;scroll-margin-top:90px}
.legal-sections h2{font:600 22px/1.25 'Space Grotesk',sans-serif;margin:0 0 12px;color:#eef5f8}
.legal-sections p{font-size:14px;line-height:1.75;color:#b8c8d2;margin:0 0 12px}
.legal-sections p:last-child{margin-bottom:0}
.legal-note{margin-top:30px;padding:20px;border-color:#29485d}
.legal-note strong{color:#6dc5ff}.legal-note p{margin:7px 0 0;color:#9eb3c0;font-size:12px;line-height:1.6}
@media(max-width:760px){.legal-toc>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.legal-page{padding-top:30px}.legal-toc>div{grid-template-columns:1fr}.legal-sections h2{font-size:20px}}

/* Expanded meeting/activity risk notice */
.legal-risk-callout{
    margin:20px 0 4px;
    padding:20px;
    border:1px solid #31536a;
    border-left:4px solid #249ff3;
    border-radius:10px;
    background:#091a26;
}
.legal-risk-callout h3{
    margin:0 0 12px;
    font:600 17px/1.3 'Space Grotesk',sans-serif;
    color:#72c8ff;
}
.legal-risk-callout p{
    color:#c4d2da!important;
    font-size:13px!important;
    line-height:1.7!important;
}

.ref-card-art>b{white-space:nowrap}


/* Example ribbon inside card art */
.ref-card-art{
    position:relative;
}
.ref-card-art .ref-example-ribbon{
    position:absolute;
    top:12px;
    left:0;
    z-index:10;
    display:inline-flex;
    align-items:center;
    height:28px;
    padding:0 13px 0 12px;
    background:#d63b3b;
    color:#fff;
    font-size:10px;
    font-weight:900;
    letter-spacing:.11em;
    line-height:1;
    text-transform:uppercase;
    box-shadow:0 4px 14px rgba(0,0,0,.30);
}
.ref-card-art .ref-example-ribbon::after{
    content:"";
    position:absolute;
    top:0;
    right:-12px;
    width:0;
    height:0;
    border-top:14px solid #d63b3b;
    border-bottom:14px solid #d63b3b;
    border-right:12px solid transparent;
}
.ref-card-art>b{
    z-index:11;
}

/* Hard fallback for EXAMPLE ribbon */
.ref-card-art > .ref-example-ribbon{
  position:absolute!important;
  top:12px!important;
  left:0!important;
  z-index:20!important;
  background:#d63b3b!important;
  color:#fff!important;
  width:96px!important;
  height:28px!important;
  line-height:28px!important;
  text-align:left!important;
  display:block!important;
  transform:none!important;
}

/* Activity editing */
.detail-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0 4px}
.edit-activity-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}
@media(max-width:560px){.edit-activity-actions{flex-direction:column-reverse}.edit-activity-actions .button{width:100%}}


/* Unseen notification count in the top navigation */
.nav-notifications{position:relative;display:inline-flex!important;align-items:center;gap:6px}
.nav-notification-badge{
  position:absolute;
  top:-10px;
  right:-12px;
  min-width:19px;
  height:19px;
  padding:0 5px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#e33434;
  color:#fff;
  border:2px solid #07111f;
  box-shadow:0 2px 8px rgba(0,0,0,.35);
  font-size:10px;
  font-weight:900;
  line-height:1;
  z-index:5;
}
@media(max-width:800px){.nav-notification-badge{position:static;border-width:0;margin-left:4px}}

/* Device notifications */
.device-notification-card{
  border:1px solid #274b63;
  border-radius:14px;
  padding:16px;
  background:linear-gradient(180deg,rgba(18,48,67,.72),rgba(8,25,37,.78));
  margin:4px 0 18px;
}
.device-notification-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.device-notification-check{margin:0!important;align-items:flex-start!important}
.device-notification-check span{display:grid;gap:3px}
.device-notification-check strong{color:#eaf7ff;font-size:15px}
.device-notification-check small{display:block;color:#91aaba;font-size:12px;line-height:1.45;font-weight:400}
.device-notification-status{flex:0 0 auto;display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border:1px solid #31536a;border-radius:999px;color:#9eb5c3;background:#0a1a26;font-size:11px;font-weight:800;white-space:nowrap}
.device-notification-status[data-state="on"]{border-color:#2b8b64;color:#9ce2bd;background:#0a281e}
.device-notification-status[data-state="needs-permission"]{border-color:#3977a0;color:#9bd8ff;background:#0b2232}
.device-notification-status[data-state="blocked"]{border-color:#8c4141;color:#ffb2b2;background:#2b1216}
.device-notification-actions{display:flex;gap:9px;flex-wrap:wrap;margin:13px 0 4px 31px}
.device-notification-help{margin:8px 0 0 31px!important;font-size:11px!important;line-height:1.5!important}
.email-notification-options{display:grid;gap:4px;margin:5px 0 18px;padding-top:4px}
.email-notification-options h3{margin:0 0 5px;font-size:14px;color:#cfeeff}
@media(max-width:620px){
  .device-notification-heading{display:grid;gap:12px}
  .device-notification-status{justify-self:start;margin-left:31px}
  .device-notification-actions,.device-notification-help{margin-left:0!important}
}

/* Device notification controls: explicit visibility/state hardening */
.device-notification-actions [hidden]{display:none!important}
.device-notification-actions .button:disabled{opacity:.62;cursor:not-allowed}
#device-notification-enable[data-mode="disable"]{background:transparent;color:#ffb8b8;border:1px solid #80464d}
#device-notification-enable[data-mode="disable"]:hover{background:#2a1419;color:#ffd3d3}


/* Privacy & Settings refinements */
.stack-form label:not(.check){
  display:flex;
  flex-direction:column;
  gap:7px;
  font-weight:600;
  color:#dce8f0;
}
.stack-form select{
  width:100%;
}
.stack-form select optgroup{
  background:#0d1a27;
  color:#9bd7ff;
  font-weight:800;
}
.stack-form select option{
  background:#0e131b;
  color:#fff;
  font-weight:400;
}
.field-help{
  display:block;
  color:var(--muted);
  font-size:12px;
  font-weight:400;
  line-height:1.45;
}

.account-delete-card{
  margin-top:24px;
  padding:26px;
  border-color:#55343a;
  background:linear-gradient(180deg,rgba(42,20,27,.74),rgba(15,22,31,.96));
}
.account-delete-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,125,125,.15);
}
.account-delete-heading h2{
  margin:4px 0 0;
  font:600 26px 'Space Grotesk';
  letter-spacing:-1px;
}
.account-delete-description{
  max-width:650px;
  margin:18px 0 20px;
  line-height:1.6;
}
.delete-account-form{
  display:grid;
  gap:18px;
  max-width:520px;
}
.delete-account-form label{
  display:flex;
  flex-direction:column;
  gap:7px;
  font-weight:600;
}
.delete-account-form input{
  width:100%;
}
.delete-account-actions,
.delete-cancel-form{
  display:flex;
  align-items:center;
  gap:10px;
}
.delete-account-actions .button.danger{
  min-width:220px;
}
.deletion-pending{
  margin:20px 0 18px;
  padding:16px 18px;
  border:1px solid #74434b;
  border-radius:14px;
  background:rgba(96,31,40,.24);
}
.deletion-pending>strong{
  display:block;
  margin-bottom:5px;
  color:#ffc3c3;
}
.deletion-pending p{
  margin:0;
  color:#c9d6df;
  line-height:1.55;
}
@media(max-width:560px){
  .account-delete-card{padding:20px}
  .delete-account-actions,
  .delete-cancel-form{align-items:stretch;flex-direction:column}
  .delete-account-actions .button,
  .delete-cancel-form .button{width:100%}
}


/* Activity joining window */
[data-custom-join-close][hidden]{display:none!important}
.pill.ongoing{background:#123b31;color:#a9f2cf;border:1px solid #286a55}
.button[disabled]{opacity:.58;cursor:not-allowed;transform:none!important}




/* Discover page: force readable dark text on the primary Make a plan CTA.
   This intentionally outranks the generic .section-head > a link color. */
.section-head > a.button.discover-make-plan{
  color:#03111c !important;
}
.section-head > a.button.discover-make-plan:visited{
  color:#03111c !important;
}
.section-head > a.button.discover-make-plan:hover,
.section-head > a.button.discover-make-plan:focus-visible{
  color:#00070c !important;
}

/* Registration/legal and messaging-state polish */
.registration-legal-check{align-items:flex-start;margin:18px 0;line-height:1.5;color:#c6d5de}
.registration-legal-check input{margin-top:3px;flex:0 0 auto}
.registration-legal-check a{color:#72c7ff;text-decoration:underline;text-underline-offset:2px}
.message-disabled{margin-top:14px;padding:16px 18px}
.message-disabled p{margin:5px 0 0}


/* Profile connection visibility */
.profile-connections{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:24px}
.profile-connection{display:flex;align-items:center;gap:10px;padding:12px;text-decoration:none}
.profile-connection span:last-child{display:grid;gap:2px;min-width:0}
.profile-connection b{color:#e9f5fb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-connection small{color:#86a2b4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-connection:hover{border-color:#3c7ca7}

/* ==========================================================
   2026-08-10 #noSoloNet sunset brand refresh
   Approved mountain + #noSoloNet identity and photo-backed theme.
   ========================================================== */
body.site-photo-theme{
  min-height:100vh;
  background-color:#07111b;
  background-image:
    linear-gradient(180deg,rgba(2,10,17,.58) 0%,rgba(3,12,20,.70) 42%,rgba(3,11,18,.86) 100%),
    linear-gradient(90deg,rgba(3,10,17,.40),rgba(3,10,17,.14) 48%,rgba(3,10,17,.36)),
    url('/assets/img/beach-original.jpg');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  background-attachment:fixed;
}
body.site-photo-theme main{
  position:relative;
  isolation:isolate;
}
body.site-photo-theme .site-header{
  position:sticky;
  top:0;
  z-index:80;
  max-width:none;
  padding-left:max(24px,calc((100vw - var(--max))/2 + 24px));
  padding-right:max(24px,calc((100vw - var(--max))/2 + 24px));
  background:rgba(5,14,23,.84);
  border-bottom:1px solid rgba(132,190,226,.20);
  box-shadow:0 10px 35px rgba(0,0,0,.18);
  backdrop-filter:blur(18px) saturate(125%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
}
body.site-photo-theme .site-footer{
  position:relative;
  background:rgba(4,12,20,.90);
  border-top-color:rgba(132,190,226,.18);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

/* Reusable mountain + wordmark. */
.brand-logo{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0;
  min-width:104px;
  color:#f5f9fc;
  text-decoration:none;
  line-height:1;
  flex:0 0 auto;
}
.brand-logo-mark{
  display:block;
  width:64px;
  height:23px;
  margin-bottom:-1px;
}
.brand-logo-mark svg{display:block;width:100%;height:100%}
.brand-mountain-back{fill:#f5f9fc}
.brand-mountain-ridge{fill:#72c7ff}
.brand-logo-word{
  display:flex;
  align-items:baseline;
  font:700 25px/1 'Space Grotesk',sans-serif;
  letter-spacing:-1.5px;
  white-space:nowrap;
}
.brand-logo-hash{color:#72c7ff}
.brand-logo-name{color:#f5f9fc}
.brand-logo:hover .brand-logo-name{color:#ffffff}
.brand-logo:hover .brand-logo-hash,.brand-logo:hover .brand-mountain-ridge{color:#8ed5ff;fill:#8ed5ff}
.site-header .brand-logo{margin-top:2px}
.footer-brand-logo{min-width:86px;align-items:flex-start}
.footer-brand-logo .brand-logo-mark{width:51px;height:19px;margin-left:10px}
.footer-brand-logo .brand-logo-word{font-size:20px}
.clean-auth-logo.brand-logo-auth{
  width:max-content;
  margin:0 auto 18px;
  text-align:center;
}
.clean-auth-logo.brand-logo-auth .brand-logo-mark{width:73px;height:27px}
.clean-auth-logo.brand-logo-auth .brand-logo-word{font-size:29px}

/* Let the photo become the emotional layer while keeping the product UI dark. */
.site-photo-theme .ref-home,
.site-photo-theme .exact-home,
.site-photo-theme .home-v3,
.site-photo-theme .preview-home,
.site-photo-theme .clean-auth-shell,
.site-photo-theme .preview-auth-wrap{
  background:transparent!important;
}
.site-photo-theme .ref-hero,
.site-photo-theme .exact-hero,
.site-photo-theme .home-v3-hero{
  position:relative;
}
.site-photo-theme .ref-hero:before,
.site-photo-theme .exact-hero:before,
.site-photo-theme .home-v3-hero:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:18px 12px;
  border:1px solid rgba(135,198,237,.16);
  border-radius:28px;
  background:linear-gradient(90deg,rgba(3,12,20,.69),rgba(4,14,23,.28) 58%,rgba(4,14,23,.12));
  box-shadow:0 30px 90px rgba(0,0,0,.20);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}

/* Glass panels throughout signed-in and public views. */
.site-photo-theme .panel,
.site-photo-theme .card,
.site-photo-theme .person,
.site-photo-theme .feature,
.site-photo-theme .notification-card,
.site-photo-theme .notification-group,
.site-photo-theme .dashboard-actions a,
.site-photo-theme .message-panel,
.site-photo-theme .conversation,
.site-photo-theme .settings-panel,
.site-photo-theme .clean-auth-card,
.site-photo-theme .auth-card,
.site-photo-theme .legal-intro,
.site-photo-theme .legal-note,
.site-photo-theme .ref-card,
.site-photo-theme .ref-safety-card,
.site-photo-theme .safety-banner,
.site-photo-theme .safety-inline{
  background-color:rgba(7,18,28,.78)!important;
  border-color:rgba(117,174,209,.25)!important;
  box-shadow:0 16px 45px rgba(0,0,0,.18);
  backdrop-filter:blur(15px) saturate(118%);
  -webkit-backdrop-filter:blur(15px) saturate(118%);
}
.site-photo-theme .filters,
.site-photo-theme .join-box,
.site-photo-theme .host-tools,
.site-photo-theme .activity-updates,
.site-photo-theme .deletion-pending,
.site-photo-theme .device-notification-heading{
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.site-photo-theme .page,
.site-photo-theme .section{
  text-shadow:0 1px 2px rgba(0,0,0,.20);
}
.site-photo-theme input,
.site-photo-theme textarea,
.site-photo-theme select{
  background-color:rgba(6,16,25,.86)!important;
  border-color:rgba(109,164,198,.30)!important;
}
.site-photo-theme .button{box-shadow:0 8px 24px rgba(28,148,230,.18)}
.site-photo-theme .button.ghost{background:rgba(6,16,25,.46)}

/* Keep destructive UI visually distinct from general glass panels. */
.site-photo-theme .account-delete-card{
  background:linear-gradient(180deg,rgba(57,20,28,.86),rgba(18,19,27,.90))!important;
  border-color:#70404a!important;
}

/* Homepage: reveal more of the photo and keep the approved activity-first copy. */
.site-photo-theme .ref-copy h1,
.site-photo-theme .ref-copy>p,
.site-photo-theme .ref-popular{
  text-shadow:0 2px 15px rgba(0,0,0,.70);
}
.site-photo-theme .ref-nearby{
  background:linear-gradient(180deg,rgba(4,13,21,.20),rgba(4,13,21,.72));
  border-radius:28px 28px 0 0;
}

@media(max-width:800px){
  body.site-photo-theme{
    background-attachment:scroll;
    background-position:42% top;
    background-size:auto 100vh;
    background-repeat:repeat-y;
  }
  body.site-photo-theme .site-header{
    padding-left:18px;
    padding-right:18px;
  }
  .site-header .brand-logo{align-items:flex-start;min-width:92px}
  .site-header .brand-logo-mark{width:52px;height:19px;margin-left:10px}
  .site-header .brand-logo-word{font-size:22px}
  .site-photo-theme .ref-hero:before,
  .site-photo-theme .exact-hero:before,
  .site-photo-theme .home-v3-hero:before{inset:8px;border-radius:20px}
}

/* Photo-theme readability for list-style screens that are not wrapped in .panel. */
.site-photo-theme .thread-list,
.site-photo-theme .comments,
.site-photo-theme .reviews blockquote{
  background:rgba(7,18,28,.72);
  border:1px solid rgba(117,174,209,.22);
  border-radius:18px;
  box-shadow:0 16px 42px rgba(0,0,0,.16);
  backdrop-filter:blur(14px) saturate(115%);
  -webkit-backdrop-filter:blur(14px) saturate(115%);
}
.site-photo-theme .thread-list{overflow:hidden}
.site-photo-theme .comments{padding:22px}
.site-photo-theme .reviews blockquote{margin-bottom:12px}
.site-photo-theme .thread:hover{background:rgba(22,51,69,.72)}
.site-photo-theme .nav.open{
  background:rgba(5,15,24,.96);
  border-color:rgba(117,174,209,.30);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

/* ==========================================================
   2026-08-10 Clear-glass correction
   Match the approved previews: the photograph must remain visibly present
   through the interface instead of reading as an opaque navy skin.
   ========================================================== */
body.site-photo-theme{
  background-color:#081019;
  background-image:
    linear-gradient(180deg,rgba(2,8,14,.24) 0%,rgba(3,10,17,.34) 45%,rgba(3,10,17,.56) 100%),
    linear-gradient(90deg,rgba(2,8,14,.24),rgba(2,8,14,.05) 48%,rgba(2,8,14,.22)),
    url('/assets/img/beach-original.jpg');
}

body.site-photo-theme .site-header{
  background:linear-gradient(180deg,rgba(7,14,21,.52),rgba(5,12,20,.36))!important;
  border-bottom-color:rgba(255,255,255,.19)!important;
  box-shadow:0 10px 32px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:blur(22px) saturate(132%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(132%)!important;
}
body.site-photo-theme .site-footer{
  background:linear-gradient(180deg,rgba(5,12,19,.34),rgba(5,12,19,.48))!important;
  border-top-color:rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  backdrop-filter:blur(20px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(125%)!important;
}

/* True clear glass: common containers. */
body.site-photo-theme .panel,
body.site-photo-theme .card,
body.site-photo-theme .person,
body.site-photo-theme .feature,
body.site-photo-theme .notification-card,
body.site-photo-theme .notification-group,
body.site-photo-theme .dashboard-hero,
body.site-photo-theme .dashboard-actions a,
body.site-photo-theme .dashboard-search,
body.site-photo-theme .message-panel,
body.site-photo-theme .conversation,
body.site-photo-theme .settings-panel,
body.site-photo-theme .clean-auth-card,
body.site-photo-theme .auth-card,
body.site-photo-theme .signup-card,
body.site-photo-theme .legal-intro,
body.site-photo-theme .legal-note,
body.site-photo-theme .ref-card,
body.site-photo-theme .ref-safety-card,
body.site-photo-theme .trust-grid div,
body.site-photo-theme .thread-list,
body.site-photo-theme .comments,
body.site-photo-theme .reviews blockquote,
body.site-photo-theme .inset,
body.site-photo-theme .privacy-note,
body.site-photo-theme .discovery-note,
body.site-photo-theme .safety-banner,
body.site-photo-theme .safety-inline,
body.site-photo-theme .join-box,
body.site-photo-theme .host-tools,
body.site-photo-theme .activity-updates,
body.site-photo-theme .device-notification-heading,
body.site-photo-theme .clean-auth-note,
body.site-photo-theme .legal-risk-callout{
  background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(12,21,29,.30) 42%,rgba(5,14,22,.38))!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(255,255,255,.025),
    0 18px 44px rgba(0,0,0,.15)!important;
  backdrop-filter:blur(20px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(130%)!important;
}

/* Hero glass should be especially transparent so the photo stays emotional. */
body.site-photo-theme .ref-hero:before,
body.site-photo-theme .exact-hero:before,
body.site-photo-theme .home-v3-hero:before{
  background:linear-gradient(100deg,rgba(3,10,17,.34),rgba(7,14,20,.16) 58%,rgba(255,255,255,.035))!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 60px rgba(0,0,0,.12)!important;
  backdrop-filter:blur(7px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(7px) saturate(118%)!important;
}

/* Clear form controls rather than opaque navy boxes. */
body.site-photo-theme input,
body.site-photo-theme textarea,
body.site-photo-theme select,
body.site-photo-theme .hero-search input,
body.site-photo-theme .quick-search input,
body.site-photo-theme .filters input,
body.site-photo-theme .filters select,
body.site-photo-theme .composer textarea,
body.site-photo-theme .comment-form textarea,
body.site-photo-theme .review-form textarea,
body.site-photo-theme .stack-form input,
body.site-photo-theme .stack-form textarea,
body.site-photo-theme .stack-form select,
body.site-photo-theme .data-tools input,
body.site-photo-theme .host-tools input,
body.site-photo-theme .moderation-card input,
body.site-photo-theme .moderation-card select{
  background:linear-gradient(180deg,rgba(4,10,16,.38),rgba(5,12,19,.30))!important;
  color:#f5f9fc!important;
  border-color:rgba(255,255,255,.19)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
  backdrop-filter:blur(12px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(120%)!important;
}
body.site-photo-theme input::placeholder,
body.site-photo-theme textarea::placeholder{color:rgba(224,234,241,.62)!important}
body.site-photo-theme input:focus,
body.site-photo-theme textarea:focus,
body.site-photo-theme select:focus{
  border-color:rgba(114,199,255,.78)!important;
  box-shadow:0 0 0 3px rgba(70,170,235,.14),inset 0 1px 0 rgba(255,255,255,.08)!important;
}

/* Secondary chrome remains glass too. */
body.site-photo-theme .button.ghost,
body.site-photo-theme .more-menu[open],
body.site-photo-theme .nav.open{
  background:rgba(5,13,21,.38)!important;
  border-color:rgba(255,255,255,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 32px rgba(0,0,0,.12)!important;
  backdrop-filter:blur(20px) saturate(128%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(128%)!important;
}
body.site-photo-theme .thread:hover,
body.site-photo-theme .dashboard-actions a:hover{
  background:rgba(31,69,92,.34)!important;
  border-color:rgba(114,199,255,.44)!important;
}

/* Softer separators make the panels read as glass sheets. */
body.site-photo-theme .thread,
body.site-photo-theme .comment,
body.site-photo-theme .organizer,
body.site-photo-theme .byline,
body.site-photo-theme .card-social,
body.site-photo-theme .notice,
body.site-photo-theme .attendees{
  border-color:rgba(255,255,255,.12)!important;
}

/* Destructive state keeps its red meaning, but is still translucent. */
body.site-photo-theme .account-delete-card,
body.site-photo-theme .deletion-pending{
  background:linear-gradient(135deg,rgba(102,24,36,.30),rgba(29,14,21,.38))!important;
  border-color:rgba(255,132,145,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,190,196,.08),0 18px 44px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(20px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(125%)!important;
}

/* Preserve legibility without turning the whole background black. */
body.site-photo-theme .page,
body.site-photo-theme .section,
body.site-photo-theme .clean-auth-shell,
body.site-photo-theme .preview-auth-wrap{
  text-shadow:0 1px 3px rgba(0,0,0,.34);
}
body.site-photo-theme .card p,
body.site-photo-theme .feature p,
body.site-photo-theme .muted{
  text-shadow:0 1px 2px rgba(0,0,0,.34);
}

@media(max-width:800px){
  body.site-photo-theme{
    background-image:
      linear-gradient(180deg,rgba(2,8,14,.23),rgba(3,10,17,.37) 48%,rgba(3,10,17,.58)),
      linear-gradient(90deg,rgba(2,8,14,.20),rgba(2,8,14,.03) 52%,rgba(2,8,14,.20)),
      url('/assets/img/beach-original.jpg');
  }
  body.site-photo-theme .panel,
  body.site-photo-theme .card,
  body.site-photo-theme .feature,
  body.site-photo-theme .person,
  body.site-photo-theme .thread-list,
  body.site-photo-theme .comments,
  body.site-photo-theme .auth-card,
  body.site-photo-theme .clean-auth-card{
    background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(7,17,25,.36) 48%,rgba(5,13,21,.44))!important;
  }
}

/* ======================================================================
   2026-08-10 Preview-exact application redesign
   Rebuilds the signed-in UI around the approved sunset + clear-glass
   desktop/mobile previews while preserving #noSoloNet's production features.
   ====================================================================== */
:root{
  --preview-glass:rgba(24,28,31,.38);
  --preview-glass-strong:rgba(18,22,26,.53);
  --preview-glass-light:rgba(245,247,248,.13);
  --preview-line:rgba(255,255,255,.22);
  --preview-line-soft:rgba(255,255,255,.12);
  --preview-text:#f7f9fb;
  --preview-muted:#c9d0d6;
  --preview-blue:#286bff;
  --preview-blue-bright:#4191ff;
  --preview-shadow:0 24px 70px rgba(0,0,0,.28);
}
html{scroll-behavior:smooth}
body.preview-exact-theme{
  background-color:#071019!important;
  background-image:
    linear-gradient(180deg,rgba(5,11,16,.18) 0%,rgba(5,11,16,.27) 40%,rgba(5,11,16,.46) 100%),
    linear-gradient(90deg,rgba(4,9,14,.30),rgba(4,9,14,.05) 55%,rgba(4,9,14,.20)),
    url('/assets/img/beach-original.jpg')!important;
  background-position:center center!important;
  background-size:cover!important;
  background-attachment:fixed!important;
  color:var(--preview-text);
}
.preview-exact-theme .preview-main{min-height:calc(100vh - 76px)}
.preview-exact-theme.authenticated-shell .preview-main{padding-bottom:24px}
.preview-exact-theme a{transition:.18s ease}
.preview-page-shell{width:min(1420px,calc(100% - 72px));margin:0 auto;padding:34px 0 42px}
.preview-page-shell h1,.preview-page-shell h2,.preview-page-shell h3{font-family:'Space Grotesk',system-ui,sans-serif}
.preview-kicker{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.14em;color:#9cc8ff;text-transform:uppercase}
.glass-panel,
.preview-exact-theme .glass-panel{
  background:linear-gradient(135deg,rgba(32,34,35,.42),rgba(14,18,22,.32))!important;
  border:1px solid var(--preview-line)!important;
  border-radius:18px;
  box-shadow:var(--preview-shadow),inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(28px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(130%)!important;
}

/* Top navigation from the approved previews. */
body.preview-exact-theme .site-header.preview-topbar{
  position:sticky;top:0;z-index:100;padding:0!important;max-width:none!important;
  height:76px;background:linear-gradient(180deg,rgba(7,12,18,.64),rgba(6,11,16,.46))!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;box-shadow:none!important;
  backdrop-filter:blur(24px) saturate(130%)!important;-webkit-backdrop-filter:blur(24px) saturate(130%)!important;
}
.preview-nav-inner{width:min(1420px,calc(100% - 72px));height:100%;margin:0 auto;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:26px}
.preview-brand{justify-self:start;transform:scale(.92);transform-origin:left center}
.preview-brand .brand-logo-mark{width:66px;height:23px;margin-left:12px}.preview-brand .brand-logo-word{font-size:25px}
.preview-primary-nav{display:flex!important;align-items:stretch!important;justify-content:center;gap:30px;height:100%;position:static!important;background:none!important;border:0!important;padding:0!important}
.preview-primary-nav>a{display:inline-flex;align-items:center;position:relative;padding:0 2px;color:rgba(255,255,255,.76)!important;font-size:14px;font-weight:520;text-decoration:none}
.preview-primary-nav>a:hover,.preview-primary-nav>a.active{color:#fff!important}
.preview-primary-nav>a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:3px;background:linear-gradient(90deg,#5ba6ff,#286bff)}
.nav-mini-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:5px;padding:0 5px;border-radius:999px;background:#1879ff;color:white;font-size:10px;font-weight:800}
.preview-nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:17px}
.preview-plan-button{display:inline-flex;align-items:center;gap:11px!important;min-height:43px;padding:0 20px!important;border-radius:9px!important;background:linear-gradient(135deg,#3665ff,#226ee9)!important;color:white!important;box-shadow:0 9px 28px rgba(34,98,238,.28)!important}
.preview-plan-button span{font-size:20px;font-weight:300}.preview-bell{position:relative;display:grid;place-items:center;width:38px;height:38px;color:#fff!important;text-decoration:none;font-size:23px}.preview-bell>span{position:absolute;right:-2px;top:-3px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#247fff;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:800}
.preview-user-menu{position:relative}.preview-user-menu summary{list-style:none;display:flex;align-items:center;gap:6px;cursor:pointer}.preview-user-menu summary::-webkit-details-marker{display:none}.nav-avatar{width:39px!important;height:39px!important;border:2px solid rgba(255,255,255,.70)!important;background:rgba(255,255,255,.16)!important}.nav-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.preview-user-chevron{color:#fff;font-size:16px}
.preview-user-popover{position:absolute;right:0;top:52px;min-width:180px;padding:9px;border-radius:13px;background:rgba(9,14,20,.92);border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 50px rgba(0,0,0,.35);backdrop-filter:blur(22px)}
.preview-user-popover a,.preview-user-popover .link-button{display:block;width:100%;padding:9px 10px;text-align:left;border-radius:8px;color:#e8eef3!important;font-size:13px}.preview-user-popover a:hover,.preview-user-popover .link-button:hover{background:rgba(255,255,255,.08)}
.preview-mobile-nav{display:none}

/* Dashboard / signed-in landing. */
.preview-dashboard{padding-top:0}
.preview-dashboard-hero{min-height:430px;display:flex;align-items:center;position:relative;border-bottom:1px solid rgba(255,255,255,.16)}
.preview-dashboard-hero:before{content:"";position:absolute;inset:0 -5vw;background:linear-gradient(90deg,rgba(2,8,13,.50),rgba(4,10,15,.08) 60%,rgba(4,10,15,0));z-index:-1}
.preview-hero-copy{max-width:620px;padding:58px 0 95px;text-shadow:0 3px 20px rgba(0,0,0,.55)}
.preview-hero-copy h1{font-size:clamp(58px,6.2vw,90px);line-height:.94;letter-spacing:-4px;margin:10px 0 21px;color:#fff}.preview-hero-copy p{font-size:22px;color:#f0f2f4;margin:0 0 28px}.preview-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.preview-hero-actions .button{min-height:50px;padding:0 22px}.preview-hero-actions .ghost{border-color:rgba(255,255,255,.55)!important;background:rgba(10,14,18,.16)!important;color:#fff!important}
.preview-search-dock{position:relative;z-index:4;margin:-42px 0 18px;padding:15px 18px;display:grid;grid-template-columns:1.65fr 1.25fr .75fr .78fr 140px;align-items:end;gap:12px;border-radius:13px!important}
.preview-search-dock label{display:grid;gap:6px;font-size:11px;color:#edf1f4}.preview-search-dock label>span{font-weight:650}.preview-search-dock input,.preview-search-dock select,.preview-static-input{height:42px;border:1px solid rgba(255,255,255,.11)!important;background:rgba(5,10,14,.48)!important;border-radius:7px!important;color:#fff!important;padding:0 12px!important;font-size:13px}.preview-static-input{display:flex;align-items:center;justify-content:space-between}.preview-search-dock .button{height:42px;margin:0}
.preview-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:15px}.preview-popular-panel,.preview-upcoming-panel{padding:15px}.preview-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.preview-panel-heading h1,.preview-panel-heading h2{margin:0}.preview-panel-heading h2{font-size:18px}.preview-panel-heading a{font-size:12px;color:#62a8ff!important}.preview-horizontal-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.preview-upcoming-list{display:grid}.preview-upcoming-list>a{display:grid;grid-template-columns:34px 1fr 12px;align-items:center;gap:10px;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.12);text-decoration:none;color:#fff!important}.preview-upcoming-list>a:last-child{border-bottom:0}.preview-upcoming-list span:nth-child(2){display:grid;gap:2px;min-width:0}.preview-upcoming-list b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-upcoming-list small{font-size:10px;color:#c6ced4}.preview-upcoming-list em{font-style:normal;color:#8dbaff}.preview-upcoming-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:rgba(45,116,255,.17);color:#7db6ff;font-weight:800}
.preview-feature-strip{margin-top:15px;padding:13px 19px;display:grid;grid-template-columns:repeat(4,1fr);border-radius:13px!important}.preview-feature-strip>a{display:grid;grid-template-columns:40px 1fr;grid-template-areas:"icon title" "icon copy";gap:2px 10px;padding:5px 15px;text-decoration:none;border-right:1px solid rgba(255,255,255,.13)}.preview-feature-strip>a:last-child{border-right:0}.preview-feature-strip span{grid-area:icon;font-size:29px;color:#4d99ff;align-self:center}.preview-feature-strip b{grid-area:title;color:#fff;font-size:12px}.preview-feature-strip small{grid-area:copy;color:#c0c8ce;font-size:10px;line-height:1.4}

/* Activity cards shared by Dashboard, Discover and Profile. */
.preview-activity-card{overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:rgba(5,10,14,.50);box-shadow:0 12px 28px rgba(0,0,0,.18);min-width:0}.preview-card-art{height:150px;display:block;position:relative;overflow:hidden;text-decoration:none}.preview-card-art-photo,.preview-plan-photo,.preview-plan-thumb,.preview-detail-photo{background-image:linear-gradient(rgba(0,0,0,.07),rgba(0,0,0,.07)),var(--activity-photo,url('/assets/img/activities/custom-activity.webp'));background-size:cover;background-repeat:no-repeat;background-position:center}.preview-card-art-photo{position:absolute;inset:0;transform:scale(1.02);transition:.25s transform}.preview-activity-card:hover .preview-card-art-photo{transform:scale(1.06)}.preview-card-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(2,5,8,.13) 52%,rgba(2,5,8,.76))}.preview-card-tag,.preview-card-status{position:absolute;z-index:2;top:10px;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800;color:#fff}.preview-card-tag{left:10px;background:#176fe7}.preview-card-status{right:10px;background:#169657}.preview-card-status.warning{background:#ef5f32}.preview-card-body{padding:11px 12px 10px}.preview-card-body h3{font-size:15px;margin:0 0 5px}.preview-card-body h3 a{color:#fff!important;text-decoration:none}.preview-card-location{margin:0 0 5px;color:#d6dde2;font-size:11px}.preview-card-copy{margin:0 0 7px;color:#c0c8ce;font-size:10.5px;line-height:1.45;min-height:30px}.preview-card-meta{display:grid;gap:3px;color:#d3d9de;font-size:10px}.preview-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:9px;padding-top:8px;border-top:1px solid rgba(255,255,255,.13);font-size:10px;color:#d6dde2}.preview-card-footer a{color:#fff!important;padding:5px 7px;border-radius:6px;background:rgba(255,255,255,.10)}

/* Discover page. */
.preview-page-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px;text-shadow:0 2px 18px rgba(0,0,0,.45)}.preview-page-title-row h1{font-size:47px;letter-spacing:-2px;margin:6px 0 5px}.preview-page-title-row p{margin:0;color:#eef1f3}.preview-discover-filters{padding:15px;margin-bottom:25px}.preview-search-main{height:48px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid rgba(255,255,255,.17);border-radius:9px;background:rgba(4,9,13,.38)}.preview-search-main>span{font-size:22px;color:#dfe7ed}.preview-search-main input{height:100%;flex:1;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;color:#fff!important;font-size:14px}.preview-filter-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:12px}.preview-filter-row select,.preview-filter-chip{height:39px;padding:0 13px;border:1px solid rgba(255,255,255,.16)!important;border-radius:8px!important;background:rgba(5,10,14,.38)!important;color:#fff!important;font-size:11px;display:inline-flex;align-items:center;text-decoration:none}.preview-filter-chip.active{background:rgba(40,107,255,.32)!important;border-color:rgba(99,160,255,.65)!important}.preview-filter-row .button{height:39px;margin-left:auto}.preview-results-heading{display:flex;align-items:center;justify-content:space-between;margin:0 2px 13px;font-size:12px}.preview-results-heading span{color:#c4ccd2}.preview-discover-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.preview-discover-grid .preview-card-art{height:175px}.preview-pagination{margin-top:20px}.discover-feature-strip{grid-template-columns:repeat(3,1fr);margin-top:24px}.discover-feature-strip>a{padding:7px 26px}

/* Make a Plan two-column preview layout. */
.preview-create-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.72fr);gap:20px;align-items:start;max-width:1120px;margin:0 auto}.preview-plan-form{padding:31px 36px}.preview-form-heading h1{font-size:32px;margin:5px 0}.preview-form-heading p{margin:0;color:#d9dfe3}.preview-steps{display:flex;align-items:center;gap:10px;margin:27px 0 26px;font-size:10px;color:#e5e9ec}.preview-steps span{display:flex;align-items:center;gap:7px}.preview-steps b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.17)}.preview-steps .active b{background:#506dff;box-shadow:0 0 0 4px rgba(80,109,255,.13)}.preview-steps i{height:1px;flex:1;background:rgba(255,255,255,.25)}.preview-form-section{display:grid;grid-template-columns:1fr 1fr;gap:15px 14px}.preview-form-section label{display:grid;gap:6px;color:#fff;font-size:11px;font-weight:650}.preview-form-section label>em{color:#ffbc85}.preview-form-section label.span-2{grid-column:1/-1}.preview-form-section input,.preview-form-section select,.preview-form-section textarea{width:100%;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:8px!important;color:#fff!important;padding:11px 12px!important;box-shadow:none!important}.preview-form-section input,.preview-form-section select{height:42px}.preview-form-section textarea{min-height:105px;resize:vertical}.preview-form-section small{color:#cbd2d7;font-weight:400;font-size:9.5px}.preview-check{display:flex!important;align-items:center;align-self:end;grid-template-columns:auto 1fr!important;height:42px}.preview-check input{width:auto!important;height:auto!important}.preview-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:25px}.preview-publish-button{min-width:210px}.preview-plan-preview-wrap{display:grid;gap:14px;position:sticky;top:98px}.preview-plan-preview{padding:20px}.preview-plan-preview-card{margin-top:12px;overflow:hidden;border:1px solid rgba(255,255,255,.20);border-radius:11px;background:rgba(4,9,13,.54)}.preview-plan-photo{height:255px;position:relative;background-position:center}.preview-plan-preview-copy{padding:17px}.preview-plan-preview-copy h2{font-size:23px;margin:0 0 10px}.preview-plan-preview-copy p{margin:6px 0;color:#e7ebee;font-size:11px;line-height:1.5}.preview-mini-attendees{display:flex;align-items:center;gap:9px;margin-top:15px;padding-top:12px;border-top:1px solid rgba(255,255,255,.15);font-size:10px;color:#d9dfe3}.preview-safety-callout{display:flex;gap:13px;padding:18px}.preview-safety-callout>span{font-size:34px}.preview-safety-callout b{font-size:12px}.preview-safety-callout p{margin:5px 0 0;color:#cdd4d9;font-size:10px;line-height:1.5}

/* Messages three-column layout. */
.preview-messages-page{width:min(1500px,calc(100% - 48px));padding-top:27px}.preview-message-shell{display:grid;grid-template-columns:315px minmax(0,1fr) 315px;gap:14px;height:calc(100vh - 128px);min-height:620px}.preview-thread-column,.preview-chat-column,.preview-message-empty,.preview-message-info,.preview-conversation-details{min-height:0;overflow:hidden}.preview-thread-column{padding:13px;display:flex;flex-direction:column}.preview-thread-heading{display:flex;align-items:center;justify-content:space-between;padding:7px 7px 12px}.preview-thread-heading h1,.preview-thread-heading h2{font-size:22px;margin:0}.preview-thread-heading>a,.preview-thread-heading>span{color:#6da7ff}.preview-thread-search{display:flex;align-items:center;gap:7px;padding:0 11px;height:42px;border:1px solid rgba(255,255,255,.19);border-radius:8px;background:rgba(4,9,13,.27)}.preview-thread-search input{flex:1;height:100%;border:0!important;background:none!important;box-shadow:none!important;padding:0!important}.preview-thread-tabs{display:flex;gap:6px;padding:10px 0}.preview-thread-tabs span{padding:6px 12px;border-radius:7px;color:#d4d9dd;font-size:10px}.preview-thread-tabs .active{background:#206bef;color:#fff}.preview-thread-list{overflow:auto;padding-right:2px}.preview-thread-item{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:9px;padding:10px 8px;border-radius:9px;text-decoration:none;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.08)}.preview-thread-item:hover,.preview-thread-item.active{background:rgba(38,108,255,.28);border-color:rgba(78,142,255,.38)}.preview-thread-item .avatar{width:42px;height:42px}.preview-thread-item>span:nth-child(2){display:grid;gap:3px;min-width:0}.preview-thread-item b{font-size:12px}.preview-thread-item small{font-size:9.5px;color:#c8ced3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-thread-item time{font-size:9px;color:#c0c6cb;align-self:start;padding-top:3px}.preview-message-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.preview-empty-icon{font-size:58px;color:#78afff}.preview-message-empty h2{margin:12px 0 7px}.preview-message-empty p{max-width:430px;color:#ccd3d8;line-height:1.55}.preview-message-info,.preview-conversation-details{padding:22px}.preview-message-info{display:flex;flex-direction:column;justify-content:center}.preview-message-info h3{font-size:25px;margin:10px 0}.preview-message-info p{color:#d3d9de;line-height:1.6}.preview-message-info a,.preview-safety-link{color:#7bb2ff!important;font-size:11px}.preview-chat-column{display:grid;grid-template-rows:auto 1fr auto}.preview-chat-header{height:67px;padding:10px 17px;border-bottom:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:space-between}.preview-chat-header>a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff!important}.preview-chat-header>a>span:last-child{display:grid;gap:2px}.preview-chat-header b{font-size:13px}.preview-chat-header small{color:#bfc7cd;font-size:9px}.preview-chat-messages{overflow:auto;padding:22px 20px;display:flex;flex-direction:column;gap:13px}.preview-chat-row{display:flex;align-items:flex-end;gap:8px;max-width:74%}.preview-chat-row.mine{align-self:flex-end;flex-direction:row-reverse}.preview-chat-bubble{padding:10px 12px;border-radius:10px;background:rgba(19,25,30,.66);border:1px solid rgba(255,255,255,.13)}.preview-chat-row.mine .preview-chat-bubble{background:linear-gradient(135deg,#245fe7,#3559d7);border-color:rgba(122,164,255,.55)}.preview-chat-bubble p{margin:0;color:#fff;font-size:11px;line-height:1.55}.preview-chat-bubble small{display:block;margin-top:5px;color:#d3d9df;font-size:8.5px;text-align:right}.preview-chat-bubble small a{color:#dbe8ff!important}.preview-chat-composer{display:grid;grid-template-columns:38px 1fr 42px;gap:8px;padding:12px 15px;border-top:1px solid rgba(255,255,255,.14)}.preview-chat-composer textarea{height:42px;min-height:42px;max-height:100px;border-radius:999px!important;padding:11px 15px!important;background:rgba(5,10,14,.35)!important}.preview-chat-composer>button:first-child{border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(255,255,255,.05);color:#fff}.preview-chat-composer .button{width:42px;height:42px;border-radius:50%!important;padding:0!important}.preview-chat-disabled{padding:14px 18px;border-top:1px solid rgba(255,255,255,.13);display:grid;gap:3px}.preview-chat-disabled span{color:#cbd2d7;font-size:10px}.preview-detail-profile{text-align:center;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.14)}.preview-detail-profile .huge{margin:0 auto 11px}.preview-detail-profile h2{margin:0 0 4px}.preview-detail-profile p{margin:0;color:#d1d7db}.preview-detail-intro{line-height:1.6;color:#d1d7dc;font-size:11px}.preview-detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.preview-detail-tags span{padding:6px 9px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.07);color:#eef2f5;font-size:9.5px}.preview-conversation-details .button{width:100%;margin-top:6px}.preview-safety-link{display:block;margin-top:14px;text-align:center}

/* Profile dashboard layout. */
.preview-profile-page{max-width:1340px}.preview-profile-hero{display:grid;grid-template-columns:135px minmax(0,1fr) auto;grid-template-areas:"avatar copy actions" "avatar stats stats";gap:12px 22px;padding:28px 31px;margin-bottom:15px}.preview-profile-avatar{grid-area:avatar;width:125px!important;height:125px!important;font-size:42px!important;border:2px solid rgba(255,255,255,.72)!important}.preview-profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.preview-profile-copy{grid-area:copy}.preview-profile-name-row{display:flex;align-items:center;gap:9px}.preview-profile-name-row h1{font-size:34px;margin:3px 0}.preview-profile-handle{color:#d6dde2;margin:0 0 12px!important}.preview-profile-copy>p{max-width:620px;margin:0;color:#e4e8eb;line-height:1.55}.preview-profile-actions{grid-area:actions;display:flex;align-items:flex-start;gap:8px}.preview-connected{padding:8px 11px;border-radius:8px;background:rgba(21,148,91,.20);border:1px solid rgba(57,195,127,.35);font-size:11px}.preview-profile-stats{grid-area:stats;display:grid;grid-template-columns:repeat(4,1fr);margin-top:10px;border-top:1px solid rgba(255,255,255,.15)}.preview-profile-stats>div{padding:18px 20px 2px;text-align:center;border-right:1px solid rgba(255,255,255,.13)}.preview-profile-stats>div:last-child{border-right:0}.preview-profile-stats b{display:block;color:#6eaaff;font-size:23px}.preview-profile-stats span{display:block;margin-top:4px;color:#d5dbe0;font-size:10px}.preview-profile-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.preview-profile-panel{padding:18px}.preview-profile-plan-list{display:grid}.preview-profile-plan-list>a{display:grid;grid-template-columns:86px 1fr 12px;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12);text-decoration:none;color:#fff!important}.preview-profile-plan-list>a:last-child{border-bottom:0}.preview-plan-thumb{display:block;width:86px;height:62px;border-radius:8px;background-position:center}.preview-profile-plan-list>a>span:nth-child(2){display:grid;gap:2px}.preview-profile-plan-list b{font-size:11.5px}.preview-profile-plan-list small{font-size:9px;color:#c9d0d5}.preview-profile-plan-list em{font-style:normal}.preview-plan-date{width:58px;height:62px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:rgba(6,12,17,.38);display:grid;place-items:center;align-content:center}.preview-plan-date b{font-size:8px!important;color:#6da9ff;text-transform:uppercase}.preview-plan-date strong{font-size:22px}.preview-review-list{display:grid;gap:9px}.preview-review-list blockquote{margin:0;padding:10px 12px;border-radius:9px;background:rgba(5,10,14,.28);border:1px solid rgba(255,255,255,.10)}.preview-review-list blockquote p{font-size:10px;line-height:1.5;margin:5px 0}.preview-review-list footer{font-size:9px;color:#c9d0d5}.preview-connections-panel{margin-top:15px;padding:18px}.preview-connections-row{display:flex;gap:10px;overflow:auto}.preview-connections-row>a{min-width:132px;padding:12px;border-radius:10px;background:rgba(5,10,14,.28);border:1px solid rgba(255,255,255,.11);display:grid;justify-items:center;gap:4px;text-decoration:none;color:#fff!important}.preview-connections-row b{font-size:10px}.preview-connections-row small{font-size:8.5px;color:#c8cfd4}.preview-review-form{margin-top:15px;padding:20px;display:grid;grid-template-columns:180px 1fr auto;gap:12px;align-items:end}.preview-review-form h2{grid-column:1/-1;margin:0}.preview-review-form label{display:grid;gap:5px}

/* Settings side navigation and stacked content. */
.preview-settings-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;max-width:1240px;margin:0 auto}.preview-settings-sidebar{position:sticky;top:100px;align-self:start;padding:17px 13px}.preview-settings-sidebar h2{font-size:18px;margin:4px 9px 14px}.preview-settings-sidebar>a{display:flex;align-items:center;gap:10px;padding:12px 10px;border-radius:9px;text-decoration:none;color:#f0f3f5!important;font-size:11px}.preview-settings-sidebar>a.active,.preview-settings-sidebar>a:hover{background:rgba(255,255,255,.12)}.preview-settings-sidebar>a.danger-link{margin-top:14px;padding-top:15px;border-top:1px solid rgba(255,255,255,.12);color:#ff817c!important}.preview-settings-content{display:grid;gap:13px}.preview-settings-form{display:grid;gap:13px}.preview-settings-card{padding:21px 23px;scroll-margin-top:102px}.preview-settings-card h1,.preview-settings-card h2{font-size:20px;margin:4px 0}.preview-account-summary{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.preview-account-summary>span:last-child{display:grid;gap:2px}.preview-account-summary small{color:#cad1d6;font-size:10px}.preview-settings-two{display:grid;grid-template-columns:1fr 1.2fr;gap:13px;margin-top:15px}.preview-settings-card label{font-size:10px}.preview-settings-card input:not([type=checkbox]),.preview-settings-card select{width:100%;height:40px;margin-top:6px;background:rgba(5,10,14,.34)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:8px!important;color:#fff!important}.preview-settings-card label>small{display:block;margin-top:5px;color:#c7ced3}.preview-device-card{background:rgba(4,10,15,.25)!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:10px;padding:14px;margin-bottom:10px}.preview-toggle-list{display:grid}.preview-toggle-list>label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 2px;border-bottom:1px solid rgba(255,255,255,.11)}.preview-toggle-list>label:last-child{border-bottom:0}.preview-toggle-list>label>span{display:grid;gap:2px}.preview-toggle-list b{font-size:11px}.preview-toggle-list small{color:#c6cdd2;font-size:9px}.preview-switch{appearance:none!important;-webkit-appearance:none!important;width:38px!important;height:21px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(80,87,93,.48)!important;position:relative;cursor:pointer;transition:.18s}.preview-switch:after{content:"";position:absolute;width:15px;height:15px;top:2px;left:3px;border-radius:50%;background:#fff;transition:.18s}.preview-switch:checked{background:#247bff!important}.preview-switch:checked:after{left:18px}.preview-settings-save{margin-top:14px}.preview-danger-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 23px;border-color:rgba(255,94,89,.40)!important;background:linear-gradient(135deg,rgba(79,20,23,.42),rgba(31,13,17,.32))!important;scroll-margin-top:102px}.preview-danger-card h2{margin:4px 0;color:#ff8882}.preview-danger-card p{margin:0;color:#d8dadd;font-size:10px}.preview-delete-form{display:flex;gap:8px}.preview-delete-form input{height:40px;background:rgba(6,9,12,.35)!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:8px!important;color:#fff!important;padding:0 11px!important}

/* Existing secondary pages inherit the same preview glass language. */
.preview-exact-theme.authenticated-shell .page:not(.preview-page-shell),
.preview-exact-theme.authenticated-shell .auth-wrap{width:min(1180px,calc(100% - 72px));margin:0 auto;padding-top:32px}.preview-exact-theme.authenticated-shell .panel:not(.glass-panel),.preview-exact-theme.authenticated-shell .thread-list,.preview-exact-theme.authenticated-shell .comments,.preview-exact-theme.authenticated-shell .notification-group{background:linear-gradient(135deg,rgba(30,33,35,.43),rgba(12,17,21,.34))!important;border-color:var(--preview-line)!important;backdrop-filter:blur(28px) saturate(130%)!important;-webkit-backdrop-filter:blur(28px) saturate(130%)!important;box-shadow:var(--preview-shadow)!important}.preview-exact-theme.authenticated-shell input,.preview-exact-theme.authenticated-shell select,.preview-exact-theme.authenticated-shell textarea{background:rgba(5,10,14,.38)!important;border-color:rgba(255,255,255,.19)!important;color:#fff!important}

/* Responsive layouts mirror the mobile preview with a bottom nav. */
@media(max-width:1180px){
  .preview-nav-inner{width:min(100% - 36px,1120px);grid-template-columns:150px 1fr auto}.preview-primary-nav{gap:18px}.preview-primary-nav>a{font-size:12px}.preview-page-shell{width:calc(100% - 36px)}
  .preview-search-dock{grid-template-columns:1.5fr 1.1fr .75fr 120px}.preview-search-dock label:nth-of-type(4){display:none}
  .preview-dashboard-grid{grid-template-columns:1fr}.preview-upcoming-panel{display:none}.preview-discover-grid{grid-template-columns:repeat(3,1fr)}
  .preview-message-shell{grid-template-columns:270px 1fr}.preview-conversation-details,.preview-message-info{display:none}.preview-profile-grid{grid-template-columns:1fr 1fr}.preview-profile-grid>section:last-child{grid-column:1/-1}.preview-settings-layout{grid-template-columns:210px 1fr}
}
@media(max-width:820px){
  body.preview-exact-theme{background-attachment:scroll!important;background-position:42% top!important;background-size:auto 100vh!important;background-repeat:repeat-y!important}.preview-exact-theme.authenticated-shell .preview-main{padding-bottom:88px}
  body.preview-exact-theme .site-header.preview-topbar{height:72px}.preview-nav-inner{width:calc(100% - 28px);grid-template-columns:1fr auto;gap:10px}.preview-brand{transform:scale(.82)}.preview-primary-nav{display:none!important}.preview-nav-actions .preview-plan-button{display:none}.preview-bell{width:33px}.preview-user-chevron{display:none}.preview-nav-actions{gap:7px}.nav-toggle{display:none!important}
  .guest-shell .nav-toggle{display:grid!important;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(8,14,20,.48);color:#fff;font-size:25px;line-height:1;cursor:pointer;justify-self:end}
  .guest-shell .nav-toggle:hover,.guest-shell .nav-toggle:focus-visible{border-color:rgba(126,184,255,.78);background:rgba(25,67,112,.58)}
  .guest-shell .preview-nav-actions{display:none}
  .guest-shell .preview-primary-nav.open{display:flex!important;position:absolute!important;top:72px;left:14px;right:14px;height:auto!important;z-index:160;flex-direction:column;align-items:stretch!important;justify-content:flex-start!important;gap:2px!important;padding:10px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:14px!important;background:rgba(8,14,20,.96)!important;box-shadow:0 20px 46px rgba(0,0,0,.46)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
  .guest-shell .preview-primary-nav.open>a{display:flex;min-height:48px;padding:0 14px;border-radius:9px;font-size:15px!important}
  .guest-shell .preview-primary-nav.open>a:hover,.guest-shell .preview-primary-nav.open>a:focus-visible{background:rgba(255,255,255,.10)}
  .preview-mobile-nav{position:fixed;z-index:120;left:10px;right:10px;bottom:10px;height:68px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:rgba(8,12,16,.76);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;box-shadow:0 18px 44px rgba(0,0,0,.36)}.preview-mobile-nav a{display:grid;justify-items:center;gap:3px;text-decoration:none;color:#eef1f3!important;font-size:9px}.preview-mobile-nav a>span{font-size:23px}.preview-mobile-nav a.active{color:#65a8ff!important}.preview-mobile-nav .mobile-create>span{width:48px;height:48px;margin-top:-26px;border-radius:50%;display:grid;place-items:center;background:#247bff;color:#fff;font-size:29px;box-shadow:0 10px 30px rgba(32,113,255,.4)}
  .preview-page-shell,.preview-messages-page{width:calc(100% - 28px);padding:22px 0}.preview-dashboard{width:100%;padding-top:0}.preview-dashboard-hero{min-height:510px;padding:0 22px}.preview-hero-copy{padding:140px 0 80px;max-width:560px}.preview-hero-copy h1{font-size:56px}.preview-hero-copy p{font-size:17px}.preview-search-dock{width:calc(100% - 28px);margin:-38px auto 14px;grid-template-columns:1fr 1fr;padding:13px}.preview-search-dock label:nth-of-type(2){display:none}.preview-search-dock .button{grid-column:2}.preview-dashboard-grid{padding:0 14px}.preview-horizontal-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.preview-horizontal-cards>.preview-activity-card{min-width:260px;scroll-snap-align:start}.preview-feature-strip{margin:14px;grid-template-columns:1fr 1fr}.preview-feature-strip>a{border-right:0;border-bottom:1px solid rgba(255,255,255,.10)}
  .preview-page-title-row{align-items:flex-start}.preview-page-title-row h1{font-size:37px}.preview-page-title-row>.button{display:none}.preview-filter-row{display:grid;grid-template-columns:1fr 1fr}.preview-filter-row .button{margin:0}.preview-search-main{height:46px}.preview-discover-grid{grid-template-columns:1fr 1fr}.discover-feature-strip{grid-template-columns:1fr;margin-left:0;margin-right:0}.discover-feature-strip>a{border-right:0}
  .preview-create-grid{grid-template-columns:1fr}.preview-plan-preview-wrap{position:static}.preview-plan-preview{display:none}.preview-plan-form{padding:24px 20px}.preview-form-section{grid-template-columns:1fr}.preview-form-section label.span-2{grid-column:auto}.preview-steps span{font-size:9px}.preview-safety-callout{margin-bottom:5px}
  .preview-message-shell{height:calc(100vh - 180px);grid-template-columns:1fr}.preview-thread-column{display:none}.preview-messages-page .preview-thread-column:first-child{display:flex}.preview-messages-page .preview-message-empty~*{display:none}.preview-messages-page .preview-message-empty{display:flex}.preview-chat-column{display:grid}.preview-chat-column~*{display:none}
  .preview-profile-hero{grid-template-columns:90px 1fr;grid-template-areas:"avatar copy" "actions actions" "stats stats";padding:22px}.preview-profile-avatar{width:86px!important;height:86px!important}.preview-profile-name-row h1{font-size:28px}.preview-profile-actions{justify-content:flex-start}.preview-profile-stats{grid-template-columns:1fr 1fr}.preview-profile-stats>div:nth-child(2){border-right:0}.preview-profile-grid{grid-template-columns:1fr}.preview-profile-grid>section:last-child{grid-column:auto}
  .preview-settings-layout{grid-template-columns:1fr}.preview-settings-sidebar{position:static;display:flex;overflow:auto;gap:5px;padding:9px}.preview-settings-sidebar h2{display:none}.preview-settings-sidebar>a{white-space:nowrap;padding:9px}.preview-settings-sidebar>a.danger-link{margin:0;padding-top:9px;border-top:0}.preview-settings-two{grid-template-columns:1fr}.preview-danger-card{align-items:flex-start;flex-direction:column}.preview-delete-form{width:100%;flex-direction:column}.preview-delete-form input,.preview-delete-form .button{width:100%}
}
@media(max-width:560px){
  .preview-dashboard-hero{min-height:500px}.preview-hero-copy{padding-top:125px}.preview-hero-copy h1{font-size:49px;letter-spacing:-2px}.preview-hero-actions{display:grid;grid-template-columns:1fr 1fr}.preview-hero-actions .button{padding:0 12px;font-size:12px}.preview-search-dock{grid-template-columns:1fr}.preview-search-dock label:nth-of-type(3){display:none}.preview-search-dock .button{grid-column:auto}.preview-horizontal-cards>.preview-activity-card{min-width:78vw}.preview-feature-strip{grid-template-columns:1fr}.preview-discover-grid{grid-template-columns:1fr}.preview-discover-grid .preview-card-art{height:205px}.preview-filter-row{grid-template-columns:1fr}.preview-results-heading span{display:none}.preview-plan-form{padding:20px 16px}.preview-steps i{display:none}.preview-steps{justify-content:space-between}.preview-form-bottom{align-items:stretch;flex-direction:column}.preview-form-bottom .button{width:100%}.preview-profile-hero{grid-template-columns:1fr;grid-template-areas:"avatar" "copy" "actions" "stats";text-align:center}.preview-profile-avatar{margin:auto}.preview-profile-name-row{justify-content:center}.preview-profile-actions{justify-content:center}.preview-detail-tags{justify-content:center}.preview-profile-stats{grid-template-columns:1fr 1fr}.preview-profile-panel{padding:14px}.preview-profile-plan-list>a{grid-template-columns:68px 1fr 10px}.preview-plan-thumb{width:68px;height:56px}.preview-settings-card{padding:17px}.preview-toggle-list>label{gap:10px}.preview-device-card{padding:10px}
}

/* Preview-exact activity detail page. */
.preview-back-link{display:inline-block;margin:0 0 13px;color:#e9eef2!important;font-size:11px;text-decoration:none}.preview-plan-detail-grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(290px,.65fr);gap:16px;align-items:start}.preview-plan-main{overflow:hidden}.preview-detail-photo{height:360px;position:relative}.preview-detail-photo-tags{position:absolute;left:18px;top:18px;z-index:2;display:flex;gap:7px}.preview-detail-photo-tags span{padding:6px 9px;border-radius:999px;background:#1e6ee8;color:#fff;font-size:9px;font-weight:800}.preview-detail-photo-tags .ongoing{background:#15915b}.preview-plan-main-copy{padding:24px 26px}.preview-plan-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.preview-plan-title-row h1{font-size:36px;letter-spacing:-1.6px;margin:5px 0 12px}.preview-plan-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);margin:5px 0 22px}.preview-plan-meta-grid>div{display:grid;grid-template-columns:27px 1fr;grid-template-areas:"icon title" "icon copy";gap:2px 6px;padding:15px 11px;border-right:1px solid rgba(255,255,255,.12)}.preview-plan-meta-grid>div:last-child{border-right:0}.preview-plan-meta-grid span{grid-area:icon;font-size:20px;color:#82b7ff}.preview-plan-meta-grid b{grid-area:title;font-size:10px}.preview-plan-meta-grid small{grid-area:copy;color:#ced5da;font-size:9px}.preview-plan-description h2,.preview-subsection h2,.preview-plan-comments h2{font-size:18px;margin:0 0 10px}.preview-plan-description p{font-size:12px;line-height:1.7;color:#e0e4e7}.preview-detail-chip{display:inline-flex;margin:5px 6px 0 0;padding:6px 9px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.07);font-size:9px}.preview-subsection{margin-top:23px;padding-top:20px;border-top:1px solid rgba(255,255,255,.13)}.preview-update-list{display:grid;gap:8px}.preview-update-list>div{padding:11px 12px;border-radius:8px;background:rgba(5,10,14,.25);border:1px solid rgba(255,255,255,.10)}.preview-update-list b,.preview-update-list small{display:block}.preview-update-list small{font-size:8px;color:#bdc5ca}.preview-update-list p{font-size:10px;line-height:1.5;margin:5px 0 0}.preview-attendee-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preview-attendee-grid>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:8px;background:rgba(4,9,13,.24);border:1px solid rgba(255,255,255,.09)}.preview-attendee-grid a{display:flex;align-items:center;gap:7px;color:#fff!important;text-decoration:none;font-size:10px}.preview-plan-sidebar{display:grid;gap:12px;position:sticky;top:96px}.preview-host-card,.preview-join-card,.preview-plan-actions,.preview-host-tools{padding:18px}.preview-host-card>a:first-of-type{display:flex;align-items:center;gap:12px;margin:12px 0;text-decoration:none;color:#fff!important}.preview-host-card .huge{width:65px!important;height:65px!important;font-size:24px!important}.preview-host-card h2{font-size:18px;margin:0 0 3px}.preview-host-card h2 i{font-style:normal;color:#59a2ff}.preview-host-card p{margin:0;color:#ccd3d8;font-size:10px}.preview-host-card>.button{width:100%}.preview-join-card h2,.preview-plan-actions h2,.preview-host-tools h2{font-size:16px;margin:0 0 8px}.preview-join-card p{font-size:10px;line-height:1.55;color:#d2d8dc}.preview-plan-actions{display:grid}.preview-plan-actions>a{display:flex;justify-content:space-between;padding:11px 1px;border-bottom:1px solid rgba(255,255,255,.12);text-decoration:none;color:#eef2f4!important;font-size:10px}.preview-plan-actions>a:last-child{border-bottom:0}.preview-host-tools form{display:grid;gap:7px;margin-top:10px}.preview-host-tools input,.preview-host-tools textarea{width:100%;background:rgba(5,10,14,.32)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:7px!important;color:#fff!important}.preview-host-tools textarea{min-height:78px}.preview-plan-comments{margin-top:16px;padding:21px 24px}.preview-comments-list{display:grid;gap:10px}.preview-comments-list>div{display:grid;grid-template-columns:34px 1fr;gap:9px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.10)}.preview-comments-list>div:last-child{border-bottom:0}.preview-comments-list>div>span:last-child{display:grid;grid-template-columns:1fr auto;gap:2px}.preview-comments-list b{font-size:10px}.preview-comments-list small{font-size:8px;color:#bfc7cd}.preview-comments-list p{grid-column:1/-1;margin:2px 0;color:#e1e5e8;font-size:10px}.preview-plan-comments>form{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:14px}.preview-plan-comments textarea{min-height:48px;height:48px;padding:12px!important}.preview-safety-footer{display:flex;gap:12px;margin-top:12px;padding:13px 17px;font-size:10px}.preview-safety-footer span{color:#d3dade}
@media(max-width:980px){.preview-plan-detail-grid{grid-template-columns:1fr}.preview-plan-sidebar{position:static;grid-template-columns:1fr 1fr}.preview-plan-meta-grid{grid-template-columns:1fr 1fr}.preview-plan-meta-grid>div:nth-child(2){border-right:0}.preview-plan-sidebar .preview-host-tools{grid-column:1/-1}}
@media(max-width:620px){.preview-detail-photo{height:280px}.preview-plan-main-copy{padding:19px 16px}.preview-plan-title-row{flex-direction:column}.preview-plan-title-row h1{font-size:30px}.preview-plan-meta-grid{grid-template-columns:1fr}.preview-plan-meta-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.10)}.preview-plan-meta-grid>div:last-child{border-bottom:0}.preview-attendee-grid{grid-template-columns:1fr}.preview-plan-sidebar{grid-template-columns:1fr}.preview-plan-comments>form{grid-template-columns:1fr}.preview-safety-footer{flex-direction:column}}

/* Mobile messages: index shows threads; conversation route shows chat. */
@media(max-width:820px){
  .preview-message-shell.inbox-only .preview-thread-column{display:flex!important}.preview-message-shell.inbox-only .preview-message-empty,.preview-message-shell.inbox-only .preview-message-info{display:none!important}
  .preview-message-shell.has-chat .preview-thread-column{display:none!important}.preview-message-shell.has-chat .preview-chat-column{display:grid!important}
}

/* ======================================================================
   2026-08-11 Fuller transparency + brighter preview typography refresh
   Matches the approved previews more closely by letting more of the photo
   show through and by using crisper white lettering throughout.
   ====================================================================== */
:root{
  --preview-glass:rgba(255,255,255,.11);
  --preview-glass-strong:rgba(255,255,255,.16);
  --preview-glass-light:rgba(255,255,255,.18);
  --preview-line:rgba(255,255,255,.26);
  --preview-line-soft:rgba(255,255,255,.14);
  --preview-text:#ffffff;
  --preview-muted:rgba(255,255,255,.90);
}
body.preview-exact-theme{
  background-image:
    linear-gradient(180deg,rgba(5,11,16,.08) 0%,rgba(5,11,16,.18) 42%,rgba(5,11,16,.33) 100%),
    linear-gradient(90deg,rgba(4,9,14,.14),rgba(4,9,14,.02) 55%,rgba(4,9,14,.10)),
    url('/assets/img/beach-original.jpg')!important;
}
body.preview-exact-theme .site-header.preview-topbar{
  background:linear-gradient(180deg,rgba(14,18,24,.28),rgba(12,17,22,.18))!important;
  border-bottom:1px solid rgba(255,255,255,.20)!important;
  backdrop-filter:blur(26px) saturate(136%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(136%)!important;
}
.preview-nav-inner,
.preview-page-shell,
.preview-messages-page{color:#fff}
.glass-panel,
.preview-exact-theme .glass-panel,
body.preview-exact-theme .preview-search-dock,
body.preview-exact-theme .preview-popular-panel,
body.preview-exact-theme .preview-upcoming-panel,
body.preview-exact-theme .preview-feature-strip,
body.preview-exact-theme .preview-activity-card,
body.preview-exact-theme .preview-thread-column,
body.preview-exact-theme .preview-chat-column,
body.preview-exact-theme .preview-message-empty,
body.preview-exact-theme .preview-message-info,
body.preview-exact-theme .preview-conversation-details,
body.preview-exact-theme .preview-profile-hero,
body.preview-exact-theme .preview-profile-panel,
body.preview-exact-theme .preview-settings-sidebar,
body.preview-exact-theme .preview-settings-card,
body.preview-exact-theme .preview-plan-form,
body.preview-exact-theme .preview-plan-preview,
body.preview-exact-theme .preview-safety-callout,
body.preview-exact-theme .preview-plan-main,
body.preview-exact-theme .preview-plan-comments,
body.preview-exact-theme .preview-host-card,
body.preview-exact-theme .preview-join-card,
body.preview-exact-theme .preview-plan-actions,
body.preview-exact-theme .preview-host-tools,
body.preview-exact-theme .preview-danger-card{
  background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.07) 46%,rgba(255,255,255,.05) 100%)!important;
  border:1px solid rgba(255,255,255,.25)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.28)!important;
  backdrop-filter:blur(30px) saturate(138%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(138%)!important;
}
body.preview-exact-theme .preview-plan-preview-card,
body.preview-exact-theme .preview-thread-search,
body.preview-exact-theme .preview-chat-bubble,
body.preview-exact-theme .preview-update-list>div,
body.preview-exact-theme .preview-attendee-grid>div,
body.preview-exact-theme .preview-delete-form input,
body.preview-exact-theme .preview-form-section input,
body.preview-exact-theme .preview-form-section select,
body.preview-exact-theme .preview-form-section textarea,
body.preview-exact-theme .preview-search-dock input,
body.preview-exact-theme .preview-search-dock select,
body.preview-exact-theme .preview-static-input,
body.preview-exact-theme .preview-chat-composer textarea,
body.preview-exact-theme .preview-host-tools input,
body.preview-exact-theme .preview-host-tools textarea{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.24)!important;
  color:#fff!important;
}
body.preview-exact-theme .preview-primary-nav>a,
body.preview-exact-theme .preview-panel-heading h1,
body.preview-exact-theme .preview-panel-heading h2,
body.preview-exact-theme .preview-hero-copy h1,
body.preview-exact-theme .preview-hero-copy p,
body.preview-exact-theme .preview-card-copy h3,
body.preview-exact-theme .preview-card-copy p,
body.preview-exact-theme .preview-card-meta,
body.preview-exact-theme .preview-card-meta span,
body.preview-exact-theme .preview-card-meta b,
body.preview-exact-theme .preview-thread-item b,
body.preview-exact-theme .preview-thread-item small,
body.preview-exact-theme .preview-thread-item time,
body.preview-exact-theme .preview-message-info h3,
body.preview-exact-theme .preview-message-info p,
body.preview-exact-theme .preview-detail-profile h2,
body.preview-exact-theme .preview-detail-profile p,
body.preview-exact-theme .preview-detail-intro,
body.preview-exact-theme .preview-profile-name-row h1,
body.preview-exact-theme .preview-profile-copy p,
body.preview-exact-theme .preview-profile-stats b,
body.preview-exact-theme .preview-profile-stats small,
body.preview-exact-theme .preview-profile-panel h2,
body.preview-exact-theme .preview-profile-panel h3,
body.preview-exact-theme .preview-profile-panel p,
body.preview-exact-theme .preview-profile-panel small,
body.preview-exact-theme .preview-settings-card h1,
body.preview-exact-theme .preview-settings-card h2,
body.preview-exact-theme .preview-settings-card h3,
body.preview-exact-theme .preview-settings-card p,
body.preview-exact-theme .preview-settings-card small,
body.preview-exact-theme .preview-settings-sidebar a,
body.preview-exact-theme .preview-form-heading h1,
body.preview-exact-theme .preview-form-heading p,
body.preview-exact-theme .preview-form-section label,
body.preview-exact-theme .preview-form-section small,
body.preview-exact-theme .preview-plan-preview-copy h2,
body.preview-exact-theme .preview-plan-preview-copy p,
body.preview-exact-theme .preview-mini-attendees,
body.preview-exact-theme .preview-safety-callout b,
body.preview-exact-theme .preview-safety-callout p,
body.preview-exact-theme .preview-plan-title-row h1,
body.preview-exact-theme .preview-plan-description p,
body.preview-exact-theme .preview-subsection p,
body.preview-exact-theme .preview-update-list b,
body.preview-exact-theme .preview-update-list small,
body.preview-exact-theme .preview-update-list p,
body.preview-exact-theme .preview-host-card h2,
body.preview-exact-theme .preview-host-card p,
body.preview-exact-theme .preview-join-card h2,
body.preview-exact-theme .preview-join-card p,
body.preview-exact-theme .preview-plan-actions h2,
body.preview-exact-theme .preview-plan-actions a,
body.preview-exact-theme .preview-host-tools h2,
body.preview-exact-theme .preview-plan-comments h2,
body.preview-exact-theme .preview-comments-list b,
body.preview-exact-theme .preview-comments-list small,
body.preview-exact-theme .preview-comments-list p,
body.preview-exact-theme .preview-safety-footer,
body.preview-exact-theme .preview-safety-footer span,
body.preview-exact-theme .preview-empty-icon,
body.preview-exact-theme .preview-message-empty h2,
body.preview-exact-theme .preview-message-empty p,
body.preview-exact-theme .preview-results-heading h1,
body.preview-exact-theme .preview-results-heading span,
body.preview-exact-theme .preview-filter-row label,
body.preview-exact-theme .preview-filter-row select,
body.preview-exact-theme .preview-filter-row input,
body.preview-exact-theme .preview-upcoming-list b,
body.preview-exact-theme .preview-upcoming-list small,
body.preview-exact-theme .preview-popular-chip,
body.preview-exact-theme .preview-kicker{
  color:#fff!important;
}
body.preview-exact-theme .preview-thread-item small,
body.preview-exact-theme .preview-thread-item time,
body.preview-exact-theme .preview-profile-panel small,
body.preview-exact-theme .preview-settings-card small,
body.preview-exact-theme .preview-mini-attendees,
body.preview-exact-theme .preview-safety-callout p,
body.preview-exact-theme .preview-comments-list small,
body.preview-exact-theme .preview-upcoming-list small,
body.preview-exact-theme .preview-detail-profile p,
body.preview-exact-theme .preview-join-card p,
body.preview-exact-theme .preview-form-section small,
body.preview-exact-theme .preview-message-info a,
body.preview-exact-theme .preview-panel-heading a,
body.preview-exact-theme .preview-safety-link{
  color:rgba(255,255,255,.85)!important;
}
body.preview-exact-theme .preview-primary-nav>a.active:after{background:linear-gradient(90deg,#8ebcff,#4d7fff)}
body.preview-exact-theme .preview-thread-item:hover,
body.preview-exact-theme .preview-thread-item.active,
body.preview-exact-theme .preview-upcoming-list>a:hover,
body.preview-exact-theme .preview-profile-plan-list>a:hover,
body.preview-exact-theme .preview-settings-sidebar>a:hover,
body.preview-exact-theme .preview-settings-sidebar>a.active{
  background:rgba(255,255,255,.12)!important;
}
body.preview-exact-theme .preview-chat-row.mine .preview-chat-bubble,
body.preview-exact-theme .preview-plan-button,
body.preview-exact-theme .button.preview-plan-button,
body.preview-exact-theme .preview-publish-button,
body.preview-exact-theme .preview-chat-composer .button{
  background:linear-gradient(135deg,#5e8cff,#306eff)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.14)!important;
}

/* Updated logo colors: white mountain, blue # and blue S only. */
.brand-mountain-back,
.brand-mountain-ridge{fill:#f8fbff}
.brand-logo-hash,
.brand-logo-solo-s{color:#6fa8ff}
.brand-logo-prefix,
.brand-logo-solo-tail{color:#ffffff}
.brand-logo:hover .brand-logo-prefix,
.brand-logo:hover .brand-logo-solo-tail{color:#ffffff}
.brand-logo:hover .brand-logo-hash,
.brand-logo:hover .brand-logo-solo-s{color:#8cbcff}
.brand-logo:hover .brand-mountain-back,
.brand-logo:hover .brand-mountain-ridge{fill:#ffffff}

/* ======================================================================
   2026-08-11 Final transparency + controls correction
   Fuller glass transparency, white mountain / blue # logo, real bell,
   and compact three-line profile menu icon.
   ====================================================================== */
:root{
  --preview-glass:rgba(255,255,255,.065);
  --preview-glass-strong:rgba(255,255,255,.105);
  --preview-glass-light:rgba(255,255,255,.12);
  --preview-line:rgba(255,255,255,.24);
  --preview-line-soft:rgba(255,255,255,.13);
  --preview-text:#fff;
  --preview-muted:rgba(255,255,255,.88);
}
body.preview-exact-theme{
  background-image:
    linear-gradient(180deg,rgba(3,8,12,.035) 0%,rgba(3,8,12,.10) 46%,rgba(3,8,12,.24) 100%),
    linear-gradient(90deg,rgba(2,7,10,.075),rgba(2,7,10,0) 58%,rgba(2,7,10,.055)),
    url('/assets/img/beach-original.jpg')!important;
}
body.preview-exact-theme .site-header.preview-topbar{
  background:linear-gradient(180deg,rgba(10,15,20,.18),rgba(10,15,20,.10))!important;
  border-bottom-color:rgba(255,255,255,.21)!important;
  backdrop-filter:blur(24px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(140%)!important;
}
body.preview-exact-theme .site-footer{
  background:rgba(10,15,20,.12)!important;
  border-top-color:rgba(255,255,255,.18)!important;
}
body.preview-exact-theme .glass-panel,
body.preview-exact-theme .preview-search-dock,
body.preview-exact-theme .preview-popular-panel,
body.preview-exact-theme .preview-upcoming-panel,
body.preview-exact-theme .preview-feature-strip,
body.preview-exact-theme .preview-activity-card,
body.preview-exact-theme .preview-thread-column,
body.preview-exact-theme .preview-chat-column,
body.preview-exact-theme .preview-message-empty,
body.preview-exact-theme .preview-message-info,
body.preview-exact-theme .preview-conversation-details,
body.preview-exact-theme .preview-profile-hero,
body.preview-exact-theme .preview-profile-panel,
body.preview-exact-theme .preview-settings-sidebar,
body.preview-exact-theme .preview-settings-card,
body.preview-exact-theme .preview-plan-form,
body.preview-exact-theme .preview-plan-preview,
body.preview-exact-theme .preview-safety-callout,
body.preview-exact-theme .preview-plan-main,
body.preview-exact-theme .preview-plan-comments,
body.preview-exact-theme .preview-host-card,
body.preview-exact-theme .preview-join-card,
body.preview-exact-theme .preview-plan-actions,
body.preview-exact-theme .preview-host-tools,
body.preview-exact-theme .preview-danger-card,
body.preview-exact-theme.authenticated-shell .panel:not(.glass-panel),
body.preview-exact-theme.authenticated-shell .thread-list,
body.preview-exact-theme.authenticated-shell .comments,
body.preview-exact-theme.authenticated-shell .notification-group{
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035) 52%,rgba(3,8,12,.035))!important;
  border-color:rgba(255,255,255,.23)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.26)!important;
  backdrop-filter:blur(25px) saturate(142%)!important;
  -webkit-backdrop-filter:blur(25px) saturate(142%)!important;
}
body.preview-exact-theme .preview-plan-preview-card,
body.preview-exact-theme .preview-thread-search,
body.preview-exact-theme .preview-chat-bubble,
body.preview-exact-theme .preview-update-list>div,
body.preview-exact-theme .preview-attendee-grid>div,
body.preview-exact-theme input,
body.preview-exact-theme textarea,
body.preview-exact-theme select,
body.preview-exact-theme.authenticated-shell input,
body.preview-exact-theme.authenticated-shell textarea,
body.preview-exact-theme.authenticated-shell select{
  background:rgba(5,10,14,.10)!important;
  border-color:rgba(255,255,255,.22)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:blur(12px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(125%)!important;
}
body.preview-exact-theme input::placeholder,
body.preview-exact-theme textarea::placeholder{color:rgba(255,255,255,.67)!important}
body.preview-exact-theme .preview-chat-bubble{background:rgba(8,13,17,.15)!important}
body.preview-exact-theme .preview-chat-row.mine .preview-chat-bubble{background:rgba(45,103,235,.56)!important}
body.preview-exact-theme .preview-thread-item:hover,
body.preview-exact-theme .preview-thread-item.active,
body.preview-exact-theme .preview-settings-sidebar>a:hover,
body.preview-exact-theme .preview-settings-sidebar>a.active{background:rgba(255,255,255,.105)!important}

/* Logo normal state is authoritative: white mountain, blue #, white noSoloNet. */
.brand-logo .brand-mountain-back,
.brand-logo .brand-mountain-ridge{fill:#ffffff!important}
.brand-logo .brand-logo-hash{color:#72aaff!important}
.brand-logo .brand-logo-name{color:#ffffff!important}
.brand-logo:hover .brand-mountain-back,
.brand-logo:hover .brand-mountain-ridge{fill:#ffffff!important}
.brand-logo:hover .brand-logo-hash{color:#8dbbff!important}
.brand-logo:hover .brand-logo-name{color:#ffffff!important}

/* Replace the former diamond with a proper outline bell. */
.preview-bell{font-size:0!important}
.preview-bell svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;display:block}
.preview-bell:hover svg{stroke:#dfeaff}

.preview-user-chevron{display:none!important}

/* ======================================================================
   2026-08-11 Reduced-blur / slight background zoom-out refinement
   Keep the fuller transparency, but make the glass read clearer/sharper
   like the approved previews and reveal a touch more of the photo.
   ====================================================================== */
body.preview-exact-theme{
  background-repeat:no-repeat!important;
  background-position:center center!important;
}
@media (min-aspect-ratio: 4/3){
  body.preview-exact-theme{background-size:97% auto!important}
}
@media (max-aspect-ratio: 4/3){
  body.preview-exact-theme{background-size:auto 97%!important}
}
body.preview-exact-theme .site-header.preview-topbar{
  backdrop-filter:blur(8px) saturate(124%)!important;
  -webkit-backdrop-filter:blur(8px) saturate(124%)!important;
}
body.preview-exact-theme .site-footer{
  backdrop-filter:blur(8px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(8px) saturate(120%)!important;
}
body.preview-exact-theme .glass-panel,
body.preview-exact-theme .preview-search-dock,
body.preview-exact-theme .preview-popular-panel,
body.preview-exact-theme .preview-upcoming-panel,
body.preview-exact-theme .preview-feature-strip,
body.preview-exact-theme .preview-activity-card,
body.preview-exact-theme .preview-thread-column,
body.preview-exact-theme .preview-chat-column,
body.preview-exact-theme .preview-message-empty,
body.preview-exact-theme .preview-message-info,
body.preview-exact-theme .preview-conversation-details,
body.preview-exact-theme .preview-profile-hero,
body.preview-exact-theme .preview-profile-panel,
body.preview-exact-theme .preview-settings-sidebar,
body.preview-exact-theme .preview-settings-card,
body.preview-exact-theme .preview-plan-form,
body.preview-exact-theme .preview-plan-preview,
body.preview-exact-theme .preview-safety-callout,
body.preview-exact-theme .preview-plan-main,
body.preview-exact-theme .preview-plan-comments,
body.preview-exact-theme .preview-host-card,
body.preview-exact-theme .preview-join-card,
body.preview-exact-theme .preview-plan-actions,
body.preview-exact-theme .preview-host-tools,
body.preview-exact-theme .preview-danger-card,
body.preview-exact-theme.authenticated-shell .panel:not(.glass-panel),
body.preview-exact-theme.authenticated-shell .thread-list,
body.preview-exact-theme.authenticated-shell .comments,
body.preview-exact-theme.authenticated-shell .notification-group{
  backdrop-filter:blur(10px) saturate(124%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(124%)!important;
}
body.preview-exact-theme .preview-plan-preview-card,
body.preview-exact-theme .preview-thread-search,
body.preview-exact-theme .preview-chat-bubble,
body.preview-exact-theme .preview-update-list>div,
body.preview-exact-theme .preview-attendee-grid>div,
body.preview-exact-theme input,
body.preview-exact-theme textarea,
body.preview-exact-theme select,
body.preview-exact-theme.authenticated-shell input,
body.preview-exact-theme.authenticated-shell textarea,
body.preview-exact-theme.authenticated-shell select{
  backdrop-filter:blur(3px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(3px) saturate(112%)!important;
}
.preview-user-popover,
body.preview-exact-theme .nav.open{
  backdrop-filter:blur(10px) saturate(122%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(122%)!important;
}

/* ======================================================================
   2026-08-11 polish pass: sharper glass, full photo, input/dropdown fixes,
   viewport-wide home gradient, settings scrollspy, and message compose UI.
   ====================================================================== */
:root{--public-home-blue:#4eaef0}

/* Keep the complete custom coastal artwork visible across the viewport. */
body.preview-exact-theme{
  background-image:
    linear-gradient(rgba(0,0,0,.06),rgba(0,0,0,.06)),
    url('/assets/img/beach-original.jpg')!important;
  background-size:100vw 100vh!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}

/* Sharper, less frosted glass with only a very slight black tint. */
body.preview-exact-theme .site-header.preview-topbar{
  background:rgba(7,11,15,.105)!important;
  backdrop-filter:blur(5px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(5px) saturate(118%)!important;
}
body.preview-exact-theme .site-footer{
  background:rgba(7,11,15,.09)!important;
  backdrop-filter:blur(5px) saturate(116%)!important;
  -webkit-backdrop-filter:blur(5px) saturate(116%)!important;
}
body.preview-exact-theme .glass-panel,
body.preview-exact-theme .preview-search-dock,
body.preview-exact-theme .preview-popular-panel,
body.preview-exact-theme .preview-upcoming-panel,
body.preview-exact-theme .preview-feature-strip,
body.preview-exact-theme .preview-activity-card,
body.preview-exact-theme .preview-thread-column,
body.preview-exact-theme .preview-chat-column,
body.preview-exact-theme .preview-message-empty,
body.preview-exact-theme .preview-message-info,
body.preview-exact-theme .preview-conversation-details,
body.preview-exact-theme .preview-profile-hero,
body.preview-exact-theme .preview-profile-panel,
body.preview-exact-theme .preview-settings-sidebar,
body.preview-exact-theme .preview-settings-card,
body.preview-exact-theme .preview-plan-form,
body.preview-exact-theme .preview-plan-preview,
body.preview-exact-theme .preview-safety-callout,
body.preview-exact-theme .preview-plan-main,
body.preview-exact-theme .preview-plan-comments,
body.preview-exact-theme .preview-host-card,
body.preview-exact-theme .preview-join-card,
body.preview-exact-theme .preview-plan-actions,
body.preview-exact-theme .preview-host-tools,
body.preview-exact-theme .preview-danger-card,
body.preview-exact-theme.authenticated-shell .panel:not(.glass-panel),
body.preview-exact-theme.authenticated-shell .thread-list,
body.preview-exact-theme.authenticated-shell .comments,
body.preview-exact-theme.authenticated-shell .notification-group{
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(0,0,0,.075) 58%,rgba(0,0,0,.045))!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.18)!important;
  backdrop-filter:blur(6px) saturate(116%)!important;
  -webkit-backdrop-filter:blur(6px) saturate(116%)!important;
}
body.preview-exact-theme .preview-plan-preview-card,
body.preview-exact-theme .preview-thread-search,
body.preview-exact-theme .preview-chat-bubble,
body.preview-exact-theme .preview-update-list>div,
body.preview-exact-theme .preview-attendee-grid>div,
body.preview-exact-theme input,
body.preview-exact-theme textarea,
body.preview-exact-theme select,
body.preview-exact-theme.authenticated-shell input,
body.preview-exact-theme.authenticated-shell textarea,
body.preview-exact-theme.authenticated-shell select{
  backdrop-filter:blur(1.5px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(1.5px) saturate(108%)!important;
}
.preview-user-popover,
body.preview-exact-theme .nav.open{
  backdrop-filter:blur(6px) saturate(116%)!important;
  -webkit-backdrop-filter:blur(6px) saturate(116%)!important;
}

/* Signed-in Home: gradient spans the full viewport from the true left edge. */
.preview-dashboard-hero{isolation:isolate}
.preview-dashboard-hero:before{
  left:50%!important;
  right:auto!important;
  top:0!important;
  bottom:0!important;
  width:100vw!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(90deg,rgba(0,0,0,.43) 0%,rgba(0,0,0,.28) 28%,rgba(0,0,0,.10) 58%,rgba(0,0,0,0) 100%)!important;
}

/* Discover: keep the search field visually level with the filter chrome. */
body.preview-exact-theme .preview-search-main{
  background:rgba(255,255,255,.095)!important;
  border-color:rgba(255,255,255,.24)!important;
}
body.preview-exact-theme .preview-search-main input{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.preview-exact-theme .preview-filter-row select,
body.preview-exact-theme .preview-filter-chip{
  background:rgba(255,255,255,.09)!important;
  border-color:rgba(255,255,255,.22)!important;
}
/* Native select menus need an opaque surface on Windows/Chrome to stay legible. */
body.preview-exact-theme select option,
body.preview-exact-theme select optgroup{
  background:#111a22!important;
  color:#f8fbff!important;
}

/* Messages: the pencil now opens a working 'message a member' field. */
.preview-compose-toggle{
  width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:8px;
  background:rgba(255,255,255,.07);color:#fff;cursor:pointer;font-size:17px;line-height:1;
}
.preview-compose-toggle:hover,.preview-compose-toggle[aria-expanded="true"]{background:rgba(255,255,255,.14)}
.preview-new-message-form{margin:0 0 10px;padding:10px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(0,0,0,.08)}
.preview-new-message-form[hidden]{display:none!important}
.preview-new-message-form>label{display:block;margin-bottom:6px;font-size:9.5px;font-weight:700;color:#fff}
.preview-new-message-form>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px}
.preview-new-message-form>div>span{color:rgba(255,255,255,.78);font-size:13px}
body.preview-exact-theme .preview-new-message-form input{height:35px;min-width:0;padding:0 9px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:7px!important;color:#fff!important}
.preview-new-message-form .button{height:35px;padding:0 12px;font-size:10px}

/* Settings: clear section names and a stable scroll-following active state. */
.preview-settings-sidebar>a.account-delete-link{
  margin-top:14px;padding-top:15px;border-top:1px solid rgba(255,255,255,.12);color:#f0f3f5!important;
}
.preview-settings-sidebar>a.active{
  background:rgba(255,255,255,.15)!important;
  box-shadow:inset 3px 0 0 #72aaff;
}

/* ======================================================================
   #noSoloNet v3.2.17 — searchable catalog with automatic real-photo thumbnails
   ====================================================================== */
.interest-combobox{display:grid;gap:7px}
.preview-form-section .interest-combobox .interest-search{height:38px!important;background:rgba(0,0,0,.16)!important}
.interest-search-status{color:#cbd2d7;font-size:9.5px;font-weight:400}
.profile-interest-fieldset{margin-top:28px}
.profile-interest-fieldset>legend{font:700 18px 'Space Grotesk',sans-serif;margin-bottom:4px}
.interest-picker-search{width:100%;margin:12px 0 8px;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:9px!important;color:#fff!important;padding:12px 14px!important}
.interest-picker-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 14px;color:#bfd6e7;font-size:13px}
.interest-picker-summary .link-button{color:#8fd4ff}
.interest-category-list{display:grid;gap:10px;max-height:660px;overflow:auto;padding-right:4px}
.interest-category{padding:13px 14px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(4,12,18,.22)}
.interest-category[hidden],.interest-check[hidden]{display:none!important}
.interest-category h3{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;font:650 14px 'Space Grotesk',sans-serif;color:#eef8ff}
.interest-category h3 span{font:600 11px 'DM Sans',sans-serif;color:#8fb4cc}
.interest-category .interest-picker{gap:7px}
.interest-category .interest-check{margin:0!important}
.interest-category .interest-check span{font-size:12px;padding:7px 10px}
.interest-empty{padding:18px;border:1px dashed rgba(255,255,255,.22);border-radius:10px;color:#cbd2d7;text-align:center}
@media(max-width:700px){.interest-category-list{max-height:560px}.interest-category{padding:12px}.interest-category .interest-check span{font-size:11px}}
.preview-account-delete-card{
  border-color:rgba(255,255,255,.22)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(0,0,0,.075) 58%,rgba(0,0,0,.045))!important;
}
.preview-account-delete-card h2{color:#fff!important}
.preview-account-delete-card .preview-kicker{color:#fff!important}

/* Public home: use the Search button's darker blue for the hero accent. */
.ref-copy h1 span{color:var(--public-home-blue)!important}

@media(max-width:820px){
  body.preview-exact-theme{
    background-size:100vw 100vh!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-attachment:fixed!important;
  }
  .preview-settings-sidebar>a.account-delete-link{margin:0;padding-top:9px;border-top:0}
}


/* ======================================================================
   2026-08-11 public homepage readability polish
   Removes redundant example disclosure spacing, rounds the activity shelf,
   and uses darker copy where text sits directly over the photograph.
   ====================================================================== */
.site-photo-theme .ref-nearby{
  border-radius:28px!important;
  overflow:hidden;
  padding-bottom:30px;
}

/* The feature row sits directly on the photo, so pale gray copy can wash out
   over the sky. Use deep slate copy with a tiny light halo for contrast over
   both the bright and darker parts of the photograph. */
.site-photo-theme .ref-features article:not(.ref-safety-card) h3{
  color:#172733!important;
  text-shadow:0 1px 2px rgba(255,255,255,.72)!important;
}
.site-photo-theme .ref-features article:not(.ref-safety-card) p{
  color:#263b49!important;
  text-shadow:0 1px 2px rgba(255,255,255,.68)!important;
}

/* Keep supporting public-home copy readable when it happens to land over a
   brighter portion of the stretched photo without changing the white hero. */
.site-photo-theme .ref-section-head>a{
  color:#b9d8ed!important;
}

/* ======================================================================
   2026-08-11 public-home chrome/header + copy alignment polish
   ====================================================================== */

/* More distinct chrome-like bottom edge on the top navigation. */
body.preview-exact-theme .site-header.preview-topbar{
  border-bottom-color:transparent!important;
}
body.preview-exact-theme .site-header.preview-topbar::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:3px;
  pointer-events:none;
  background:linear-gradient(180deg,
    rgba(250,253,255,.96) 0%,
    rgba(151,165,175,.92) 34%,
    rgba(230,237,242,.96) 58%,
    rgba(79,94,105,.92) 100%);
  box-shadow:0 1px 3px rgba(0,0,0,.34),0 -1px 1px rgba(255,255,255,.22);
  opacity:.86;
}

/* Restore the feature-row copy to its original treatment. */
.site-photo-theme .ref-features article:not(.ref-safety-card) h3{
  color:#f4f6f5!important;
  text-shadow:none!important;
}
.site-photo-theme .ref-features article:not(.ref-safety-card) p{
  color:#a9bac6!important;
  text-shadow:none!important;
}
.site-photo-theme .ref-section-head>a{
  color:inherit!important;
}

/* Popular activity types read more cleanly in white than bright blue. */
.guest-shell .ref-popular a,
.guest-shell .ref-popular i{
  color:#ffffff!important;
}

/* Darker footer copy/links against the lighter photo area. */
.guest-shell .site-footer .footer-brand>span,
.guest-shell .site-footer .footer-copy{
  color:#263944!important;
}
.guest-shell .site-footer .footer-links a{
  color:#263944!important;
}
.guest-shell .site-footer .footer-links a:hover{
  color:#102b3c!important;
}

/* ======================================================================
   #noSoloNet v3.2.3 — text readability + background refinement
   Keeps the current glass treatment intact; improves glyph contrast only.
   ====================================================================== */

/* Crisp hero copy over the photograph: edge definition, not a dark panel. */
.guest-shell .ref-copy h1{
  color:#fff!important;
  font-weight:700;
  text-shadow:
    0 1px 2px rgba(0,0,0,.86),
    0 3px 12px rgba(0,0,0,.30)!important;
  -webkit-text-stroke:.3px rgba(0,0,0,.28);
}
.guest-shell .ref-copy h1 span{
  text-shadow:
    0 1px 2px rgba(0,0,0,.82),
    0 3px 12px rgba(0,0,0,.27)!important;
}
.guest-shell .ref-copy>p{
  color:rgba(255,255,255,.94)!important;
  font-weight:500;
  text-shadow:0 1px 3px rgba(0,0,0,.74)!important;
}

/* Public navigation benefits from the same very light edge definition. */
.guest-shell .preview-primary-nav>a,
.guest-shell .preview-nav-actions>a:not(.button){
  text-shadow:0 1px 2px rgba(0,0,0,.72);
}

/* Popular links: white, semibold and intentionally underlined. */
.guest-shell .ref-popular{
  color:rgba(255,255,255,.86)!important;
  font-weight:500;
  text-shadow:0 1px 2px rgba(0,0,0,.80)!important;
}
.guest-shell .ref-popular strong{
  color:#fff!important;
  font-weight:700;
}
.guest-shell .ref-popular a{
  color:#fff!important;
  font-weight:650;
  text-decoration-line:underline;
  text-decoration-color:rgba(255,255,255,.60);
  text-decoration-thickness:1px;
  text-underline-offset:4px;
  text-decoration-skip-ink:auto;
}
.guest-shell .ref-popular a:hover,
.guest-shell .ref-popular a:focus-visible{
  color:#fff!important;
  text-decoration-color:var(--public-home-blue);
  text-decoration-thickness:2px;
}
.guest-shell .ref-popular i{color:rgba(255,255,255,.78)!important}

/* Section labels/copy that sit on transparent glass or directly on photo. */
.guest-shell .ref-section-head h2,
.guest-shell .ref-features article:not(.ref-safety-card) h3{
  color:#fff!important;
  font-weight:700;
  letter-spacing:.01em;
  text-shadow:
    0 1px 2px rgba(0,0,0,.82),
    0 2px 8px rgba(0,0,0,.24)!important;
  -webkit-text-stroke:.2px rgba(0,0,0,.20);
}
.guest-shell .ref-section-head>a,
.guest-shell .ref-features article:not(.ref-safety-card) p{
  color:rgba(255,255,255,.88)!important;
  font-weight:500;
  text-shadow:0 1px 3px rgba(0,0,0,.78)!important;
}
.guest-shell .ref-section-head>a:hover{
  color:#fff!important;
  text-decoration:underline;
  text-decoration-color:var(--public-home-blue);
  text-underline-offset:3px;
}
.guest-shell .ref-feature-symbol,
.guest-shell .ref-feature-symbol svg{
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.55));
}

/* The previous dark footer copy was hard to read on mixed photo tones.
   Keep the existing glass, but use near-white type with a compact shadow. */
.guest-shell .site-footer .footer-brand>span,
.guest-shell .site-footer .footer-copy,
.guest-shell .site-footer .footer-links a{
  color:rgba(255,255,255,.86)!important;
  font-weight:500;
  text-shadow:0 1px 3px rgba(0,0,0,.82)!important;
}
.guest-shell .site-footer .footer-links a:hover,
.guest-shell .site-footer .footer-links a:focus-visible{
  color:#fff!important;
  text-decoration:underline;
  text-decoration-color:var(--public-home-blue);
  text-underline-offset:3px;
}

/* ======================================================================
   #noSoloNet v3.2.4 — public-home panel consistency + full-width footer
   ====================================================================== */

/* Give the three supporting principles the same clear-glass treatment as
   the Safety card while keeping the current low-blur/translucent aesthetic. */
.guest-shell .ref-features article.ref-feature-card,
.guest-shell .ref-features article.ref-safety-card{
  padding:18px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035) 54%,rgba(0,0,0,.035))!important;
  box-shadow:0 14px 34px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.20)!important;
  backdrop-filter:blur(5px) saturate(116%)!important;
  -webkit-backdrop-filter:blur(5px) saturate(116%)!important;
}

/* The Sample Activities shelf already has the right shape/background; give
   it the same defined edge as the other primary glass panels. */
.guest-shell .ref-nearby{
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.18)!important;
}

/* Let the footer glass/chrome run edge-to-edge while keeping its contents
   aligned with the site's normal 1180px content column. */
.guest-shell .site-footer{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:max(24px,calc((100vw - 1180px)/2 + 24px))!important;
  padding-right:max(24px,calc((100vw - 1180px)/2 + 24px))!important;
}

@media(max-width:700px){
  .guest-shell .site-footer{
    padding-left:18px!important;
    padding-right:18px!important;
  }
}

/* ======================================================================
   #noSoloNet v3.2.5 — floating public footer
   Desktop/tablet: compact fixed glass footer with content scrolling under.
   Mobile: normal document-flow footer to preserve usable viewport height.
   ====================================================================== */
@media (min-width:701px){
  .guest-shell .preview-main{
    padding-bottom:96px!important;
  }

  .guest-shell .site-footer{
    position:fixed!important;
    z-index:88!important;
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:10px max(18px,calc((100vw - 1180px)/2 + 18px))!important;
    min-height:58px;
    border:1px solid rgba(255,255,255,.24)!important;
    border-top-color:rgba(238,246,252,.62)!important;
    border-radius:15px!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.095),rgba(7,12,17,.12) 48%,rgba(5,10,15,.16))!important;
    box-shadow:
      0 12px 34px rgba(0,0,0,.19),
      inset 0 1px 0 rgba(255,255,255,.30),
      0 -1px 0 rgba(255,255,255,.10)!important;
    backdrop-filter:blur(5px) saturate(118%)!important;
    -webkit-backdrop-filter:blur(5px) saturate(118%)!important;
    transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,backdrop-filter .22s ease!important;
  }

  /* Slightly more substantial only at the actual end of the document. */
  .guest-shell .site-footer.footer-at-end{
    background:
      linear-gradient(180deg,rgba(255,255,255,.13),rgba(7,12,17,.20) 48%,rgba(5,10,15,.25))!important;
    border-color:rgba(255,255,255,.30)!important;
    border-top-color:rgba(245,250,255,.72)!important;
    box-shadow:
      0 14px 38px rgba(0,0,0,.23),
      inset 0 1px 0 rgba(255,255,255,.35)!important;
  }

  .guest-shell .site-footer .footer-brand,
  .guest-shell .site-footer .footer-links,
  .guest-shell .site-footer .footer-copy{
    position:relative;
    z-index:1;
  }

  .guest-shell .site-footer .footer-brand-logo{
    transform:scale(.90);
    transform-origin:left center;
  }

  .guest-shell .site-footer .footer-brand>span,
  .guest-shell .site-footer .footer-copy,
  .guest-shell .site-footer .footer-links a{
    font-size:12px!important;
  }
}

@media (max-width:700px){
  .guest-shell .preview-main{padding-bottom:0!important}
  .guest-shell .site-footer{
    position:static!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border-radius:0!important;
  }
}

/* ======================================================================
   #noSoloNet v3.2.8 — off-canvas scrollbar treatment
   Classic desktop scrollbars are measured at runtime and moved exactly that
   distance beyond the right edge. Overlay-scrollbar platforms keep normal
   document scrolling and simply suppress the transient overlay rail.
   ====================================================================== */

:root{--ns-native-scrollbar-width:0px}

/* Classic Windows-style scrollbar: turn the body into the scroll surface only
   after measurement, then extend it right by exactly the scrollbar width. The
   browser paints the rail outside the visible viewport while the content area
   remains exactly viewport-width. */
html.ns-classic-scrollbars{
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
}
html.ns-classic-scrollbars body{
  width:calc(100vw + var(--ns-native-scrollbar-width))!important;
  max-width:none!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:100vh!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  scroll-behavior:smooth;
}

/* Overlay-scrollbar systems do not need the off-canvas geometry at all. */
html.ns-overlay-scrollbars{
  scrollbar-width:none!important;
}
html.ns-overlay-scrollbars::-webkit-scrollbar,
html.ns-overlay-scrollbars body::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}

/* Nested panes still scroll normally with wheel/touch/keyboard, but no extra
   dark rails appear inside Messages, lists, pickers, or other app surfaces.
   The temporary measurement probe is excluded so it can report native width. */
body *:not(.ns-scrollbar-probe){
  scrollbar-width:none!important;
}
body *:not(.ns-scrollbar-probe)::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}

@media (forced-colors:active){
  body *:not(.ns-scrollbar-probe){scrollbar-width:auto!important}
}

@media (min-width:701px){
  .guest-shell .preview-main{
    padding-bottom:82px!important;
  }

  .guest-shell .site-footer{
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    min-height:58px;
    padding:9px max(18px,calc((100vw - 1180px)/2 + 18px))!important;
    border:0!important;
    border-top:1px solid rgba(244,249,252,.68)!important;
    border-radius:0!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.09),rgba(7,12,17,.13) 48%,rgba(5,10,15,.18))!important;
    box-shadow:
      0 -10px 30px rgba(0,0,0,.15),
      inset 0 1px 0 rgba(255,255,255,.30),
      0 -1px 0 rgba(122,138,151,.22)!important;
    backdrop-filter:blur(5px) saturate(118%)!important;
    -webkit-backdrop-filter:blur(5px) saturate(118%)!important;
  }

  .guest-shell .site-footer.footer-at-end{
    background:
      linear-gradient(180deg,rgba(255,255,255,.115),rgba(7,12,17,.18) 48%,rgba(5,10,15,.24))!important;
    border-top-color:rgba(250,253,255,.78)!important;
    box-shadow:
      0 -11px 32px rgba(0,0,0,.18),
      inset 0 1px 0 rgba(255,255,255,.34),
      0 -1px 0 rgba(138,153,166,.26)!important;
  }
}


/* ======================================================================
   #noSoloNet v3.2.9 — right-edge cleanup + wordmark-only branding
   Push the classic native scrollbar and its gutter/shadow a few pixels
   beyond the viewport, while keeping the visible content/photo at 100vw.
   The mountain mark has been removed from the reusable site wordmark.
   ====================================================================== */
:root{--ns-scrollbar-hide-overshoot:8px}

/* The scrollbar itself consumes the measured native width. The additional
   overshoot moves any native inner bevel/shadow beyond the physical screen
   edge instead of leaving a gray/blurred seam at x=100vw. */
html.ns-classic-scrollbars body{
  width:calc(100vw + var(--ns-native-scrollbar-width) + var(--ns-scrollbar-hide-overshoot))!important;
}

/* Keep the actual page layout/background exactly viewport-wide. The scroll
   surface may be wider, but content should never use that hidden strip. */
html.ns-classic-scrollbars body > .preview-main{
  width:100vw!important;
  max-width:100vw!important;
}

/* Full-width blurred chrome deliberately extends through the small hidden
   overshoot so the backdrop-filter edge is also clipped off-screen. */
html.ns-classic-scrollbars body > .site-header,
html.ns-classic-scrollbars body > .site-footer{
  width:calc(100vw + var(--ns-scrollbar-hide-overshoot))!important;
  max-width:none!important;
}

/* Wordmark-only logo. Old mountain selectors remain harmless for backwards
   compatibility with cached markup, but current Blade emits no mountain. */
.brand-logo{
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
}
.brand-logo-word{margin:0!important}
.site-header .brand-logo,
.footer-brand-logo,
.clean-auth-logo.brand-logo-auth,
.preview-brand{align-items:center!important}

/* If an old cached Blade fragment somehow contains the retired mark, keep it
   hidden so the branding is still wordmark-only during cache turnover. */
.brand-logo-mark{display:none!important}


/* ======================================================================
   #noSoloNet v3.2.10 — viewport-isolated off-canvas scrolling
   v3.2.8/3.2.9 widened the body itself. That could make Chrome clamp or
   re-center the fixed photo/backdrop layers at both viewport edges, leaving
   soft vertical seams. The body/photo now stay exactly 100vw; only a dedicated
   scroll viewport extends beyond the right edge to carry the native rail.
   ====================================================================== */

:root{--ns-scrollbar-hide-overshoot:10px}

html.ns-classic-scrollbars,
html.ns-overlay-scrollbars{
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
}
html.ns-classic-scrollbars body,
html.ns-overlay-scrollbars body{
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  min-height:100%!important;
  overflow:hidden!important;
}

/* The visual surface never exceeds the physical viewport. This is the key
   difference from v3.2.8/3.2.9 and keeps the sunset image/glass sampling clean
   on BOTH the left and right edges. */
body.preview-exact-theme{
  background-size:100vw 100vh!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}

.ns-scroll-viewport{
  position:fixed;
  z-index:0;
  top:0;
  bottom:0;
  left:0;
  height:100vh;
  height:100dvh;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior-y:auto;
  scroll-behavior:smooth;
}
.ns-scroll-content{
  position:relative;
  width:100vw;
  min-height:100%;
  max-width:100vw;
}

/* Classic Windows/Chrome rails live on the outer scroll viewport, not body.
   The content wrapper remains exactly 100vw while the native rail sits beyond
   the clipped browser edge. */
html.ns-classic-scrollbars .ns-scroll-viewport{
  width:calc(100vw + var(--ns-native-scrollbar-width) + var(--ns-scrollbar-hide-overshoot));
  overflow-y:scroll;
}

/* Overlay-scrollbar platforms need no geometry trick; just keep the outer
   scroller viewport-width and suppress the transient rail. */
html.ns-overlay-scrollbars .ns-scroll-viewport{
  width:100vw;
  scrollbar-width:none!important;
}
html.ns-overlay-scrollbars .ns-scroll-viewport::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}

/* Undo the old body-widening/blur-extension rules authoritatively. */
html.ns-classic-scrollbars body > .preview-main,
html.ns-classic-scrollbars body > .site-header,
html.ns-classic-scrollbars body > .site-footer{
  width:auto!important;
  max-width:none!important;
}
html.ns-classic-scrollbars .ns-scroll-content > .preview-main,
html.ns-classic-scrollbars .ns-scroll-content > .site-header{
  width:100vw!important;
  max-width:100vw!important;
}

/* Keep nested app panes rail-free without changing their scroll behavior. */
.ns-scroll-content *:not(.ns-scrollbar-probe){scrollbar-width:none!important}
.ns-scroll-content *:not(.ns-scrollbar-probe)::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}

@media (forced-colors:active){
  .ns-scroll-content *:not(.ns-scrollbar-probe){scrollbar-width:auto!important}
}

/* ======================================================================
   #noSoloNet v3.7.0 — authenticated navigation and interaction polish
   ====================================================================== */
.preview-hero-copy h1 span{color:#72c7ff!important}

.preview-location-input{position:relative;display:block}
.preview-location-input input{width:100%;padding-right:34px!important}
.preview-location-input b{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-size:16px;color:#9cc8ff;pointer-events:none}
.preview-filter-location{height:39px;min-width:180px;padding:0 13px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:8px!important;background:rgba(255,255,255,.09)!important;color:#fff!important;font-size:11px}

.authenticated-shell .site-footer{display:grid;margin-top:22px;width:100%;max-width:none;padding-left:max(24px,calc((100vw - 1180px)/2 + 24px));padding-right:max(24px,calc((100vw - 1180px)/2 + 24px))}

.preview-thread-search{background:rgba(255,255,255,.085)!important;border-color:rgba(255,255,255,.22)!important}
.preview-thread-search input{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.preview-thread-tabs a{padding:6px 12px;border-radius:7px;color:#d4d9dd!important;font-size:10px;text-decoration:none}
.preview-thread-tabs a.active{background:#206bef;color:#fff!important}
.preview-thread-item.unread{background:rgba(39,105,230,.12)}
.preview-thread-item.unread b{font-weight:800}
.preview-thread-item time{display:flex;align-items:center;gap:5px;white-space:nowrap}
.preview-thread-item time i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#68aaff;box-shadow:0 0 0 3px rgba(72,139,255,.14)}
.preview-chat-composer{grid-template-columns:1fr 42px}

.preview-delete-form{align-items:center}
.preview-delete-form input,.preview-delete-form .button{height:42px}

.safety-filtering-panel{margin-top:26px!important;padding:25px!important}
.safety-filtering-panel p{line-height:1.65}
.preview-carousel-heading-actions{display:flex;align-items:center;gap:12px}
.preview-carousel-controls{display:none;align-items:center;gap:6px}
.preview-carousel-controls button{width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.24);border-radius:9px;background:rgba(8,14,20,.54);color:#fff;font-size:25px;line-height:1;cursor:pointer}
.preview-carousel-controls button:disabled{opacity:.32;cursor:default}
.preview-dashboard-grid,.preview-popular-panel,.preview-upcoming-panel{min-width:0;max-width:100%}

@media(max-width:1180px){
  .preview-dashboard-grid{width:100%;grid-template-columns:minmax(0,1fr)!important}
  .preview-upcoming-panel{display:block!important}
}

@media(max-width:820px){
  .preview-mobile-nav{display:grid!important}
  .preview-search-dock label:nth-of-type(2){display:grid!important}
  .preview-carousel-controls{display:flex}
  .preview-popular-panel{width:100%;overflow:hidden!important}
  .preview-horizontal-cards[data-horizontal-carousel]{display:flex!important;flex-wrap:nowrap!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:scroll!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-y pinch-zoom;scroll-snap-type:none!important;padding:2px 2px 8px;cursor:grab;user-select:none;-webkit-user-select:none}
  .preview-horizontal-cards[data-horizontal-carousel].is-dragging{cursor:grabbing}
  .preview-horizontal-cards[data-horizontal-carousel]>.preview-activity-card{flex:0 0 260px;min-width:260px;scroll-snap-align:none!important}
  .preview-user-menu[open] .preview-user-popover{position:fixed;z-index:260;top:66px;right:14px;left:auto;width:min(250px,calc(100vw - 28px));max-height:calc(100dvh - 158px);overflow:auto;display:grid}
  .authenticated-shell .site-footer{margin-bottom:92px;grid-template-columns:1fr;align-items:start}
  .preview-upcoming-panel{margin-top:15px}
}

@media(max-width:560px){
  .preview-filter-location{width:100%}
  .preview-horizontal-cards[data-horizontal-carousel]>.preview-activity-card{flex-basis:78vw;min-width:78vw}
}

/* ======================================================================
   #noSoloNet v3.7.8 — copyright-symbol removal
   ====================================================================== */
@media(max-width:820px){
  .guest-shell .preview-main{padding-bottom:0!important}
  body.preview-exact-theme .site-footer{
    position:static!important;left:auto!important;right:auto!important;bottom:auto!important;
    width:100%!important;max-width:100%!important;min-height:0!important;margin-left:0!important;margin-right:0!important;
    padding:22px 18px 24px!important;grid-template-columns:minmax(0,1fr)!important;gap:15px!important;align-items:stretch!important;
    border:0!important;border-top:1px solid rgba(255,255,255,.24)!important;border-radius:0!important;
    background:linear-gradient(180deg,rgba(8,14,20,.34),rgba(5,10,15,.50))!important;
    box-shadow:0 -10px 28px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.08)!important;
    backdrop-filter:blur(14px) saturate(118%)!important;-webkit-backdrop-filter:blur(14px) saturate(118%)!important;
  }
  .guest-shell .site-footer{margin-top:18px!important;margin-bottom:0!important}
  .authenticated-shell .site-footer{margin:18px 0 94px!important}
  body.preview-exact-theme .site-footer .footer-brand{
    width:100%;min-width:0;display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center!important;gap:12px!important;
    padding:0 2px 15px;border-bottom:1px solid rgba(255,255,255,.15);white-space:normal!important;
  }
  body.preview-exact-theme .site-footer .footer-brand-logo{min-width:0!important;transform:none!important;transform-origin:left center!important}
  body.preview-exact-theme .site-footer .footer-brand-logo .brand-logo-word{font-size:21px!important}
  body.preview-exact-theme .site-footer .footer-brand>span{justify-self:end;max-width:190px;margin:0!important;text-align:right;white-space:normal;line-height:1.35;font-size:12px!important}
  body.preview-exact-theme .site-footer .footer-links{
    width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;justify-content:stretch!important;
    overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(4,9,13,.18);
  }
  body.preview-exact-theme .site-footer .footer-links a{
    min-width:0;min-height:46px;display:flex;align-items:center;padding:10px 12px;
    border-right:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);
    font-size:12px!important;line-height:1.25;text-decoration:none;
  }
  body.preview-exact-theme .site-footer .footer-links a:nth-child(even){border-right:0}
  body.preview-exact-theme .site-footer .footer-links a:nth-last-child(-n+2){border-bottom:0}
  body.preview-exact-theme .site-footer .footer-links a:hover,
  body.preview-exact-theme .site-footer .footer-links a:focus-visible{background:rgba(87,151,231,.16);color:#fff!important}
  body.preview-exact-theme .site-footer .footer-copy{display:block;width:100%;padding-top:1px;text-align:center;font-size:11px!important;letter-spacing:.02em}
}

@media(max-width:390px){
  body.preview-exact-theme .site-footer{padding-left:14px!important;padding-right:14px!important}
  body.preview-exact-theme .site-footer .footer-brand{grid-template-columns:1fr;gap:5px!important}
  body.preview-exact-theme .site-footer .footer-brand>span{justify-self:start;max-width:none;text-align:left}
  body.preview-exact-theme .site-footer .footer-links a{padding-left:10px;padding-right:10px;font-size:11px!important}
}

/* ======================================================================
   #noSoloNet v3.7.11 — darker opened menus + streamlined examples shelf
   ====================================================================== */
@media(max-width:820px){
  .guest-shell .preview-primary-nav.open,
  .preview-user-menu[open] .preview-user-popover{
    background:linear-gradient(180deg,#020609,#03090f)!important;
    border-color:rgba(255,255,255,.28)!important;
    box-shadow:0 22px 52px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.08)!important;
    backdrop-filter:blur(18px) saturate(112%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(112%)!important;
  }
  .guest-shell .preview-primary-nav.open>a,
  .preview-user-menu[open] .preview-user-popover a,
  .preview-user-menu[open] .preview-user-popover .link-button{
    color:#fff!important;
    text-shadow:0 1px 2px rgba(0,0,0,.82);
  }
}

@media(orientation:landscape) and (max-width:1024px) and (max-height:650px){
  body.preview-exact-theme .site-header.preview-topbar{height:64px!important}
  .preview-nav-inner{
    width:calc(100% - 28px)!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
  }
  .preview-brand{transform:scale(.82)!important}
  .preview-primary-nav{display:none!important}
  .preview-nav-actions{gap:7px!important}
  .preview-nav-actions .preview-plan-button{display:none!important}
  .preview-bell{width:33px!important}
  .preview-user-chevron{display:none!important}
  .nav-toggle{display:none!important}

  .guest-shell .nav-toggle{
    display:grid!important;place-items:center;justify-self:end;
    width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.22);
    border-radius:10px;background:rgba(8,14,20,.48);color:#fff;
    font-size:25px;line-height:1;cursor:pointer;
  }
  .guest-shell .preview-nav-actions{display:none!important}
  .guest-shell .preview-primary-nav.open{
    display:flex!important;position:fixed!important;z-index:260;
    top:64px;right:14px;left:14px;height:auto!important;
    max-height:calc(100dvh - 78px);overflow-y:auto;
    flex-direction:column;align-items:stretch!important;justify-content:flex-start!important;
    gap:2px!important;padding:10px!important;border:1px solid rgba(255,255,255,.28)!important;
    border-radius:14px!important;background:linear-gradient(180deg,#020609,#03090f)!important;
    box-shadow:0 22px 52px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  .guest-shell .preview-primary-nav.open>a{
    display:flex;min-height:44px;padding:0 14px;border-radius:9px;
    color:#fff!important;font-size:14px!important;text-shadow:0 1px 2px rgba(0,0,0,.82);
  }

  .authenticated-shell .preview-mobile-nav{
    position:fixed;z-index:120;display:grid!important;
    left:10px;right:10px;bottom:6px;height:56px;
    grid-template-columns:repeat(5,1fr);align-items:center;
    border:1px solid rgba(255,255,255,.20);border-radius:18px;
    background:rgba(5,10,15,.94);box-shadow:0 16px 38px rgba(0,0,0,.48);
    backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  }
  .authenticated-shell .preview-mobile-nav a{
    display:grid;justify-items:center;gap:1px;text-decoration:none;
    color:#eef1f3!important;font-size:8px;
  }
  .authenticated-shell .preview-mobile-nav a>span{font-size:19px}
  .authenticated-shell .preview-mobile-nav a.active{color:#65a8ff!important}
  .authenticated-shell .preview-mobile-nav .mobile-create>span{
    width:42px;height:42px;margin-top:-21px;border-radius:50%;display:grid;place-items:center;
    background:#247bff;color:#fff;font-size:25px;box-shadow:0 8px 22px rgba(32,113,255,.42);
  }
  .preview-exact-theme.authenticated-shell .preview-main{padding-bottom:68px!important}
  .authenticated-shell .site-footer{margin-bottom:70px!important}
  .preview-user-menu[open] .preview-user-popover{
    position:fixed!important;z-index:280;top:58px;right:10px;left:auto;
    width:min(250px,calc(100vw - 20px));max-height:calc(100dvh - 126px);
    overflow-y:auto;display:grid;background:linear-gradient(180deg,#020609,#03090f)!important;
  }
}

/* ======================================================================
   #noSoloNet v3.7.29 — extra-compact static hand-of-cards composition
   ====================================================================== */
.guest-shell .ref-art{
  min-height:500px;
  overflow:visible;
}
.hero-photo-stack{
  position:relative;
  width:min(100%,425px);
  aspect-ratio:1.12;
  isolation:isolate;
}
.hero-photo-card{
  --hero-card-rotate:0deg;
  position:absolute;
  display:block;
  overflow:hidden;
  aspect-ratio:.72;
  padding:5px;
  border:1px solid rgba(135,211,255,.72);
  border-radius:clamp(20px,3vw,30px);
  background:linear-gradient(145deg,rgba(255,255,255,.21),rgba(255,255,255,.055) 42%,rgba(4,15,25,.16));
  box-shadow:0 24px 60px rgba(0,0,0,.28),0 0 0 1px rgba(34,151,229,.18),inset 0 1px 0 rgba(255,255,255,.54),0 0 24px rgba(22,143,255,.15);
  transform:translate3d(0,0,0) rotate(var(--hero-card-rotate));
}
.hero-photo-card::after{
  content:"";
  position:absolute;
  inset:5px;
  z-index:2;
  border-radius:calc(clamp(20px,3vw,30px) - 5px);
  background:linear-gradient(125deg,rgba(255,255,255,.16),transparent 28%,transparent 72%,rgba(72,177,245,.08));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
  pointer-events:none;
}
.hero-photo-card img{
  display:block;
  width:100%;
  height:100%;
  border-radius:calc(clamp(20px,3vw,30px) - 5px);
  object-fit:cover;
  filter:saturate(.96) contrast(1.025);
}
.hero-photo-card-concert{z-index:1;top:21%;right:-1%;width:45%;--hero-card-rotate:11deg}
.hero-photo-card-concert img{object-position:53% 50%}
.hero-photo-card-bjj{z-index:2;top:3%;left:27.5%;width:45%;--hero-card-rotate:0deg}
.hero-photo-card-bjj img{object-position:50% 50%}
.hero-photo-card-hiking{z-index:3;top:21%;left:-1%;width:45%;--hero-card-rotate:-11deg}
.hero-photo-card-hiking img{object-position:48% 50%}

.hero-stack-avatar{
  position:absolute;
  z-index:5;
  display:block;
  width:clamp(54px,12%,72px);
  aspect-ratio:1;
  padding:3px;
  overflow:hidden;
  border:1px solid rgba(206,238,255,.88);
  border-radius:50%;
  background:linear-gradient(145deg,rgba(255,255,255,.32),rgba(16,143,255,.24));
  box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 0 2px rgba(22,143,255,.72),0 0 20px rgba(22,143,255,.34),inset 0 1px 0 rgba(255,255,255,.66);
}
.hero-stack-avatar img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.hero-stack-avatar-hiker{left:-1%;bottom:6%}
.hero-stack-avatar-outdoors{left:24%;bottom:-1%}
.hero-stack-avatar-concert{right:-1%;bottom:6%}
.hero-stack-avatar-martial{right:18%;top:0}

.hero-stack-pin{
  position:absolute;
  z-index:6;
  top:28%;
  right:-2%;
  width:42px;
  height:42px;
  border:1px solid rgba(210,241,255,.9);
  border-radius:50% 50% 50% 0;
  background:linear-gradient(145deg,#65c8ff,var(--public-home-blue));
  box-shadow:0 9px 24px rgba(0,0,0,.24),0 0 20px rgba(22,143,255,.48),inset 0 1px 0 rgba(255,255,255,.5);
  transform:rotate(-45deg);
}
.hero-stack-pin i{
  position:absolute;
  top:50%;
  left:50%;
  width:13px;
  height:13px;
  border:2px solid rgba(235,249,255,.96);
  border-radius:50%;
  background:#0a4c7a;
  transform:translate(-50%,-50%);
}
.hero-stack-glow{position:absolute;z-index:0;width:34px;height:34px;border-radius:50%;background:#ffd17d;box-shadow:0 0 24px 7px rgba(255,177,73,.36);opacity:.88}
.hero-stack-glow-one{left:3%;top:20%}
.hero-stack-glow-two{right:4%;bottom:17%;width:22px;height:22px}

@media(max-width:900px){
  .guest-shell .ref-art{min-height:430px}
  .hero-photo-stack{width:min(100%,405px)}
}
@media(max-width:560px){
  .guest-shell .ref-art{min-height:350px;margin-top:5px}
  .hero-photo-stack{width:min(100%,290px)}
  .hero-photo-card{padding:4px;border-radius:20px}
  .hero-photo-card::after{inset:4px;border-radius:16px}
  .hero-photo-card img{border-radius:16px}
  .hero-stack-pin{width:34px;height:34px}
  .hero-stack-pin i{width:10px;height:10px}
}
@media(max-width:390px){
  .guest-shell .ref-art{min-height:315px}
  .hero-photo-stack{width:min(100%,255px)}
}
/* ======================================================================
   #noSoloNet v3.7.23 — origin story and site-matched glass panels
   ====================================================================== */
.about-page{max-width:1180px;margin:0 auto;padding:54px 24px 74px}
.about-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.72fr);gap:48px;align-items:end;padding:68px 54px;overflow:hidden;border-radius:26px}
.about-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(46,167,242,.13),transparent 36%),linear-gradient(115deg,transparent 52%,rgba(255,169,83,.045));pointer-events:none}
.about-hero-copy,.about-origin-facts{position:relative;z-index:1}
.about-hero h1{max-width:820px;margin:13px 0 20px;font:700 clamp(43px,5.2vw,68px)/1.01 'Space Grotesk',sans-serif;letter-spacing:-3.6px;color:#f5f9fc}
.about-lead{max-width:760px;margin:0;color:#c4d3dc;font-size:18px;line-height:1.7}
.about-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:27px}
.about-origin-facts{display:grid;gap:10px;margin:0}
.about-origin-facts>div{padding:18px 19px;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(0,0,0,.08));box-shadow:inset 0 1px rgba(255,255,255,.16);backdrop-filter:blur(5px) saturate(116%);-webkit-backdrop-filter:blur(5px) saturate(116%)}
.about-origin-facts dt{color:#77ccff;font:700 22px 'Space Grotesk',sans-serif;letter-spacing:-.5px}
.about-origin-facts dd{margin:3px 0 0;color:#a8bdca;font-size:12px}
.about-story,.about-mission{padding-top:78px}
.about-section-heading{max-width:760px;margin-bottom:26px}
.about-section-heading h2,.about-promise h2{margin:8px 0 11px;font:650 clamp(33px,4vw,50px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-2.2px}
.about-section-heading p{margin:0;color:#9fb5c3;font-size:16px}
.about-story{display:block}
.about-story-copy{padding:28px;color:#d7e0e5;font-size:17px;line-height:1.78;border-radius:20px}
.about-story-copy p{margin:0 0 21px}
.about-story-copy em{color:#fff}
.about-story-copy blockquote{margin:32px 0;padding:25px 28px;border-left:3px solid #72c7ff;border-radius:0 16px 16px 0;background:linear-gradient(90deg,rgba(30,119,177,.18),rgba(10,25,37,.45));color:#f4f9fc;font:600 clamp(23px,3vw,32px)/1.35 'Space Grotesk',sans-serif;letter-spacing:-.8px}
.about-values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.about-values-grid article{min-height:210px;padding:25px;border-radius:18px;transition:transform .2s ease,border-color .2s ease}
.about-values-grid article:hover{transform:translateY(-2px);border-color:rgba(114,199,255,.42)!important}
.about-values-grid article>span{display:inline-grid;width:37px;height:37px;place-items:center;border:1px solid rgba(114,199,255,.34);border-radius:50%;color:#72c7ff;font:700 11px 'Space Grotesk'}
.about-values-grid h3{margin:18px 0 8px;font:600 22px 'Space Grotesk';letter-spacing:-.5px}
.about-values-grid p{margin:0;color:#9fb4c1;line-height:1.65}
.about-promise{margin-top:78px;padding:55px 32px;text-align:center;border-radius:23px;position:relative;overflow:hidden}
.about-promise:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 110%,rgba(46,164,239,.16),transparent 52%);pointer-events:none}
.about-promise>*{position:relative}
.about-promise h2{max-width:850px;margin:10px auto 12px}
.about-promise>p{margin:0;color:#b7cad6;font-size:18px}
.about-promise .about-hero-actions{justify-content:center}

@media(max-width:900px){
  .about-hero{grid-template-columns:1fr;padding:48px 36px}
  .about-origin-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
  .about-page{padding:34px 16px 54px}
  .about-hero{padding:38px 22px;border-radius:20px}
  .about-hero h1{font-size:39px;letter-spacing:-2.4px}
  .about-lead{font-size:16px}
  .about-origin-facts,.about-values-grid{grid-template-columns:1fr}
  .about-story,.about-mission{padding-top:58px}
  .about-story-copy{font-size:16px}
  .about-story-copy blockquote{margin:26px 0;padding:21px 20px}
  .about-promise{margin-top:58px;padding:42px 20px}
  .about-promise>p{font-size:16px}
  .about-hero-actions .button{width:100%}
}

/* ======================================================================
   #noSoloNet v3.7.19 — 20-card public activity auto-carousel
   ====================================================================== */
.guest-shell .ref-carousel-head{justify-content:space-between!important;align-items:center!important;flex-direction:row!important;gap:14px}
.ref-carousel-controls{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.ref-carousel-controls button{width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.24);border-radius:9px;background:rgba(8,14,20,.72);color:#fff;font-size:25px;line-height:1;cursor:pointer}
.ref-carousel-controls button:hover:not(:disabled),.ref-carousel-controls button:focus-visible{border-color:#72c7ff;color:#72c7ff;outline:none}
.ref-carousel-controls button:disabled{opacity:.32;cursor:default}
.ref-card-carousel{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;width:100%;max-width:100%;min-width:0;gap:14px;overflow-x:auto;overflow-y:hidden;padding:20px 1px 12px;scroll-behavior:smooth;scroll-snap-type:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom;cursor:grab;scrollbar-width:none}
.ref-card-carousel::-webkit-scrollbar{display:none;width:0;height:0}
.ref-card-carousel.is-dragging{cursor:grabbing;scroll-behavior:auto;user-select:none;-webkit-user-select:none}
.ref-card-carousel>.ref-card{display:flex;flex:0 0 calc((100% - 42px)/4);min-width:240px;flex-direction:column;scroll-snap-align:none}
.ref-card-carousel .ref-card-art{flex:0 0 160px;width:100%}
.ref-card-carousel .ref-card-copy{display:flex;flex:1;flex-direction:column;min-height:142px}
.ref-card-carousel .ref-card-copy h3 a:hover{color:#72c7ff}
.ref-card-carousel .ref-card-copy footer{margin-top:auto}

@media(max-width:900px){
  .ref-card-carousel>.ref-card{flex-basis:calc((100% - 14px)/2);min-width:250px}
}
@media(max-width:560px){
  .guest-shell .ref-carousel-head{width:100%;align-items:center!important}
  .ref-card-carousel>.ref-card{flex-basis:82vw;min-width:82vw}
}

/* ======================================================================
   #noSoloNet v3.7.18 — public activity IndexNow notifications
   ====================================================================== */
.public-activities-page{padding-bottom:38px}
.public-activities-heading p{max-width:720px}
.public-activity-search .preview-filter-row{display:grid;grid-template-columns:minmax(220px,1.35fr) minmax(190px,1fr) auto auto}
.public-activity-search .preview-filter-row input,
.public-activity-search .preview-filter-row select{width:100%;height:39px;padding:0 13px;border:1px solid rgba(255,255,255,.18)!important;border-radius:8px!important;background:rgba(5,10,14,.42)!important;color:#fff!important;font-size:11px}
.public-activity-search .preview-filter-row .button{height:39px;margin:0;white-space:nowrap}
.public-activity-grid .public-activity-card{min-width:0}
.public-activity-empty{grid-column:1/-1;padding:28px}
.public-activity-empty p{margin-bottom:0;color:#d6dde2}
.public-discovery-cta{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:30px;padding:25px 28px}
.public-discovery-cta h2{margin:5px 0;font-size:25px}
.public-discovery-cta p{max-width:680px;margin:0;color:#d9e1e7}
.public-discovery-cta>div:last-child{display:flex;gap:10px;flex-shrink:0}
.public-activity-detail{padding-bottom:34px}
.public-host-row{display:flex;align-items:center;gap:12px;margin:12px 0}
.public-host-row h2{margin:0 0 3px}
.public-host-row p{margin:0}
.public-join-card .button+.button{margin-top:9px}
.public-readonly-note p{margin:0 0 8px;color:#d2d8dc;font-size:10px;line-height:1.55}

@media(max-width:900px){
  .public-activity-search .preview-filter-row{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .public-activity-search .preview-filter-row{grid-template-columns:1fr}
  .public-discovery-cta{align-items:stretch;flex-direction:column}
  .public-discovery-cta>div:last-child{display:grid;grid-template-columns:1fr 1fr}
}

.guest-shell .ref-section-head-links-only{justify-content:flex-start!important}
@media(max-width:560px){
  .guest-shell .ref-section-head-links-only{align-items:flex-start!important}
}

/* ======================================================================
   #noSoloNet v3.7.12 — left-aligned shelf link + tighter mobile hero
   ====================================================================== */
@media(max-width:820px){
  .authenticated-shell .preview-dashboard-hero{
    min-height:460px!important;
    align-items:flex-start!important;
  }
  .authenticated-shell .preview-hero-copy{
    padding-top:52px!important;
    padding-bottom:72px!important;
  }
}

@media(max-width:560px){
  .authenticated-shell .preview-dashboard-hero{min-height:450px!important}
  .authenticated-shell .preview-hero-copy{padding-top:44px!important}
}

@media(orientation:landscape) and (max-width:1024px) and (max-height:650px){
  .authenticated-shell .preview-dashboard-hero{
    min-height:360px!important;
    align-items:flex-start!important;
  }
  .authenticated-shell .preview-hero-copy{
    padding-top:42px!important;
    padding-bottom:60px!important;
  }
}

/* ======================================================================
   #noSoloNet v3.9.0 — default profile picture and bounded profile editing
   ====================================================================== */
.avatar>img{
  display:block;
  width:100%;
  height:100%;
  border-radius:inherit;
  object-fit:cover;
}

.profile-edit-page{
  display:block!important;
  min-height:0!important;
  height:auto!important;
  padding-top:32px!important;
  padding-bottom:48px!important;
  overflow:visible!important;
}
.profile-edit-page>.auth-card{
  margin:0 auto;
}
.profile-photo-choice{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:14px;
  align-items:center;
}
.profile-edit-avatar{
  width:72px!important;
  height:72px!important;
  border:2px solid rgba(255,255,255,.55)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.24);
}
.profile-photo-choice>label{
  min-width:0;
  margin:0!important;
}
.profile-photo-choice>label>.muted{
  display:inline;
  font-weight:400;
}
.profile-edit-page .interest-category-list{
  overscroll-behavior-y:contain;
}

@media(max-width:620px){
  .profile-edit-page{
    width:calc(100% - 28px)!important;
    padding-top:22px!important;
    padding-bottom:32px!important;
  }
  .profile-photo-choice{
    grid-column:1/-1;
  }
}

/* ======================================================================
   #noSoloNet v3.9.1 — seamless signed-in Home hero shading
   Keep enough contrast behind the headline without a rectangular overlay
   or bottom border ending abruptly across the background photograph.
   ====================================================================== */
.authenticated-shell .preview-dashboard-hero{
  border-bottom:0!important;
}
.authenticated-shell .preview-dashboard-hero::before{
  background:radial-gradient(ellipse 75% 65% at 16% 31%,rgba(0,0,0,.44) 0%,rgba(0,0,0,.27) 40%,rgba(0,0,0,.10) 66%,rgba(0,0,0,0) 100%)!important;
  pointer-events:none;
}