:root{--ink:#263244;--muted:#637083;--line:#dce3ec;--soft:#f6f8fb;--white:#fff;--brand:#087cff;--brand-dark:#005fd1;--accent:#35b8ff;--orange:#ff575d;--shadow:0 18px 55px rgba(22,32,44,.10);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{background:#121722;color:#cbd2dc;font-size:.82rem}.topbar-inner{min-height:38px;display:flex;justify-content:space-between;align-items:center}.topbar nav{display:flex;gap:20px}.topbar a:hover{color:white}.header-main{height:88px;display:grid;grid-template-columns:auto 1fr auto auto;gap:22px;align-items:center}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.45rem;letter-spacing:-.04em}.brand>span:last-child>span{color:var(--brand)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--brand);color:white;font-size:1.25rem}.header-search{display:grid;grid-template-columns:1fr 140px auto;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white}.header-search input,.header-search select{border:0;padding:13px 15px;font:inherit;outline:none;background:white}.header-search select{border-left:1px solid var(--line)}.header-search button,.post-button{border:0;background:var(--brand);color:white;font-weight:800;padding:0 18px;cursor:pointer}.header-search button:hover,.post-button:hover{background:var(--brand-dark)}.post-button{padding:13px 18px;border-radius:13px;white-space:nowrap}.menu-button{display:none;border:0;background:none;font-size:1.5rem}.main-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.nav-inner{display:flex;gap:22px;min-height:50px;height:auto;align-items:center;flex-wrap:wrap;padding:8px 0;font-size:.9rem;font-weight:750}.nav-inner a:hover{color:var(--brand)}.hero{padding:72px 0 78px;background:radial-gradient(circle at 85% 25%,rgba(81,112,255,.16),transparent 28%),linear-gradient(135deg,#f9fbff,#f2f6ff)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:72px}.eyebrow{color:var(--brand);font-size:.78rem;font-weight:900;letter-spacing:.15em}.hero h1{font-size:clamp(3rem,5.2vw,5rem);line-height:.98;letter-spacing:-.055em;margin:15px 0 24px;max-width:760px}.hero h1 span{color:var(--brand)}.hero-copy>p{font-size:1.16rem;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;margin:31px 0 27px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:13px;font-weight:850}.button-primary{background:var(--brand);color:#fff}.button-primary:hover{background:var(--brand-dark)}.button-secondary{background:#fff;border:1px solid var(--line)}.trust-row{display:flex;gap:22px;flex-wrap:wrap;color:#596578;font-size:.88rem}.hero-panel{position:relative;min-height:460px}.hero-card{background:white;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.7)}.hero-card-main{position:absolute;right:25px;top:0;width:min(390px,88%);padding:18px;border-radius:26px;transform:rotate(1.5deg)}.mock-photo{height:235px;border-radius:18px;background:linear-gradient(145deg,rgba(81,112,255,.25),rgba(16,173,127,.18)),url('https://picsum.photos/id/119/700/500') center/cover;margin:14px 0 16px}.hero-card h3{margin:0 0 5px;font-size:1.25rem}.hero-card p{margin:0;color:var(--muted)}.pill{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:.68rem;font-weight:900;letter-spacing:.08em}.pill-swap{background:#e9eeff;color:#3655dc}.pill-sale{background:#e1f8f0;color:#077958}.pill-wanted{background:#fff0e6;color:#bd5a16}.hero-card-small{position:absolute;display:flex;align-items:center;gap:13px;padding:14px 16px;border-radius:17px;width:250px}.hero-card-small small{display:block;color:var(--muted)}.card-sale{left:0;bottom:88px;transform:rotate(-2deg)}.card-wanted{right:0;bottom:16px;transform:rotate(2deg)}.icon-box{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--soft);font-weight:900;color:var(--brand)}.search-band{margin-top:-27px;position:relative;z-index:4}.big-search{display:grid;grid-template-columns:1.3fr .75fr .55fr auto;gap:0;background:white;box-shadow:0 15px 50px rgba(18,23,34,.14);border-radius:18px;padding:9px}.big-search input,.big-search select{border:0;border-right:1px solid var(--line);padding:16px 17px;font:inherit;outline:none;background:white}.big-search button{border:0;background:var(--ink);color:white;border-radius:12px;padding:0 24px;font-weight:850}.section{padding:90px 0}.section-soft{background:var(--soft)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:31px}.section-heading h2,.split-copy h2,.safety-grid h2,.cta h2{font-size:clamp(2rem,3vw,3rem);letter-spacing:-.04em;line-height:1.05;margin:8px 0 0}.section-heading>a,.text-link{font-weight:800;color:var(--brand)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-card{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:17px;background:#fff;transition:.2s}.category-card:hover{border-color:#aebcff;transform:translateY(-2px);box-shadow:0 10px 25px rgba(22,32,44,.07)}.category-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#edf1ff;font-size:1.3rem}.category-card strong,.category-card small{display:block}.category-card small{color:var(--muted);font-size:.78rem;margin-top:2px}.arrow{color:#9aa4b1}.listing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.listing-card{background:white;border:1px solid var(--line);border-radius:19px;overflow:hidden;transition:.2s}.listing-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(22,32,44,.08)}.listing-image{height:190px;display:block;position:relative;background:#e8edf3}.listing-image img{width:100%;height:100%;object-fit:cover}.listing-image .pill{position:absolute;top:12px;left:12px}.listing-body{padding:16px}.listing-body>small{color:var(--brand);font-weight:800}.listing-body h3{font-size:1rem;margin:5px 0 16px;line-height:1.35}.listing-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.84rem}.listing-meta strong{color:var(--ink)}.listing-user{border-top:1px solid var(--line);margin-top:14px;padding-top:12px;font-size:.78rem;color:var(--muted)}.empty-state{padding:60px;text-align:center;background:white;border:1px dashed #cbd2dc;border-radius:22px}.empty-icon{font-size:2.4rem;color:var(--brand)}.empty-state h3{font-size:1.5rem;margin:10px 0}.empty-state p{max-width:650px;margin:0 auto 22px;color:var(--muted)}.split-section{padding:95px 0;background:#17202c;color:#fff}.split-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.split-copy p{color:#aab4c3;font-size:1.06rem}.deal-cards{display:grid;gap:12px}.deal-cards a{display:grid;grid-template-columns:55px 1fr auto;gap:17px;align-items:center;padding:20px 22px;border:1px solid #344052;border-radius:17px}.deal-cards a:hover{background:#202b39}.deal-number{color:#7f8b9d;font-size:.75rem;font-weight:900}.deal-cards h3{margin:0 0 3px}.deal-cards p{margin:0;color:#aab4c3}.safety-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.safety-grid>div:first-child>p{color:var(--muted);font-size:1.04rem}.safety-points{display:grid;grid-template-columns:1fr 1fr;gap:15px}.safety-points>div{padding:21px;border-radius:17px;border:1px solid var(--line)}.safety-points span{color:var(--accent);font-weight:900}.safety-points strong{display:block;margin:8px 0 4px}.safety-points p{margin:0;color:var(--muted);font-size:.88rem}.stats-band{background:#eef4ff;border-block:1px solid #dbe6ff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0}.stats-grid>div{text-align:center;border-right:1px solid #d2dfff}.stats-grid>div:last-child{border:0}.stats-grid strong{display:block;font-size:1.55rem}.stats-grid span{color:var(--muted);font-size:.84rem}.cta{padding:75px 0;background:var(--brand);color:white}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.cta .eyebrow{color:#dce6ff}.cta h2{max-width:760px}.button-light{background:white;color:var(--brand)}.site-footer{background:#111722;color:#c4ccd7;padding:64px 0 25px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:60px}.brand-footer{color:white;margin-bottom:16px}.footer-grid p{max-width:400px;color:#8f9aab}.footer-grid h3{color:white;font-size:.9rem}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:9px}.footer-grid a:hover{color:white}.footer-bottom{border-top:1px solid #2a3443;margin-top:45px;padding-top:22px;font-size:.8rem;color:#7e8998}.page-shell{padding:70px 0;min-height:55vh}.page-shell h1{font-size:clamp(2.3rem,4vw,4rem);letter-spacing:-.05em;margin:.2em 0}.page-shell p{color:var(--muted);max-width:700px}.placeholder-box{margin-top:28px;padding:28px;border:1px dashed #bdc5d0;border-radius:18px;background:var(--soft)}@media(max-width:1000px){.header-main{grid-template-columns:auto 1fr auto}.header-search{display:none}.hero-grid,.split-grid,.safety-grid{grid-template-columns:1fr}.hero-panel{max-width:580px;width:100%;margin:auto}.category-grid,.listing-grid{grid-template-columns:repeat(2,1fr)}.big-search{grid-template-columns:1fr 1fr}.big-search input,.big-search select{border-bottom:1px solid var(--line)}.big-search button{min-height:54px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.safety-points{grid-template-columns:1fr 1fr}}@media(max-width:720px){.container{width:min(100% - 28px,1180px)}.topbar-inner>span{display:none}.topbar-inner{justify-content:flex-end}.header-main{height:72px;grid-template-columns:1fr auto auto}.post-button{display:none}.menu-button{display:block}.main-nav{display:none}.main-nav.is-open{display:block}.nav-inner{height:auto;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:8px 0}.nav-inner a{padding:12px 0;border-bottom:1px solid var(--line)}.hero{padding:55px 0 65px}.hero-grid{gap:35px}.hero h1{font-size:clamp(2.75rem,14vw,4rem)}.hero-panel{min-height:390px}.hero-card-main{right:5px}.hero-card-small{width:220px}.card-sale{bottom:55px}.card-wanted{display:none}.trust-row{gap:10px 18px}.big-search{grid-template-columns:1fr}.big-search input,.big-search select{border:0;border-bottom:1px solid var(--line)}.section{padding:65px 0}.section-heading{align-items:start}.section-heading>a{display:none}.category-grid,.listing-grid,.safety-points{grid-template-columns:1fr}.split-grid,.safety-grid{gap:35px}.stats-grid{grid-template-columns:1fr 1fr;gap:20px}.stats-grid>div{border:0}.cta-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.empty-state{padding:35px 20px}}
.auth-section{padding:72px 0 90px;background:linear-gradient(135deg,#f8faff,#f4f1ff);min-height:68vh}.auth-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;max-width:1040px}.auth-copy h1{font-size:clamp(2.6rem,4vw,4.3rem);line-height:1;letter-spacing:-.055em;margin:14px 0 20px}.auth-copy>p{font-size:1.08rem;color:var(--muted);max-width:520px;margin-bottom:30px}.auth-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow)}.auth-card h2{font-size:1.8rem;letter-spacing:-.035em;margin:0}.auth-intro{color:var(--muted);margin:6px 0 25px}.auth-form{display:grid;gap:17px}.auth-form label{display:grid;gap:7px;font-size:.9rem;font-weight:800}.auth-form label span em{font-style:normal;color:var(--muted);font-weight:500}.auth-form input{width:100%;border:1px solid #d7dde6;border-radius:12px;padding:13px 14px;font:inherit;outline:none;background:#fff}.auth-form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(91,70,232,.11)}.auth-form label small{color:var(--muted);font-weight:500;font-size:.76rem}.auth-submit{width:100%;border:0;cursor:pointer;margin-top:3px;font:inherit}.auth-switch{text-align:center;color:var(--muted);font-size:.88rem;margin:21px 0 0}.auth-switch a{color:var(--brand);font-weight:800}.form-alert{border-radius:12px;padding:12px 14px;margin:0 0 20px;font-size:.88rem}.form-alert p{margin:0}.form-alert p+p{margin-top:5px}.form-alert-error{background:#fff0f0;border:1px solid #ffcaca;color:#9b2424}.form-alert-success{background:#eaf9f3;border:1px solid #bdebd9;color:#087455}.auth-feature{display:flex;gap:12px;align-items:flex-start;margin:16px 0}.auth-feature>span{color:var(--accent);font-weight:900}.auth-feature strong,.auth-feature small{display:block}.auth-feature small{color:var(--muted);margin-top:2px}.auth-note{padding:17px 18px;border-radius:15px;background:#fff;border:1px solid var(--line);color:var(--muted);font-size:.88rem}.auth-note strong{color:var(--ink)}.account-card{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.account-card>div{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}.account-card span,.account-card strong{display:block}.account-card span{color:var(--muted);font-size:.78rem;margin-bottom:5px}.account-actions{display:flex;gap:12px;margin-top:25px}@media(max-width:800px){.auth-layout{grid-template-columns:1fr;gap:35px}.auth-section{padding:50px 0 65px}.auth-card{padding:25px}.account-card{grid-template-columns:1fr}.account-actions{flex-direction:column}}
.listing-form-section{background:var(--soft)}.form-page{max-width:900px}.listing-form{margin-top:30px;display:grid;gap:18px}.listing-form label{display:grid;gap:7px;font-size:.9rem;font-weight:800}.listing-form input,.listing-form select,.listing-form textarea{width:100%;border:1px solid #d7dde6;border-radius:12px;padding:13px 14px;font:inherit;background:#fff;outline:none}.listing-form textarea{resize:vertical}.listing-form input:focus,.listing-form select:focus,.listing-form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(91,70,232,.11)}.listing-form label small,.listing-form label em{color:var(--muted);font-weight:500;font-style:normal}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.browse-search{margin:28px 0 38px;border:1px solid var(--line)}.browse-grid{margin-top:20px}.listing-detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:45px;align-items:start}.listing-detail-image{border-radius:22px;overflow:hidden;background:var(--soft);border:1px solid var(--line);aspect-ratio:4/3}.listing-detail-image img{width:100%;height:100%;object-fit:cover}.listing-detail-copy>small{display:block;color:var(--brand);font-weight:800;margin-top:16px}.listing-detail-copy h1{font-size:clamp(2.2rem,4vw,3.8rem);margin:8px 0 14px}.listing-price{font-size:2rem;font-weight:900;margin-bottom:14px}.listing-facts{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.listing-facts span{padding:7px 10px;background:var(--soft);border-radius:9px}.listing-description{white-space:normal;color:var(--ink)!important;line-height:1.7;margin:24px 0}.wanted-box,.seller-box{padding:18px;border:1px solid var(--line);border-radius:15px;margin-top:18px}.wanted-box p{margin:6px 0 0}.seller-box span{display:block;color:var(--muted);margin-top:3px}@media(max-width:800px){.form-row,.listing-detail{grid-template-columns:1fr}.listing-detail{gap:25px}}

/* Listing photo choices */
.photo-upload-options { display: grid; gap: 1rem; }
.photo-option-divider { display: flex; align-items: center; gap: .8rem; color: var(--muted, #777); font-size: .85rem; text-transform: uppercase; letter-spacing: .08em; }
.photo-option-divider::before, .photo-option-divider::after { content: ""; height: 1px; background: currentColor; opacity: .25; flex: 1; }

/* wotugot post listing */
.listing-form-section{background:linear-gradient(135deg,#f8faff 0%,#f4f1ff 48%,#f7f9fc 100%);padding:76px 0 95px}.post-layout{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:64px;align-items:start}.post-intro{position:sticky;top:32px;padding-top:16px}.post-intro h1{font-size:clamp(2.8rem,4.7vw,4.8rem);line-height:.96;letter-spacing:-.06em;margin:14px 0 22px;max-width:520px}.post-intro>p{font-size:1.06rem;max-width:470px}.post-promise{display:flex;gap:14px;align-items:center;margin-top:30px;padding:17px 18px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px rgba(22,32,44,.06)}.post-promise>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#edf1ff;color:var(--brand);font-size:1.3rem;font-weight:900;flex:0 0 auto}.post-promise strong,.post-promise small{display:block}.post-promise small{color:var(--muted);margin-top:2px}.post-card-wrap{min-width:0}.post-card{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);overflow:hidden;margin:0;display:block;padding:0}.post-section{padding:30px 34px;border-bottom:1px solid var(--line);display:grid;gap:18px}.post-section-heading{display:flex;gap:14px;align-items:center;margin-bottom:2px}.post-section-heading h2{font-size:1.35rem;letter-spacing:-.025em;margin:0}.post-section-heading p{font-size:.87rem;margin:2px 0 0;color:var(--muted)}.post-step{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#edf1ff;color:var(--brand);font-size:.75rem;font-weight:900;flex:0 0 auto}.post-card label{display:grid;gap:7px;font-size:.9rem;font-weight:800}.post-card label>span em{font-style:normal;color:var(--muted);font-weight:500}.post-card input,.post-card select,.post-card textarea{width:100%;border:1px solid #d7dde6;border-radius:12px;padding:13px 14px;font:inherit;background:#fff;outline:none;transition:.15s}.post-card textarea{resize:vertical;min-height:150px}.post-card input:focus,.post-card select:focus,.post-card textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(91,70,232,.11)}.post-card label small{color:var(--muted);font-weight:500;font-size:.77rem}.photo-upload-options{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:stretch}.photo-choice{padding:22px!important;border:1px dashed #bcc5d2;border-radius:17px;background:var(--soft);text-align:center;cursor:pointer;align-content:center;justify-items:center;transition:.18s}.photo-choice:hover{border-color:var(--brand);background:#f4f1ff}.photo-choice .photo-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#fff;color:var(--brand);font-size:1.25rem;box-shadow:0 4px 15px rgba(22,32,44,.07);margin-bottom:3px}.photo-choice strong{font-size:.95rem}.photo-choice input{margin-top:8px;padding:9px;background:#fff;font-size:.8rem}.photo-option-divider{display:flex;align-items:center;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.post-submit{padding:25px 34px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#fafbfc}.post-submit strong,.post-submit small{display:block}.post-submit small{color:var(--muted);margin-top:2px}.post-submit button{border:0;cursor:pointer;font:inherit;white-space:nowrap}.post-card-wrap>.form-alert{margin:0 0 16px}@media(max-width:900px){.post-layout{grid-template-columns:1fr;gap:30px}.post-intro{position:static;padding:0}.post-intro h1{max-width:650px}.post-promise{max-width:520px}}@media(max-width:650px){.listing-form-section{padding:48px 0 65px}.post-section{padding:24px 20px}.post-submit{padding:22px 20px;align-items:stretch;flex-direction:column}.post-submit button{width:100%}.photo-upload-options{grid-template-columns:1fr}.photo-option-divider{justify-content:center}.form-row{grid-template-columns:1fr}}

/* Post page — deliberately mirrors the homepage visual language */
.post-hero{padding:66px 0 92px;background:radial-gradient(circle at 85% 25%,rgba(81,112,255,.16),transparent 28%),linear-gradient(135deg,#f9fbff,#f2f6ff)}
.post-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:72px}
.post-hero-copy h1{font-size:clamp(3rem,5.2vw,5rem);line-height:.98;letter-spacing:-.055em;margin:15px 0 24px;max-width:760px}.post-hero-copy h1 span{color:var(--brand)}
.post-hero-copy>p{font-size:1.16rem;color:var(--muted);max-width:650px;margin-bottom:28px}
.post-hero-panel{display:flex;justify-content:center}.post-hero-card{width:min(390px,100%);padding:24px;border-radius:26px;background:#fff;border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow);transform:rotate(1.5deg)}
.post-hero-icon{height:190px;margin:15px 0 18px;border-radius:18px;display:grid;place-items:center;font-size:5.5rem;font-weight:900;color:var(--brand);background:linear-gradient(145deg,rgba(91,70,232,.18),rgba(16,173,127,.13))}
.post-hero-card h3{margin:0 0 5px;font-size:1.25rem}.post-hero-card p{margin:0;color:var(--muted)}
.post-form-band{position:relative;margin-top:-35px;padding:0 0 90px}.post-form-container{max-width:980px}.homepage-form-card{display:block;margin:0;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 15px 50px rgba(18,23,34,.14);overflow:hidden}
.homepage-form-section{padding:36px 40px;display:grid;gap:19px;border-bottom:1px solid var(--line)}.section-soft-inner{background:var(--soft)}
.homepage-form-heading{display:flex;align-items:center;gap:15px;margin-bottom:3px}.homepage-form-heading .category-icon{font-size:.78rem;font-weight:900;color:var(--brand)}.homepage-form-heading h2{font-size:1.55rem;letter-spacing:-.035em;margin:2px 0 0}
.homepage-form-card label{display:grid;gap:7px;font-size:.9rem;font-weight:800}.homepage-form-card label small,.homepage-form-card label em{color:var(--muted);font-weight:500;font-style:normal}
.homepage-form-card input,.homepage-form-card select,.homepage-form-card textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:14px 15px;font:inherit;background:#fff;outline:none;transition:.15s}.homepage-form-card textarea{resize:none;height:155px;min-height:155px;max-height:155px}
.homepage-form-card input:focus,.homepage-form-card select:focus,.homepage-form-card textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(91,70,232,.11)}
.homepage-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.homepage-photo-card{min-height:190px;padding:24px!important;border:1px solid var(--line);border-radius:17px;background:#fff;text-align:center;align-content:center;justify-items:center;cursor:pointer;transition:.2s}.homepage-photo-card:hover{border-color:#aebcff;transform:translateY(-2px);box-shadow:0 10px 25px rgba(22,32,44,.07)}
.homepage-photo-card .photo-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#edf1ff;color:var(--brand);font-size:1.35rem;margin-bottom:5px}.homepage-photo-card input{margin-top:10px;padding:9px;font-size:.8rem}
.form-help{margin:0!important;font-size:.88rem}.homepage-form-submit{padding:32px 40px;background:#17202c;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.homepage-form-submit .eyebrow{color:#aaa0ff}.homepage-form-submit h2{font-size:1.65rem;letter-spacing:-.035em;margin:4px 0 0}.homepage-form-submit button{border:0;cursor:pointer;font:inherit;white-space:nowrap}
.post-form-container>.form-alert{margin-bottom:16px}
@media(max-width:800px){.post-hero-grid{grid-template-columns:1fr;gap:35px}.post-hero-panel{display:none}.post-form-band{margin-top:-25px}.homepage-photo-grid,.form-row{grid-template-columns:1fr}}
@media(max-width:650px){.post-hero{padding:50px 0 70px}.post-hero-copy h1{font-size:clamp(2.75rem,14vw,4rem)}.homepage-form-section{padding:27px 20px}.homepage-form-submit{padding:27px 20px;align-items:stretch;flex-direction:column}.homepage-form-submit button{width:100%}}

/* Post listing visual refinement */
.homepage-form-heading{display:block;margin-bottom:8px}
.homepage-form-heading .eyebrow{display:block;margin-bottom:7px}
.homepage-form-section{gap:22px}
.description-field{display:block}
.description-field>label{display:block;margin:0 0 5px;font-size:.9rem;font-weight:800}
.description-field>p{margin:0 0 12px!important;color:var(--muted);font-size:.88rem;line-height:1.5}
.description-field>textarea{display:block;width:100%;height:190px!important;min-height:190px!important;max-height:190px!important;resize:none!important;border:1px solid var(--line);border-radius:14px;padding:15px;font:inherit;line-height:1.55;background:#fff;outline:none}
.description-field>textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(91,70,232,.11)}
.description-field>small{display:block;margin-top:7px;color:var(--muted);font-size:.78rem}

/* Post page file buttons — match the purple Publish my item button */
.homepage-photo-card input[type="file"]::file-selector-button{
    border:0;
    background:var(--brand);
    color:#fff;
    font:inherit;
    font-weight:850;
    padding:10px 16px;
    border-radius:13px;
    cursor:pointer;
    margin-right:10px;
    transition:.15s;
}
.homepage-photo-card input[type="file"]::file-selector-button:hover{
    background:var(--brand-dark);
}
.homepage-photo-card input[type="file"]::-webkit-file-upload-button{
    border:0;
    background:var(--brand);
    color:#fff;
    font:inherit;
    font-weight:850;
    padding:10px 16px;
    border-radius:13px;
    cursor:pointer;
    margin-right:10px;
}

/* Photo actions: real wotugot buttons */
.homepage-photo-card .photo-file-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important}
.homepage-photo-card .photo-action-button{display:inline-flex!important;width:auto!important;min-width:170px;margin-top:14px;border:0!important;cursor:pointer;color:#fff!important;background:var(--brand)!important;padding:0 22px!important}
.homepage-photo-card .photo-action-button:hover{background:var(--brand-dark)!important;transform:none!important}
.homepage-photo-card .photo-file-name{display:block;margin-top:9px;color:var(--muted);font-size:.78rem;font-weight:500;word-break:break-word}

/* Photo controls — button left, explanation right */
.homepage-photo-grid{grid-template-columns:1fr;gap:12px}
.homepage-photo-card{min-height:0!important;padding:18px 20px!important;display:grid!important;grid-template-columns:180px minmax(0,1fr);gap:20px;align-items:center;justify-items:stretch!important;text-align:left!important;cursor:default!important}
.homepage-photo-card:hover{transform:none}
.homepage-photo-card .photo-icon{display:none!important}
.homepage-photo-card .photo-action-button{margin:0!important;width:180px!important;min-width:180px!important}
.photo-explanation{display:grid;gap:2px;min-width:0}
.photo-explanation strong{font-size:.95rem}
.photo-explanation small{color:var(--muted);font-size:.82rem;font-weight:500}
.homepage-photo-card .photo-file-name{margin:4px 0 0!important}
@media(max-width:650px){.homepage-photo-card{grid-template-columns:1fr;gap:10px}.homepage-photo-card .photo-action-button{width:100%!important;min-width:0!important}.photo-explanation{text-align:left}}

/* Hide native file controls; purple labels are the only visible photo actions */
input.photo-file-input[type="file"]{display:none!important;appearance:none!important;-webkit-appearance:none!important}

/* Homepage Top Swap hero */
.hero-top-swap{color:inherit;text-decoration:none}
.hero-top-label{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hero-top-label small{color:var(--muted);font-size:.78rem;font-weight:700}
.hero-top-photo{overflow:hidden;background:#e8edf3}
.hero-top-photo img{width:100%;height:100%;object-fit:cover}
.hero-top-location{display:block;margin-top:9px;color:var(--muted);font-size:.78rem;font-weight:700}
.hero-top-swap:hover{transform:rotate(0deg) translateY(-3px);box-shadow:0 22px 60px rgba(22,32,44,.15)}
/* Member listing management */
.owner-listing-actions{margin-top:20px}.edit-listing-band{margin-top:0;padding-top:60px}.edit-current-photo{width:min(320px,100%);aspect-ratio:4/3;object-fit:cover;border-radius:16px;border:1px solid var(--line)}.my-listings{margin-top:55px}.my-listing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.my-listing-card{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff}.my-listing-card img{width:150px;height:115px;object-fit:cover;border-radius:12px;background:var(--soft)}.my-listing-card small{color:var(--brand);font-weight:800}.my-listing-card h3{margin:5px 0 14px}.my-listing-actions{display:flex;gap:12px;align-items:center}.my-listing-actions>a:first-child{font-weight:800;color:var(--brand)}.my-listing-actions .button{min-height:38px;padding:0 15px}.hidden-file-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.clean-photo-actions{display:grid;gap:12px}.photo-action-row{display:grid!important;grid-template-columns:180px 1fr;gap:18px!important;align-items:center;cursor:pointer}.photo-action-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:13px;background:var(--brand);color:#fff;font-weight:850}.photo-action-row:hover .photo-action-button{background:var(--brand-dark)}.photo-action-copy{color:var(--muted);font-weight:500}@media(max-width:720px){.my-listing-grid{grid-template-columns:1fr}.my-listing-card{grid-template-columns:100px 1fr}.my-listing-card img{width:100px;height:90px}.photo-action-row{grid-template-columns:1fr}.photo-action-copy{padding:0 4px}}

/* Listing status + removal */
.status-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.status-choice{display:flex!important;grid-template-columns:none!important;align-items:center;gap:12px!important;padding:17px;border:1px solid var(--line);border-radius:15px;background:#fff;cursor:pointer}.status-choice input{width:auto!important;margin:0;accent-color:var(--brand)}.status-choice span{display:block}.status-choice strong,.status-choice small{display:block}.status-choice small{margin-top:2px;color:var(--muted);font-weight:500}.remove-post-zone{padding:25px 40px;display:flex;justify-content:space-between;align-items:center;gap:25px;background:#fff5f5;border-top:1px solid #ffd4d4}.remove-post-zone strong{font-size:1rem}.remove-post-zone p{margin:3px 0 0;color:#8a5555;font-size:.86rem}.button-danger{border:0;background:#c93636;color:#fff;cursor:pointer;font:inherit}.button-danger:hover{background:#a92828}.listing-status,.public-status{display:inline-flex;width:max-content;padding:6px 10px;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.status-active{background:#e7f8f1;color:#087455}.status-completed{background:#e9f2ff;color:#3655dc}.public-status{margin:0 0 8px}.pill-swapped{background:#e9f2ff;color:#3655dc}@media(max-width:650px){.status-choice-grid{grid-template-columns:1fr}.remove-post-zone{padding:22px 20px;align-items:stretch;flex-direction:column}.remove-post-zone .button{width:100%}}

/* Subscriber bumping and swapper activity */
.bump-mini{float:right;color:var(--brand);font-weight:850}.account-bump-count{display:block;color:var(--brand);font-weight:800;margin:-6px 0 9px}.swapper-stats{display:flex;gap:10px;margin-top:12px}.swapper-stats span{padding:8px 11px;border-radius:10px;background:var(--soft);color:var(--muted);font-size:.8rem}.swapper-stats span strong{display:inline;color:var(--ink);margin-right:3px}.listing-bump-info{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:14px;padding:12px 14px;border-radius:12px;background:#edf1ff;color:var(--brand);font-size:.82rem}.listing-bump-info span{color:var(--muted)}.bump-section{background:linear-gradient(135deg,#f8f7ff,#edf1ff)}.bump-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:20px;border:1px solid #ddd7ff;border-radius:16px;background:#fff}.bump-panel p{margin:4px 0;color:var(--muted);font-size:.88rem}.bump-panel small{color:var(--muted)}.bump-panel button[disabled]{opacity:.5;cursor:not-allowed}.subscriber-lock{display:inline-flex;padding:10px 13px;border-radius:10px;background:#ece9ff;color:var(--brand);font-weight:850;white-space:nowrap}@media(max-width:650px){.bump-panel,.listing-bump-info{align-items:stretch;flex-direction:column}.bump-panel button{width:100%}.bump-mini{float:none;display:block;margin-top:4px}}


/* Subscription */
.nav-subscribe{color:var(--brand)!important;font-weight:900}.subscription-hero{padding:78px 0;background:radial-gradient(circle at 82% 30%,rgba(91,70,232,.18),transparent 28%),linear-gradient(135deg,#f9fbff,#f2f6ff)}.subscription-hero-inner{max-width:900px}.subscription-hero h1{font-size:clamp(3rem,5.2vw,5rem);line-height:.98;letter-spacing:-.055em;margin:14px 0 20px}.subscription-hero p{font-size:1.15rem;color:var(--muted);max-width:680px}.subscription-live{display:inline-flex;margin-top:20px;padding:13px 16px;border-radius:13px;background:#fff;border:1px solid #ddd7ff;box-shadow:0 8px 24px rgba(22,32,44,.07);color:var(--brand)}.subscription-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.subscription-benefits article{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(22,32,44,.05)}.subscription-benefits article>strong{color:var(--brand);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.subscription-benefits h2{margin:8px 0;font-size:1.45rem}.subscription-benefits p{margin:0;color:var(--muted)}.subscription-cta-card{margin-top:25px;padding:30px;border-radius:20px;background:#17202c;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px}.subscription-cta-card h2{margin:5px 0}.subscription-cta-card p{margin:0;color:#aab4c3}.subscription-coming{padding:12px 16px;border-radius:12px;background:#2b3544;color:#cdd4de;font-weight:850;white-space:nowrap}.subscription-test{margin-top:18px;padding:18px;border:1px dashed #c6bddf;border-radius:16px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.subscription-test span{color:var(--muted);margin-right:auto}.subscriber-post-promo{background:linear-gradient(135deg,#f4f1ff,#faf9ff);display:flex!important;align-items:center;justify-content:space-between;gap:25px}.subscriber-post-promo h2{margin:4px 0;font-size:1.45rem}.subscriber-post-promo p{margin:0;color:var(--muted)}.subscriber-name{color:var(--brand)!important;font-weight:900;text-shadow:0 0 14px rgba(91,70,232,.22)}.chat-username{font-weight:850}.account-card{grid-template-columns:repeat(4,1fr)}@media(max-width:800px){.subscription-benefits{grid-template-columns:1fr}.subscription-cta-card,.subscriber-post-promo{align-items:stretch;flex-direction:column}.subscription-cta-card .button,.subscriber-post-promo .button{width:100%}.account-card{grid-template-columns:1fr}}

/* Subscription pricing */
.subscription-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.subscription-price-card{position:relative;padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(22,32,44,.06);display:flex;flex-direction:column;align-items:flex-start}.subscription-price-card h2{font-size:2.8rem;letter-spacing:-.055em;margin:9px 0 8px}.subscription-price-card p{color:var(--muted);margin:0 0 24px;flex:1}.subscription-price-card .button{width:100%}.subscription-price-featured{border:2px solid var(--brand);box-shadow:0 16px 40px rgba(91,70,232,.13)}.subscription-best-value{position:absolute;right:18px;top:18px;padding:6px 9px;border-radius:999px;background:#e9f2ff;color:var(--brand);font-size:.68rem;font-weight:900;letter-spacing:.08em}.subscription-pricing+.subscription-benefits{margin-top:0}@media(max-width:800px){.subscription-pricing{grid-template-columns:1fr}}

/* Wanted system */
.wanted-hero{padding:58px 0;background:linear-gradient(135deg,#f7f5ff 0%,#fff 55%,#f1f8ff 100%);border-bottom:1px solid var(--line)}
.wanted-hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:44px;align-items:center}.wanted-hero h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:.98;max-width:850px;margin:12px 0 20px}.wanted-hero h1 span{color:var(--brand)}.wanted-hero p{max-width:760px;color:var(--muted);font-size:1.08rem;line-height:1.7;margin-bottom:24px}.wanted-explain-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px;transform:rotate(1deg)}.pill-wanted{background:#fff0e7!important;color:#b54b08!important;border:1px solid #ffd4ba}.wanted-results{padding-top:54px}.wanted-card-top{min-height:118px;padding:22px;background:linear-gradient(135deg,#f8f6ff,#fff4ec);display:flex;align-items:flex-start;justify-content:space-between;text-decoration:none}.wanted-card-category{font-size:.75rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.wanted-card-copy{color:var(--muted);line-height:1.55;min-height:58px}@media(max-width:800px){.wanted-hero-grid{grid-template-columns:1fr}.wanted-explain-card{transform:none}}

/* Admin control panel */
.admin-link{font-weight:800;color:#fff!important;background:var(--brand);padding:6px 11px;border-radius:9px}
.admin-hero{padding:48px 0;background:linear-gradient(135deg,#f7f5ff,#fff);border-bottom:1px solid var(--line)}
.admin-hero h1{font-size:clamp(2.2rem,4vw,3.8rem);margin:8px 0 10px}.admin-hero p{color:var(--muted);max-width:720px}
.admin-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:700px;margin-top:28px}
.admin-stat-grid div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.admin-stat-grid strong{display:block;font-size:1.7rem}.admin-stat-grid span{color:var(--muted)}
.admin-container{max-width:1180px}.admin-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.admin-toolbar p{color:var(--muted);margin:5px 0 0}
.admin-search{display:flex;gap:8px}.admin-search input{min-width:260px}
.admin-role-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.admin-role-guide>div{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}.admin-role-guide p{font-size:.85rem;color:var(--muted);margin:9px 0 0}
.admin-user-list{border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden}.admin-user-row{display:grid;grid-template-columns:1.25fr .45fr 1fr;gap:18px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line)}.admin-user-row:last-child{border-bottom:0}
.admin-user-main{display:flex;align-items:center;gap:12px}.admin-user-main small{display:block;color:var(--muted);margin-top:3px}.admin-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--soft);font-weight:900;color:var(--brand)}
.owner-tag{font-size:.65rem;font-weight:900;background:#fff0d9;color:#995c00;border-radius:999px;padding:3px 7px;margin-left:7px}.admin-user-status small{display:block;color:var(--muted);margin-top:5px}
.role-badge{display:inline-block;border-radius:999px;padding:5px 9px;font-size:.68rem;font-weight:900;letter-spacing:.05em}.role-admin{background:#e9f2ff;color:#4b35d1}.role-moderator{background:#e8f8f3;color:#087b5d}.role-member{background:#eef1f5;color:#596577}
.admin-role-form{display:flex;justify-content:flex-end;gap:8px}.admin-role-form select{min-width:135px}.button-disabled{opacity:.65;cursor:not-allowed}
.form-alert-success{background:#e9f9f2;border:1px solid #bcebd9;color:#087451}
@media(max-width:850px){.admin-user-row{grid-template-columns:1fr}.admin-role-form{justify-content:flex-start}.admin-role-guide,.admin-stat-grid{grid-template-columns:1fr}.admin-toolbar{align-items:stretch;flex-direction:column}.admin-search{flex-wrap:wrap}.admin-search input{min-width:0;flex:1}}

/* Homepage dense 5-column marketplace grids */
.section-soft .listing-grid,.homepage-wanted-section .listing-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.section-soft .listing-card,.homepage-wanted-section .listing-card{border-radius:14px}
.section-soft .listing-image,.homepage-wanted-section .listing-image{min-height:130px}
.section-soft .listing-body,.homepage-wanted-section .listing-body{padding:13px}
.section-soft .listing-body h3,.homepage-wanted-section .listing-body h3{font-size:.94rem}
.category-strip{padding:12px 0;border-bottom:1px solid var(--line);background:var(--white)}
.category-details{border:1px solid var(--line);border-radius:14px;background:var(--soft);overflow:hidden}
.category-details summary{cursor:pointer;list-style:none;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.category-details summary::-webkit-details-marker{display:none}
.category-details summary span:first-child{display:flex;align-items:baseline;gap:12px}.category-details summary small{color:var(--muted)}.category-chevron{font-size:1.3rem;transition:transform .2s}.category-details[open] .category-chevron{transform:rotate(180deg)}
.compact-category-grid{padding:0 12px 12px;grid-template-columns:repeat(4,1fr);gap:8px}.compact-category-grid .category-card{padding:10px 12px;min-height:0}
@media(max-width:1100px){.section-soft .listing-grid,.homepage-wanted-section .listing-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){.section-soft .listing-grid,.homepage-wanted-section .listing-grid{grid-template-columns:repeat(2,1fr)}.compact-category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.section-soft .listing-grid,.homepage-wanted-section .listing-grid{grid-template-columns:1fr}}

/* Theme, profiles and messaging */
body.dark-mode{--ink:#edf1f7;--muted:#a9b2c1;--line:#343b48;--soft:#1b2029;--white:#12161d;--shadow:0 18px 55px rgba(0,0,0,.28);background:#12161d;color:var(--ink)}
body.dark-mode .site-header,body.dark-mode .header-main,body.dark-mode .category-strip,body.dark-mode .listing-card,body.dark-mode .account-card,body.dark-mode .account-pref-card,body.dark-mode .message-thread,body.dark-mode .conversation-list{background:#151a22}
body.dark-mode input,body.dark-mode textarea,body.dark-mode select{background:#202630;color:#edf1f7;border-color:#3b4452}
body.dark-mode .hero,body.dark-mode .wanted-hero,body.dark-mode .admin-hero{background:linear-gradient(135deg,#171c25,#12161d)}
.message-count{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#ff6b5f;color:#fff;font-size:.68rem;font-weight:900}
.account-preferences{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.account-pref-card{border:1px solid var(--line);border-radius:18px;padding:20px;background:var(--white)}.account-pref-card form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.profile-avatar img,.profile-avatar-large{width:86px;height:86px;border-radius:50%;object-fit:cover;border:3px solid var(--white);box-shadow:0 0 0 1px var(--line)}
.public-profile{display:flex;align-items:center;gap:24px;padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--white);margin-bottom:32px}.profile-avatar-large{width:120px;height:120px}.profile-stats{display:flex;gap:8px;align-items:baseline}.profile-stats strong{font-size:1.8rem}.profile-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.profile-posts a{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--white);text-decoration:none;color:var(--ink);display:flex;gap:10px;align-items:center}
.seller-profile-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.seller-profile-link img{width:52px;height:52px;border-radius:50%;object-fit:cover}.seller-profile-link small{display:block;color:var(--muted)}
.messages-layout{display:grid;grid-template-columns:280px 1fr;gap:18px;min-height:520px}.conversation-list,.message-thread{border:1px solid var(--line);border-radius:18px;background:var(--white);overflow:hidden}.conversation-list a{display:block;padding:15px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.conversation-list a.active{background:var(--soft)}.conversation-list small{display:block;color:var(--muted);margin-top:4px}.message-thread{padding:18px;display:flex;flex-direction:column}.message-scroll{flex:1}.message-bubble{max-width:75%;padding:12px 14px;background:var(--soft);border-radius:14px;margin-bottom:10px}.message-bubble.mine{margin-left:auto;background:#e9f2ff;color:#241d62}.message-bubble p{margin:5px 0}.message-bubble small{opacity:.7}.message-form{display:flex;gap:10px;margin-top:18px}.message-form textarea{flex:1;min-height:70px}
@media(max-width:750px){.account-preferences,.messages-layout,.profile-posts{grid-template-columns:1fr}.public-profile{align-items:flex-start;flex-direction:column}.conversation-list{max-height:220px}.message-bubble{max-width:90%}}

/* Dark mode refinement */
body.dark-mode{background:#10151d;color:#eef2f8}
body.dark-mode .main-nav{background:#151b24;border-color:#303846}
body.dark-mode .main-nav a{color:#cbd3df}
body.dark-mode .main-nav a:hover,body.dark-mode .main-nav .nav-subscribe{color:#8c7cff}
body.dark-mode .section,body.dark-mode .page-shell,body.dark-mode .post-form-band{background:#10151d}
body.dark-mode .section-soft,body.dark-mode .homepage-wanted-section{background:#151b24}
body.dark-mode .listing-card,body.dark-mode .my-listing-card,body.dark-mode .subscription-card,body.dark-mode .price-card,body.dark-mode .benefit-card,body.dark-mode .category-card,body.dark-mode .homepage-form-card,body.dark-mode .homepage-form-section,body.dark-mode .seller-box,body.dark-mode .wanted-box{background:#1a202a!important;border-color:#343d4c!important;color:#eef2f8!important}
body.dark-mode .listing-card h3,body.dark-mode .listing-card h3 a,body.dark-mode .my-listing-card h3,body.dark-mode .subscription-card h2,body.dark-mode .subscription-card h3,body.dark-mode .price-card h2,body.dark-mode .price-card h3,body.dark-mode .benefit-card h3{color:#f3f6fb!important}
body.dark-mode .listing-body small,body.dark-mode .listing-meta,body.dark-mode .subscription-card p,body.dark-mode .price-card p,body.dark-mode .benefit-card p{color:#aeb8c7!important}
body.dark-mode .subscription-hero,body.dark-mode .subscription-hero-section,body.dark-mode .subscribe-hero{background:linear-gradient(135deg,#171c27,#211d38)!important;color:#eef2f8!important}
body.dark-mode .subscription-hero h1,body.dark-mode .subscription-hero h2,body.dark-mode .subscription-hero p,body.dark-mode .subscription-hero-section h1,body.dark-mode .subscription-hero-section p,body.dark-mode .subscribe-hero h1,body.dark-mode .subscribe-hero p{color:#eef2f8!important}
body.dark-mode .subscription-grid,body.dark-mode .subscription-section,body.dark-mode .pricing-section{background:#10151d!important}
body.dark-mode .button-secondary{background:#202733;color:#eef2f8;border-color:#3b4555}
body.dark-mode .empty-state{background:#1a202a;border-color:#343d4c}
body.dark-mode .profile-avatar img{background:#1a202a}

/* Comprehensive dark-mode surface cleanup */
body.dark-mode .hero-card,
body.dark-mode .hero-card-main,
body.dark-mode .hero-card-small{background:#1a202a!important;border-color:#394353!important;color:#eef2f8!important}
body.dark-mode .hero-card h3,body.dark-mode .hero-card p,body.dark-mode .hero-card small{color:#eef2f8!important}
body.dark-mode .big-search,
body.dark-mode .filter-form,
body.dark-mode .browse-filters,
body.dark-mode .search-form{background:#1a202a!important;border-color:#394353!important;box-shadow:none!important}
body.dark-mode .big-search input,body.dark-mode .big-search select,
body.dark-mode .filter-form input,body.dark-mode .filter-form select,
body.dark-mode .browse-filters input,body.dark-mode .browse-filters select,
body.dark-mode .search-form input,body.dark-mode .search-form select{background:#202733!important;color:#eef2f8!important;border-color:#3b4555!important}
body.dark-mode .big-search button,body.dark-mode .filter-form button,body.dark-mode .browse-filters button,body.dark-mode .search-form button{background:var(--brand)!important;color:#fff!important}
body.dark-mode .subscription-price-card,
body.dark-mode .subscription-benefits article{background:#1a202a!important;border-color:#394353!important;color:#eef2f8!important;box-shadow:none!important}
body.dark-mode .subscription-price-card h2,
body.dark-mode .subscription-price-card h3,
body.dark-mode .subscription-benefits h2,
body.dark-mode .subscription-benefits h3{color:#f3f6fb!important}
body.dark-mode .subscription-price-card p,
body.dark-mode .subscription-benefits p{color:#aeb8c7!important}
body.dark-mode .subscription-price-featured{border-color:var(--brand)!important;box-shadow:0 0 0 1px var(--brand)!important}
body.dark-mode .subscription-live{background:#1a202a!important;border-color:#4a3f87!important;color:#a99cff!important}
body.dark-mode .subscription-best-value{background:#302858!important;color:#b9afff!important}
body.dark-mode .pill-swap{background:#302858;color:#c2baff}
body.dark-mode .pill-wanted{background:#4a3022;color:#ffc39c}
body.dark-mode .pill-sale{background:#153e34;color:#7fe2c3}
body.dark-mode .listing-image{background:#222a35}
body.dark-mode .listing-meta strong{color:#eef2f8}
body.dark-mode .my-listing-card{background:#1a202a!important;color:#eef2f8!important}
body.dark-mode .my-listing-card h3,body.dark-mode .my-listing-card a{color:#eef2f8}
body.dark-mode .category-details{background:#1a202a!important;border-color:#394353!important}
body.dark-mode .category-details summary{color:#eef2f8}
body.dark-mode .category-card{background:#202733!important;color:#eef2f8!important;border-color:#394353!important}
body.dark-mode .category-icon{background:#302858}
body.dark-mode .homepage-photo-card{background:#1a202a!important;border-color:#394353!important}
body.dark-mode .form-card,body.dark-mode .detail-card,body.dark-mode .listing-detail-card{background:#1a202a!important;border-color:#394353!important;color:#eef2f8!important}

/* Final dark surfaces + reporting */
body.dark-mode .stats-band,body.dark-mode .stats-strip,body.dark-mode .market-stats{background:#171d26!important;color:#eef2f8!important;border-color:#343d4c!important}body.dark-mode .stats-band strong,body.dark-mode .stats-strip strong,body.dark-mode .market-stats strong{color:#f3f6fb!important}body.dark-mode .stats-band span,body.dark-mode .stats-strip span,body.dark-mode .market-stats span{color:#aeb8c7!important}
body.dark-mode .cta{background:#32279c!important}
body.dark-mode .admin-user-list,body.dark-mode .admin-user-row,body.dark-mode .admin-role-guide>div,body.dark-mode .admin-stat-grid div,body.dark-mode .admin-report-card{background:#1a202a!important;color:#eef2f8!important;border-color:#394353!important}body.dark-mode .admin-avatar{background:#252d39!important}
.report-link{display:inline-block;margin-top:14px;color:#e77979;font-weight:800}.report-card,.report-success{padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--white)}.report-card form{display:grid;gap:18px;margin-top:22px}.report-card label{display:grid;gap:8px;font-weight:800}
.admin-reports{margin:34px 0}.admin-report-list{display:grid;gap:12px}.admin-report-card{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#fff}.admin-report-card h3{margin:8px 0 5px}.admin-report-card p{margin:0 0 7px;color:var(--muted)}.admin-report-card a{display:block;margin-top:9px;font-weight:800}.admin-report-card form{display:flex;gap:8px}.report-status-open{background:#fff0e6;color:#a94d12}.report-status-reviewing{background:#e9f2ff;color:#4b35d1}.report-status-resolved{background:#e8f8f3;color:#087b5d}.report-status-dismissed{background:#eef1f5;color:#596577}body.dark-mode .report-card,body.dark-mode .report-success{background:#1a202a;border-color:#394353}
@media(max-width:750px){.admin-report-card{grid-template-columns:1fr}.admin-report-card form{flex-wrap:wrap}}

/* Listing interest / watchers */
.interest-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin:18px 0;border:1px solid var(--line);border-radius:16px;background:var(--soft)}.interest-panel small{display:block;color:var(--muted);margin-top:3px}.interest-watchers{margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--white)}.interest-watchers h3{margin:7px 0 12px}.interest-watchers>a{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}.interest-watchers img{width:40px;height:40px;border-radius:50%;object-fit:cover}.interest-watchers small{display:block;color:var(--muted)}.interest-mini{display:inline-block;margin-left:7px;padding:4px 8px;border-radius:999px;background:#e9f2ff;color:#4b35d1;font-size:.68rem;font-weight:900}body.dark-mode .interest-panel,body.dark-mode .interest-watchers{background:#1a202a;border-color:#394353}body.dark-mode .interest-mini{background:#302858;color:#c2baff}@media(max-width:600px){.interest-panel{align-items:flex-start;flex-direction:column}}

/* Listing recommendations */
.related-section{padding:48px 0;border-top:1px solid var(--line)}.related-section-soft{background:var(--soft)}.related-listing-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.related-listing-card{display:block;background:var(--white);border:1px solid var(--line);border-radius:15px;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .18s ease,box-shadow .18s ease}.related-listing-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.related-image{height:125px;background:var(--soft);display:grid;place-items:center;color:var(--brand);font-weight:900}.related-image img{width:100%;height:100%;object-fit:cover}.related-listing-card>div:last-child{padding:12px}.related-listing-card small{color:var(--muted);font-weight:800}.related-listing-card h3{font-size:.94rem;margin:5px 0}.related-listing-card p{font-size:.78rem;color:var(--muted);margin:0}body.dark-mode .related-section-soft{background:#151b24}body.dark-mode .related-listing-card{background:#1a202a;border-color:#394353;color:#eef2f8}body.dark-mode .related-image{background:#222a35}@media(max-width:1000px){.related-listing-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.related-listing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:430px){.related-listing-grid{grid-template-columns:1fr}}

/* Member directory + expanded public profiles */
.profile-page .container,.members-page .container{max-width:1160px}
.profile-hero-card{display:grid;grid-template-columns:140px 1fr;gap:28px;align-items:center;padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--white)}
.profile-avatar-large{width:140px;height:140px;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:var(--soft)}
.profile-identity h1{margin:5px 0 3px}.profile-handle{color:var(--muted);margin:0 0 10px}.profile-bio{max-width:760px;line-height:1.65}.profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.profile-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:22px 0 46px}.profile-stat-grid>div{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}.profile-stat-grid strong,.profile-stat-grid span{display:block}.profile-stat-grid strong{font-size:1.3rem}.profile-stat-grid span{font-size:.78rem;color:var(--muted);margin-top:5px}
.profile-section{margin:42px 0}.compact-empty{padding:24px}.profile-feedback-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profile-feedback-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--white)}.profile-feedback-card>div{display:flex;justify-content:space-between;gap:16px}.profile-feedback-card>div span{letter-spacing:2px}.profile-feedback-card p{color:var(--muted);line-height:1.55}.profile-feedback-card small{color:var(--muted)}
.page-intro{color:var(--muted);max-width:720px}.member-search{display:flex;gap:10px;align-items:center;margin:28px 0}.member-search input{flex:1;min-width:0;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink)}.member-results-heading{margin:12px 0 18px;color:var(--muted)}
.member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.member-card{display:flex;gap:15px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--white);color:var(--ink);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.member-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.member-card>img{width:70px;height:70px;border-radius:50%;object-fit:cover;background:var(--soft);flex:0 0 auto}.member-card h2{font-size:1rem;margin:2px 0 2px}.member-card p{font-size:.8rem;color:var(--muted);margin:0 0 8px}.member-card small{display:block;color:var(--muted);line-height:1.4;margin-bottom:10px}.member-card-stats{display:flex;gap:12px;font-size:.75rem;color:var(--muted)}.member-card-stats strong{color:var(--ink)}
body.dark-mode .profile-hero-card,body.dark-mode .profile-feedback-card,body.dark-mode .member-card,body.dark-mode .member-search input{background:#1a202a;border-color:#394353;color:#eef2f8}body.dark-mode .profile-stat-grid>div{background:#171d26;border-color:#394353}body.dark-mode .member-card-stats strong{color:#eef2f8}
@media(max-width:1000px){.profile-stat-grid{grid-template-columns:repeat(3,1fr)}.member-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.profile-hero-card{grid-template-columns:1fr;text-align:center}.profile-avatar-large{margin:auto}.profile-actions{justify-content:center}.profile-stat-grid{grid-template-columns:repeat(2,1fr)}.profile-feedback-list,.member-grid{grid-template-columns:1fr}.member-search{align-items:stretch;flex-direction:column}}


/* Completed swaps + ratings */
.swap-partner-panel{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--white)}
.swap-partner-panel label{display:grid;gap:8px}.swap-partner-panel small{color:var(--muted)}
.completed-swaps-section{margin-top:48px}.completed-swap-list{display:grid;gap:12px}
.completed-swap-card{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--white)}
.completed-swap-card h3{margin:5px 0}.completed-swap-card p{margin:0;color:var(--muted)}
.completed-swap-card small{color:var(--muted)}.feedback-done{display:inline-block;padding:8px 12px;border-radius:999px;background:#e8f8f3;color:#087b5d;font-weight:900}
.rating-container{max-width:760px}.rating-card{padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--white)}
.rating-card h1{margin:8px 0 12px}.rating-card>p{color:var(--muted)}
.rating-form{display:grid;gap:20px;margin-top:24px}.rating-form label{display:grid;gap:8px;font-weight:800}
.rating-form textarea{min-height:130px}.star-rating{border:0;padding:0;margin:0;display:flex;flex-direction:row-reverse;justify-content:flex-end;width:max-content}
.star-rating legend{font-weight:900;margin-bottom:10px}.star-rating input{position:absolute;opacity:0;pointer-events:none}
.star-rating label{font-size:2.2rem;line-height:1;color:#a9b1be;cursor:pointer;padding:0 3px}
.star-rating label:hover,.star-rating label:hover~label,.star-rating input:checked~label{color:#f1b500}
.rating-stars-display{font-size:2rem;color:#f1b500;letter-spacing:2px}.rating-complete{margin-top:22px}
body.dark-mode .swap-partner-panel,body.dark-mode .completed-swap-card,body.dark-mode .rating-card{background:#1a202a;border-color:#394353}
@media(max-width:650px){.completed-swap-card{align-items:flex-start;flex-direction:column}}


/* Monthly top swapper */
.monthly-top-swapper-section{padding-top:28px;padding-bottom:28px}
.monthly-top-swapper{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:22px 24px;border:1px solid var(--line);border-radius:20px;background:var(--white);box-shadow:var(--shadow)}
.monthly-top-swapper-badge,.members-top-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff4c7;color:#9a6a00;font-size:1.6rem;font-weight:900}
.monthly-top-swapper-copy h2{margin:4px 0}.monthly-top-swapper-copy p{margin:0;color:var(--muted)}
.members-top-swapper{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px 20px;margin:24px 0;border:1px solid var(--line);border-radius:18px;background:var(--white);text-decoration:none;color:var(--ink)}
.members-top-swapper span:nth-child(2){display:grid;gap:2px}.members-top-swapper small{font-weight:900;color:#8a6700}.members-top-swapper strong{font-size:1.08rem}.members-top-swapper em{font-style:normal;color:var(--muted);font-size:.88rem}
.members-top-arrow{font-weight:900;color:var(--brand)}
body.dark-mode .monthly-top-swapper,body.dark-mode .members-top-swapper{background:#1a202a;border-color:#394353}
@media(max-width:650px){.monthly-top-swapper,.members-top-swapper{grid-template-columns:auto 1fr}.monthly-top-swapper .button,.members-top-arrow{grid-column:1/-1}}


/* Admin/moderator controls + account management */
.admin-user-actions{display:grid;gap:10px;justify-items:end}
.admin-moderation-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.admin-moderation-actions form{margin:0}
.account-status-card .account-inline-link{display:inline-block;margin-top:7px;font-size:.8rem;font-weight:800}
.button-small{padding:7px 11px;font-size:.78rem;margin-top:8px;width:max-content}
body.dark-mode .account-status-card{color:#eef2f8}
@media(max-width:800px){.admin-user-actions{justify-items:stretch}.admin-moderation-actions{justify-content:flex-start}}


/* Admin post moderation */
.admin-post-moderation{margin:40px 0}
.admin-post-search{margin-bottom:18px}
.admin-post-list{display:grid;gap:12px}
.admin-post-row{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--white)}
.admin-post-row h3{margin:7px 0 5px}
.admin-post-row p{margin:0 0 7px;color:var(--muted)}
.admin-post-meta{display:flex;gap:9px;align-items:center;font-size:.78rem;color:var(--muted)}
.admin-post-actions form,.admin-inline-remove-form{margin:0}
.admin-inline-remove-form{margin-top:10px!important}
body.dark-mode .admin-post-row{background:#1a202a;border-color:#394353;color:#eef2f8}
@media(max-width:750px){.admin-post-row{grid-template-columns:1fr}.admin-post-actions{justify-self:start}}


/* Site description + member disclaimer */
.site-about-band{padding:34px 0;background:var(--white);border-bottom:1px solid var(--line)}
.site-about-grid{display:grid;grid-template-columns:1.6fr .9fr;gap:28px;align-items:start}
.site-about-grid h2{margin:7px 0 12px}
.site-about-grid p{margin:0 0 10px;color:var(--muted);line-height:1.65}
.site-about-note{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}
.site-about-note strong{display:block;margin-bottom:6px}
.account-intro{max-width:850px;color:var(--muted);line-height:1.65}
.site-disclaimer{margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16)}
.site-disclaimer strong{display:block;margin-bottom:7px}
.site-disclaimer p{margin:0;max-width:1000px;line-height:1.55;opacity:.82;font-size:.9rem}
body.dark-mode .site-about-band{background:#151b24;border-color:#394353}
body.dark-mode .site-about-note{background:#1a202a;border-color:#394353}
@media(max-width:800px){.site-about-grid{grid-template-columns:1fr}}


/* Legal, safety and information pages */
.legal-container{max-width:1040px}
.legal-lead{max-width:900px;font-size:1.08rem;line-height:1.75;color:var(--muted)}
.legal-callout,.legal-warning{margin:26px 0;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}
.legal-callout strong,.legal-warning strong{display:block;font-size:1.03rem;margin-bottom:6px}
.legal-callout p,.legal-warning p{margin:0;line-height:1.65}
.legal-callout-danger{border-left:5px solid #b84242}
.legal-section{margin:34px 0}
.legal-section h2{margin-bottom:10px}
.legal-section p,.legal-section li{line-height:1.7;color:var(--muted)}
.legal-section ul{padding-left:22px}
.legal-step-grid,.legal-page .safety-grid,.legal-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:30px 0}
.legal-step-grid article,.legal-page .safety-grid article,.legal-rule-grid article{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--white)}
.legal-step-grid article>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--soft);font-weight:900;margin-bottom:10px}
.legal-step-grid h2,.legal-page .safety-grid h2,.legal-rule-grid h2{font-size:1.02rem;margin:0 0 7px}
.legal-step-grid p,.legal-page .safety-grid p,.legal-rule-grid p{margin:0;color:var(--muted);line-height:1.6}
body.dark-mode .legal-callout,body.dark-mode .legal-warning{background:#1a202a;border-color:#394353}
body.dark-mode .legal-step-grid article,body.dark-mode .legal-page .safety-grid article,body.dark-mode .legal-rule-grid article{background:#1a202a;border-color:#394353}
@media(max-width:760px){.legal-step-grid,.legal-page .safety-grid,.legal-rule-grid{grid-template-columns:1fr}}


/* Upgraded messaging */
.messages-page-heading{margin-bottom:24px}.messages-page-heading h1{margin:5px 0}.messages-page-heading p{margin:0;color:var(--muted)}
.messages-layout-upgraded{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}
.conversation-list{border:1px solid var(--line);border-radius:18px;background:var(--white);overflow:hidden}
.conversation-list-heading{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}
.conversation-list>a{display:grid;gap:3px;padding:14px 16px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.conversation-list>a:last-child{border-bottom:0}.conversation-list>a.active{background:var(--soft)}
.conversation-list>a small{color:var(--muted)}.conversation-list>a em{font-size:.72rem;font-style:normal;color:var(--muted)}
.conversation-list-empty{padding:18px;color:var(--muted)}
.message-workspace{display:grid;gap:16px;min-width:0}
.message-member-card{display:grid;grid-template-columns:minmax(220px,.8fr) 1.2fr;gap:18px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--white)}
.message-member-main{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.message-member-main img{width:58px;height:58px;object-fit:cover;border-radius:50%}
.message-member-main span{display:grid;gap:2px}.message-member-main small{font-size:.68rem;font-weight:900;color:var(--brand)}.message-member-main strong{font-size:1.05rem}.message-member-main em{font-style:normal;color:var(--muted);font-size:.84rem}
.message-member-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.message-member-stats span{display:grid;gap:2px;text-align:center;padding:10px;background:var(--soft);border-radius:12px}.message-member-stats small{font-size:.7rem;color:var(--muted)}
.message-listing-context{display:grid;grid-template-columns:125px 1fr;gap:16px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--white);text-decoration:none;color:var(--ink)}
.message-listing-image{height:95px;border-radius:12px;overflow:hidden;background:var(--soft)}.message-listing-image img{width:100%;height:100%;object-fit:cover}
.message-listing-context h2{font-size:1.05rem;margin:4px 0}.message-listing-context p{margin:0 0 4px;color:var(--muted)}.message-listing-context small{font-weight:800;color:var(--brand)}
.message-direct-label{padding:15px 18px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}.message-direct-label p{margin:5px 0 0;color:var(--muted)}
.message-thread{border:1px solid var(--line);border-radius:18px;background:var(--white);overflow:hidden}.message-scroll{display:grid;gap:12px;min-height:300px;max-height:560px;overflow:auto;padding:20px}
.message-bubble{max-width:78%;padding:12px 14px;border-radius:16px;background:var(--soft)}.message-bubble.mine{justify-self:end;background:#e7efff}.message-bubble p{margin:5px 0}.message-bubble small{color:var(--muted);font-size:.72rem}
.message-form-upgraded{padding:14px;border-top:1px solid var(--line);margin:0}.message-form-upgraded textarea{min-height:72px;resize:vertical}
.message-empty{min-height:360px;display:grid;place-items:center;text-align:center;align-content:center}
body.dark-mode .conversation-list,body.dark-mode .message-member-card,body.dark-mode .message-listing-context,body.dark-mode .message-thread{background:#1a202a;border-color:#394353}
body.dark-mode .conversation-list>a.active,body.dark-mode .message-member-stats span,body.dark-mode .message-direct-label{background:#222a35}
body.dark-mode .message-bubble.mine{background:#253654}
@media(max-width:900px){.messages-layout-upgraded{grid-template-columns:1fr}.conversation-list{max-height:260px;overflow:auto}.message-member-card{grid-template-columns:1fr}.message-member-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.message-listing-context{grid-template-columns:90px 1fr}.message-member-stats{grid-template-columns:1fr 1fr}.message-bubble{max-width:92%}}

/* Subscription benefits */
.subscription-benefits-upgraded{grid-template-columns:repeat(4,minmax(0,1fr))}
.subscription-benefits-upgraded article{height:100%}
@media(max-width:1000px){.subscription-benefits-upgraded{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.subscription-benefits-upgraded{grid-template-columns:1fr}}


/* Admin commercial settings + bump store */
.admin-commercial-settings{margin:38px 0;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--white)}
.admin-settings-form{display:grid;gap:20px}
.admin-settings-group{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}
.admin-settings-group h3{margin-top:0}
.admin-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.admin-settings-grid label{display:grid;gap:6px}.admin-settings-grid span{font-size:.82rem;font-weight:800}.admin-settings-grid input{width:100%}
.admin-settings-grid label[hidden]{display:none!important}
.bump-store-container{max-width:1000px}.bump-balance-card{display:inline-grid;gap:3px;margin:20px 0;padding:18px 24px;border:1px solid var(--line);border-radius:18px;background:var(--white)}
.bump-balance-card strong{font-size:2rem}.bump-balance-card small{color:var(--muted)}
.bump-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.bump-pack-card{display:grid;align-content:start;gap:9px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--white)}
.bump-pack-card h2{font-size:2rem;margin:0}.bump-pack-card p{color:var(--muted);min-height:54px}
.bump-store-note,.subscription-bump-cta{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:24px 0;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}
.bump-store-note{display:block}.bump-store-note h2{margin-top:0}.bump-store-note p{color:var(--muted)}
body.dark-mode .admin-commercial-settings,body.dark-mode .bump-balance-card,body.dark-mode .bump-pack-card{background:#1a202a;border-color:#394353}
body.dark-mode .admin-settings-group,body.dark-mode .bump-store-note,body.dark-mode .subscription-bump-cta{background:#222a35;border-color:#394353}
@media(max-width:900px){.admin-settings-grid,.bump-pack-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.admin-settings-grid,.bump-pack-grid{grid-template-columns:1fr}.subscription-bump-cta{display:grid}}


/* Four-stage offer / swap workflow */
.listing-value-grid{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.listing-value-grid>div{display:grid;gap:2px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.listing-value-grid small{color:var(--muted)}.listing-value-grid strong{font-size:1.05rem}
.offer-panel,.owner-offers-panel{margin:16px 0;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--white)}.offer-panel-heading h3,.owner-offers-panel h3{margin:4px 0}.offer-form{display:grid;gap:12px;margin-top:14px}.offer-form label{display:grid;gap:6px}.offer-form textarea{min-height:100px}.owner-offers-panel>a{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:10px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}.owner-offers-panel>a em{font-style:normal;color:var(--brand);font-weight:800}
.swap-progress-container{max-width:980px}.swap-progress-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.swap-status-chip{padding:8px 12px;border-radius:999px;background:var(--soft);font-weight:900;white-space:nowrap}
.swap-stage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.swap-stage{display:flex;gap:8px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--white)}.swap-stage>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--soft);font-weight:900}.swap-stage.current{border-width:2px}.swap-stage.done{opacity:.7}.swap-stage.done>span::after{content:'✓';font-size:.8rem;margin-left:3px}
.swap-offer-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.swap-offer-summary>div{display:grid;gap:3px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--white)}.swap-offer-summary small{color:var(--muted)}
.swap-offer-text,.swap-deadline,.swap-action-card{margin:16px 0;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--white)}.swap-deadline{border-left:5px solid #b98422}.swap-deadline p,.swap-offer-text p,.swap-action-card p{color:var(--muted)}.swap-action-buttons{display:flex;gap:10px;flex-wrap:wrap}.swap-action-buttons form{margin:0}.party-progress{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.party-progress span{padding:9px 12px;border-radius:12px;background:var(--soft);font-weight:800}.swap-progress-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px}.swap-account-card em{display:block;margin-top:5px;color:var(--muted);font-style:normal;font-size:.8rem}
.item-rating-summary{margin:16px 0;padding:14px;border-radius:14px;background:var(--soft)}.item-rating-summary span{display:block;font-size:1.35rem;margin:5px 0}
.admin-compliance-runner{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:26px 0;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--white)}
body.dark-mode .offer-panel,body.dark-mode .owner-offers-panel,body.dark-mode .swap-stage,body.dark-mode .swap-offer-summary>div,body.dark-mode .swap-offer-text,body.dark-mode .swap-deadline,body.dark-mode .swap-action-card,body.dark-mode .admin-compliance-runner{background:#1a202a;border-color:#394353}
body.dark-mode .listing-value-grid>div,body.dark-mode .party-progress span,body.dark-mode .item-rating-summary{background:#222a35}
@media(max-width:760px){.swap-stage-grid,.swap-offer-summary{grid-template-columns:1fr 1fr}.swap-progress-heading{display:grid}.owner-offers-panel>a{grid-template-columns:1fr}.admin-compliance-runner{display:grid}}
@media(max-width:480px){.swap-stage-grid,.swap-offer-summary{grid-template-columns:1fr}}


/* Monthly Top 5 Swappers */
.monthly-top-five{padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--white)}
.monthly-top-five-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:18px}
.monthly-top-five-heading h2{margin:5px 0 7px}
.monthly-top-five-heading p{margin:0;color:var(--muted);max-width:760px}
.monthly-top-five-list{display:grid;gap:9px}
.monthly-top-five-row{display:grid;grid-template-columns:44px 52px minmax(180px,1fr) 110px 130px 24px;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:15px;text-decoration:none;color:var(--ink);background:var(--soft);transition:transform .15s ease,border-color .15s ease}
.monthly-top-five-row:hover{transform:translateY(-1px)}
.monthly-top-five-winner{border-width:2px}
.monthly-top-five-position{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--white);font-weight:900;font-size:1.05rem}
.monthly-top-five-winner .monthly-top-five-position::after{content:'★';font-size:.65rem;margin-left:2px}
.monthly-top-five-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover;display:block}
.monthly-top-five-member,.monthly-top-five-rating,.monthly-top-five-count{display:grid;gap:2px}
.monthly-top-five-member small,.monthly-top-five-rating small,.monthly-top-five-count small{color:var(--muted);font-size:.73rem}
.monthly-top-five-rating,.monthly-top-five-count{text-align:right}
.monthly-top-five-arrow{font-size:1.15rem;font-weight:900;text-align:right}
.monthly-top-five-empty{display:flex;gap:14px;align-items:center;padding:18px;border-radius:16px;background:var(--soft)}
.monthly-top-five-empty p{margin:4px 0 0;color:var(--muted)}
body.dark-mode .monthly-top-five{background:#1a202a;border-color:#394353}
body.dark-mode .monthly-top-five-row{background:#222a35;border-color:#394353}
body.dark-mode .monthly-top-five-position{background:#151b24}
body.dark-mode .monthly-top-five-empty{background:#222a35}
@media(max-width:760px){
  .monthly-top-five-heading{display:grid;align-items:start}
  .monthly-top-five-row{grid-template-columns:38px 46px 1fr 88px 20px}
  .monthly-top-five-rating{display:none}
  .monthly-top-five-count{grid-column:auto}
}
@media(max-width:520px){
  .monthly-top-five{padding:16px}
  .monthly-top-five-row{grid-template-columns:34px 42px 1fr 20px}
  .monthly-top-five-count{grid-column:3/4;text-align:left}
  .monthly-top-five-arrow{grid-column:4;grid-row:1/3}
}

.monthly-star-rating{font-size:1.05rem;letter-spacing:1px;white-space:nowrap}
.monthly-star-rating-empty{opacity:.45}
.monthly-top-five-section{padding-top:0}


/* Newest homepage member */
.newest-member-section{padding:34px 0;background:var(--soft);border-bottom:1px solid var(--line)}
.newest-member-card{display:grid;grid-template-columns:.85fr 1.65fr;gap:28px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--white)}
.newest-member-heading h2{margin:6px 0 8px;font-size:clamp(1.6rem,2.4vw,2.25rem)}
.newest-member-heading p{margin:0;color:var(--muted);line-height:1.6}
.newest-member-profile{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:18px;align-items:center}
.newest-member-person{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink)}
.newest-member-person img{width:68px;height:68px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}
.newest-member-person span{display:grid;gap:2px}
.newest-member-person strong{font-size:1.08rem}
.newest-member-person small,.newest-member-person em{color:var(--muted);font-style:normal;font-size:.8rem}
.newest-member-stats{display:grid;grid-template-columns:92px 92px minmax(145px,auto);gap:8px}
.newest-member-stats>span{display:grid;gap:2px;text-align:center;padding:10px;background:var(--soft);border-radius:12px}
.newest-member-stats strong{font-size:1.02rem}.newest-member-stats .monthly-star-rating{font-size:.98rem;letter-spacing:.5px;white-space:nowrap;display:block;min-width:118px}
.newest-member-stats small{font-size:.68rem;color:var(--muted);line-height:1.25}
.newest-member-actions{display:grid;gap:8px;min-width:165px}
.newest-member-actions .button{min-height:44px;padding:0 15px;font-size:.82rem}
.newest-member-empty{display:flex;justify-content:space-between;align-items:center;gap:18px}
.newest-member-empty p{margin:0;color:var(--muted)}
body.dark-mode .newest-member-section{background:#151b24;border-color:#394353}
body.dark-mode .newest-member-card{background:#1a202a;border-color:#394353}
body.dark-mode .newest-member-stats>span{background:#222a35}
@media(max-width:1000px){
  .newest-member-card{grid-template-columns:1fr}
  .newest-member-profile{grid-template-columns:1fr auto}
  .newest-member-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .newest-member-profile{grid-template-columns:1fr}
  .newest-member-stats{grid-template-columns:repeat(3,1fr)}
  .newest-member-actions{grid-template-columns:1fr}
}


/* Homepage 4-stage swap system */
.four-stage-home{background:var(--white)}
.four-stage-heading p{max-width:760px;color:var(--muted);margin-top:8px}
.four-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.four-stage-card{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}
.four-stage-number{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--brand);color:#fff;font-weight:900;font-size:1.05rem}
.four-stage-card small{color:var(--brand);font-size:.68rem;font-weight:900;letter-spacing:.12em}
.four-stage-card h3{margin:4px 0 6px;font-size:1rem}
.four-stage-card p{margin:0;color:var(--muted);line-height:1.55;font-size:.9rem}
.four-stage-note{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:18px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--white)}
.four-stage-note>div{display:grid;gap:4px}
.four-stage-note p{margin:0;color:var(--muted);max-width:720px}
body.dark-mode .four-stage-home{background:#111722}
body.dark-mode .four-stage-card{background:#1a202a;border-color:#394353}
body.dark-mode .four-stage-note{background:#151b24;border-color:#394353}
@media(max-width:1000px){.four-stage-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.four-stage-grid{grid-template-columns:1fr}.four-stage-note{display:grid;align-items:start}}

.newest-member-community-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-top:16px;border-top:1px solid var(--line)}
.newest-member-community-stats span{display:grid;gap:2px;text-align:center;padding:12px 14px;border-radius:13px;background:var(--soft)}
.newest-member-community-stats strong{font-size:1.25rem}
.newest-member-community-stats small{color:var(--muted);font-size:.76rem}
body.dark-mode .newest-member-community-stats{border-color:#394353}
body.dark-mode .newest-member-community-stats span{background:#222a35}
@media(max-width:700px){
  .newest-member-stats{grid-template-columns:1fr 1fr 1.35fr}
  .newest-member-community-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .newest-member-stats{grid-template-columns:1fr}
  .newest-member-community-stats{grid-template-columns:1fr}
}


/* Homepage live chat preview */
.homepage-chat-section{padding:70px 0;background:#17202c;color:#fff}
.homepage-chat-card{display:grid;grid-template-columns:1.35fr .65fr;gap:38px;align-items:center}
.homepage-chat-copy h2{font-size:clamp(2rem,3vw,3rem);letter-spacing:-.04em;line-height:1.05;margin:8px 0 14px}
.homepage-chat-copy>p{max-width:760px;color:#aab4c3;font-size:1.03rem}
.homepage-chat-points{display:flex;gap:12px 22px;flex-wrap:wrap;margin-top:20px;color:#d7dde6;font-size:.88rem}
.homepage-chat-status{display:flex;gap:14px;align-items:flex-start;padding:22px;border:1px solid #344052;border-radius:18px;background:#202b39}
.chat-live-dot{width:12px;height:12px;border-radius:50%;background:#10ad7f;box-shadow:0 0 0 5px rgba(16,173,127,.14);margin-top:7px;flex:0 0 auto}
.homepage-chat-status div{display:grid;gap:3px}.homepage-chat-status small{color:#9aa6b6;font-weight:900;letter-spacing:.12em}.homepage-chat-status strong{font-size:1.3rem}.homepage-chat-status p{margin:3px 0 0;color:#aab4c3}
@media(max-width:800px){.homepage-chat-card{grid-template-columns:1fr}}


/* Subtle homepage live-status / 4-stage strip */
.homepage-status-strip{background:#fff;border-bottom:1px solid var(--line)}
.homepage-status-strip-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.78rem;color:var(--muted)}
.homepage-live-status,.homepage-stage-summary,.homepage-stage-flow{display:flex;align-items:center;gap:9px}
.homepage-live-item{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.homepage-live-item strong{color:var(--ink)}
.homepage-live-dot,.homepage-chat-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.homepage-chat-dot{background:var(--brand)}
.homepage-live-separator{opacity:.45}
.homepage-stage-label{font-weight:800;color:var(--ink);white-space:nowrap}
.homepage-stage-flow{gap:6px;white-space:nowrap}
.homepage-stage-flow b{font-size:.74rem;color:var(--muted);font-weight:750}
.homepage-stage-flow i{font-style:normal;opacity:.45}
.homepage-stage-summary>a{font-weight:800;color:var(--brand);white-space:nowrap}
body.dark-mode .homepage-status-strip{background:#111722;border-color:#394353}
body.dark-mode .homepage-live-item strong,body.dark-mode .homepage-stage-label{color:#f3f5f8}
@media(max-width:820px){
  .homepage-status-strip-inner{padding:8px 0;align-items:flex-start;flex-direction:column;gap:5px}
}
@media(max-width:520px){
  .homepage-stage-label{display:none}
  .homepage-stage-flow{gap:4px}
  .homepage-stage-summary{width:100%;justify-content:space-between}
}


/* Updated How It Works page */
.how-page .legal-container{max-width:1120px}
.how-section{margin:56px 0}
.how-section-heading{margin-bottom:20px}
.how-section-heading h2{font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.035em;margin:6px 0 8px}
.how-section-heading>p{max-width:800px;margin:0;color:var(--muted)}
.how-start-grid{margin-top:20px}
.how-four-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.how-four-stage-grid article{position:relative;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--white)}
.how-stage-number{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--brand);color:#fff;font-weight:900;margin-bottom:18px}
.how-four-stage-grid small{color:var(--brand);font-weight:900;letter-spacing:.12em;font-size:.68rem}
.how-four-stage-grid h3{margin:5px 0 8px;font-size:1.05rem}
.how-four-stage-grid p{margin:0;color:var(--muted);line-height:1.6}
.how-four-stage-grid em{display:block;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:.79rem;font-style:normal}
.how-progress-warning{margin-top:18px}
.how-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.how-feature-grid article{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}
.how-feature-grid article>strong{display:block;font-size:1.55rem;color:var(--brand);margin-bottom:8px}
.how-feature-grid h3{margin:0 0 6px;font-size:1rem}
.how-feature-grid p{margin:0;color:var(--muted);line-height:1.6;font-size:.9rem}
.how-bump-packs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--white)}
.how-bump-packs span{color:var(--muted)}
.how-bump-packs strong{padding:5px 9px;border-radius:999px;background:var(--soft);font-size:.8rem}
.how-small-note{margin:12px 0 0;color:var(--muted);font-size:.84rem}
.how-chat-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;padding:28px;border-radius:22px;background:#17202c;color:#fff}
.how-chat-panel h2{font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.035em;margin:6px 0 10px}
.how-chat-panel p{color:#aab4c3;max-width:760px}
.how-chat-points{display:grid;gap:10px;align-content:center}
.how-chat-points span{padding:12px 14px;border:1px solid #344052;border-radius:13px;background:#202b39;color:#e3e8ee;font-weight:750}
body.dark-mode .how-four-stage-grid article,body.dark-mode .how-bump-packs{background:#1a202a;border-color:#394353}
body.dark-mode .how-feature-grid article,body.dark-mode .how-bump-packs strong{background:#222a35}
@media(max-width:960px){.how-four-stage-grid,.how-feature-grid{grid-template-columns:repeat(2,1fr)}.how-chat-panel{grid-template-columns:1fr}}
@media(max-width:620px){.how-four-stage-grid,.how-feature-grid{grid-template-columns:1fr}.how-section{margin:42px 0}.how-chat-panel{padding:20px}}


/* Global advertising placeholders
   Visibility is controlled server-side: subscribers, moderators and admins do not receive these elements. */
.site-ad-top-wrap,.site-ad-bottom-wrap{padding:14px 0;background:var(--soft)}
.site-ad-top-wrap{border-bottom:1px solid var(--line)}
.site-ad-bottom-wrap{border-top:1px solid var(--line)}
.site-ad-slot{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;border:1px dashed #aeb8c5;border-radius:12px;background:rgba(255,255,255,.72);color:var(--muted);text-align:center;overflow:hidden}
.site-ad-slot strong{color:var(--ink);font-size:.84rem}
.site-ad-slot small{font-size:.68rem;opacity:.78}
.site-ad-word{position:absolute;top:5px;left:8px;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;opacity:.62}
.site-ad-top,.site-ad-bottom{width:min(970px,100%);height:90px;margin:0 auto}
.site-ad-side{position:fixed;right:12px;top:50%;transform:translateY(-50%);width:160px;height:600px;z-index:18;box-shadow:0 8px 28px rgba(18,23,34,.06)}
body.dark-mode .site-ad-top-wrap,body.dark-mode .site-ad-bottom-wrap{background:#151b24;border-color:#394353}
body.dark-mode .site-ad-slot{background:#1a202a;border-color:#566172}
body.dark-mode .site-ad-slot strong{color:#f3f5f8}

/* Keep the skyscraper in the unused page margin; never let it cover site content. */
@media(max-width:1540px){
  .site-ad-side{display:none}
}
/* On narrower screens the third slot becomes a compact in-page banner near the top
   rather than overlapping the layout. */
@media(max-width:1540px) and (min-width:721px){
  .site-ad-top-wrap .container::after{content:'Additional side-ad space available on wide screens';display:block;text-align:center;color:var(--muted);font-size:.62rem;margin-top:5px;opacity:.65}
}
@media(max-width:720px){
  .site-ad-top-wrap,.site-ad-bottom-wrap{padding:9px 0}
  .site-ad-top,.site-ad-bottom{height:72px}
}

.site-ad-placeholder-image{width:100%;height:100%;object-fit:cover;display:block}
.site-ad-slot:has(.site-ad-placeholder-image){border-style:solid;padding:0}

.offer-cash-note{display:block;margin-top:-5px;color:var(--muted);font-size:.78rem;line-height:1.45}


/* Categories directory */
.categories-page{background:var(--soft)}
.categories-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:35px;align-items:end;margin-bottom:28px}
.categories-hero h1{margin-bottom:10px}.categories-hero p{margin:0}
.categories-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.categories-summary span{display:grid;gap:2px;text-align:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--white)}
.categories-summary strong{font-size:1.35rem}.categories-summary small{color:var(--muted);font-size:.72rem}
.categories-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.category-directory-card{display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--white);transition:.18s}
.category-directory-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(22,32,44,.07)}
.category-directory-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#edf1ff;font-size:1.4rem}
.category-directory-copy{display:grid;gap:2px}.category-directory-copy strong{font-size:1rem}.category-directory-copy small{color:var(--muted);font-size:.78rem}
.category-directory-stats{display:grid;gap:4px;text-align:right}.category-directory-stats em{font-style:normal;font-size:.72rem;color:var(--muted)}
.category-directory-arrow{font-weight:900;color:var(--brand);font-size:1.1rem}
.categories-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}

/* Individual category */
.category-page-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:22px}
.category-page-title{display:flex;gap:15px;align-items:center}.category-page-title h1{margin:2px 0}.category-page-title p{margin:0}
.category-page-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#edf1ff;font-size:1.8rem}
.category-filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px}
.category-filter-tabs a{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:var(--white);font-weight:800;font-size:.82rem}
.category-filter-tabs a span{color:var(--muted);font-size:.72rem}.category-filter-tabs a.active{background:var(--brand);color:#fff;border-color:var(--brand)}.category-filter-tabs a.active span{color:#e6e1ff}
.category-price-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.category-price-line span{padding:4px 7px;border-radius:8px;background:var(--soft);font-size:.72rem;color:var(--muted)}
.category-back-link{margin-top:26px;font-weight:800;color:var(--brand)}

/* Privacy retention schedule */
.privacy-retention-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
.privacy-retention-grid article{padding:17px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}
.privacy-retention-grid strong,.privacy-retention-grid span{display:block}.privacy-retention-grid strong{font-size:.98rem}.privacy-retention-grid span{color:var(--brand);font-weight:850;font-size:.78rem;margin:3px 0 8px}
.privacy-retention-grid p{margin:0;color:var(--muted);line-height:1.55;font-size:.88rem}
.privacy-policy-note{padding:14px 16px;border-left:4px solid var(--brand);background:var(--soft)}
body.dark-mode .categories-page{background:#111722}
body.dark-mode .categories-summary span,body.dark-mode .category-directory-card,body.dark-mode .category-filter-tabs a{background:#1a202a;border-color:#394353}
body.dark-mode .category-directory-icon,body.dark-mode .category-page-icon{background:#282340}
body.dark-mode .category-price-line span,body.dark-mode .privacy-retention-grid article,body.dark-mode .privacy-policy-note{background:#222a35}
@media(max-width:850px){.categories-hero{grid-template-columns:1fr}.categories-directory{grid-template-columns:1fr}}
@media(max-width:620px){.categories-summary{grid-template-columns:1fr 1fr 1fr}.category-directory-card{grid-template-columns:auto 1fr auto}.category-directory-stats{grid-column:2/3;text-align:left}.category-directory-arrow{grid-column:3;grid-row:1/3}.category-page-heading{align-items:flex-start;flex-direction:column}.privacy-retention-grid{grid-template-columns:1fr}}

@media(max-width:720px){
  .nav-inner a{width:100%}
  .nav-inner .nav-subscribe{margin-top:4px}
}


/* Contact us */
.contact-page{background:linear-gradient(135deg,var(--soft),#f2efff)}
.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start;max-width:1080px}
.contact-intro h1{font-size:clamp(2.7rem,5vw,4.7rem);line-height:1;letter-spacing:-.055em;margin:12px 0 18px}
.contact-intro>p{font-size:1.05rem;color:var(--muted);max-width:520px}
.contact-info-cards{display:grid;gap:10px;margin:28px 0}
.contact-info-cards article{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--white)}
.contact-info-cards article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#edf1ff;color:var(--brand);font-weight:900}
.contact-info-cards strong{display:block}.contact-info-cards p{margin:3px 0 0;color:var(--muted);font-size:.85rem}
.contact-privacy-note{padding:16px;border-left:4px solid var(--brand);border-radius:12px;background:var(--white)}
.contact-privacy-note p{margin:4px 0 0;color:var(--muted);font-size:.88rem}
.contact-form-card{padding:30px;border:1px solid var(--line);border-radius:24px;background:var(--white);box-shadow:var(--shadow)}
.contact-form-card h2{font-size:1.8rem;margin:4px 0}.contact-form-intro{margin:0 0 22px;color:var(--muted)}
.contact-form{display:grid;gap:16px}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form label{display:grid;gap:6px;font-weight:800;font-size:.87rem}
.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink);padding:13px 14px;font:inherit;outline:none}
.contact-form textarea{resize:vertical;min-height:170px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(91,70,232,.10)}
.contact-form label small{font-weight:500;color:var(--muted)}.contact-submit{justify-self:start}.contact-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-success{text-align:center;padding:35px 10px}.contact-success>span{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 16px;border-radius:50%;background:#e1f8f0;color:#077958;font-size:1.6rem;font-weight:900}.contact-success h2{font-size:2rem}.contact-success p{color:var(--muted);margin-bottom:22px}
body.dark-mode .contact-page{background:#111722}
body.dark-mode .contact-info-cards article,body.dark-mode .contact-privacy-note,body.dark-mode .contact-form-card{background:#1a202a;border-color:#394353}
body.dark-mode .contact-form input,body.dark-mode .contact-form textarea{background:#151b24;border-color:#394353;color:#f3f5f8}

/* Admin contact inbox */
.admin-contact-inbox{margin:30px 0;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--white)}
.admin-contact-count{display:inline-flex;vertical-align:middle;margin-left:8px;padding:4px 8px;border-radius:999px;background:var(--brand);color:#fff;font-size:.68rem}
.admin-contact-list{display:grid;gap:12px}.admin-contact-card{display:grid;grid-template-columns:1fr auto;gap:20px;padding:18px;border:1px solid var(--line);border-radius:16px}.admin-contact-card.status-new{border-left:5px solid var(--brand)}
.admin-contact-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.75rem}
.admin-contact-card h3{margin:8px 0 3px}.admin-contact-from{margin:0 0 12px;color:var(--muted)}.admin-contact-from a{color:var(--brand);font-weight:800}
.admin-contact-message{padding:13px;border-radius:12px;background:var(--soft);white-space:normal;line-height:1.6}
.admin-contact-actions{display:grid;gap:8px;align-content:start;min-width:150px}.admin-contact-actions form{display:grid;gap:7px}.admin-contact-actions select{padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink)}
.contact-status-new{background:#ece9ff;color:#3655dc}.contact-status-read{background:#eef2f6;color:#556170}.contact-status-resolved{background:#e1f8f0;color:#077958}
body.dark-mode .admin-contact-inbox{background:#1a202a;border-color:#394353}
body.dark-mode .admin-contact-card{border-color:#394353}.dark-mode .admin-contact-message{background:#222a35}.dark-mode .admin-contact-actions select{background:#151b24;border-color:#394353;color:#f3f5f8}
@media(max-width:850px){.contact-layout{grid-template-columns:1fr;gap:30px}.admin-contact-card{grid-template-columns:1fr}.admin-contact-actions{grid-template-columns:1fr 1fr;min-width:0}}
@media(max-width:560px){.contact-form-row{grid-template-columns:1fr}.contact-form-card{padding:20px}.admin-contact-actions{grid-template-columns:1fr}}


/* Stronger homepage hero pitch */
.hero-copy>p{max-width:720px}
.hero-feature-strip{display:flex;flex-wrap:wrap;gap:9px 10px;margin:0 0 18px;max-width:760px}
.hero-feature-strip span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.72);color:var(--muted);font-size:.79rem;font-weight:750}
.hero-feature-strip strong{display:inline-grid;place-items:center;min-width:18px;color:var(--brand);font-size:.82rem}
.hero-live-line{display:flex;align-items:center;gap:11px 18px;flex-wrap:wrap;color:var(--muted);font-size:.78rem;font-weight:700}
.hero-live-line span:first-child{display:inline-flex;align-items:center;gap:7px}
.hero-live-line span:first-child i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(16,173,127,.11)}
.hero-live-line a{color:var(--brand);font-weight:850}
.hero-join-button{border-color:#cfc8ff}
body.dark-mode .hero-feature-strip span{background:#1a202a;border-color:#394353}
@media(max-width:720px){
  .hero-feature-strip{gap:7px}
  .hero-feature-strip span{font-size:.73rem;padding:7px 9px}
  .hero-actions{flex-wrap:wrap}
  .hero-actions .button{flex:1 1 140px}
}


/* Top Swapper moved into homepage hero */
.hero-panel{min-height:545px}
.hero-top-swapper-card{position:absolute;left:-10px;bottom:4px;width:min(330px,78%);padding:15px;border:1px solid var(--line);border-radius:20px;background:var(--white);box-shadow:var(--shadow);transform:rotate(-1.5deg);z-index:3;transition:transform .18s ease,box-shadow .18s ease}
.hero-top-swapper-card:hover{transform:rotate(-.5deg) translateY(-2px);box-shadow:0 20px 50px rgba(22,32,44,.14)}
.hero-top-swapper-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.hero-top-swapper-head small{color:var(--muted);font-weight:800}
.hero-top-swapper-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:#fff4c7;color:#8a6100;font-size:.66rem;font-weight:900;letter-spacing:.07em}
.hero-top-swapper-body{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center}
.hero-top-swapper-body img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}
.hero-top-swapper-body>div{display:grid;gap:1px;min-width:0}
.hero-top-swapper-body strong{font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-top-swapper-body span{color:var(--muted);font-size:.72rem}
.hero-top-swapper-body small{color:var(--muted);font-size:.72rem;line-height:1.25}
.hero-top-swapper-body em{font-style:normal;color:var(--brand);font-size:.72rem;font-weight:900;white-space:nowrap}
.hero-top-swapper-empty{opacity:.92}
body.dark-mode .hero-top-swapper-card{background:#1a202a;border-color:#394353}
@media(max-width:1000px){
  .hero-panel{min-height:590px}
  .hero-top-swapper-card{left:18px;bottom:0}
}
@media(max-width:720px){
  .hero-panel{min-height:auto;display:grid;gap:14px}
  .hero-card-main,.hero-top-swapper-card{position:relative;inset:auto;width:100%;max-width:none;transform:none}
  .hero-top-swapper-card:hover{transform:translateY(-2px)}
  .hero-top-swapper-body{grid-template-columns:auto 1fr}
  .hero-top-swapper-body em{grid-column:2}
}


/* Live community chat */
.chat-page{background:var(--soft)}
.chat-page-shell{max-width:1180px}
.chat-page-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:24px}
.chat-page-heading h1{margin:5px 0 8px}.chat-page-heading p{margin:0;max-width:760px}
.chat-online-card{display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center;padding:12px 15px;border:1px solid var(--line);border-radius:15px;background:var(--white)}
.chat-online-pulse{grid-row:1/3;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(16,173,127,.12)}
.chat-online-card strong{font-size:1.2rem}.chat-online-card small{color:var(--muted);font-size:.72rem}
.chat-layout{display:grid;grid-template-columns:minmax(0,1.6fr) 285px;gap:18px;align-items:start}
.chat-room-card,.chat-settings-card,.chat-rules-card,.chat-filter-admin{border:1px solid var(--line);border-radius:20px;background:var(--white)}
.chat-room-card{overflow:hidden}
.chat-room-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 17px;border-bottom:1px solid var(--line)}
.chat-room-toolbar>div{display:grid}.chat-room-toolbar span{color:var(--muted);font-size:.73rem}
.chat-message-list{height:690px;overflow-y:auto;padding:18px;display:grid;align-content:start;gap:12px;background:linear-gradient(180deg,var(--white),var(--soft))}
.chat-loading{padding:35px;text-align:center;color:var(--muted)}
.chat-message{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start;max-width:85%}
.chat-message.is-mine{margin-left:auto;grid-template-columns:38px minmax(0,1fr)}
.chat-message-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}
.chat-message-body{padding:9px 11px;border:1px solid var(--line);border-radius:5px 14px 14px 14px;background:var(--white)}
.chat-message.is-mine .chat-message-body{border-radius:14px 5px 14px 14px}
.chat-message-head{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.chat-message-head strong{font-size:.84rem}.chat-message-head small{margin-left:auto;color:var(--muted);font-size:.67rem}
.chat-message-body p{margin:3px 0 0;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}
.chat-mini-role,.chat-role-chip{display:inline-flex;padding:3px 6px;border-radius:999px;font-size:.58rem!important;font-weight:900;letter-spacing:.07em}
.chat-role-member,.chat-mini-role-member{background:#ece9ff;color:#3655dc}
.chat-role-subscriber,.chat-mini-role-subscriber{background:#f3e8ff;color:#9333ea}
.chat-role-moderator,.chat-mini-role-moderator{background:#dcfce7;color:#15803d}
.chat-role-admin,.chat-mini-role-admin{background:#fee2e2;color:#b91c1c}
.chat-delete-message{border:0;background:transparent;color:var(--muted);font-size:1.1rem;cursor:pointer;padding:2px 5px;align-self:start}
.chat-message:has(.chat-delete-message){grid-template-columns:38px minmax(0,1fr) auto}
.chat-send-form{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px;padding:16px;border-top:1px solid var(--line);background:var(--white)}
.chat-send-form textarea{resize:none;border:1px solid var(--line);border-radius:13px;padding:11px 13px;font:inherit;background:var(--white);color:var(--ink);outline:none}
.chat-send-form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(91,70,232,.10)}
.chat-send-error{padding:0 15px 12px;color:#b42318;font-size:.82rem}
.chat-side-panel{display:grid;gap:14px}
.chat-settings-card,.chat-rules-card,.chat-filter-admin{padding:18px}
.chat-settings-card h2,.chat-rules-card h2,.chat-filter-admin h2{margin:4px 0 6px}
.chat-settings-card>p,.chat-filter-admin>p{margin:0 0 15px;color:var(--muted);font-size:.86rem}
.chat-colour-form{display:grid;gap:12px}
.chat-colour-options{display:flex;gap:9px}
.chat-colour-options label{cursor:pointer}.chat-colour-options input{position:absolute;opacity:0;pointer-events:none}
.chat-colour-options span{display:block;width:36px;height:36px;border-radius:50%;background:var(--choice-colour);border:3px solid var(--white);box-shadow:0 0 0 1px var(--line)}
.chat-colour-options input:checked+span{box-shadow:0 0 0 3px var(--ink)}
.admin-colour-picker{display:flex;align-items:center;gap:10px;font-weight:800}.admin-colour-picker input{width:48px;height:42px;border:0;background:none}
.chat-account-type{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.chat-account-type small{color:var(--muted)}
.chat-rules-card ul{padding-left:18px;margin:10px 0 14px;color:var(--muted);font-size:.86rem}.chat-rules-card a{color:var(--brand);font-weight:800;font-size:.84rem}
.chat-filter-form{display:grid;gap:10px}.chat-filter-form label{display:grid;gap:5px;font-size:.78rem;font-weight:800}
.chat-filter-form input{border:1px solid var(--line);border-radius:10px;padding:10px 11px;font:inherit;background:var(--white);color:var(--ink)}
.chat-filter-list{display:grid;gap:7px;margin-top:14px;max-height:360px;overflow:auto}
.chat-filter-row{padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.chat-filter-row.is-disabled{opacity:.5}
.chat-filter-row>div:first-child{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.chat-filter-row em{font-style:normal;color:var(--brand);font-weight:800}
.chat-filter-row>small{display:block;color:var(--muted);margin-top:3px}.chat-filter-actions{display:flex;gap:7px;margin-top:7px}.chat-filter-actions form{margin:0}.chat-filter-actions button{border:0;background:none;color:var(--brand);padding:0;font-weight:800;cursor:pointer;font-size:.73rem}

/* Always-available floating chat link */
.floating-chat-button{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;align-items:center;gap:9px;padding:10px 14px 10px 10px;border-radius:999px;background:var(--brand);color:#fff;box-shadow:0 12px 35px rgba(22,32,44,.28);border:1px solid rgba(255,255,255,.18)}
.floating-chat-button:hover{background:var(--brand-dark);transform:translateY(-1px)}
.floating-chat-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.14)}
.floating-chat-copy{display:grid;line-height:1.1}.floating-chat-copy strong{font-size:.82rem}.floating-chat-copy small{font-size:.66rem;opacity:.8;margin-top:3px}

body.dark-mode .chat-page{background:#111722}
body.dark-mode .chat-room-card,body.dark-mode .chat-settings-card,body.dark-mode .chat-rules-card,body.dark-mode .chat-filter-admin,body.dark-mode .chat-online-card{background:#1a202a;border-color:#394353}
body.dark-mode .chat-message-list{background:linear-gradient(180deg,#151b24,#111722)}
body.dark-mode .chat-message-body,body.dark-mode .chat-send-form,body.dark-mode .chat-send-form textarea,body.dark-mode .chat-filter-form input{background:#1a202a;border-color:#394353;color:#eef2f8}
body.dark-mode .chat-message-body p{color:#eef2f8}
body.dark-mode .chat-filter-row{background:#222a35;border-color:#394353}
body.dark-mode .chat-colour-options span{border-color:#1a202a}
@media(max-width:900px){.chat-layout{grid-template-columns:1fr}.chat-side-panel{grid-template-columns:1fr 1fr}.chat-filter-admin{grid-column:1/-1}}
@media(max-width:650px){.chat-page-heading{align-items:flex-start;flex-direction:column}.chat-side-panel{grid-template-columns:1fr}.chat-filter-admin{grid-column:auto}.chat-message-list{height:520px}.chat-message{max-width:95%}.floating-chat-copy{display:none}.floating-chat-button{padding:9px;right:12px;bottom:12px}.floating-chat-icon{width:38px;height:38px}}


/* Homepage chat access upgrade */
.homepage-chat-actions{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin-top:22px}
.homepage-chat-actions .text-link{font-size:.84rem}
.homepage-chat-status-link{text-decoration:none;color:#fff;transition:transform .18s ease,border-color .18s ease}
.homepage-chat-status-link:hover{transform:translateY(-2px);border-color:#59677c}
.homepage-chat-enter{display:inline-block;margin-top:9px;color:#dcd7ff;font-size:.8rem;font-weight:900}
@media(max-width:620px){
  .homepage-chat-actions .button{flex:1 1 150px}
  .homepage-chat-actions .text-link{width:100%}
}

.chat-filter-info{margin-top:15px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.chat-filter-info strong{display:block;font-size:.82rem}
.chat-filter-info p{margin:4px 0 0!important;color:var(--muted);font-size:.78rem!important;line-height:1.5}
body.dark-mode .chat-filter-info{background:#222a35;border-color:#394353}


/* Chat mentions, approved listing shares and anti-spam hints */
.chat-compose-wrap{position:relative;border-top:1px solid var(--line);background:var(--white)}
.chat-compose-wrap .chat-send-form{border-top:0}
.chat-input-wrap{position:relative;min-width:0}
.chat-input-wrap textarea{width:100%;height:100%}
.chat-compose-rules{display:flex;gap:7px 14px;flex-wrap:wrap;padding:0 15px 11px;color:var(--muted);font-size:.67rem}
.chat-compose-rules span::before{content:'✓';color:var(--accent);font-weight:900;margin-right:4px}
.chat-mention-picker{position:absolute;left:0;right:0;bottom:calc(100% + 6px);z-index:30;max-height:285px;overflow:auto;padding:6px;border:1px solid var(--line);border-radius:13px;background:var(--white);box-shadow:0 15px 40px rgba(22,32,44,.16)}
.chat-mention-option{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:8px;border-radius:9px;text-align:left;color:var(--ink);cursor:pointer}
.chat-mention-option:hover{background:var(--soft)}
.chat-mention-option img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.chat-mention-option span{display:grid}.chat-mention-option strong{font-size:.78rem}.chat-mention-option small{color:var(--muted);font-size:.7rem}
.chat-mention{color:var(--brand);font-weight:900;background:#edf2ff;padding:1px 4px;border-radius:5px}
.chat-listing-share{display:grid;gap:2px;margin-top:9px;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:var(--soft)}
.chat-listing-share small{color:var(--brand);font-size:.6rem;font-weight:900;letter-spacing:.08em}
.chat-listing-share strong{font-size:.82rem}.chat-listing-share span{color:var(--brand);font-size:.7rem;font-weight:850;margin-top:2px}
body.dark-mode .chat-compose-wrap,body.dark-mode .chat-mention-picker{background:#1a202a;border-color:#394353}
body.dark-mode .chat-mention-option{color:#eef2f8}
body.dark-mode .chat-mention-option:hover,body.dark-mode .chat-listing-share{background:#222a35}
body.dark-mode .chat-mention{background:#302957;color:#c9c1ff}
@media(max-width:650px){.chat-compose-rules{gap:4px 10px}.chat-compose-rules span{flex:1 1 45%}}


/* Chat layout cleanup */
.chat-compose-rules{display:none!important}
.chat-room-card{min-width:0}
.chat-input-wrap textarea{min-height:78px}
.chat-send-form .button{min-height:78px}
@media(min-width:1200px){
  .chat-page-shell{max-width:1280px}
}
@media(max-width:900px){
  .chat-layout{grid-template-columns:1fr}
  .chat-message-list{height:620px}
}
@media(max-width:650px){
  .chat-message-list{height:560px}
  .chat-send-form{grid-template-columns:1fr;gap:8px}
  .chat-send-form .button{min-height:50px}
}

.chat-loading-error{color:#d14343;max-width:650px;margin:auto;line-height:1.55}

.chat-admin-diagnostics-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chat-admin-diagnostics-links .button{min-height:42px;padding:0 10px;font-size:.76rem}@media(max-width:650px){.chat-admin-diagnostics-links{grid-template-columns:1fr}}


/* Inline chat advertising: free members see one horizontal banner after every 10 messages. */
.chat-inline-ad{
  margin:14px 10px;
  padding:8px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--white);
  overflow:hidden;
  min-height:118px;
}
.chat-inline-ad img{
  display:block;
  width:100%;
  height:90px;
  object-fit:cover;
  object-position:center;
  margin:0 auto;
  border-radius:9px;
}
.chat-inline-ad .adsbygoogle{
  display:block!important;
  width:100%!important;
  min-height:90px;
}
.chat-inline-ad-note{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:6px 3px 0;
  color:var(--muted);
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.06em;
}
.chat-inline-ad-note a{
  color:var(--brand);
  letter-spacing:0;
}
body.dark-mode .chat-inline-ad{
  background:#1a202a;
  border-color:#394353;
}
@media(max-width:650px){
  .chat-inline-ad{margin:10px 6px;min-height:100px}
  .chat-inline-ad img{height:74px}
  .chat-inline-ad-note{font-size:.58rem}
}


/* Profile bio, member activity and homepage policy additions */
.account-bio-card textarea{
  width:100%;
  min-height:130px;
  resize:vertical;
  border:1px solid var(--line);
  border-radius:12px;
  padding:12px 13px;
  font:inherit;
  background:var(--white);
  color:var(--ink);
}
.account-bio-card form{display:grid;gap:10px}
.profile-member-meta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:12px 0 14px;
}
.profile-member-meta>div{
  min-width:145px;
  padding:9px 11px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--soft);
}
.profile-member-meta span,.profile-member-meta strong{display:block}
.profile-member-meta span{font-size:.67rem;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.profile-member-meta strong{margin-top:2px;font-size:.8rem}
.profile-online,.profile-offline{display:flex!important;align-items:center;gap:6px}
.profile-online i,.profile-offline i{width:8px;height:8px;border-radius:50%;display:inline-block}
.profile-online i{background:#10ad7f;box-shadow:0 0 0 4px rgba(16,173,127,.12)}
.profile-offline i{background:#7e8998}
.site-about-policy-stack{display:grid;gap:10px}
.site-about-policy-stack .site-about-note{height:auto}
.site-about-policy-stack .site-about-note a{display:inline-block;margin-top:6px;color:var(--brand);font-size:.78rem;font-weight:850}
.site-policy-warning{border-left:4px solid #d97706}
.site-cash-warning{border-left:4px solid var(--brand)}
.safety-cash-section{margin-top:30px}
.admin-chat-ban-form{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.admin-chat-ban-form input[type=text]{min-width:190px;flex:1;border:1px solid var(--line);border-radius:10px;padding:9px 10px;background:var(--white);color:var(--ink)}
.chat-banned-label{color:#d14343!important;font-weight:900}
.chat-active-label{color:#10ad7f!important;font-weight:900}
body.dark-mode .account-bio-card textarea,
body.dark-mode .admin-chat-ban-form input[type=text]{background:#1a202a;border-color:#394353;color:#eef2f8}
@media(max-width:720px){
  .profile-member-meta{display:grid;grid-template-columns:1fr 1fr}
  .profile-member-meta>div:last-child{grid-column:1/-1}
  .admin-chat-ban-form{display:grid;width:100%}
}


/* Account hub / dashboard navigation */
.nav-account{
  color:var(--brand)!important;
  font-weight:900!important;
}
.account-hub{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin:30px 0 34px;
}
.account-hub-group{
  border:1px solid var(--line);
  border-radius:20px;
  padding:18px;
  background:var(--white);
}
.account-hub-heading{
  display:flex;
  gap:10px;
  align-items:center;
  margin-bottom:12px;
}
.account-hub-heading>span{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:9px;
  background:#edf2ff;
  color:var(--brand);
  font-size:.66rem;
  font-weight:900;
}
.account-hub-heading h2{
  margin:0;
  font-size:1.05rem;
  letter-spacing:-.02em;
}
.account-hub-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.account-hub-links>a,
.account-hub-coming{
  min-height:62px;
  padding:10px 11px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--soft);
}
.account-hub-links>a{
  transition:transform .15s ease,border-color .15s ease,background .15s ease;
}
.account-hub-links>a:hover{
  transform:translateY(-1px);
  border-color:#bdb4ff;
  background:#f4f1ff;
}
.account-hub-links strong,
.account-hub-links small{
  display:block;
}
.account-hub-links strong{font-size:.81rem}
.account-hub-links small{
  margin-top:3px;
  color:var(--muted);
  font-size:.67rem;
  line-height:1.35;
}
.account-hub-coming{
  opacity:.6;
  cursor:default;
}
.account-hub-coming small::before{
  content:'Coming soon · ';
  color:var(--brand);
  font-weight:800;
}
.account-hub-counts>a{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
}
.account-hub-counts>a small{
  grid-column:1/-1;
}
.account-hub-counts b{
  display:grid;
  place-items:center;
  min-width:28px;
  height:28px;
  padding:0 7px;
  border-radius:999px;
  background:var(--brand);
  color:white;
  font-size:.7rem;
}
.account-stack-form{
  display:grid!important;
  gap:10px!important;
  align-items:stretch!important;
}
.account-stack-form label{
  display:grid;
  gap:5px;
  font-size:.76rem;
  font-weight:800;
}
.account-stack-form input{
  width:100%;
  border:1px solid var(--line);
  border-radius:11px;
  padding:11px 12px;
  font:inherit;
  background:var(--white);
  color:var(--ink);
}
.account-anchor-targets{
  position:relative;
  height:0;
  overflow:visible;
}
.account-anchor-targets span,
.account-section-anchor{
  position:relative;
  top:-90px;
}
body.dark-mode .account-hub-group{
  background:#151a22;
  border-color:#394353;
}
body.dark-mode .account-hub-links>a,
body.dark-mode .account-hub-coming{
  background:#1d2430;
  border-color:#394353;
}
body.dark-mode .account-hub-links>a:hover{
  background:#262d3a;
}
body.dark-mode .account-stack-form input{
  background:#1a202a;
  border-color:#394353;
  color:#eef2f8;
}
@media(max-width:900px){
  .account-hub{grid-template-columns:1fr}
}
@media(max-width:560px){
  .account-hub-links{grid-template-columns:1fr}
}


/* Account navigation/homepage visibility and account-page polish */
.account-page-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:28px;
}
.account-page-heading h1{margin-bottom:10px}
.account-page-heading .account-intro{margin:0;max-width:760px}
.account-page-heading-actions{
  display:flex;
  gap:10px;
  flex:0 0 auto;
  padding-bottom:6px;
}

.account-hub{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  margin:0 0 34px!important;
}
.account-hub-group{
  display:block!important;
  min-width:0;
  border:1px solid #303947!important;
  border-radius:18px!important;
  padding:18px!important;
  background:#171d26!important;
}
.account-hub-heading{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 14px!important;
}
.account-hub-heading>span{
  flex:0 0 30px;
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  border-radius:9px!important;
  background:#1e3358!important;
  color:#8e7cff!important;
  font-size:.67rem!important;
  font-weight:900!important;
}
.account-hub-heading h2{
  margin:0!important;
  font-size:1.05rem!important;
  line-height:1.2!important;
}
.account-hub-links{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
}
.account-hub-links>a,
.account-hub-coming{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  min-width:0;
  min-height:52px!important;
  padding:10px 12px!important;
  border:1px solid #303947!important;
  border-radius:11px!important;
  background:#1d2430!important;
  text-decoration:none!important;
}
.account-hub-links>a:hover{
  border-color:#6955ef!important;
  background:#232b38!important;
}
.account-hub-links strong{
  display:block!important;
  min-width:0;
  font-size:.82rem!important;
  line-height:1.25!important;
}
.account-hub-links small{
  grid-column:1/-1;
  display:block!important;
  margin-top:3px!important;
  color:#94a0b2!important;
  font-size:.68rem!important;
  line-height:1.3!important;
}
.account-hub-counts b{
  display:grid!important;
  place-items:center!important;
  min-width:28px!important;
  height:28px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  background:#5b46e8!important;
  color:#fff!important;
  font-size:.7rem!important;
}
.account-hub-coming{opacity:.55!important}
.account-card{
  margin-top:0!important;
}

.homepage-account-section{
  background:#111722;
  color:#fff;
}
.homepage-account-card{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:42px;
  align-items:center;
  padding:34px;
  border:1px solid #303947;
  border-radius:24px;
  background:#171d26;
}
.homepage-account-copy h2{
  margin:6px 0 10px;
  font-size:clamp(2rem,3vw,3rem);
  line-height:1.05;
  letter-spacing:-.04em;
}
.homepage-account-copy>p{
  max-width:680px;
  margin:0;
  color:#aab4c3;
}
.homepage-account-features{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:20px 0 24px;
}
.homepage-account-features span{
  padding:7px 10px;
  border:1px solid #384457;
  border-radius:999px;
  background:#1f2733;
  color:#cbd3df;
  font-size:.73rem;
  font-weight:750;
}
.homepage-account-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.homepage-account-preview{
  padding:20px;
  border:1px solid #394456;
  border-radius:18px;
  background:#111722;
}
.homepage-account-preview-head{
  display:grid;
  gap:3px;
  padding-bottom:14px;
  border-bottom:1px solid #303947;
}
.homepage-account-preview-head span{
  color:#7f6cff;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.12em;
}
.homepage-account-preview-head strong{
  font-size:1.1rem;
}
.homepage-account-preview-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding-top:14px;
}
.homepage-account-preview-grid span{
  padding:12px;
  border:1px solid #303947;
  border-radius:10px;
  background:#1d2430;
  font-size:.78rem;
  font-weight:800;
}

@media(max-width:1100px){
  .account-hub{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:820px){
  .account-page-heading{align-items:flex-start;flex-direction:column}
  .homepage-account-card{grid-template-columns:1fr}
}
@media(max-width:620px){
  .account-hub{grid-template-columns:1fr!important}
  .account-page-heading-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .homepage-account-card{padding:22px}
}


/* Featured listings + member block list */
.featured-listing-badge,.featured-card-badge,.admin-featured-label{display:inline-flex;align-items:center;border-radius:999px;background:#fff3c4;color:#795800;font-size:.64rem;font-weight:950;letter-spacing:.06em}
.featured-listing-badge{padding:6px 9px;margin-left:7px}
.featured-card-badge{position:absolute;right:12px;top:12px;padding:6px 8px;z-index:2}
.admin-featured-label{padding:4px 7px}
.profile-block-form{display:inline-flex}.button-disabled{opacity:.58;cursor:not-allowed}
.account-feature-section,.account-block-section{margin:38px 0}
.account-featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.account-featured-card{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--white)}
.account-featured-card img{width:72px;height:58px;object-fit:cover;border-radius:9px}
.account-featured-card span strong,.account-featured-card span small{display:block}.account-featured-card span small{margin-top:4px;color:var(--muted);font-size:.7rem}.account-featured-card>b{color:#8a6900;font-size:.66rem}
.account-block-list{display:grid;gap:9px}.account-block-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--white)}
.account-block-row>a{display:flex;align-items:center;gap:11px;min-width:0}.account-block-row img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.account-block-row span strong,.account-block-row span small{display:block}.account-block-row span small{margin-top:2px;color:var(--muted);font-size:.72rem}
.admin-feature-form{display:flex;gap:7px}.admin-feature-form select{border:1px solid var(--line);border-radius:10px;padding:8px;background:var(--white);color:var(--ink)}
body.dark-mode .account-featured-card,body.dark-mode .account-block-row{background:#171d26;border-color:#394353}
body.dark-mode .featured-listing-badge,body.dark-mode .featured-card-badge,body.dark-mode .admin-featured-label{background:#493e19;color:#ffe699}
@media(max-width:700px){.account-featured-grid{grid-template-columns:1fr}.account-block-row{align-items:flex-start;flex-direction:column}}


/* Advanced chatroom: users, private rooms, emoji, webcams, staff tools */
.chat-toolbar-actions{display:flex;align-items:center;gap:8px}.chat-tool-button{border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:9px;padding:8px 10px;font-weight:850;cursor:pointer}.chat-compose-buttons{display:grid;grid-template-columns:44px 1fr;gap:8px}.chat-compose-buttons .button{width:100%}
.chat-emoji-picker{position:absolute;right:122px;bottom:78px;z-index:30;width:292px;padding:10px;display:grid;grid-template-columns:repeat(8,1fr);gap:5px;border:1px solid var(--line);border-radius:14px;background:var(--white);box-shadow:0 15px 35px rgba(0,0,0,.18)}.chat-emoji-picker[hidden]{display:none}.chat-emoji-picker button{border:0;background:transparent;font-size:1.25rem;padding:5px;border-radius:7px;cursor:pointer}.chat-emoji-picker button:hover{background:var(--soft)}
.chat-auto-broadcast{padding:9px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#1e3358;color:#e8e3ff;font-size:.72rem}.chat-auto-broadcast strong{color:#a999ff;text-transform:uppercase;letter-spacing:.05em}.chat-auto-broadcast span{margin-left:5px}
.chat-users-card,.chat-private-card,.chat-staff-presence-card{padding:18px}.chat-side-title{display:flex;justify-content:space-between;gap:10px;align-items:start}.chat-side-title h2,.chat-private-card h2,.chat-staff-presence-card h2{margin:4px 0 6px}.chat-side-title>span{display:grid;place-items:center;min-width:30px;height:30px;border-radius:999px;background:var(--brand);color:#fff;font-size:.7rem;font-weight:900}.chat-online-users{display:grid;gap:7px;margin-top:12px;max-height:315px;overflow:auto}.chat-user-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.chat-user-row>a{display:flex;align-items:center;gap:8px;min-width:0}.chat-user-row img{width:32px;height:32px;border-radius:50%;object-fit:cover}.chat-user-row strong,.chat-user-row small{display:block}.chat-user-row small{font-size:.62rem;color:var(--muted)}.chat-user-actions{display:flex;gap:4px}.chat-user-actions button{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:7px;padding:5px 7px;font-size:.6rem;cursor:pointer}.chat-loading-small{padding:10px;color:var(--muted);font-size:.72rem}
.chat-private-card>p,.chat-staff-presence-card>p{color:var(--muted);font-size:.78rem}.chat-private-rooms{display:grid;gap:6px;margin:10px 0}.chat-private-rooms a{display:block;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--soft);font-size:.72rem;font-weight:800}.chat-private-rooms a.active{border-color:var(--brand);background:#edf2ff;color:var(--brand)}.chat-room-create-form,.chat-room-invite-form{display:grid;grid-template-columns:1fr auto;gap:7px}.chat-room-create-form input,.chat-room-invite-form input{min-width:0;border:1px solid var(--line);border-radius:9px;padding:9px;background:var(--white);color:var(--ink)}
.chat-switch{display:flex;align-items:center;gap:9px;cursor:pointer}.chat-switch input{position:absolute;opacity:0}.chat-switch span{width:40px;height:22px;border-radius:999px;background:#657080;position:relative}.chat-switch span:after{content:'';position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.15s}.chat-switch input:checked+span{background:var(--brand)}.chat-switch input:checked+span:after{transform:translateX(18px)}.chat-switch b{font-size:.78rem}
.chat-message-modtools{display:grid;gap:4px}.chat-message-modtools button{border:0;background:transparent;color:var(--muted);font-size:1rem;cursor:pointer;padding:2px 5px}.chat-message:has(.chat-message-modtools){grid-template-columns:38px minmax(0,1fr) auto}
.chat-camera-dock{padding:12px;border-bottom:1px solid var(--line);background:#0d1219}.chat-camera-dock-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;color:#fff}.chat-camera-dock-head span{color:#9ca8b7;font-size:.68rem}.chat-camera-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.chat-camera-tile{position:relative;min-height:130px;background:#05070a;border:1px solid #303947;border-radius:12px;overflow:hidden}.chat-camera-tile video{display:block;width:100%;height:170px;object-fit:cover;background:#05070a}.chat-camera-tile>span{position:absolute;left:8px;bottom:8px;padding:4px 7px;border-radius:6px;background:rgba(0,0,0,.65);color:#fff;font-size:.65rem;font-weight:800}
body.dark-mode .chat-tool-button,body.dark-mode .chat-user-actions button,body.dark-mode .chat-room-create-form input,body.dark-mode .chat-room-invite-form input{background:#1a202a;border-color:#394353;color:#eef2f8}body.dark-mode .chat-user-row,body.dark-mode .chat-private-rooms a{background:#1d2430;border-color:#394353}body.dark-mode .chat-private-rooms a.active{background:#1e3358;border-color:#5170ff;color:#b9c8ff}body.dark-mode .chat-emoji-picker{background:#171d26;border-color:#394353}
@media(max-width:900px){.chat-camera-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.chat-camera-grid{grid-template-columns:1fr}.chat-camera-tile video{height:210px}.chat-emoji-picker{right:10px;left:10px;width:auto;grid-template-columns:repeat(7,1fr)}.chat-room-create-form,.chat-room-invite-form{grid-template-columns:1fr}}

/* ========================================================================
   wotugot visual migration — compact marketplace layout inspired by the
   clearer, denser navigation/listing structure of established swap sites.
   Existing colour scheme and functionality retained.
   ======================================================================== */
:root{
  --radius:12px;
  --shadow:0 8px 24px rgba(22,32,44,.08);
}
body{background:#f6f7f9}
.container{width:min(1280px,calc(100% - 32px))}
.site-header{background:var(--white);position:relative;z-index:40}
.topbar{font-size:.75rem;background:#10151e}
.topbar-inner{min-height:31px}
.topbar nav{gap:14px}
.header-main{height:68px;gap:14px}
.brand{font-size:1.35rem}
.brand-mark{width:34px;height:34px;border-radius:8px}
.header-search{border-radius:8px;box-shadow:none}
.header-search input,.header-search select{padding:10px 12px;font-size:.88rem}
.header-search button,.post-button{padding-inline:15px}
.post-button{padding-block:10px;border-radius:8px;font-size:.84rem}
.main-nav{background:#171d26;border:0;border-top:1px solid #242d39}
.nav-inner{gap:2px;min-height:42px;padding:0;font-size:.79rem;flex-wrap:nowrap;overflow-x:auto}
.nav-inner a{color:#e8edf4;padding:12px 13px;white-space:nowrap;border-bottom:3px solid transparent}
.nav-inner a:hover,.nav-inner .nav-account{color:#fff;background:#202836;border-bottom-color:var(--brand)}
.nav-inner .nav-subscribe{color:#9ddcff}
.menu-button{color:var(--ink)}
.hero{padding:44px 0 48px;background:linear-gradient(135deg,#f7f8fb 0%,#f2efff 100%);border-bottom:1px solid var(--line)}
.hero-grid{gap:38px}
.hero h1{font-size:clamp(2.55rem,4.4vw,4.1rem);margin:10px 0 16px}
.hero-copy>p{font-size:1rem}
.hero-actions{margin:22px 0 20px}
.button{min-height:42px;padding:0 16px;border-radius:8px;font-size:.84rem}
.hero-panel{min-height:360px}
.hero-card-main{position:relative;right:auto;top:auto;width:100%;padding:14px;border-radius:12px;transform:none}
.hero-card-small{border-radius:10px}
.mock-photo{height:210px;border-radius:9px;margin:10px 0 12px}
.section{padding:50px 0}
.section-heading{margin-bottom:20px}
.section-heading h2,.split-copy h2,.safety-grid h2,.cta h2{font-size:clamp(1.7rem,2.5vw,2.5rem)}
.category-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.category-card{padding:12px;border-radius:9px;gap:9px}
.category-icon{width:38px;height:38px;border-radius:8px}
.listing-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.listing-card{border-radius:9px;box-shadow:none}
.listing-card:hover{transform:none;border-color:#a8baff;box-shadow:0 6px 18px rgba(22,32,44,.07)}
.listing-image{height:155px}
.listing-body{padding:12px}
.listing-body h3{margin:4px 0 11px}
.page-shell{padding:38px 0}
.page-shell h1{font-size:clamp(2rem,3.4vw,3.2rem)}
.empty-state{padding:36px;border-radius:12px}
.account-pref-card,.account-card,.conversation-list,.message-thread,.public-profile,.admin-user-list{border-radius:10px!important;box-shadow:none!important}
.account-hub-group{border-radius:10px!important}
.account-hub-links>a,.account-hub-coming{border-radius:7px!important;min-height:48px!important}
.site-about-note,.homepage-account-card,.homepage-account-preview{border-radius:10px!important}
.site-footer{padding-top:42px}
.footer-grid{gap:34px}

/* Homepage becomes denser and easier to scan. */
.homepage-status-strip-inner{min-height:42px}
.homepage-account-section{padding:42px 0}
.homepage-account-card{padding:24px;gap:28px}
.hero-feature-strip{gap:7px!important}
.hero-feature-strip span{border-radius:7px!important}
.category-strip{padding:8px 0}
.category-details{border-radius:8px}
.compact-category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.stats-grid{padding:22px 0}

/* ------------------------------------------------------------------------
   Modern chat applet
   ------------------------------------------------------------------------ */
.chat-page{padding:24px 0 38px;background:#0f141c}
.chat-page .container{width:min(1380px,calc(100% - 24px))}
.chat-page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px}
.chat-page-heading h1{font-size:1.8rem;margin:4px 0 2px;color:#f5f7fb}
.chat-page-heading p{font-size:.82rem;margin:0;color:#9ca8b8;max-width:850px}
.chat-online-card{display:none}
.chat-app-shell{
  display:grid;
  grid-template-columns:230px minmax(0,1fr) 265px;
  min-height:720px;
  border:1px solid #303948;
  border-radius:12px;
  overflow:hidden;
  background:#131922;
  box-shadow:0 18px 50px rgba(0,0,0,.25);
}
.chat-room-rail,.chat-user-rail{background:#171e28;min-width:0}
.chat-room-rail{border-right:1px solid #303948;padding:14px;display:flex;flex-direction:column;gap:13px}
.chat-user-rail{border-left:1px solid #303948;padding:14px;display:flex;flex-direction:column;gap:12px}
.chat-rail-head h2,.chat-side-title h2{margin:2px 0 0;font-size:1rem;color:#fff}
.chat-rail-head .eyebrow,.chat-side-title .eyebrow{font-size:.58rem}
.chat-private-rooms{display:grid;gap:4px;margin:0}
.chat-private-rooms a{padding:9px 10px;border:0;border-radius:7px;background:transparent;color:#cbd3df;font-size:.74rem;font-weight:750}
.chat-private-rooms a:hover{background:#222b38;color:#fff}
.chat-private-rooms a.active{background:#5b46e8;color:#fff;border:0}
.chat-rail-form{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding-top:10px;border-top:1px solid #303948}
.chat-rail-form label{display:grid;gap:5px;color:#8f9bac;font-size:.66rem;font-weight:800}
.chat-rail-form input{width:100%;background:#10151d!important;border:1px solid #364151!important;color:#eef2f8!important;border-radius:7px!important;padding:9px!important}
.chat-rail-form .button{width:100%;min-height:36px;font-size:.72rem;background:#222b38;color:#fff;border-color:#3a4658}
.chat-rail-staff{padding-top:10px;border-top:1px solid #303948;display:grid;gap:8px}
.chat-rail-staff small{color:#7f8b9c;font-size:.64rem;line-height:1.4}
.chat-rail-links{margin-top:auto;display:grid;gap:4px;border-top:1px solid #303948;padding-top:10px}
.chat-rail-links a{font-size:.69rem;color:#9ca8b8;padding:5px 0}
.chat-rail-links a:hover{color:#fff}
.chat-room-card.chat-room-modern{border:0;border-radius:0;background:#111720;min-width:0;display:flex;flex-direction:column}
.chat-room-toolbar{min-height:58px;padding:10px 13px;border-bottom:1px solid #303948;background:#171e28;display:flex;align-items:center;justify-content:space-between;gap:12px}
.chat-room-title{display:flex;align-items:center;gap:9px;min-width:0}
.chat-room-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#252d3a;font-size:1rem}
.chat-room-title>div{display:grid;min-width:0}.chat-room-title strong{color:#fff;font-size:.86rem}.chat-room-title span{color:#8f9bac;font-size:.63rem}
.chat-toolbar-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.chat-online-inline{display:inline-flex;align-items:center;gap:5px;color:#9ba7b8;font-size:.66rem}.chat-online-inline i{width:7px;height:7px;border-radius:50%;background:#10ad7f;box-shadow:0 0 0 3px rgba(16,173,127,.12)}
.chat-tool-button{border:1px solid #394657;background:#202936;color:#eef2f8;border-radius:7px;padding:7px 9px;font-size:.72rem;font-weight:800;cursor:pointer}
.chat-tool-button:hover{background:#293445}
.chat-auto-broadcast{padding:7px 12px;border:0;border-bottom:1px solid #312b51;background:#211c3b;color:#d8d1ff;font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-auto-broadcast strong{color:#a99cff}
.chat-message-list{height:auto!important;min-height:0;flex:1;overflow-y:auto;padding:14px 16px;display:flex!important;flex-direction:column;gap:8px;background:#10161f!important;align-content:unset!important}
.chat-message{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;align-items:start;max-width:78%}
.chat-message.is-mine{margin-left:auto;grid-template-columns:32px minmax(0,1fr)}
.chat-message-avatar{width:32px;height:32px;border-radius:50%;border:1px solid #3a4555}
.chat-message-body{padding:7px 9px;border:1px solid #303b4b;border-radius:5px 11px 11px 11px;background:#19212c!important}
.chat-message.is-mine .chat-message-body{background:#262047!important;border-color:#443a72;border-radius:11px 5px 11px 11px}
.chat-message-head strong{font-size:.74rem}.chat-message-head small{font-size:.58rem;color:#7e8999}
.chat-message-body p{font-size:.78rem;line-height:1.4;color:#e9edf4!important}
.chat-mini-role{font-size:.5rem!important;padding:2px 4px}
.chat-message-modtools{display:flex!important;gap:2px!important;align-self:start}.chat-message-modtools button{color:#8c98aa!important}
.chat-compose-wrap{border-top:1px solid #303948;background:#171e28;padding:10px}
.chat-send-form{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:8px;padding:0!important;border:0!important;background:transparent!important;position:relative}
.chat-input-wrap textarea{min-height:58px!important;max-height:120px;background:#10161f!important;border:1px solid #394657!important;color:#eef2f8!important;border-radius:8px!important;padding:10px 11px!important;font-size:.8rem}
.chat-compose-buttons{display:grid;grid-template-columns:38px 1fr;gap:6px}.chat-compose-buttons .button{min-height:58px!important;border-radius:8px}
.chat-emoji-picker{right:118px;bottom:67px;background:#171e28!important;border-color:#3a4658!important}
.chat-send-error{padding:7px 2px 0;color:#ff8e86;font-size:.68rem}
.chat-camera-dock{background:#090d12;border-bottom:1px solid #303948;padding:10px}.chat-camera-dock-head{margin-bottom:8px}.chat-camera-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.chat-camera-tile{min-height:105px;border-radius:7px}.chat-camera-tile video{height:125px}
.chat-users-card,.chat-compact-settings{padding:0!important;background:transparent!important;border:0!important}
.chat-side-title{display:flex;justify-content:space-between;align-items:center;gap:8px}
.chat-side-title>span{min-width:25px;height:25px;font-size:.62rem}
.chat-online-users{display:grid;gap:5px;margin-top:9px;max-height:430px;overflow:auto}
.chat-user-row{padding:7px;border:0;border-radius:7px;background:#202936!important}
.chat-user-row>a{gap:7px}.chat-user-row img{width:29px;height:29px}.chat-user-row strong{font-size:.7rem;color:#fff}.chat-user-row small{font-size:.56rem;color:#8995a5}
.chat-user-actions{gap:3px}.chat-user-actions button{padding:4px 5px;border-radius:5px;background:#141a23!important;border-color:#364151!important;color:#dbe1e9!important;font-size:.56rem}
.chat-mod-hint{font-size:.61rem!important;line-height:1.35;color:#7f8a9a!important;margin:8px 0 0!important}
.chat-compact-settings{border-top:1px solid #303948!important;padding-top:12px!important}
.chat-compact-settings .chat-colour-form{margin-top:8px}.chat-colour-options{gap:6px}.chat-colour-options span{width:24px!important;height:24px!important}
.chat-quick-rules{border-top:1px solid #303948;padding-top:11px;display:grid;gap:5px}.chat-quick-rules strong{font-size:.72rem;color:#fff}.chat-quick-rules span{font-size:.61rem;line-height:1.35;color:#8d99aa}
.chat-below-tools{margin-top:16px}
.chat-filter-admin{border-radius:10px!important;background:#171e28!important;border:1px solid #303948!important;color:#eaf0f7}.chat-filter-admin p{color:#9aa6b6!important}
.chat-filter-row{border-color:#364151!important;background:#111720!important}
.chat-inline-ad{margin:10px 0!important;border-radius:7px!important;background:#171e28!important;border-color:#303948!important;min-height:auto!important}
.chat-inline-ad img{height:auto!important;max-height:90px;object-fit:contain!important;background:#0d1219}
.chat-inline-ad-note{color:#8290a2}

/* Mandatory entry acknowledgement for everyone except admins. */
body.chat-gate-open{overflow:hidden}
.chat-entry-gate{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:rgba(5,8,12,.84);backdrop-filter:blur(7px)}
.chat-entry-card{width:min(760px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:24px;border:1px solid #3a4658;border-radius:12px;background:#171e28;color:#eef2f8;box-shadow:0 30px 90px rgba(0,0,0,.5)}
.chat-entry-card h2{font-size:1.65rem;margin:5px 0 8px}.chat-entry-card>p{color:#a8b2c1;margin:0 0 14px;max-width:none}
.chat-entry-rules{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px}.chat-entry-rules span{padding:9px 10px;border-radius:7px;background:#202936;border:1px solid #303b4b;color:#c9d1dc;font-size:.72rem;line-height:1.35}
.chat-entry-ad{padding:8px;border:1px solid #303b4b;border-radius:8px;background:#0f141c;margin:10px 0 13px;overflow:hidden}.chat-entry-ad .site-ad-slot{margin:0!important}.chat-entry-ad img{max-height:90px;object-fit:contain;margin:auto}
.chat-entry-check{display:flex;gap:9px;align-items:flex-start;padding:10px 0;font-size:.76rem;font-weight:750}.chat-entry-check input{margin-top:3px;accent-color:var(--brand)}
.chat-entry-actions{display:flex;justify-content:flex-end;gap:8px}.chat-entry-actions button:disabled{opacity:.45;cursor:not-allowed}

/* Dark-mode visual migration overrides */
body.dark-mode{background:#0f141c}
body.dark-mode .header-main{background:#151b24}
body.dark-mode .main-nav{background:#10151e}
body.dark-mode .hero{background:linear-gradient(135deg,#171d26,#151329)}
body.dark-mode .listing-card,body.dark-mode .category-card{box-shadow:none}

@media(max-width:1100px){
  .listing-grid,.section-soft .listing-grid,.homepage-wanted-section .listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .category-grid,.compact-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .chat-app-shell{grid-template-columns:205px minmax(0,1fr) 225px}
}
@media(max-width:900px){
  .chat-app-shell{grid-template-columns:190px minmax(0,1fr)}
  .chat-user-rail{grid-column:1/-1;border-left:0;border-top:1px solid #303948;display:grid;grid-template-columns:1fr 1fr;align-items:start}
  .chat-online-users{max-height:240px}
  .chat-camera-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .container{width:min(100% - 20px,1280px)}
  .topbar-inner>span{display:none}.topbar nav{gap:10px;font-size:.7rem;overflow-x:auto}
  .header-main{height:60px;grid-template-columns:auto 1fr auto}.post-button{display:none}.menu-button{display:block}
  .main-nav{display:none}.main-nav.open{display:block}.nav-inner{display:grid!important;grid-template-columns:1fr 1fr;gap:0;padding:5px 0;overflow:visible}.nav-inner a{border-bottom:1px solid #28313e;padding:10px}
  .hero{padding:32px 0}.hero-grid{gap:24px}.hero-panel{min-height:0}.hero-card-main{position:relative}
  .listing-grid,.section-soft .listing-grid,.homepage-wanted-section .listing-grid,.category-grid,.compact-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .section{padding:38px 0}
  .chat-page{padding-top:14px}.chat-page-heading{align-items:flex-start}.chat-app-shell{display:flex;flex-direction:column;min-height:auto}.chat-room-rail{border-right:0;border-bottom:1px solid #303948}.chat-private-rooms{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-room-card.chat-room-modern{min-height:620px}.chat-user-rail{display:grid;grid-template-columns:1fr;border-left:0}.chat-message{max-width:92%}.chat-send-form{grid-template-columns:1fr}.chat-compose-buttons{grid-template-columns:42px 1fr}.chat-compose-buttons .button{min-height:44px!important}.chat-emoji-picker{left:10px;right:10px;width:auto}.chat-entry-rules{grid-template-columns:1fr}.chat-entry-actions{display:grid;grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .listing-grid,.section-soft .listing-grid,.homepage-wanted-section .listing-grid,.category-grid,.compact-category-grid{grid-template-columns:1fr}
  .nav-inner{grid-template-columns:1fr}
  .chat-toolbar-actions .chat-role-chip{display:none}
  .chat-entry-card{padding:18px}.chat-entry-actions{grid-template-columns:1fr}
}

@media(max-width:760px){.main-nav.is-open{display:block}}

/* ======================================================================
   WotUGot visual refresh 2 — compact marketplace + proper chat applet
   ====================================================================== */

/* Light-mode branding uses the supplied WotUGot artwork. Dark mode keeps
   its own simplified mark so the two modes no longer share one treatment. */
.brand{height:58px;min-width:156px;display:flex;align-items:center;overflow:visible}
.brand-logo-light{display:block;width:146px;height:58px;object-fit:contain;object-position:left center}
.brand-logo-dark{display:none;align-items:center;gap:9px;font-weight:900;font-size:1.28rem;letter-spacing:-.04em;color:#f4f6fa}
.brand-logo-dark>span:last-child>span{color:#8b78ff}
body.dark-mode .brand-logo-light{display:none}
body.dark-mode .brand-logo-dark{display:flex}
.topbar-user{color:#cbd2dc}

/* One identical section navigation bar is rendered by the shared header,
   therefore every normal page gets the same links and hamburger contents. */
.main-nav{position:relative;z-index:35;background:#221b43;border:0;box-shadow:inset 0 -1px rgba(255,255,255,.07)}
.nav-inner{min-height:42px;gap:0;padding:0;overflow-x:auto;scrollbar-width:none}
.nav-inner::-webkit-scrollbar{display:none}
.nav-inner a{display:flex;align-items:center;min-height:42px;padding:0 15px;color:#e9e6fb;border:0;border-right:1px solid rgba(255,255,255,.07);font-size:.78rem;font-weight:800;white-space:nowrap}
.nav-inner a:hover,.nav-inner a.active,.nav-inner .nav-account{background:#5b46e8;color:#fff}
.nav-inner .nav-account{margin-left:auto;border-left:1px solid rgba(255,255,255,.08)}
.nav-inner .nav-subscribe{color:#fff1a8;background:rgba(255,255,255,.04)}
.nav-inner .nav-subscribe:hover,.nav-inner .nav-subscribe.active{background:#4634c9;color:#fff}

/* More Swapz-like compact marketplace frame: information first, less air. */
body:not(.dark-mode){background:#edf0f4;color:#1c2530}
body:not(.dark-mode) .site-header{background:#fff}
body:not(.dark-mode) .topbar{background:#f5f6f8;color:#596574;border-bottom:1px solid #dce2e8}
body:not(.dark-mode) .topbar a,body:not(.dark-mode) .topbar-user{color:#596574}
body:not(.dark-mode) .topbar a:hover{color:#5b46e8}
body:not(.dark-mode) .header-main{background:#fff}
.header-main{height:74px}
.header-search{height:40px;border-radius:5px;border-color:#cfd6df}
.header-search input,.header-search select{padding:8px 11px;font-size:.82rem}
.header-search button{border-radius:0;font-size:.78rem}
.post-button{border-radius:5px;padding:10px 14px;font-size:.78rem}
.page-shell{padding:28px 0 42px}
.page-shell>.container,.section>.container{background:#fff;border:1px solid #dce2e8;border-radius:7px;padding:20px}
.page-shell h1{font-size:clamp(1.75rem,2.8vw,2.65rem);margin:.15em 0 .35em;letter-spacing:-.035em}
.page-shell p{font-size:.9rem}
.section{padding:22px 0;background:transparent}
.section-heading{align-items:center;margin-bottom:15px;border-bottom:1px solid #e1e6eb;padding-bottom:10px}
.section-heading h2,.split-copy h2,.safety-grid h2,.cta h2{font-size:1.55rem;letter-spacing:-.025em}
.eyebrow{font-size:.65rem;letter-spacing:.11em}
.button{min-height:38px;padding:0 13px;border-radius:5px;font-size:.78rem}

/* Homepage: flatter, directory-led and quicker to scan. */
.homepage-status-strip{background:#fff;border-bottom:1px solid #dfe4e9}
.homepage-status-strip-inner{min-height:34px;font-size:.7rem}
.hero{padding:24px 0;background:#fff;border-bottom:1px solid #dce2e8}
.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:24px;align-items:start}
.hero h1{font-size:clamp(2rem,3.7vw,3.35rem);line-height:1.02;margin:7px 0 12px}
.hero-copy>p{font-size:.92rem;max-width:760px}
.hero-actions{margin:16px 0 14px}
.hero-feature-strip{margin-top:11px!important}
.hero-feature-strip span{padding:6px 8px!important;border:1px solid #e1e6eb!important;background:#f7f8fa!important;font-size:.68rem!important}
.hero-live-line{margin-top:12px!important;font-size:.7rem!important}
.hero-panel{min-height:0}
.hero-card-main{box-shadow:none;border:1px solid #d9e0e7;background:#f9fafb;padding:11px}
.hero-top-photo,.mock-photo{height:175px}
.hero-top-swapper-card{margin-top:9px!important;border-radius:6px!important;box-shadow:none!important}
.site-about-band,.newest-member-section,.search-band,.category-strip,.monthly-top-five-section,.homepage-wanted-section,.homepage-chat-section,.homepage-account-section,.four-stage-home,.safety-section{padding-top:22px!important;padding-bottom:22px!important}
.site-about-grid,.homepage-account-card,.homepage-chat-card{border-radius:7px!important}
.site-about-grid{gap:18px!important}
.site-about-note{padding:12px!important}
.search-band{margin:0!important;background:transparent}
.big-search{box-shadow:none;border:1px solid #d3dae2;border-radius:6px;padding:4px}
.big-search input,.big-search select{padding:11px 12px;font-size:.8rem}
.big-search button{border-radius:4px;font-size:.78rem}
.category-details{border:1px solid #dce2e8;background:#fff}
.category-details summary{padding:10px 12px!important}
.compact-category-grid,.category-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
.category-card{padding:9px;border-radius:5px;box-shadow:none}
.category-icon{width:31px;height:31px;border-radius:5px;font-size:.95rem}
.category-card strong{font-size:.75rem}.category-card small{font-size:.65rem}
.listing-grid,.section-soft .listing-grid,.homepage-wanted-section .listing-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.listing-card{border-radius:5px;box-shadow:none}
.listing-image{height:125px!important;min-height:125px!important}
.listing-body{padding:9px!important}
.listing-body h3{font-size:.82rem!important;margin:3px 0 8px!important}
.listing-meta,.listing-user{font-size:.66rem!important}
.pill{padding:4px 6px;font-size:.56rem}
.split-section{padding:28px 0;background:#202633}
.stats-grid{padding:16px 0}.stats-grid strong{font-size:1.25rem}.stats-grid span{font-size:.72rem}
.cta{padding:32px 0}.cta h2{font-size:1.65rem}
.site-footer{padding:34px 0 18px}.footer-grid{gap:25px;font-size:.8rem}.footer-grid h3{font-size:.78rem}

/* Account page and other dashboards use practical panels rather than large cards. */
.account-page-heading{margin-bottom:18px}.account-hub{gap:10px!important;margin-bottom:20px!important}
.account-hub-group{border-radius:6px!important;padding:12px!important;background:#fff!important;border-color:#dce2e8!important}
.account-hub-heading{margin-bottom:8px!important}.account-hub-heading>span{border-radius:4px!important;width:25px!important;height:25px!important}
.account-hub-links{gap:4px!important}.account-hub-links>a,.account-hub-coming{min-height:42px!important;padding:8px 9px!important;border-radius:4px!important;background:#f7f8fa!important;border-color:#e0e5ea!important}
.account-hub-links strong{font-size:.75rem!important}.account-hub-links small{font-size:.62rem!important}
.account-card,.account-pref-card{border-radius:6px!important}

/* ------------------------- CHAT APPLET ------------------------- */
.chat-page{padding:18px 0 30px;background:#10151d}
.chat-page .container{width:min(1380px,calc(100% - 20px));background:transparent;border:0;padding:0}
.chat-page-heading{margin-bottom:10px}.chat-page-heading h1{font-size:1.45rem}.chat-page-heading p{font-size:.74rem}
.chat-app-shell{grid-template-columns:215px minmax(0,1fr) 255px;min-height:0;height:auto;border-radius:7px}
.chat-room-rail,.chat-user-rail{padding:11px;gap:9px}
.chat-room-rail{max-height:680px;overflow:auto}
.chat-private-rooms{gap:3px}.chat-private-rooms a{padding:8px 9px;border-radius:5px;font-size:.69rem}
.chat-rail-form{padding-top:8px}.chat-rail-form input{border-radius:5px!important;padding:8px!important}.chat-rail-form .button{min-height:32px}
.chat-room-card.chat-room-modern{position:relative;min-height:0!important;height:auto}
.chat-room-toolbar{min-height:48px;padding:7px 10px}.chat-room-icon{width:30px;height:30px;border-radius:5px}.chat-room-title strong{font-size:.8rem}.chat-room-title span{font-size:.58rem}
.chat-tool-button{padding:6px 8px;border-radius:5px;font-size:.66rem}.chat-tool-button.is-live{background:#2c694f;border-color:#3d9470}
.chat-auto-broadcast{padding:6px 10px;font-size:.61rem}
.chat-history-label{display:flex;justify-content:space-between;gap:10px;padding:6px 11px;background:#151c25;border-bottom:1px solid #293341;color:#a9b3c1;font-size:.6rem}
.chat-history-label span{font-weight:900;color:#dfe5ec;text-transform:uppercase;letter-spacing:.06em}.chat-history-label small{font-size:.59rem;color:#7f8b9b}
/* roughly twelve compact messages are visible; older loaded history is scrollable. */
.chat-message-list{height:545px!important;min-height:545px!important;max-height:545px!important;flex:none!important;overflow-y:auto!important;padding:10px 12px!important;gap:6px!important;scrollbar-color:#596577 #10161f}
.chat-message{grid-template-columns:28px minmax(0,1fr);gap:6px;max-width:82%}.chat-message.is-mine{grid-template-columns:28px minmax(0,1fr)}
.chat-message-avatar{width:28px;height:28px}.chat-message-body{padding:6px 8px;border-radius:4px 9px 9px 9px}.chat-message.is-mine .chat-message-body{border-radius:9px 4px 9px 9px}
.chat-message-head strong{font-size:.69rem}.chat-message-head small{font-size:.54rem}.chat-message-body p{font-size:.73rem;line-height:1.32;margin-top:2px}.chat-mini-role{font-size:.46rem!important}
.chat-compose-wrap{padding:8px}.chat-send-form{grid-template-columns:minmax(0,1fr) 102px}.chat-input-wrap textarea{min-height:48px!important;max-height:96px;font-size:.75rem!important}.chat-compose-buttons{grid-template-columns:34px 1fr}.chat-compose-buttons .button{min-height:48px!important}
.chat-online-users{max-height:255px}.chat-user-row{padding:6px}.chat-user-row img{width:26px;height:26px}.chat-user-row strong{font-size:.66rem}.chat-user-actions button{padding:3px 5px}
.chat-staff-console{padding-top:10px;border-top:1px solid #303948;display:grid;gap:8px}.chat-staff-console h2{margin:2px 0 0;font-size:.9rem;color:#fff}.chat-staff-console p{font-size:.6rem!important;line-height:1.35;color:#8491a2!important;margin:0!important}.chat-staff-switch{margin-top:2px}.chat-staff-links{display:grid;grid-template-columns:1fr;gap:4px}.chat-staff-links a{padding:7px 8px;border:1px solid #364151;border-radius:5px;background:#202936;color:#dfe5ec;font-size:.61rem;font-weight:800}.chat-staff-links a:hover{background:#293445}
.chat-compact-settings{padding-top:9px!important}.chat-quick-rules{padding-top:9px}

/* Video behaves like a room call rather than a strip of webcams. */
.chat-call-panel{position:absolute;inset:48px 0 0 0;z-index:60;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#080b10;color:#fff}
.chat-call-panel[hidden]{display:none}
.chat-call-head{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 13px;border-bottom:1px solid #252d39;background:#111720}.chat-call-head>div{display:grid;gap:2px}.chat-call-head strong{font-size:.82rem}.chat-call-head span{font-size:.59rem;color:#8c98a8}.chat-call-close{border:0;background:#252d39;color:#dfe5ec;width:30px;height:30px;border-radius:50%;font-size:1.1rem;cursor:pointer}
.chat-call-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:minmax(190px,1fr);gap:8px!important;padding:10px;overflow:auto;background:#080b10}
.chat-camera-tile{min-height:190px!important;border-radius:8px!important;border-color:#252e3b!important;background:#05070a!important}.chat-camera-tile video{height:100%!important;min-height:190px;max-height:100%;object-fit:cover}.chat-camera-tile>span{bottom:9px;left:9px;font-size:.62rem;background:rgba(5,7,10,.72)}
.chat-call-controls{min-height:64px;display:flex;align-items:center;justify-content:center;gap:9px;padding:9px;border-top:1px solid #252d39;background:#111720}.chat-call-control{display:flex;align-items:center;gap:5px;border:1px solid #303a49;border-radius:999px;background:#202936;color:#eef2f8;padding:9px 13px;font-size:.68rem;font-weight:800;cursor:pointer}.chat-call-control:hover{background:#2a3545}.chat-call-control.is-off{background:#4a3034;border-color:#78474f}.chat-end-call{background:#bf3344;border-color:#d34d5d;color:#fff}.chat-end-call:hover{background:#d03a4d}
.chat-call-panel:fullscreen{inset:0;width:100%;height:100%;background:#05070a}.chat-call-panel:fullscreen .chat-call-grid{grid-auto-rows:minmax(280px,1fr)}

/* Light mode is intentionally bright and separated from dark artwork. */
body:not(.dark-mode) .listing-card,body:not(.dark-mode) .category-card,body:not(.dark-mode) .account-card,body:not(.dark-mode) .account-pref-card,body:not(.dark-mode) .public-profile,body:not(.dark-mode) .conversation-list,body:not(.dark-mode) .message-thread{background:#fff;border-color:#dce2e8;box-shadow:none}
body:not(.dark-mode) .section-soft,body:not(.dark-mode) .homepage-wanted-section{background:transparent}
body:not(.dark-mode) .site-about-band,body:not(.dark-mode) .newest-member-section,body:not(.dark-mode) .homepage-account-section{background:#edf0f4}

@media(max-width:1180px){
  .compact-category-grid,.category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .listing-grid,.section-soft .listing-grid,.homepage-wanted-section .listing-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .chat-app-shell{grid-template-columns:190px minmax(0,1fr) 230px}
}
@media(max-width:980px){
  .compact-category-grid,.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .listing-grid,.section-soft .listing-grid,.homepage-wanted-section .listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hero-grid{grid-template-columns:1fr}.hero-panel{display:none}
  .chat-app-shell{grid-template-columns:180px minmax(0,1fr)}
  .chat-user-rail{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;border-left:0;border-top:1px solid #303948}
}
@media(max-width:760px){
  .brand{height:52px;min-width:130px}.brand-logo-light{width:125px;height:50px}
  .nav-inner .nav-account{margin-left:0}
  .main-nav.is-open .nav-inner{display:grid!important;grid-template-columns:1fr 1fr;padding:4px}.main-nav.is-open .nav-inner a{min-height:38px;border:1px solid #263b63;margin:-1px 0 0 -1px}
  .page-shell>.container,.section>.container{padding:14px}
  .compact-category-grid,.category-grid,.listing-grid,.section-soft .listing-grid,.homepage-wanted-section .listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .chat-app-shell{display:flex;flex-direction:column}.chat-room-rail{max-height:none}.chat-private-rooms{grid-template-columns:1fr 1fr}.chat-user-rail{grid-template-columns:1fr}
  .chat-message-list{height:460px!important;min-height:460px!important;max-height:460px!important}.chat-history-label small{display:none}
  .chat-call-panel{position:fixed;inset:0;z-index:10000}.chat-call-grid{grid-template-columns:1fr!important;grid-auto-rows:minmax(220px,1fr)}.chat-call-controls{flex-wrap:wrap}.chat-call-control span{display:none}
}
@media(max-width:480px){
  .compact-category-grid,.category-grid,.listing-grid,.section-soft .listing-grid,.homepage-wanted-section .listing-grid{grid-template-columns:1fr 1fr}
  .listing-image{height:115px!important;min-height:115px!important}
  .main-nav.is-open .nav-inner{grid-template-columns:1fr}
  .chat-private-rooms{grid-template-columns:1fr}
}


/* Wishlist, recommendations and favourite categories */
.listing-primary-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.wishlist-toggle-form{margin:0}.is-wishlisted{border-color:#e0b72e!important;color:#8c5700!important;background:#fff8d9!important}
.account-preference-feature{margin:38px 0}.account-preference-grid,.account-recommendation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.account-preference-card{position:relative;border:1px solid var(--line);border-radius:14px;background:var(--white);overflow:hidden}.account-preference-card>a{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:center;padding:10px 46px 10px 10px}.account-preference-card img{width:92px;height:72px;object-fit:cover;border-radius:9px}.account-preference-card span small,.account-preference-card span strong,.account-preference-card span em{display:block}.account-preference-card span strong{margin:3px 0;font-size:.86rem}.account-preference-card span small,.account-preference-card span em{font-size:.68rem;color:var(--muted);font-style:normal}.account-icon-button{position:absolute;right:10px;top:10px;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;background:var(--soft);color:var(--muted);font-size:1rem;cursor:pointer}
.account-recommendation-card{display:block;border:1px solid var(--line);border-radius:14px;background:var(--white);overflow:hidden}.account-rec-image{position:relative;aspect-ratio:16/10;background:var(--soft)}.account-rec-image img{width:100%;height:100%;object-fit:cover}.account-rec-image span{position:absolute;top:8px;left:8px;padding:5px 7px;border-radius:999px;background:#fff3c4;color:#795800;font-size:.58rem;font-weight:900}.account-recommendation-card>div:last-child{padding:10px}.account-recommendation-card small,.account-recommendation-card strong,.account-recommendation-card em{display:block}.account-recommendation-card strong{margin:4px 0;font-size:.85rem}.account-recommendation-card small,.account-recommendation-card em{font-size:.67rem;color:var(--muted);font-style:normal}
.favorite-category-form{display:grid;gap:14px}.favorite-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.favorite-category-option{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--white);cursor:pointer}.favorite-category-option input{position:absolute;opacity:0;pointer-events:none}.favorite-category-option b{color:#a1a9b5}.favorite-category-option:has(input:checked){border-color:#7965f0;background:#f5f2ff}.favorite-category-option:has(input:checked) b{color:#d39a00}.favorite-category-option strong,.favorite-category-option small{display:block}.favorite-category-option small{color:var(--muted);font-size:.65rem}.favorite-category-icon{font-size:1.15rem}.category-heading-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.is-favorite-category{border-color:#e0b72e!important;color:#8c5700!important;background:#fff8d9!important}
body.dark-mode .account-preference-card,body.dark-mode .account-recommendation-card,body.dark-mode .favorite-category-option{background:#171d26;border-color:#394353}body.dark-mode .favorite-category-option:has(input:checked){background:#29243f;border-color:#7965f0}body.dark-mode .is-wishlisted,body.dark-mode .is-favorite-category{background:#493e19!important;color:#ffe699!important}
@media(max-width:950px){.account-preference-grid,.account-recommendation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.favorite-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.account-preference-grid,.account-recommendation-grid,.favorite-category-grid{grid-template-columns:1fr}}

/* Private-room exit and per-user chat font sizing */
.chat-room-exit{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;font-size:1.15rem;font-weight:900;text-decoration:none;color:var(--muted);background:var(--white)}.chat-room-exit:hover{color:#fff;background:#d14343;border-color:#d14343}.chat-room-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;align-items:center}.chat-room-link-row>a:first-child{min-width:0}.chat-room-list-exit{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;min-height:0!important;padding:0!important;border-radius:50%!important;color:var(--muted)!important}.chat-room-list-exit:hover{background:#d14343!important;color:#fff!important}.chat-font-controls{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--white)}.chat-font-controls button{border:0;border-right:1px solid var(--line);background:transparent;color:var(--ink);height:30px;min-width:30px;padding:0 7px;font-weight:850;cursor:pointer}.chat-font-controls button:last-child{border-right:0}.chat-font-controls button:hover{background:var(--soft)}
.chat-message-body p{font-size:calc(.92rem * var(--chat-font-scale,1));line-height:calc(1.45 * var(--chat-font-scale,1))}.chat-message-head strong{font-size:calc(.84rem * var(--chat-font-scale,1))}.chat-message-head small{font-size:calc(.67rem * var(--chat-font-scale,1))}.chat-listing-share{font-size:calc(.8rem * var(--chat-font-scale,1))}
body.dark-mode .chat-room-exit,body.dark-mode .chat-font-controls{background:#171d26;border-color:#394353}body.dark-mode .chat-font-controls button{color:#eef2f8;border-color:#394353}body.dark-mode .chat-font-controls button:hover{background:#232b38}


/* Chat moderation archive viewer */
.chat-log-toolbar{display:grid;grid-template-columns:240px minmax(0,1fr) auto;gap:9px;margin:18px 0}
.chat-log-toolbar select,.chat-log-toolbar input{border:1px solid var(--line);border-radius:9px;padding:10px 11px;background:var(--white);color:var(--ink)}
.chat-log-note{padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--soft);font-size:.72rem;color:var(--muted);margin-bottom:10px}
.chat-log-list{display:grid;gap:7px}.chat-log-row{border:1px solid var(--line);border-radius:9px;background:var(--white);padding:10px 12px}.chat-log-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.66rem;color:var(--muted)}.chat-log-meta strong{font-size:.72rem;color:var(--ink)}.chat-log-row p{margin:7px 0 0;white-space:pre-wrap;font-size:.78rem;line-height:1.4}
body.dark-mode .chat-log-row{background:#171d26;border-color:#394353}
body.dark-mode .chat-log-toolbar select,body.dark-mode .chat-log-toolbar input{background:#171d26;border-color:#394353;color:#eef2f8}

/* Make the inline banner unmistakably visible inside the chat stream. */
.chat-inline-ad{
  width:calc(100% - 8px)!important;
  min-height:128px!important;
  margin:12px 4px!important;
  padding:8px!important;
}
.chat-inline-ad img{
  display:block!important;
  width:100%!important;
  height:96px!important;
  min-height:96px!important;
  max-height:none!important;
  object-fit:fill!important;
  border-radius:6px!important;
}

/* A video call docks inside the room instead of covering the conversation. */
.chat-call-panel{
  position:relative!important;
  inset:auto!important;
  z-index:5!important;
  width:100%!important;
  height:auto!important;
  max-height:340px!important;
  min-height:0!important;
  grid-template-rows:auto minmax(150px,240px) auto!important;
  border-bottom:1px solid #303948;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
}
.chat-call-grid{
  grid-auto-rows:minmax(150px,240px)!important;
  max-height:240px!important;
  overflow:auto!important;
}
.chat-camera-tile{min-height:150px!important}
.chat-camera-tile video{min-height:150px!important;max-height:240px!important}
.chat-call-controls{min-height:52px!important;padding:6px 8px!important}
.chat-call-head{min-height:44px!important;padding:7px 10px!important}

/* Fullscreen remains available only when the user explicitly presses Full screen. */
.chat-call-panel:fullscreen{
  position:fixed!important;
  inset:0!important;
  max-height:none!important;
  height:100%!important;
  z-index:10000!important;
}
.chat-call-panel:fullscreen .chat-call-grid{
  max-height:none!important;
  grid-auto-rows:minmax(280px,1fr)!important;
}

@media(max-width:760px){
  .chat-call-panel{
    position:relative!important;
    inset:auto!important;
    z-index:5!important;
    max-height:330px!important;
  }
  .chat-call-grid{grid-template-columns:1fr 1fr!important;grid-auto-rows:155px!important;max-height:190px!important}
  .chat-camera-tile,.chat-camera-tile video{min-height:155px!important;max-height:190px!important}
  .chat-log-toolbar{grid-template-columns:1fr}
}


/* Room call v2: explicit opt-in and a fixed top-of-chat layout. */
.chat-room-card.chat-room-modern{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  overflow:hidden!important;
}
.chat-call-status{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:9px 12px;
  border-bottom:1px solid #303948;
  background:#151c26;
  color:#eef2f8;
}
.chat-call-status>div{display:grid;gap:2px}
.chat-call-status strong{font-size:.72rem}
.chat-call-status span{font-size:.61rem;color:#95a2b3}
.chat-call-status .button{min-height:32px;padding:0 11px;font-size:.66rem;flex:0 0 auto}

/* This is intentionally in normal document flow: CALL -> SAFETY -> CHAT. */
.chat-call-panel,
.chat-call-panel:not([hidden]){
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  z-index:1!important;
  order:initial!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:265px!important;
  flex:0 0 auto!important;
  overflow:hidden!important;
  border-bottom:1px solid #303948!important;
  background:#080b10!important;
}
.chat-call-panel[hidden]{display:none!important}
.chat-call-head{min-height:40px!important;padding:6px 10px!important}
.chat-call-grid{
  min-height:120px!important;
  max-height:165px!important;
  grid-auto-rows:155px!important;
  overflow:auto!important;
  padding:6px!important;
}
.chat-camera-tile{min-height:145px!important}
.chat-camera-tile video{height:145px!important;min-height:145px!important;max-height:145px!important}
.chat-call-controls{min-height:48px!important;padding:5px 8px!important}

/* Keep the written chat visible directly below the call. */
.chat-auto-broadcast{flex:0 0 auto!important}
.chat-history-label{flex:0 0 auto!important}
.chat-message-list{
  height:310px!important;
  min-height:310px!important;
  max-height:310px!important;
  flex:0 0 310px!important;
  overflow-y:auto!important;
}
.chat-compose-wrap{flex:0 0 auto!important}

/* Fullscreen only happens after pressing the explicit Full screen button. */
.chat-call-panel:fullscreen{
  position:fixed!important;
  inset:0!important;
  z-index:10000!important;
  max-height:none!important;
  height:100%!important;
}
.chat-call-panel:fullscreen .chat-call-grid{
  max-height:none!important;
  min-height:0!important;
  grid-auto-rows:minmax(280px,1fr)!important;
}

@media(max-width:760px){
  .chat-call-status{align-items:flex-start;flex-direction:column}
  .chat-call-status .button{width:100%}
  .chat-call-panel,.chat-call-panel:not([hidden]){max-height:245px!important}
  .chat-call-grid{grid-template-columns:1fr 1fr!important;grid-auto-rows:135px!important;max-height:145px!important}
  .chat-camera-tile,.chat-camera-tile video{height:130px!important;min-height:130px!important;max-height:130px!important}
  .chat-message-list{height:340px!important;min-height:340px!important;max-height:340px!important;flex-basis:340px!important}
}


/* Auto-named / auto-closing private-room controls */
.chat-room-create-form.chat-rail-form{
  grid-template-columns:1fr!important;
}
.chat-auto-room-name{
  display:grid;
  gap:3px;
  padding:9px 10px;
  border:1px solid #303948;
  border-radius:7px;
  background:#202936;
}
.chat-auto-room-name span{
  color:#9ca8b8;
  font-size:.61rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.chat-auto-room-name strong{
  color:#f2f5f8;
  font-size:.76rem;
}
.chat-auto-room-name small{
  color:#8290a2;
  font-size:.58rem;
  line-height:1.35;
}


/* ========================================================================
   Compact marketplace homepage
   Keeps WotUGot's colour identity while moving listings above the fold.
   ======================================================================== */
.market-home{background:#f7f8fa;color:var(--ink)}
.market-home .container{width:min(1280px,calc(100% - 28px))}
.market-home-top{padding:18px 0 14px}
.market-home-grid{display:grid;grid-template-columns:190px minmax(0,1fr) 235px;gap:18px;align-items:start}
.market-home-intro{font-size:.72rem;line-height:1.48;padding-top:4px}
.market-home-intro h1{font-size:1.18rem;line-height:1.15;margin:5px 0 8px}
.market-home-intro p{font-size:.7rem;color:var(--muted);margin:0 0 11px}
.market-home-quicklinks{display:grid;border-top:1px solid var(--line)}
.market-home-quicklinks a{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid var(--line);font-size:.69rem;font-weight:800}
.market-home-quicklinks a span{min-width:22px;text-align:center;border-radius:999px;background:var(--brand);color:#fff;padding:1px 5px}
.market-home-mini-stats{display:grid;gap:3px;margin:11px 0;font-size:.62rem;color:var(--muted)}
.market-home-mini-stats strong{color:var(--ink)}
.market-home-member-mini{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center;padding:8px;border:1px solid var(--line);background:#fff;border-radius:6px}
.market-home-member-mini img{width:34px;height:34px;border-radius:50%;object-fit:cover}.market-home-member-mini span{display:grid}.market-home-member-mini small{font-size:.5rem;color:var(--muted)}.market-home-member-mini strong{font-size:.68rem}.market-home-member-mini em{font-style:normal;font-size:.56rem;color:var(--muted)}

.market-home-listings{min-width:0}
.market-home-section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:0 0 8px}
.market-home-section-head .eyebrow{font-size:.55rem}.market-home-section-head h2{font-size:1rem;margin:1px 0 0}.market-home-section-head>a{font-size:.62rem;font-weight:850}
.market-home-listing-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px 10px}
.market-home-listing{display:grid;gap:4px;min-width:0}.market-home-thumb{display:block;position:relative;aspect-ratio:1.28/1;overflow:hidden;background:#e8ebef;border:1px solid #d8dde4}.market-home-thumb img{width:100%;height:100%;object-fit:cover}.market-home-thumb b{position:absolute;right:4px;top:4px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#fff4c3;color:#8d6900;font-size:.66rem}
.market-home-listing strong{font-size:.62rem;line-height:1.22;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-home-listing small{font-size:.53rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-home-more-row{margin-top:11px}.market-home-more{min-height:31px!important;padding:0 12px!important;font-size:.62rem!important}
.market-home-empty{padding:18px;border:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;gap:10px;font-size:.72rem}

.market-home-account{display:grid;gap:10px}
.market-account-card,.market-register-card,.market-top-swap{display:grid;gap:7px;padding:12px;border:1px solid #d7dce2;background:#f0f2f4;border-radius:4px}
.market-account-card h2{font-size:.92rem;margin:0}.market-account-name{font-size:.85rem;margin-bottom:2px}.market-account-card .button,.market-register-card .button{min-height:33px!important;font-size:.63rem!important;padding:0 10px!important}.market-account-link{font-size:.57rem;text-align:center;color:var(--muted);font-weight:700}
.market-register-card{text-align:center;background:#fff}.market-register-card strong{font-size:.82rem}.market-register-card span{font-size:.58rem;color:var(--muted)}
.market-top-swap{background:#fff}.market-top-swap img{width:100%;height:105px;object-fit:cover}.market-top-swap strong{font-size:.68rem}.market-top-swap small{font-size:.55rem;color:var(--muted)}

.market-home-categories,.market-home-wanted,.market-home-community,.market-home-secondary{padding:13px 0;border-top:1px solid #e1e5ea}
.market-home-categories{background:#fff}.market-home-category-head{margin-bottom:5px}
.market-category-links{display:flex;flex-wrap:wrap;gap:2px 10px;line-height:1.2}.market-category-links a{font-size:.6rem;text-decoration:underline;color:#55606f}

.market-wanted-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.market-wanted-item{display:grid;gap:3px;padding:8px 9px;background:#fff;border:1px solid var(--line);border-radius:5px}.market-wanted-item>span{font-size:.49rem;font-weight:900;color:var(--brand)}.market-wanted-item strong{font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-wanted-item small{font-size:.52rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.market-home-community{background:#fff}.market-community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.market-community-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--line);border-radius:5px}.market-community-card img,.market-community-icon{width:38px;height:38px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#e9f2ff;color:var(--brand);font-weight:900}.market-community-card div{display:grid;gap:1px}.market-community-card small{font-size:.49rem;color:var(--muted);font-weight:800}.market-community-card strong{font-size:.69rem}.market-community-card p{font-size:.56rem;color:var(--muted);margin:0}.market-community-card b{color:var(--brand)}

.market-home-secondary{padding-bottom:22px}.market-home-details{border:1px solid var(--line);background:#fff;border-radius:5px}.market-home-details summary{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;cursor:pointer;font-size:.67rem;font-weight:850}.market-home-details summary::marker{display:none}.market-home-details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}.market-home-details-grid article{padding:12px;border-right:1px solid var(--line)}.market-home-details-grid article:last-child{border-right:0}.market-home-details-grid h3{font-size:.7rem;margin:0 0 5px}.market-home-details-grid p{font-size:.58rem;line-height:1.4;color:var(--muted);margin:0 0 6px}.market-home-details-grid a{font-size:.56rem;font-weight:800}

body.dark-mode .market-home{background:#10151d}.dark-mode .market-home-intro h1,.dark-mode .market-home-section-head h2{color:#f5f7fb}.dark-mode .market-home-member-mini,.dark-mode .market-home-listing-grid+.market-home-more-row,.dark-mode .market-home-empty,.dark-mode .market-account-card,.dark-mode .market-register-card,.dark-mode .market-top-swap,.dark-mode .market-home-categories,.dark-mode .market-wanted-item,.dark-mode .market-home-community,.dark-mode .market-home-details{background:#171e28;border-color:#303948}.dark-mode .market-home-categories,.dark-mode .market-home-community{border-color:#303948}.dark-mode .market-category-links a{color:#b6c0cd}.dark-mode .market-home-member-mini strong,.dark-mode .market-account-card h2,.dark-mode .market-account-name,.dark-mode .market-register-card strong,.dark-mode .market-top-swap strong,.dark-mode .market-wanted-item strong,.dark-mode .market-community-card strong,.dark-mode .market-home-details-grid h3{color:#eef2f8}.dark-mode .market-home-thumb{border-color:#303948;background:#0f141c}.dark-mode .market-home-details-grid{border-color:#303948}.dark-mode .market-home-details-grid article{border-color:#303948}

@media(max-width:1050px){
 .market-home-grid{grid-template-columns:165px minmax(0,1fr) 210px;gap:12px}
 .market-home-listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .market-home-listing-grid .market-home-listing:nth-child(n+13){display:none}
}
@media(max-width:820px){
 .market-home-grid{grid-template-columns:1fr}
 .market-home-intro{display:grid;grid-template-columns:1fr 1fr;gap:10px}.market-home-intro>.eyebrow,.market-home-intro>h1,.market-home-intro>p{grid-column:1/-1}.market-home-member-mini{display:none}
 .market-home-account{grid-template-columns:1fr 1fr}.market-top-swap{display:none}
 .market-home-listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .market-wanted-grid{grid-template-columns:repeat(2,1fr)}.market-community-grid{grid-template-columns:1fr}.market-home-details-grid{grid-template-columns:1fr 1fr}.market-home-details-grid article:nth-child(2){border-right:0}
}
@media(max-width:560px){
 .market-home .container{width:min(100% - 18px,1280px)}
 .market-home-top{padding-top:10px}.market-home-grid{gap:12px}.market-home-intro{display:block}.market-home-quicklinks{grid-template-columns:1fr 1fr}.market-home-quicklinks a{padding-right:8px}
 .market-home-listing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 7px}.market-home-listing-grid .market-home-listing:nth-child(n+10){display:none}
 .market-home-account{grid-template-columns:1fr}.market-wanted-grid{grid-template-columns:1fr 1fr}.market-home-details-grid{grid-template-columns:1fr}.market-home-details-grid article{border-right:0;border-bottom:1px solid var(--line)}.market-home-details-grid article:last-child{border-bottom:0}
}


/* ========================================================================
   WotUGot logo colour system — final accessibility/contrast layer
   Logo palette supplied by the site owner:
   #5170FF blue, #38B6FF cyan, #0072FF bright blue, #FF5757 coral.
   Text-bearing controls use #3655DC so white labels remain easy to read.
   ======================================================================== */
:root{
  --wotugot-blue:#5170ff;
  --wotugot-cyan:#38b6ff;
  --wotugot-bright:#0072ff;
  --wotugot-coral:#ff5757;
  --wotugot-action:#3655dc;
  --wotugot-action-hover:#2947c7;
  --wotugot-navy:#263244;
  --wotugot-pale-blue:#eef4ff;
  --wotugot-pale-cyan:#e8f7ff;
  --wotugot-pale-coral:#fff0f0;
}

/* Core text and links */
body{color:var(--wotugot-navy)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid var(--wotugot-cyan)!important;
  outline-offset:2px;
}
.eyebrow,.section-heading>a,.text-link,
.market-home-section-head>a,.market-category-links a,
.market-account-link,.market-home-details-grid a,
.market-policy-card a,.market-about-copy a{
  color:#3156d8;
}

/* Any control carrying white text gets the darker accessible brand blue. */
.button-primary,
.header-search button,
.post-button,
.photo-action-button,
.homepage-photo-card .photo-action-button,
.admin-link,
.category-filter-tabs a.active,
.floating-chat-button{
  background:var(--wotugot-action)!important;
  color:#fff!important;
  border-color:var(--wotugot-action)!important;
}
.button-primary:hover,
.header-search button:hover,
.post-button:hover,
.photo-action-button:hover,
.homepage-photo-card .photo-action-button:hover,
.admin-link:hover,
.category-filter-tabs a.active:hover,
.floating-chat-button:hover{
  background:var(--wotugot-action-hover)!important;
  color:#fff!important;
}

/* Secondary controls: white/dark text in light mode, no low-contrast blue text. */
.button-secondary{
  background:#fff!important;
  color:#263244!important;
  border:1px solid #b9c6d8!important;
}
.button-secondary:hover{
  background:var(--wotugot-pale-blue)!important;
  color:#20335b!important;
  border-color:#8ba4e9!important;
}

/* Small branded badges use dark text when their background is bright. */
.market-home-quicklinks a span,
.four-stage-number,
.how-stage-number,
.chat-side-title>span,
.admin-contact-count{
  background:var(--wotugot-action)!important;
  color:#fff!important;
}
.homepage-chat-dot,.chat-switch input:checked+span{
  background:var(--wotugot-blue)!important;
}

/* Logo-colour accents */
.pill-swap{background:#e9eeff!important;color:#2f4fc3!important}
.pill-sale{background:var(--wotugot-pale-cyan)!important;color:#114d69!important}
.pill-wanted{background:var(--wotugot-pale-coral)!important;color:#9f3232!important}
.market-wanted-item>span{color:#c63f3f!important}
.market-community-icon{background:#e9eeff!important;color:#3655dc!important}
.market-home-thumb b{background:#fff1d6!important;color:#7c5600!important}
.stats-band{background:#eef4ff!important;border-color:#d6e3ff!important}

/* Header/nav accents now match the logo rather than the old purple. */
.nav-inner a:hover,.nav-inner .nav-account{border-bottom-color:var(--wotugot-cyan)!important}
.nav-inner .nav-subscribe{color:#8fd8ff!important}
.brand>span:last-child>span{color:var(--wotugot-blue)!important}

/* Permanent compact About + disclaimer section */
.market-home-about{
  background:#f7f9fc;
  border-top:1px solid #dce3ec;
  padding:15px 0 24px;
}
.market-about-heading{margin-bottom:9px}
.market-about-grid{
  display:grid;
  grid-template-columns:1.15fr repeat(3,1fr);
  gap:8px;
}
.market-about-copy,
.market-policy-card{
  min-width:0;
  padding:11px 12px;
  border:1px solid #dce3ec;
  border-radius:6px;
  background:#fff;
}
.market-about-copy{
  border-top:3px solid var(--wotugot-blue);
}
.market-about-copy h3,
.market-policy-card strong{
  display:block;
  margin:0 0 5px;
  color:#263244;
  font-size:.69rem;
  line-height:1.3;
}
.market-about-copy p,
.market-policy-card p{
  margin:0 0 6px;
  color:#637083;
  font-size:.57rem;
  line-height:1.45;
}
.market-policy-card a{
  font-size:.56rem;
  font-weight:850;
}
.market-policy-disclaimer{border-top:3px solid var(--wotugot-blue)}
.market-policy-warning{border-top:3px solid var(--wotugot-coral)}
.market-policy-cash{border-top:3px solid var(--wotugot-cyan)}
.market-policy-warning strong{color:#8e3030}
.market-policy-cash strong{color:#18566f}

/* Light-mode surfaces stay clean and make the logo colours do the work. */
body:not(.dark-mode),
body:not(.dark-mode) .market-home{background:#f8fafc}
body:not(.dark-mode) .header-main,
body:not(.dark-mode) .site-header,
body:not(.dark-mode) .market-home-categories,
body:not(.dark-mode) .market-home-community{background:#fff}
body:not(.dark-mode) .market-account-card,
body:not(.dark-mode) .market-register-card,
body:not(.dark-mode) .market-top-swap,
body:not(.dark-mode) .market-wanted-item,
body:not(.dark-mode) .market-community-card,
body:not(.dark-mode) .market-home-member-mini{
  background:#fff!important;
  color:#263244!important;
  border-color:#dce3ec!important;
}
body:not(.dark-mode) .market-account-card *,
body:not(.dark-mode) .market-register-card *,
body:not(.dark-mode) .market-top-swap *,
body:not(.dark-mode) .market-wanted-item *,
body:not(.dark-mode) .market-community-card *{
  text-shadow:none!important;
}

/* Dark mode: same brand identity with explicit readable foregrounds. */
body.dark-mode{
  --ink:#f2f6fb;
  --muted:#b4c0cf;
  --line:#35445a;
  --soft:#1a2432;
  --white:#151e2b;
  --brand:#8ea5ff;
  --brand-dark:#38b6ff;
  background:#0d1520!important;
  color:#f2f6fb!important;
}
body.dark-mode .site-header,
body.dark-mode .header-main{background:#111b28!important}
body.dark-mode .topbar{background:#09101a!important;color:#c6d0dc!important}
body.dark-mode .main-nav{background:#101927!important;border-color:#2b3a50!important}
body.dark-mode .nav-inner a{color:#eaf0f7!important}
body.dark-mode .nav-inner a:hover,
body.dark-mode .nav-inner .nav-account{
  color:#fff!important;
  background:#18263a!important;
  border-bottom-color:var(--wotugot-cyan)!important;
}
body.dark-mode .nav-inner .nav-subscribe{color:#86d7ff!important}

body.dark-mode .button-primary,
body.dark-mode .header-search button,
body.dark-mode .post-button,
body.dark-mode .photo-action-button,
body.dark-mode .homepage-photo-card .photo-action-button,
body.dark-mode .admin-link,
body.dark-mode .category-filter-tabs a.active,
body.dark-mode .floating-chat-button{
  background:var(--wotugot-cyan)!important;
  color:#132033!important;
  border-color:var(--wotugot-cyan)!important;
}
body.dark-mode .button-primary:hover,
body.dark-mode .header-search button:hover,
body.dark-mode .post-button:hover,
body.dark-mode .photo-action-button:hover,
body.dark-mode .admin-link:hover{
  background:#78ceff!important;
  color:#0d1726!important;
}
body.dark-mode .button-secondary{
  background:#1b2839!important;
  color:#f1f5f9!important;
  border-color:#50617a!important;
}
body.dark-mode .button-secondary:hover{
  background:#24354b!important;
  color:#fff!important;
  border-color:#6d83a3!important;
}

body.dark-mode .eyebrow,
body.dark-mode .section-heading>a,
body.dark-mode .text-link,
body.dark-mode .market-home-section-head>a,
body.dark-mode .market-category-links a,
body.dark-mode .market-account-link,
body.dark-mode .market-policy-card a{
  color:#75ccff!important;
}
body.dark-mode .market-home,
body.dark-mode .market-home-about{background:#0d1520!important}
body.dark-mode .market-home-categories,
body.dark-mode .market-home-community{background:#111b28!important}
body.dark-mode .market-home-intro h1,
body.dark-mode .market-home-section-head h2,
body.dark-mode .market-about-copy h3,
body.dark-mode .market-policy-card strong{
  color:#f4f7fb!important;
}
body.dark-mode .market-about-copy,
body.dark-mode .market-policy-card,
body.dark-mode .market-account-card,
body.dark-mode .market-register-card,
body.dark-mode .market-top-swap,
body.dark-mode .market-wanted-item,
body.dark-mode .market-community-card,
body.dark-mode .market-home-member-mini,
body.dark-mode .market-home-empty{
  background:#151f2d!important;
  border-color:#35445a!important;
  color:#f2f6fb!important;
}
body.dark-mode .market-about-copy p,
body.dark-mode .market-policy-card p,
body.dark-mode .market-home-intro p,
body.dark-mode .market-home-mini-stats,
body.dark-mode .market-home-listing small,
body.dark-mode .market-wanted-item small,
body.dark-mode .market-community-card p,
body.dark-mode .market-account-link,
body.dark-mode .market-top-swap small{
  color:#b4c0cf!important;
}
body.dark-mode .market-policy-warning{border-top-color:var(--wotugot-coral)!important}
body.dark-mode .market-policy-cash{border-top-color:var(--wotugot-cyan)!important}
body.dark-mode .market-policy-disclaimer,
body.dark-mode .market-about-copy{border-top-color:#7f98ff!important}
body.dark-mode .market-policy-warning strong{color:#ff9a9a!important}
body.dark-mode .market-policy-cash strong{color:#8edcff!important}
body.dark-mode .market-category-links a{color:#9bdcff!important}
body.dark-mode .market-home-quicklinks a{color:#eef3f8!important;border-color:#35445a!important}
body.dark-mode .market-home-quicklinks a span{
  background:var(--wotugot-cyan)!important;
  color:#132033!important;
}
body.dark-mode .market-community-icon{
  background:#223754!important;
  color:#86d7ff!important;
}
body.dark-mode .pill-swap{background:#25375e!important;color:#c7d2ff!important}
body.dark-mode .pill-sale{background:#183b4c!important;color:#aee6ff!important}
body.dark-mode .pill-wanted{background:#49282e!important;color:#ffb0b0!important}

/* Forms/header search remain legible in both themes. */
body:not(.dark-mode) input,
body:not(.dark-mode) select,
body:not(.dark-mode) textarea{
  color:#263244;
}
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea{
  color:#f2f6fb!important;
  background:#111b28!important;
  border-color:#46566e!important;
}
body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder{color:#8795a8!important}

/* Responsive permanent policy layout */
@media(max-width:1000px){
  .market-about-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .market-about-grid{grid-template-columns:1fr}
  .market-about-heading{align-items:flex-start}
}


/* ========================================================================
   BACKUP 7 HOMEPAGE — COMPACT LAYOUT BRIDGE
   All Backup 7 homepage information remains present. These overrides only
   compress/reflow the original sections into the newer WotUGot visual style.
   ======================================================================== */

/* Homepage rhythm */
.homepage-status-strip{border-bottom:1px solid var(--line)!important}
.homepage-status-strip-inner{
  min-height:34px!important;
  padding:4px 0!important;
  font-size:.62rem!important;
}
.homepage-live-status,.homepage-stage-summary{gap:7px!important}
.homepage-stage-flow{gap:4px!important}
.homepage-stage-label{font-size:.56rem!important}

/* Hero: retain all Backup 7 features, but remove the oversized landing-page feel */
.hero{
  padding:22px 0 24px!important;
  min-height:0!important;
  background:linear-gradient(135deg,#f8fafc 0%,#eef4ff 62%,#e8f7ff 100%)!important;
}
.hero-grid{
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr)!important;
  gap:24px!important;
  align-items:center!important;
}
.hero-copy h1{
  font-size:clamp(2rem,3.4vw,3.15rem)!important;
  line-height:1.02!important;
  margin:6px 0 9px!important;
}
.hero-copy>p{
  max-width:760px!important;
  font-size:.82rem!important;
  line-height:1.48!important;
  margin:0!important;
}
.hero-actions{margin:14px 0 12px!important;gap:7px!important}
.hero-actions .button{min-height:35px!important;padding:0 13px!important;font-size:.68rem!important}
.hero-feature-strip{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:5px!important;
  margin:0!important;
}
.hero-feature-strip span{
  min-height:38px!important;
  padding:6px 7px!important;
  border-radius:6px!important;
  font-size:.56rem!important;
  line-height:1.25!important;
}
.hero-feature-strip strong{font-size:.66rem!important}
.hero-live-line{margin-top:9px!important;font-size:.58rem!important;gap:12px!important}

/* Keep Top Swap / right-hand hero information, but make it compact. */
.hero-panel{min-height:0!important;height:auto!important;align-self:stretch!important}
.hero-card-main{
  min-height:0!important;
  padding:10px!important;
  border-radius:8px!important;
  position:relative!important;
  inset:auto!important;
}
.hero-card-main .mock-photo,.hero-card-main .hero-card-image,.mock-photo{
  height:138px!important;
  min-height:138px!important;
  margin:6px 0 7px!important;
}
.hero-card-small{padding:7px 9px!important;border-radius:7px!important}
.hero-card-main h3,.hero-card-main strong{font-size:.76rem!important}
.hero-card-main p,.hero-card-main small{font-size:.57rem!important}

/* About + disclaimer: everything visible, but much denser. */
.site-about-band{padding:15px 0!important;background:#fff!important;border-bottom:1px solid var(--line)!important}
.site-about-grid{
  grid-template-columns:minmax(230px,.9fr) minmax(0,2.1fr)!important;
  gap:12px!important;
  align-items:start!important;
}
.site-about-grid>div:first-child h2{
  font-size:1.05rem!important;
  margin:3px 0 5px!important;
}
.site-about-grid>div:first-child p{
  font-size:.61rem!important;
  line-height:1.42!important;
  margin:0 0 5px!important;
}
.site-about-policy-stack{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
}
.site-about-note{
  padding:9px 10px!important;
  min-height:0!important;
  border-radius:6px!important;
}
.site-about-note strong{font-size:.64rem!important}
.site-about-note p{font-size:.55rem!important;line-height:1.4!important;margin:3px 0 5px!important}
.site-about-note a{font-size:.54rem!important}

/* Newest member becomes one concise horizontal panel. */
.newest-member-section{padding:12px 0!important;background:#f7f9fc!important}
.newest-member-card{
  display:grid!important;
  grid-template-columns:minmax(190px,.7fr) minmax(0,1.55fr)!important;
  gap:10px 18px!important;
  padding:12px!important;
  border-radius:7px!important;
  box-shadow:none!important;
}
.newest-member-heading h2{font-size:1rem!important;margin:2px 0 4px!important}
.newest-member-heading p{font-size:.59rem!important;line-height:1.4!important;margin:0!important}
.newest-member-profile{
  display:grid!important;
  grid-template-columns:minmax(150px,.9fr) minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
}
.newest-member-person{gap:8px!important}
.newest-member-person img{width:44px!important;height:44px!important}
.newest-member-person strong{font-size:.72rem!important}
.newest-member-person small,.newest-member-person em{font-size:.53rem!important}
.newest-member-stats{gap:5px!important}
.newest-member-stats>span{padding:6px 7px!important;min-width:0!important}
.newest-member-stats strong{font-size:.68rem!important}
.newest-member-stats small{font-size:.48rem!important}
.newest-member-actions{display:grid!important;gap:5px!important}
.newest-member-actions .button{min-height:31px!important;font-size:.58rem!important;padding:0 8px!important}
.newest-member-community-stats{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:0!important;
  margin-top:0!important;
  padding-top:8px!important;
}
.newest-member-community-stats>span{padding:4px 8px!important}
.newest-member-community-stats strong{font-size:.7rem!important}
.newest-member-community-stats small{font-size:.49rem!important}

/* Search is a utility strip, not a full section. */
.search-band{padding:8px 0!important;background:#eef4ff!important}
.big-search{
  display:grid!important;
  grid-template-columns:minmax(0,2fr) minmax(145px,.8fr) 140px auto!important;
  gap:6px!important;
}
.big-search input,.big-search select,.big-search button{
  min-height:34px!important;
  padding:6px 9px!important;
  font-size:.65rem!important;
  border-radius:6px!important;
}

/* Categories retain the expandable behaviour from Backup 7. */
.category-strip{padding:7px 0!important;background:#fff!important}
.category-details{border-radius:6px!important}
.category-details summary{padding:7px 10px!important;min-height:34px!important}
.category-details summary strong{font-size:.67rem!important}
.category-details summary small{font-size:.53rem!important}
.compact-category-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important;padding:7px!important}
.compact-category-grid .category-card{
  min-height:44px!important;
  padding:6px 7px!important;
  gap:5px!important;
  border-radius:5px!important;
}
.compact-category-grid .category-icon{width:28px!important;height:28px!important;font-size:.75rem!important}
.compact-category-grid strong{font-size:.56rem!important}

/* Leaderboard: all five retained, arranged horizontally instead of a tall stack. */
.monthly-top-five-section{padding:13px 0!important}
.monthly-top-five{
  padding:11px!important;
  border-radius:7px!important;
  box-shadow:none!important;
}
.monthly-top-five-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:8px!important;
}
.monthly-top-five-heading h2{font-size:1rem!important;margin:2px 0!important}
.monthly-top-five-heading p{font-size:.56rem!important;margin:0!important}
.monthly-top-five-heading .button{min-height:31px!important;font-size:.57rem!important}
.monthly-top-five-list{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:6px!important;
}
.monthly-top-five-row{
  position:relative!important;
  display:grid!important;
  grid-template-columns:28px 34px minmax(0,1fr)!important;
  grid-template-areas:
    "pos avatar member"
    "rating rating rating"
    "count count arrow"!important;
  gap:4px 6px!important;
  min-height:0!important;
  padding:7px!important;
  border-radius:6px!important;
}
.monthly-top-five-position{grid-area:pos!important;width:26px!important;height:26px!important;font-size:.6rem!important}
.monthly-top-five-avatar{grid-area:avatar!important}
.monthly-top-five-avatar img{width:32px!important;height:32px!important}
.monthly-top-five-member{grid-area:member!important;min-width:0!important}
.monthly-top-five-member strong{font-size:.61rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.monthly-top-five-member small{font-size:.48rem!important}
.monthly-top-five-rating{grid-area:rating!important}
.monthly-top-five-rating .monthly-star-rating{font-size:.56rem!important}
.monthly-top-five-rating small{font-size:.47rem!important}
.monthly-top-five-count{grid-area:count!important;display:flex!important;gap:5px!important;align-items:baseline!important}
.monthly-top-five-count strong{font-size:.68rem!important}
.monthly-top-five-count small{font-size:.48rem!important}
.monthly-top-five-arrow{grid-area:arrow!important;justify-self:end!important}

/* Listing content should dominate the page once users reach it. */
.section.section-soft,.homepage-wanted-section{
  padding:16px 0!important;
}
.homepage-listing-heading{margin-bottom:9px!important}
.homepage-listing-heading h2{font-size:1.08rem!important;margin:2px 0!important}
.homepage-listing-heading p{font-size:.58rem!important;margin:0!important}
.listing-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:9px!important;
}
.listing-card{border-radius:6px!important}
.listing-image{height:128px!important;min-height:128px!important}
.listing-body{padding:8px!important}
.listing-body>small{font-size:.5rem!important}
.listing-body h3{font-size:.65rem!important;margin:3px 0 7px!important}
.listing-meta{font-size:.5rem!important}
.listing-user{font-size:.49rem!important;margin-top:5px!important}
.pill{font-size:.46rem!important;padding:3px 5px!important}

/* The explanatory swap section becomes a narrow two-column band. */
.split-section{padding:13px 0!important}
.split-grid{gap:12px!important;align-items:center!important}
.split-copy h2{font-size:1.05rem!important;margin:2px 0 4px!important}
.split-copy p{font-size:.59rem!important;margin:0!important}
.deal-cards{gap:6px!important}
.deal-cards a{padding:8px!important;border-radius:6px!important}
.deal-number{font-size:.65rem!important}
.deal-cards h3{font-size:.68rem!important;margin:0 0 2px!important}
.deal-cards p{font-size:.53rem!important;margin:0!important}

/* Chat and Account both stay fully visible but lose the oversized cards. */
.homepage-chat-section,.homepage-account-section{padding:12px 0!important}
.homepage-chat-card,.homepage-account-card{
  padding:12px!important;
  gap:16px!important;
  border-radius:7px!important;
}
.homepage-chat-copy h2,.homepage-account-copy h2{font-size:1.05rem!important;margin:2px 0 4px!important}
.homepage-chat-copy>p,.homepage-account-copy>p{font-size:.59rem!important;line-height:1.4!important;margin:0!important}
.homepage-chat-points,.homepage-account-features{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
  margin:8px 0!important;
}
.homepage-chat-points span,.homepage-account-features span{
  min-height:0!important;
  padding:5px 6px!important;
  font-size:.52rem!important;
  border-radius:5px!important;
}
.homepage-chat-actions,.homepage-account-actions{margin-top:7px!important;gap:5px!important}
.homepage-chat-actions .button,.homepage-account-actions .button{min-height:31px!important;font-size:.57rem!important}
.homepage-chat-status,.homepage-account-preview{padding:10px!important;border-radius:6px!important}
.homepage-chat-status strong,.homepage-account-preview strong{font-size:.7rem!important}
.homepage-chat-status p,.homepage-account-preview p{font-size:.54rem!important}

/* Four stages: retain every explanatory paragraph, reduce card chrome. */
.four-stage-home{padding:14px 0!important}
.four-stage-heading{margin-bottom:8px!important}
.four-stage-heading h2{font-size:1.05rem!important;margin:2px 0!important}
.four-stage-heading p{font-size:.57rem!important;margin:0!important}
.four-stage-grid{gap:7px!important}
.four-stage-card{padding:8px!important;gap:7px!important;border-radius:6px!important}
.four-stage-number{width:27px!important;height:27px!important;font-size:.64rem!important}
.four-stage-card small{font-size:.48rem!important}
.four-stage-card h3{font-size:.64rem!important;margin:1px 0 3px!important}
.four-stage-card p{font-size:.52rem!important;line-height:1.38!important;margin:0!important}

/* Safety is informative but compact. */
.safety-section{padding:14px 0!important}
.safety-grid{gap:16px!important}
.safety-grid>div:first-child h2{font-size:1.05rem!important;margin:2px 0 4px!important}
.safety-grid>div:first-child p{font-size:.59rem!important;margin:0 0 5px!important}
.safety-points{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
}
.safety-points>div{padding:7px!important;border-radius:6px!important}
.safety-points strong{font-size:.61rem!important}
.safety-points p{font-size:.51rem!important;margin:1px 0 0!important}

/* Stats and final CTA are deliberately short. */
.stats-band{padding:9px 0!important}
.stats-grid{padding:0!important;min-height:48px!important}
.stats-grid strong{font-size:1rem!important}
.stats-grid span{font-size:.52rem!important}
.cta{padding:14px 0!important}
.cta-inner{min-height:0!important}
.cta h2{font-size:1.05rem!important;margin:2px 0!important}
.cta .button{min-height:33px!important;font-size:.6rem!important}

/* Backup 7 dark-mode surfaces with the new logo palette and explicit contrast. */
body.dark-mode .hero{
  background:linear-gradient(135deg,#111b28 0%,#162238 62%,#123044 100%)!important;
}
body.dark-mode .site-about-band,
body.dark-mode .category-strip{
  background:#111b28!important;
  border-color:#35445a!important;
}
body.dark-mode .newest-member-section,
body.dark-mode .search-band{
  background:#0f1926!important;
}
body.dark-mode .site-about-note,
body.dark-mode .newest-member-card,
body.dark-mode .monthly-top-five,
body.dark-mode .listing-card,
body.dark-mode .homepage-chat-card,
body.dark-mode .homepage-account-card,
body.dark-mode .four-stage-card,
body.dark-mode .safety-points>div,
body.dark-mode .deal-cards a{
  background:#151f2d!important;
  color:#f2f6fb!important;
  border-color:#35445a!important;
}
body.dark-mode .hero-copy h1,
body.dark-mode .site-about-grid h2,
body.dark-mode .newest-member-heading h2,
body.dark-mode .monthly-top-five-heading h2,
body.dark-mode .homepage-listing-heading h2,
body.dark-mode .split-copy h2,
body.dark-mode .homepage-chat-copy h2,
body.dark-mode .homepage-account-copy h2,
body.dark-mode .four-stage-heading h2,
body.dark-mode .safety-grid h2,
body.dark-mode .cta h2{
  color:#f5f8fc!important;
}
body.dark-mode .hero-copy>p,
body.dark-mode .site-about-grid p,
body.dark-mode .newest-member-heading p,
body.dark-mode .monthly-top-five-heading p,
body.dark-mode .homepage-listing-heading p,
body.dark-mode .split-copy p,
body.dark-mode .homepage-chat-copy>p,
body.dark-mode .homepage-account-copy>p,
body.dark-mode .four-stage-heading p,
body.dark-mode .four-stage-card p,
body.dark-mode .safety-grid p{
  color:#b4c0cf!important;
}

/* Responsive reductions without hiding Backup 7 information. */
@media(max-width:1100px){
  .hero-grid{grid-template-columns:minmax(0,1fr) 300px!important}
  .hero-feature-strip{grid-template-columns:repeat(3,1fr)!important}
  .site-about-grid{grid-template-columns:1fr!important}
  .compact-category-grid{grid-template-columns:repeat(4,1fr)!important}
  .monthly-top-five-list{grid-template-columns:repeat(3,1fr)!important}
  .listing-grid{grid-template-columns:repeat(4,1fr)!important}
}
@media(max-width:820px){
  .hero-grid{grid-template-columns:1fr!important}
  .hero-panel{display:block!important}
  .site-about-policy-stack{grid-template-columns:1fr!important}
  .newest-member-card{grid-template-columns:1fr!important}
  .newest-member-profile{grid-template-columns:1fr!important}
  .big-search{grid-template-columns:1fr 1fr!important}
  .monthly-top-five-list{grid-template-columns:repeat(2,1fr)!important}
  .listing-grid{grid-template-columns:repeat(3,1fr)!important}
  .homepage-chat-points,.homepage-account-features{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:560px){
  .homepage-status-strip-inner{display:grid!important;gap:3px!important}
  .homepage-stage-summary{justify-content:flex-start!important;flex-wrap:wrap!important}
  .hero-feature-strip{grid-template-columns:1fr 1fr!important}
  .hero-card-main .mock-photo,.hero-card-main .hero-card-image,.mock-photo{height:120px!important;min-height:120px!important}
  .big-search{grid-template-columns:1fr!important}
  .compact-category-grid{grid-template-columns:repeat(2,1fr)!important}
  .monthly-top-five-list{grid-template-columns:1fr!important}
  .listing-grid{grid-template-columns:repeat(2,1fr)!important}
  .listing-image{height:115px!important;min-height:115px!important}
  .newest-member-community-stats{grid-template-columns:repeat(2,1fr)!important}
  .homepage-chat-points,.homepage-account-features{grid-template-columns:1fr 1fr!important}
  .safety-points{grid-template-columns:1fr!important}
}


/* ========================================================================
   FINAL LAYOUT / THEME PASS
   - Swap posts are the homepage priority
   - subtle light-blue modern backgrounds
   - blue site navigation with white labels
   - chat follows the saved light/dark preference
   ======================================================================== */

/* ---------- Main page navigation: blue everywhere, white text ---------- */
.main-nav{
  background:#3156d8!important;
  border-top:0!important;
  border-bottom:1px solid #2448bd!important;
}
.nav-inner a,
.nav-inner .nav-subscribe,
.nav-inner .nav-account{
  color:#fff!important;
  background:transparent!important;
  border-bottom:3px solid transparent!important;
}
.nav-inner a:hover{
  color:#fff!important;
  background:#294ac3!important;
  border-bottom-color:#8edcff!important;
}
.nav-inner a.active,
.nav-inner .nav-account.active,
.nav-inner .nav-subscribe.active{
  color:#fff!important;
  background:#2448bd!important;
  border-bottom-color:#38b6ff!important;
}
body.dark-mode .main-nav{
  background:#274abf!important;
  border-bottom-color:#19389f!important;
}
body.dark-mode .nav-inner a,
body.dark-mode .nav-inner .nav-subscribe,
body.dark-mode .nav-inner .nav-account{
  color:#fff!important;
}
body.dark-mode .nav-inner a:hover,
body.dark-mode .nav-inner a.active,
body.dark-mode .nav-inner .nav-account.active,
body.dark-mode .nav-inner .nav-subscribe.active{
  color:#fff!important;
  background:#1f3da5!important;
}

/* ---------- Modern light-blue homepage background treatment ---------- */
.hero,
.site-about-band,
.newest-member-section,
.monthly-top-five-section,
.section-soft,
.homepage-wanted-section,
.split-section,
.homepage-chat-section,
.homepage-account-section,
.four-stage-home,
.safety-section{
  position:relative;
  overflow:hidden;
}
.hero>.container,
.site-about-band>.container,
.newest-member-section>.container,
.monthly-top-five-section>.container,
.section-soft>.container,
.homepage-wanted-section>.container,
.split-section>.container,
.homepage-chat-section>.container,
.homepage-account-section>.container,
.four-stage-home>.container,
.safety-section>.container{
  position:relative;
  z-index:2;
}

.hero{
  background:
    radial-gradient(circle at 8% 18%,rgba(56,182,255,.22),transparent 25%),
    radial-gradient(circle at 88% 18%,rgba(81,112,255,.18),transparent 25%),
    linear-gradient(135deg,#f2f8ff 0%,#e9f4ff 52%,#f7fbff 100%)!important;
}
.hero::before{
  content:'';
  position:absolute;
  width:340px;height:170px;
  right:-90px;bottom:-70px;
  background:linear-gradient(135deg,rgba(81,112,255,.13),rgba(56,182,255,.08));
  border-radius:90px;
  transform:rotate(-17deg);
  z-index:1;
}
.hero::after{
  content:'';
  position:absolute;
  width:220px;height:220px;
  left:-115px;top:20px;
  border:34px solid rgba(56,182,255,.08);
  border-radius:50%;
  z-index:1;
}

.search-band{
  background:linear-gradient(90deg,#dff2ff 0%,#edf6ff 50%,#dfeaff 100%)!important;
  border-top:1px solid #d3e5f6;
  border-bottom:1px solid #d3e5f6;
}
.category-strip{
  background:#f8fbff!important;
  border-bottom:1px solid #dce8f5;
}

.section-soft{
  background:
    linear-gradient(135deg,rgba(56,182,255,.08),transparent 42%),
    #edf6ff!important;
}
.section-soft::after{
  content:'';
  position:absolute;
  right:-130px;top:-90px;
  width:300px;height:200px;
  border-radius:80px;
  background:rgba(81,112,255,.06);
  transform:rotate(14deg);
}

.homepage-wanted-section{
  background:
    radial-gradient(circle at 6% 80%,rgba(81,112,255,.09),transparent 28%),
    #f6f9ff!important;
}

.site-about-band{
  background:
    linear-gradient(90deg,rgba(56,182,255,.07),transparent 35%),
    #eef7ff!important;
}
.newest-member-section{background:#f7fbff!important}
.monthly-top-five-section{
  background:
    radial-gradient(circle at 92% 22%,rgba(56,182,255,.10),transparent 22%),
    #edf5ff!important;
}
.split-section{background:#f7fbff!important}
.homepage-chat-section{
  background:
    linear-gradient(135deg,rgba(56,182,255,.09),rgba(81,112,255,.05)),
    #edf6ff!important;
}
.homepage-account-section{background:#f8fbff!important}
.four-stage-home{
  background:
    radial-gradient(circle at 90% 72%,rgba(81,112,255,.08),transparent 28%),
    #eef7ff!important;
}
.safety-section{background:#f8fbff!important}

/* Cards stay clean on the tinted page backgrounds. */
body:not(.dark-mode) .hero-card,
body:not(.dark-mode) .site-about-note,
body:not(.dark-mode) .newest-member-card,
body:not(.dark-mode) .monthly-top-five,
body:not(.dark-mode) .listing-card,
body:not(.dark-mode) .homepage-chat-card,
body:not(.dark-mode) .homepage-account-card,
body:not(.dark-mode) .four-stage-card,
body:not(.dark-mode) .safety-points>div,
body:not(.dark-mode) .deal-cards a{
  background:rgba(255,255,255,.94)!important;
  backdrop-filter:blur(3px);
}

/* Dark-mode equivalents: blue-tinted rather than flat black. */
body.dark-mode .hero{
  background:
    radial-gradient(circle at 12% 15%,rgba(56,182,255,.12),transparent 28%),
    radial-gradient(circle at 88% 18%,rgba(81,112,255,.15),transparent 26%),
    linear-gradient(135deg,#0f1928 0%,#14233a 55%,#101a29 100%)!important;
}
body.dark-mode .search-band{background:#14243a!important;border-color:#2a405d!important}
body.dark-mode .category-strip{background:#101b2a!important;border-color:#2a405d!important}
body.dark-mode .section-soft{background:#111e2f!important}
body.dark-mode .homepage-wanted-section{background:#0f1928!important}
body.dark-mode .site-about-band{background:#122033!important}
body.dark-mode .newest-member-section{background:#0f1b2b!important}
body.dark-mode .monthly-top-five-section{background:#122033!important}
body.dark-mode .split-section{background:#0f1a29!important}
body.dark-mode .homepage-chat-section{background:#12243a!important}
body.dark-mode .homepage-account-section{background:#0f1a29!important}
body.dark-mode .four-stage-home{background:#122033!important}
body.dark-mode .safety-section{background:#0f1a29!important}

/* ---------- Listings are the visual priority ---------- */
.hero{
  padding:15px 0 16px!important;
}
.hero-grid{
  grid-template-columns:minmax(0,1.55fr) minmax(260px,.62fr)!important;
  gap:18px!important;
}
.hero-copy h1{
  font-size:clamp(1.65rem,2.8vw,2.55rem)!important;
  margin:4px 0 6px!important;
}
.hero-copy>p{
  font-size:.74rem!important;
  max-width:720px!important;
}
.hero-actions{margin:9px 0 8px!important}
.hero-feature-strip span{
  min-height:32px!important;
  padding:5px 6px!important;
}
.hero-panel .mock-photo,
.hero-card-main .mock-photo,
.hero-card-main .hero-card-image{
  height:104px!important;
  min-height:104px!important;
}
.hero-top-swapper-card{margin-top:6px!important}

/* Search + categories remain compact immediately above the galleries. */
.search-band{padding:6px 0!important}
.category-strip{padding:5px 0!important}

/* Six smaller cards across so the actual posts dominate the first screen. */
.section.section-soft,
.homepage-wanted-section{
  padding:11px 0 13px!important;
}
.homepage-listing-heading{
  margin-bottom:6px!important;
}
.homepage-listing-heading h2{
  font-size:.98rem!important;
}
.homepage-listing-heading p{
  font-size:.54rem!important;
}
.listing-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:7px!important;
}
.listing-card{
  border-radius:5px!important;
}
.listing-image{
  height:104px!important;
  min-height:104px!important;
}
.listing-body{
  padding:6px 7px!important;
}
.listing-body h3{
  font-size:.59rem!important;
  line-height:1.25!important;
  margin:2px 0 5px!important;
}
.listing-body>small,
.listing-meta,
.listing-user{
  font-size:.47rem!important;
}
.pill{
  font-size:.43rem!important;
  padding:2px 4px!important;
}

/* ---------- Chat follows the selected site appearance ---------- */
/* LIGHT MODE */
body:not(.dark-mode) .chat-page{
  background:
    radial-gradient(circle at 8% 12%,rgba(56,182,255,.13),transparent 24%),
    #edf6ff!important;
}
body:not(.dark-mode) .chat-page-heading h1{color:#263244!important}
body:not(.dark-mode) .chat-page-heading p{color:#637083!important}
body:not(.dark-mode) .chat-app-shell{
  background:#fff!important;
  border-color:#cfdbea!important;
  box-shadow:0 16px 40px rgba(55,88,130,.12)!important;
}
body:not(.dark-mode) .chat-room-rail,
body:not(.dark-mode) .chat-user-rail{
  background:#f3f8ff!important;
}
body:not(.dark-mode) .chat-room-rail{border-right-color:#d6e1ef!important}
body:not(.dark-mode) .chat-user-rail{border-left-color:#d6e1ef!important}
body:not(.dark-mode) .chat-rail-head h2,
body:not(.dark-mode) .chat-side-title h2,
body:not(.dark-mode) .chat-quick-rules strong,
body:not(.dark-mode) .chat-staff-console h2{
  color:#263244!important;
}
body:not(.dark-mode) .chat-private-rooms a{
  color:#33435a!important;
  background:transparent!important;
}
body:not(.dark-mode) .chat-private-rooms a:hover{
  background:#e6f0ff!important;
  color:#203b76!important;
}
body:not(.dark-mode) .chat-private-rooms a.active{
  background:#3156d8!important;
  color:#fff!important;
}
body:not(.dark-mode) .chat-rail-form,
body:not(.dark-mode) .chat-rail-staff,
body:not(.dark-mode) .chat-rail-links,
body:not(.dark-mode) .chat-compact-settings,
body:not(.dark-mode) .chat-staff-console,
body:not(.dark-mode) .chat-quick-rules{
  border-color:#d6e1ef!important;
}
body:not(.dark-mode) .chat-rail-form label,
body:not(.dark-mode) .chat-rail-staff small,
body:not(.dark-mode) .chat-rail-links a,
body:not(.dark-mode) .chat-quick-rules span,
body:not(.dark-mode) .chat-staff-console p{
  color:#66758a!important;
}
body:not(.dark-mode) .chat-rail-links a:hover{color:#3156d8!important}
body:not(.dark-mode) .chat-rail-form input{
  background:#fff!important;
  border-color:#cbd8e8!important;
  color:#263244!important;
}
body:not(.dark-mode) .chat-rail-form .button{
  background:#fff!important;
  color:#263244!important;
  border-color:#bccce0!important;
}
body:not(.dark-mode) .chat-room-card.chat-room-modern{
  background:#fff!important;
}
body:not(.dark-mode) .chat-room-toolbar{
  background:#edf5ff!important;
  border-bottom-color:#d4e0ef!important;
}
body:not(.dark-mode) .chat-room-icon{
  background:#dceaff!important;
}
body:not(.dark-mode) .chat-room-title strong{
  color:#263244!important;
}
body:not(.dark-mode) .chat-room-title span,
body:not(.dark-mode) .chat-online-inline{
  color:#68778b!important;
}
body:not(.dark-mode) .chat-tool-button,
body:not(.dark-mode) .chat-room-exit,
body:not(.dark-mode) .chat-font-controls{
  background:#fff!important;
  border-color:#c7d5e6!important;
  color:#263244!important;
}
body:not(.dark-mode) .chat-tool-button:hover,
body:not(.dark-mode) .chat-font-controls button:hover{
  background:#e8f1ff!important;
}
body:not(.dark-mode) .chat-font-controls button{
  color:#263244!important;
  border-color:#d6e1ef!important;
}
body:not(.dark-mode) .chat-call-status{
  background:#eaf3ff!important;
  color:#263244!important;
  border-bottom-color:#d4e0ef!important;
}
body:not(.dark-mode) .chat-call-status span{color:#637083!important}
body:not(.dark-mode) .chat-auto-broadcast{
  background:#dfeeff!important;
  color:#30445f!important;
  border-bottom-color:#c9ddf2!important;
}
body:not(.dark-mode) .chat-auto-broadcast strong{color:#3156d8!important}
body:not(.dark-mode) .chat-history-label{
  background:#f3f7fc!important;
  border-bottom-color:#d8e2ef!important;
  color:#66758a!important;
}
body:not(.dark-mode) .chat-history-label span{color:#33435a!important}
body:not(.dark-mode) .chat-history-label small{color:#7b899a!important}
body:not(.dark-mode) .chat-message-list{
  background:#fbfdff!important;
  scrollbar-color:#a9bad0 #edf4fb!important;
}
body:not(.dark-mode) .chat-message-avatar{border-color:#cbd8e7!important}
body:not(.dark-mode) .chat-message-body{
  background:#fff!important;
  border-color:#d5dfeb!important;
}
body:not(.dark-mode) .chat-message.is-mine .chat-message-body{
  background:#e8efff!important;
  border-color:#b9c9ef!important;
}
body:not(.dark-mode) .chat-message-head small{color:#7a8798!important}
body:not(.dark-mode) .chat-message-body p{color:#263244!important}
body:not(.dark-mode) .chat-message-modtools button{color:#68778b!important}
body:not(.dark-mode) .chat-compose-wrap{
  background:#edf5ff!important;
  border-top-color:#d4e0ef!important;
}
body:not(.dark-mode) .chat-input-wrap textarea{
  background:#fff!important;
  border-color:#c8d6e7!important;
  color:#263244!important;
}
body:not(.dark-mode) .chat-input-wrap textarea::placeholder{color:#8390a1!important}
body:not(.dark-mode) .chat-emoji-picker{
  background:#fff!important;
  border-color:#c9d6e5!important;
}
body:not(.dark-mode) .chat-user-row{
  background:#fff!important;
  border:1px solid #d8e2ee!important;
}
body:not(.dark-mode) .chat-user-row strong{color:#263244!important}
body:not(.dark-mode) .chat-user-row small{color:#708095!important}
body:not(.dark-mode) .chat-user-actions button{
  background:#f6f9fd!important;
  border-color:#cbd8e7!important;
  color:#33435a!important;
}
body:not(.dark-mode) .chat-mod-hint{color:#738296!important}
body:not(.dark-mode) .chat-staff-links a{
  background:#fff!important;
  color:#3156d8!important;
  border-color:#cbd8e7!important;
}
body:not(.dark-mode) .chat-staff-links a:hover{background:#e8f1ff!important}
body:not(.dark-mode) .chat-filter-admin{
  background:#fff!important;
  color:#263244!important;
  border-color:#d2ddea!important;
}
body:not(.dark-mode) .chat-filter-admin p{color:#637083!important}
body:not(.dark-mode) .chat-filter-row{
  background:#f6f9fd!important;
  border-color:#d8e2ee!important;
}
body:not(.dark-mode) .chat-inline-ad{
  background:#eef5ff!important;
  border-color:#d4e0ef!important;
}
body:not(.dark-mode) .chat-inline-ad img{background:#fff!important}
body:not(.dark-mode) .chat-inline-ad-note{color:#637083!important}

/* Entry warning follows the site theme too. */
body:not(.dark-mode) .chat-entry-gate{
  background:rgba(225,237,249,.88)!important;
}
body:not(.dark-mode) .chat-entry-card{
  background:#fff!important;
  color:#263244!important;
  border-color:#cbd8e7!important;
  box-shadow:0 28px 80px rgba(45,78,120,.22)!important;
}
body:not(.dark-mode) .chat-entry-card>p{color:#637083!important}
body:not(.dark-mode) .chat-entry-rules span{
  background:#f2f7fd!important;
  color:#3b4a5e!important;
  border-color:#d8e2ee!important;
}
body:not(.dark-mode) .chat-entry-ad{
  background:#eef5ff!important;
  border-color:#d6e1ef!important;
}

/* DARK MODE stays intentionally dark, but blue rather than purple. */
body.dark-mode .chat-private-rooms a.active{
  background:#3156d8!important;
  border-color:#3156d8!important;
  color:#fff!important;
}
body.dark-mode .chat-auto-broadcast{
  background:#173158!important;
  color:#dcecff!important;
  border-color:#27476f!important;
}
body.dark-mode .chat-auto-broadcast strong{color:#7fd5ff!important}
body.dark-mode .chat-message.is-mine .chat-message-body{
  background:#1d3763!important;
  border-color:#315a96!important;
}
body.dark-mode .chat-entry-card{
  background:#121d2b!important;
  border-color:#354b68!important;
}
body.dark-mode .chat-entry-rules span{
  background:#19283a!important;
  border-color:#354b68!important;
  color:#dfe8f3!important;
}

/* Responsive listing priority */
@media(max-width:1180px){
  .listing-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .hero-grid{grid-template-columns:1fr!important}
  .hero-panel{display:block!important}
  .listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .listing-image{height:112px!important;min-height:112px!important}
}


/* ========================================================================
   NAVIGATION / FORM QUALITY / LIGHT-MODE NORMALISATION
   ======================================================================== */

/* Topbar message icon */
.topbar-message-link{
  position:relative;
  display:inline-grid!important;
  place-items:center;
  min-width:28px;
  height:28px;
  padding:0 5px!important;
  border-radius:7px;
}
.topbar-message-link:hover{background:rgba(255,255,255,.09)}
.topbar-envelope{
  display:block;
  color:#fff;
  font-size:1rem;
  line-height:1;
}
.topbar-message-link .message-count{
  position:absolute;
  right:-5px;
  top:-4px;
  display:grid;
  place-items:center;
  min-width:17px;
  height:17px;
  padding:0 4px;
  border:2px solid #10151e;
  border-radius:999px;
  background:#ff5757;
  color:#fff;
  font-size:.55rem;
  font-weight:900;
  line-height:1;
}

/* ------------------------------------------------------------------------
   Modern form controls throughout the site.
   Checkbox/radio/color controls keep their native compact geometry.
   ------------------------------------------------------------------------ */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
select,
textarea{
  appearance:none;
  width:100%;
  min-height:42px;
  border:1px solid #c8d5e5!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#263244!important;
  box-shadow:0 1px 2px rgba(39,60,89,.04),inset 0 1px 0 rgba(255,255,255,.7);
  padding:9px 11px!important;
  font:inherit;
  font-size:.82rem;
  line-height:1.35;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
textarea{
  min-height:105px;
  resize:vertical;
}
select{
  padding-right:34px!important;
  background-image:
    linear-gradient(45deg,transparent 50%,#62748a 50%),
    linear-gradient(135deg,#62748a 50%,transparent 50%)!important;
  background-position:
    calc(100% - 16px) 50%,
    calc(100% - 11px) 50%!important;
  background-size:5px 5px,5px 5px!important;
  background-repeat:no-repeat!important;
}
input[type="text"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="url"]:hover,
input[type="tel"]:hover,
input[type="number"]:hover,
input[type="date"]:hover,
input[type="time"]:hover,
input[type="datetime-local"]:hover,
input[type="month"]:hover,
input[type="week"]:hover,
select:hover,
textarea:hover{
  border-color:#a9bad0!important;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
select:focus,
textarea:focus{
  outline:none!important;
  border-color:#5170ff!important;
  box-shadow:0 0 0 3px rgba(81,112,255,.16),0 4px 12px rgba(39,73,150,.08)!important;
}
input::placeholder,
textarea::placeholder{
  color:#8a98aa!important;
  opacity:1;
}
input:disabled,
select:disabled,
textarea:disabled{
  background:#eef2f6!important;
  color:#7c8999!important;
  cursor:not-allowed;
  opacity:1;
}
input[type="checkbox"],
input[type="radio"]{
  accent-color:#3156d8;
}
input[type="file"]{
  width:100%;
  min-height:42px;
  padding:5px!important;
  border:1px solid #c8d5e5!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#5c6c80!important;
  font-size:.75rem;
}
input[type="file"]::file-selector-button{
  min-height:30px;
  margin-right:9px;
  border:0;
  border-radius:7px;
  padding:0 11px;
  background:#e9f1ff;
  color:#284baf;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}
input[type="file"]::file-selector-button:hover{background:#dbe8ff}

/* Buttons: cleaner shape, stronger depth, obvious hover/focus. */
.button,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.post-button,
.admin-link{
  border-radius:9px;
  font-family:inherit;
  font-weight:800;
  letter-spacing:0;
  transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease,color .14s ease;
}
.button:not(:disabled):hover,
button:not(:disabled):hover,
input[type="submit"]:not(:disabled):hover,
input[type="button"]:not(:disabled):hover,
input[type="reset"]:not(:disabled):hover,
.post-button:hover,
.admin-link:hover{
  transform:translateY(-1px);
}
.button-primary,
button[type="submit"]:not(.button-secondary):not(.button-danger),
input[type="submit"],
.post-button,
.admin-link{
  border:1px solid #3156d8!important;
  background:linear-gradient(180deg,#4267e4 0%,#3156d8 100%)!important;
  color:#fff!important;
  box-shadow:0 4px 10px rgba(49,86,216,.18),inset 0 1px 0 rgba(255,255,255,.16);
}
.button-primary:not(:disabled):hover,
button[type="submit"]:not(.button-secondary):not(.button-danger):not(:disabled):hover,
input[type="submit"]:not(:disabled):hover,
.post-button:hover,
.admin-link:hover{
  background:linear-gradient(180deg,#355bdd 0%,#2849bf 100%)!important;
  border-color:#2849bf!important;
  box-shadow:0 6px 14px rgba(49,86,216,.24),inset 0 1px 0 rgba(255,255,255,.13);
}
.button-secondary,
button.button-secondary{
  border:1px solid #b9c8da!important;
  background:linear-gradient(180deg,#fff 0%,#f3f7fc 100%)!important;
  color:#2f4057!important;
  box-shadow:0 2px 6px rgba(39,60,89,.06);
}
.button-secondary:not(:disabled):hover,
button.button-secondary:not(:disabled):hover{
  border-color:#8ea8cf!important;
  background:linear-gradient(180deg,#fff 0%,#e8f1ff 100%)!important;
  color:#23428d!important;
}
.button-danger,
button.button-danger{
  border:1px solid #b92f3e!important;
  background:linear-gradient(180deg,#d84c5a 0%,#c43746 100%)!important;
  color:#fff!important;
  box-shadow:0 3px 9px rgba(180,43,57,.18);
}
.button:disabled,
button:disabled,
input[type="submit"]:disabled{
  transform:none!important;
  box-shadow:none!important;
  cursor:not-allowed!important;
  opacity:.55!important;
}

/* Don't turn tiny icon-only controls into full-size form buttons. */
.menu-button,
.chat-message-modtools button,
.chat-font-controls button,
.chat-call-close,
.chat-room-list-exit,
.account-icon-button,
.chat-user-actions button,
.chat-emoji-picker button,
.chat-room-exit{
  box-shadow:none;
}

/* Header search gets modern integrated inputs while preserving its one-piece layout. */
.header-search{
  border:1px solid #c6d4e5!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 3px 10px rgba(39,60,89,.06)!important;
}
.header-search input,
.header-search select{
  min-height:40px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background-color:#fff!important;
}
.header-search select{border-left:1px solid #d6e0eb!important}
.header-search button{
  min-height:40px!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* ------------------------------------------------------------------------
   LIGHT MODE: remove dark-mode-looking content cards/panels.
   Header/nav/footer may remain intentionally dark/blue.
   ------------------------------------------------------------------------ */
body:not(.dark-mode) .account-hub-group{
  background:#fff!important;
  border-color:#d8e2ee!important;
  box-shadow:0 5px 18px rgba(44,73,108,.05)!important;
}
body:not(.dark-mode) .account-hub-heading>span{
  background:#e9f1ff!important;
  color:#3156d8!important;
}
body:not(.dark-mode) .account-hub-heading h2,
body:not(.dark-mode) .account-hub-links strong{
  color:#263244!important;
}
body:not(.dark-mode) .account-hub-links>a,
body:not(.dark-mode) .account-hub-coming{
  background:#f6f9fd!important;
  border-color:#dce5ef!important;
  color:#263244!important;
}
body:not(.dark-mode) .account-hub-links>a:hover{
  background:#eaf2ff!important;
  border-color:#a8bde2!important;
}
body:not(.dark-mode) .account-hub-links small{color:#718094!important}
body:not(.dark-mode) .account-hub-counts b{
  background:#3156d8!important;
  color:#fff!important;
}

/* Homepage chat card */
body:not(.dark-mode) .homepage-chat-section{
  background:linear-gradient(135deg,#eaf5ff 0%,#f7fbff 100%)!important;
  color:#263244!important;
}
body:not(.dark-mode) .homepage-chat-copy h2{color:#263244!important}
body:not(.dark-mode) .homepage-chat-copy>p{color:#637083!important}
body:not(.dark-mode) .homepage-chat-points{color:#40526a!important}
body:not(.dark-mode) .homepage-chat-status{
  background:#fff!important;
  border-color:#d6e2ef!important;
  color:#263244!important;
  box-shadow:0 5px 18px rgba(44,73,108,.05);
}
body:not(.dark-mode) .homepage-chat-status small{color:#3156d8!important}
body:not(.dark-mode) .homepage-chat-status strong{color:#263244!important}
body:not(.dark-mode) .homepage-chat-status p{color:#637083!important}

/* Homepage account card */
body:not(.dark-mode) .homepage-account-section{
  background:linear-gradient(135deg,#f6faff 0%,#eaf4ff 100%)!important;
  color:#263244!important;
}
body:not(.dark-mode) .homepage-account-card{
  background:#fff!important;
  border-color:#d6e2ef!important;
  color:#263244!important;
  box-shadow:0 5px 18px rgba(44,73,108,.05)!important;
}
body:not(.dark-mode) .homepage-account-copy h2{color:#263244!important}
body:not(.dark-mode) .homepage-account-copy>p{color:#637083!important}
body:not(.dark-mode) .homepage-account-features span{
  background:#f1f6fc!important;
  border-color:#d9e4ef!important;
  color:#465a73!important;
}
body:not(.dark-mode) .homepage-account-preview{
  background:#f6f9fd!important;
  border-color:#d7e2ee!important;
  color:#263244!important;
}
body:not(.dark-mode) .homepage-account-preview-head{
  border-color:#d7e2ee!important;
}
body:not(.dark-mode) .homepage-account-preview-head span{color:#3156d8!important}
body:not(.dark-mode) .homepage-account-preview-head strong{color:#263244!important}
body:not(.dark-mode) .homepage-account-preview-grid span{
  background:#fff!important;
  border:1px solid #dbe5ef!important;
  color:#263244!important;
}

/* How it works chat panel */
body:not(.dark-mode) .how-chat-panel{
  background:linear-gradient(135deg,#e9f4ff 0%,#f8fbff 100%)!important;
  color:#263244!important;
  border:1px solid #d7e3ef!important;
}
body:not(.dark-mode) .how-chat-panel h2{color:#263244!important}
body:not(.dark-mode) .how-chat-panel p{color:#637083!important}
body:not(.dark-mode) .how-chat-points span{
  background:#fff!important;
  border-color:#d7e3ef!important;
  color:#40526a!important;
}

/* Four-stage / split panel */
body:not(.dark-mode) .split-section{
  background:linear-gradient(135deg,#edf6ff 0%,#f8fbff 100%)!important;
  color:#263244!important;
}
body:not(.dark-mode) .split-copy h2{color:#263244!important}
body:not(.dark-mode) .split-copy p{color:#637083!important}
body:not(.dark-mode) .deal-cards a{
  background:#fff!important;
  border-color:#d7e3ef!important;
  color:#263244!important;
  box-shadow:0 3px 12px rgba(44,73,108,.04);
}
body:not(.dark-mode) .deal-cards a:hover{
  background:#eaf3ff!important;
  border-color:#aac0df!important;
}
body:not(.dark-mode) .deal-number{color:#3156d8!important}
body:not(.dark-mode) .deal-cards h3{color:#263244!important}
body:not(.dark-mode) .deal-cards p{color:#637083!important}

/* Subscription page dark cards should be light in light appearance. */
body:not(.dark-mode) .subscription-cta-card{
  background:linear-gradient(135deg,#e9f4ff 0%,#f8fbff 100%)!important;
  color:#263244!important;
  border:1px solid #d6e2ef!important;
}
body:not(.dark-mode) .subscription-cta-card h2{color:#263244!important}
body:not(.dark-mode) .subscription-cta-card p{color:#637083!important}
body:not(.dark-mode) .subscription-coming{
  background:#e0ebf8!important;
  color:#42566f!important;
}

/* Chat below-tools/admin panels still had hard-coded dark fills. */
body:not(.dark-mode) .chat-filter-admin{
  background:#fff!important;
  color:#263244!important;
  border-color:#d6e2ef!important;
}
body:not(.dark-mode) .chat-filter-admin p{color:#637083!important}
body:not(.dark-mode) .chat-filter-row{
  background:#f6f9fd!important;
  border-color:#dbe5ef!important;
  color:#263244!important;
}
body:not(.dark-mode) .chat-auto-room-name{
  background:#f0f6ff!important;
  border-color:#d3e1ef!important;
}
body:not(.dark-mode) .chat-auto-room-name span{color:#6d7c8f!important}
body:not(.dark-mode) .chat-auto-room-name strong{color:#263244!important}
body:not(.dark-mode) .chat-auto-room-name small{color:#718094!important}

/* Other common panels */
body:not(.dark-mode) .subscription-card,
body:not(.dark-mode) .subscription-price-card,
body:not(.dark-mode) .benefit-card,
body:not(.dark-mode) .price-card,
body:not(.dark-mode) .admin-user-list,
body:not(.dark-mode) .admin-stat-grid>div,
body:not(.dark-mode) .admin-role-guide>div,
body:not(.dark-mode) .public-profile,
body:not(.dark-mode) .message-workspace,
body:not(.dark-mode) .conversation-list,
body:not(.dark-mode) .message-thread{
  background:#fff!important;
  color:#263244!important;
  border-color:#d8e2ee!important;
}

/* DARK MODE controls keep proper dark surfaces with strong contrast. */
body.dark-mode input[type="text"],
body.dark-mode input[type="email"],
body.dark-mode input[type="password"],
body.dark-mode input[type="search"],
body.dark-mode input[type="url"],
body.dark-mode input[type="tel"],
body.dark-mode input[type="number"],
body.dark-mode input[type="date"],
body.dark-mode input[type="time"],
body.dark-mode input[type="datetime-local"],
body.dark-mode input[type="month"],
body.dark-mode input[type="week"],
body.dark-mode select,
body.dark-mode textarea,
body.dark-mode input[type="file"]{
  background:#111b28!important;
  border-color:#43546b!important;
  color:#f2f6fb!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
body.dark-mode select{
  background-image:
    linear-gradient(45deg,transparent 50%,#aebbd0 50%),
    linear-gradient(135deg,#aebbd0 50%,transparent 50%)!important;
}
body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder{color:#8493a7!important}
body.dark-mode input[type="file"]::file-selector-button{
  background:#20324a;
  color:#dce8f7;
}
body.dark-mode input:disabled,
body.dark-mode select:disabled,
body.dark-mode textarea:disabled{
  background:#1d2837!important;
  color:#8796aa!important;
}
body.dark-mode .button-secondary,
body.dark-mode button.button-secondary{
  background:linear-gradient(180deg,#26354a 0%,#1c293a 100%)!important;
  border-color:#52637a!important;
  color:#f2f6fb!important;
}
body.dark-mode .button-secondary:not(:disabled):hover,
body.dark-mode button.button-secondary:not(:disabled):hover{
  background:linear-gradient(180deg,#31445f 0%,#26364c 100%)!important;
  border-color:#6f86a5!important;
  color:#fff!important;
}

/* Mobile nav still accommodates the two new page links. */
@media(max-width:760px){
  .topbar-message-link{min-width:30px}
}


/* ========================================================================
   FINAL 1% POLISH
   Side-by-side homepage galleries, stronger live-chat affordance,
   larger written-chat area and explicit member profile information.
   ======================================================================== */

/* Swaps + Wanted now share the same high-priority marketplace row. */
.homepage-market-duo{
  position:relative;
  padding:10px 0 13px;
  background:
    radial-gradient(circle at 5% 10%,rgba(56,182,255,.10),transparent 22%),
    radial-gradient(circle at 95% 90%,rgba(81,112,255,.08),transparent 24%),
    #edf6ff;
  border-bottom:1px solid #d9e6f3;
}
.homepage-market-duo-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  align-items:start;
}
.homepage-market-pane{
  min-width:0;
  padding:10px;
  border:1px solid #d6e2ee;
  border-radius:8px;
  background:rgba(255,255,255,.94);
  box-shadow:0 7px 20px rgba(52,83,122,.055);
}
.homepage-market-pane .homepage-listing-heading{
  min-height:46px;
  margin-bottom:6px!important;
}
.homepage-market-pane .homepage-listing-heading h2{
  font-size:.9rem!important;
}
.homepage-market-pane .homepage-listing-heading p{
  max-width:370px;
  font-size:.49rem!important;
  line-height:1.35;
}
.homepage-market-pane .homepage-listing-heading>a{
  white-space:nowrap;
  font-size:.52rem;
}
.homepage-duo-listing-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
}
.homepage-duo-listing-grid .listing-card{
  min-width:0;
  border-radius:5px!important;
}
.homepage-duo-listing-grid .listing-image{
  height:76px!important;
  min-height:76px!important;
}
.homepage-duo-listing-grid .listing-body{
  padding:5px!important;
}
.homepage-duo-listing-grid .listing-body>small{
  font-size:.42rem!important;
}
.homepage-duo-listing-grid .listing-body h3{
  font-size:.52rem!important;
  line-height:1.18!important;
  margin:2px 0 4px!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.homepage-duo-listing-grid .listing-meta{
  display:grid!important;
  gap:1px!important;
  font-size:.41rem!important;
}
.homepage-duo-listing-grid .listing-meta strong{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.homepage-duo-listing-grid .listing-user{
  font-size:.4rem!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  margin-top:3px!important;
}
.homepage-duo-listing-grid .pill{
  font-size:.38rem!important;
  padding:2px 4px!important;
}
.homepage-duo-listing-grid .featured-card-badge{
  font-size:.38rem!important;
  padding:2px 4px!important;
}
.homepage-duo-listing-grid .wanted-image-placeholder strong{
  font-size:.66rem!important;
}
.homepage-duo-listing-grid .wanted-image-placeholder span{
  font-size:.42rem!important;
}

/* The top live-chat action is now unmistakably a button. */
.hero-live-line{
  align-items:center!important;
  flex-wrap:wrap!important;
}
.hero-live-chat-button{
  min-height:30px!important;
  padding:0 10px!important;
  font-size:.56rem!important;
  border-radius:7px!important;
  margin-left:2px;
}
.hero-how-link{
  font-size:.56rem!important;
  font-weight:800;
}
.homepage-chat-enter-button{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:30px;
  width:max-content;
  margin-top:7px;
  padding:0 10px;
  border-radius:7px;
  background:#3655dc!important;
  color:#fff!important;
  font-size:.57rem!important;
  font-weight:850!important;
  box-shadow:0 4px 10px rgba(54,85,220,.18);
}

/* Desktop written chat: taller so more messages remain visible at once. */
.chat-message-list{
  height:560px!important;
  min-height:560px!important;
  max-height:560px!important;
  flex:0 0 560px!important;
}
@media(max-width:760px){
  .chat-message-list{
    height:425px!important;
    min-height:425px!important;
    max-height:425px!important;
    flex-basis:425px!important;
  }
}

/* Member profiles: make the information impossible to miss. */
.profile-about-grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);
  gap:12px;
  margin:12px 0;
}
.profile-about-card,
.profile-details-card{
  border:1px solid #d8e2ee;
  border-radius:10px;
  background:#fff;
  color:#263244;
  padding:16px;
  box-shadow:0 6px 18px rgba(50,78,112,.05);
}
.profile-about-card h2{
  margin:3px 0 8px;
  font-size:1.05rem;
  color:#263244;
}
.profile-bio-full,
.profile-bio-empty{
  margin:0;
  color:#47586e;
  font-size:.78rem;
  line-height:1.62;
  white-space:normal;
}
.profile-bio-empty{
  color:#718095;
  font-style:italic;
}
.profile-details-card{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.profile-details-card>div{
  min-width:0;
  padding:8px 9px;
  border:1px solid #e2e9f1;
  border-radius:7px;
  background:#f7faff;
}
.profile-details-card span,
.profile-details-card strong{
  display:block;
}
.profile-details-card span{
  color:#708095;
  font-size:.54rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.profile-details-card strong{
  margin-top:2px;
  color:#263244;
  font-size:.68rem;
  overflow-wrap:anywhere;
}
.profile-hero-card,
.profile-stat-grid>div,
.profile-feedback-card,
.related-listing-card{
  color:#263244;
}
body:not(.dark-mode) .profile-hero-card,
body:not(.dark-mode) .profile-stat-grid>div,
body:not(.dark-mode) .profile-feedback-card,
body:not(.dark-mode) .related-listing-card{
  background:#fff!important;
  color:#263244!important;
  border-color:#d8e2ee!important;
}
body:not(.dark-mode) .profile-identity h1,
body:not(.dark-mode) .profile-stat-grid strong,
body:not(.dark-mode) .profile-feedback-card strong,
body:not(.dark-mode) .related-listing-card h3{
  color:#263244!important;
}
body:not(.dark-mode) .profile-handle,
body:not(.dark-mode) .profile-stat-grid span,
body:not(.dark-mode) .related-listing-card p,
body:not(.dark-mode) .related-listing-card small{
  color:#68788c!important;
}

/* Matching profile treatment in dark mode. */
body.dark-mode .profile-about-card,
body.dark-mode .profile-details-card{
  background:#151f2d!important;
  color:#eef3f8!important;
  border-color:#35445a!important;
}
body.dark-mode .profile-about-card h2,
body.dark-mode .profile-details-card strong{
  color:#f2f6fb!important;
}
body.dark-mode .profile-bio-full,
body.dark-mode .profile-bio-empty{
  color:#b4c0cf!important;
}
body.dark-mode .profile-details-card>div{
  background:#111b28!important;
  border-color:#35445a!important;
}
body.dark-mode .profile-details-card span{
  color:#91a1b6!important;
}
body.dark-mode .profile-hero-card,
body.dark-mode .profile-stat-grid>div,
body.dark-mode .profile-feedback-card,
body.dark-mode .related-listing-card{
  background:#151f2d!important;
  color:#eef3f8!important;
  border-color:#35445a!important;
}

@media(max-width:1120px){
  .homepage-duo-listing-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:860px){
  .homepage-market-duo-grid{
    grid-template-columns:1fr;
  }
  .homepage-duo-listing-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .profile-about-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:620px){
  .homepage-duo-listing-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .homepage-duo-listing-grid .listing-image{
    height:92px!important;
    min-height:92px!important;
  }
  .profile-details-card{
    grid-template-columns:1fr;
  }
}


/* ========================================================================
   FINAL DARK-MODE NORMALISATION
   One consistent dark palette across every user-facing area.
   ======================================================================== */
body.dark-mode{
  --ink:#f2f6fb!important;
  --muted:#aeb9c8!important;
  --line:#33445b!important;
  --soft:#182434!important;
  --white:#121d2b!important;
  --brand:#8ea5ff!important;
  --brand-dark:#38b6ff!important;
  --shadow:0 14px 38px rgba(0,0,0,.26)!important;
  background:#0d1520!important;
  color:#f2f6fb!important;
}

/* Remove light page/container fills that leak into dark appearance. */
body.dark-mode .page-shell,
body.dark-mode .section,
body.dark-mode .post-form-band,
body.dark-mode .auth-section,
body.dark-mode .legal-page,
body.dark-mode .contact-page,
body.dark-mode .messages-page{
  background:#0d1520!important;
  color:#f2f6fb!important;
}
body.dark-mode .page-shell>.container,
body.dark-mode .section>.container{
  background:transparent!important;
}

/* Generic headings, paragraphs and helper text. */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode strong{
  color:#f4f7fb;
}
body.dark-mode p,
body.dark-mode small,
body.dark-mode .form-help,
body.dark-mode .account-intro,
body.dark-mode .legal-lead{
  color:#aeb9c8;
}
body.dark-mode a:not(.button):not(.post-button):not(.admin-link){
  color:#75ccff;
}
body.dark-mode a:not(.button):not(.post-button):not(.admin-link):hover{
  color:#a9e3ff;
}

/* Header/search/nav. */
body.dark-mode .site-header,
body.dark-mode .header-main{
  background:#111b28!important;
  border-color:#2e4058!important;
}
body.dark-mode .header-search{
  background:#111b28!important;
  border-color:#41546d!important;
  box-shadow:0 3px 10px rgba(0,0,0,.18)!important;
}
body.dark-mode .header-search input,
body.dark-mode .header-search select{
  background:#111b28!important;
  color:#f2f6fb!important;
  border-color:#41546d!important;
}
body.dark-mode .header-search select{border-left-color:#41546d!important}
body.dark-mode .main-nav{
  background:#274abf!important;
  border-color:#19389f!important;
}
body.dark-mode .nav-inner a,
body.dark-mode .nav-inner .nav-account,
body.dark-mode .nav-inner .nav-subscribe{
  color:#fff!important;
}
body.dark-mode .nav-inner a:hover,
body.dark-mode .nav-inner a.active,
body.dark-mode .nav-inner .nav-account.active,
body.dark-mode .nav-inner .nav-subscribe.active{
  color:#fff!important;
  background:#1f3da5!important;
  border-bottom-color:#38b6ff!important;
}

/* Core cards/panels. */
body.dark-mode .auth-card,
body.dark-mode .auth-note,
body.dark-mode .post-card,
body.dark-mode .post-promise,
body.dark-mode .post-hero-card,
body.dark-mode .homepage-form-card,
body.dark-mode .homepage-photo-card,
body.dark-mode .my-listing-card,
body.dark-mode .bump-panel,
body.dark-mode .subscription-live,
body.dark-mode .subscription-benefits article,
body.dark-mode .subscription-price-card,
body.dark-mode .subscription-card,
body.dark-mode .subscription-cta-card,
body.dark-mode .wanted-explain-card,
body.dark-mode .admin-stat-grid>div,
body.dark-mode .admin-user-list,
body.dark-mode .admin-report-card,
body.dark-mode .admin-role-guide>div,
body.dark-mode .admin-settings-group,
body.dark-mode .conversation-list,
body.dark-mode .message-thread,
body.dark-mode .message-workspace,
body.dark-mode .message-member-card,
body.dark-mode .message-listing-context,
body.dark-mode .public-profile,
body.dark-mode .profile-posts a,
body.dark-mode .legal-section,
body.dark-mode .legal-callout,
body.dark-mode .legal-warning,
body.dark-mode .privacy-retention-grid article,
body.dark-mode .contact-info-cards>div,
body.dark-mode .contact-privacy-note,
body.dark-mode .contact-form-card,
body.dark-mode .account-card,
body.dark-mode .account-pref-card,
body.dark-mode .account-hub-group,
body.dark-mode .account-preference-card,
body.dark-mode .account-recommendation-card,
body.dark-mode .account-featured-card,
body.dark-mode .account-block-row,
body.dark-mode .completed-swap-card,
body.dark-mode .swap-account-card,
body.dark-mode .listing-card,
body.dark-mode .category-card,
body.dark-mode .empty-state,
body.dark-mode .seller-box,
body.dark-mode .wanted-box,
body.dark-mode .offer-panel,
body.dark-mode .owner-offers-panel,
body.dark-mode .interest-panel,
body.dark-mode .related-listing-card{
  background:#151f2d!important;
  color:#eef3f8!important;
  border-color:#35465d!important;
  box-shadow:none!important;
}

/* Nested card surfaces. */
body.dark-mode .account-hub-links>a,
body.dark-mode .account-hub-coming,
body.dark-mode .homepage-account-preview,
body.dark-mode .homepage-account-preview-grid span,
body.dark-mode .account-preference-card>a,
body.dark-mode .favorite-category-option,
body.dark-mode .message-member-stats>span,
body.dark-mode .listing-value-grid>div,
body.dark-mode .listing-facts>span,
body.dark-mode .admin-user-row,
body.dark-mode .admin-post-row,
body.dark-mode .admin-report-card,
body.dark-mode .completed-swap-card,
body.dark-mode .swap-account-card{
  background:#111b28!important;
  color:#eef3f8!important;
  border-color:#35465d!important;
}
body.dark-mode .account-hub-links>a:hover,
body.dark-mode .favorite-category-option:hover,
body.dark-mode .admin-user-row:hover{
  background:#1b2a3d!important;
  border-color:#4c6b94!important;
}

/* Homepage priority galleries and cards. */
body.dark-mode .homepage-market-duo{
  background:
    radial-gradient(circle at 7% 10%,rgba(56,182,255,.08),transparent 24%),
    radial-gradient(circle at 95% 90%,rgba(81,112,255,.10),transparent 24%),
    #0f1928!important;
  border-color:#2c4059!important;
}
body.dark-mode .homepage-market-pane{
  background:#151f2d!important;
  border-color:#35465d!important;
  box-shadow:none!important;
}
body.dark-mode .homepage-market-pane .homepage-listing-heading h2,
body.dark-mode .homepage-market-pane .listing-body h3,
body.dark-mode .homepage-market-pane .listing-body h3 a{
  color:#f4f7fb!important;
}
body.dark-mode .homepage-market-pane .homepage-listing-heading p,
body.dark-mode .homepage-market-pane .listing-body>small,
body.dark-mode .homepage-market-pane .listing-meta,
body.dark-mode .homepage-market-pane .listing-user{
  color:#aeb9c8!important;
}
body.dark-mode .wanted-image-placeholder{
  background:linear-gradient(135deg,#15263a,#1b3047)!important;
  color:#eef5fb!important;
}
body.dark-mode .wanted-image-placeholder span{color:#9fd8f5!important}
body.dark-mode .homepage-status-strip,
body.dark-mode .category-strip{
  background:#111b28!important;
  border-color:#2d4058!important;
}
body.dark-mode .category-details{
  background:#151f2d!important;
  border-color:#35465d!important;
}
body.dark-mode .hero-card-main,
body.dark-mode .hero-card-small,
body.dark-mode .hero-feature-strip span,
body.dark-mode .site-about-note,
body.dark-mode .newest-member-card,
body.dark-mode .monthly-top-five,
body.dark-mode .monthly-top-five-row,
body.dark-mode .deal-cards a,
body.dark-mode .homepage-chat-card,
body.dark-mode .homepage-account-card,
body.dark-mode .four-stage-card,
body.dark-mode .safety-points>div{
  background:#151f2d!important;
  border-color:#35465d!important;
  color:#eef3f8!important;
}
body.dark-mode .homepage-chat-points span,
body.dark-mode .homepage-account-features span{
  background:#111b28!important;
  border-color:#35465d!important;
  color:#dbe5ef!important;
}

/* Forms and fields: eliminate any remaining light boxes. */
body.dark-mode input[type="text"],
body.dark-mode input[type="email"],
body.dark-mode input[type="password"],
body.dark-mode input[type="search"],
body.dark-mode input[type="url"],
body.dark-mode input[type="tel"],
body.dark-mode input[type="number"],
body.dark-mode input[type="date"],
body.dark-mode input[type="time"],
body.dark-mode input[type="datetime-local"],
body.dark-mode input[type="month"],
body.dark-mode input[type="week"],
body.dark-mode input[type="file"],
body.dark-mode select,
body.dark-mode textarea,
body.dark-mode .auth-form input,
body.dark-mode .listing-form input,
body.dark-mode .listing-form select,
body.dark-mode .listing-form textarea,
body.dark-mode .post-card input,
body.dark-mode .post-card select,
body.dark-mode .post-card textarea,
body.dark-mode .homepage-form-card input,
body.dark-mode .homepage-form-card select,
body.dark-mode .homepage-form-card textarea,
body.dark-mode .big-search input,
body.dark-mode .big-search select,
body.dark-mode .description-field>textarea{
  background:#101a28!important;
  color:#f2f6fb!important;
  border-color:#43566f!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder{
  color:#8494a8!important;
}
body.dark-mode input:focus,
body.dark-mode select:focus,
body.dark-mode textarea:focus{
  border-color:#38b6ff!important;
  box-shadow:0 0 0 3px rgba(56,182,255,.15)!important;
}
body.dark-mode input[type="file"]::file-selector-button{
  background:#20334b!important;
  color:#e4edf8!important;
}
body.dark-mode .photo-choice,
body.dark-mode .status-choice{
  background:#111b28!important;
  color:#eef3f8!important;
  border-color:#35465d!important;
}
body.dark-mode .photo-choice:hover,
body.dark-mode .status-choice:hover{
  background:#1b2a3d!important;
  border-color:#4c6b94!important;
}
body.dark-mode .photo-choice .photo-icon{
  background:#17283d!important;
  color:#8bd8ff!important;
}
body.dark-mode .post-submit{
  background:#101a28!important;
  border-color:#35465d!important;
}
body.dark-mode .remove-post-zone{
  background:#2a171c!important;
  border-color:#6c3440!important;
  color:#ffd8dd!important;
}

/* Buttons/statuses with proper dark-mode contrast. */
body.dark-mode .button-secondary,
body.dark-mode button.button-secondary,
body.dark-mode .button-light{
  background:linear-gradient(180deg,#26374d 0%,#1c2a3b 100%)!important;
  color:#f3f7fb!important;
  border-color:#536781!important;
}
body.dark-mode .button-secondary:hover,
body.dark-mode button.button-secondary:hover,
body.dark-mode .button-light:hover{
  background:linear-gradient(180deg,#324861 0%,#26384f 100%)!important;
  color:#fff!important;
  border-color:#7390b5!important;
}
body.dark-mode .pill-wanted{
  background:#49282e!important;
  color:#ffb0b0!important;
}
body.dark-mode .pill-swap{
  background:#25375e!important;
  color:#c7d2ff!important;
}
body.dark-mode .pill-sale{
  background:#183b4c!important;
  color:#aee6ff!important;
}
body.dark-mode .featured-listing-badge,
body.dark-mode .featured-card-badge,
body.dark-mode .admin-featured-label,
body.dark-mode .owner-tag,
body.dark-mode .monthly-top-swapper-badge,
body.dark-mode .members-top-icon{
  background:#443914!important;
  color:#ffe899!important;
  border-color:#665821!important;
}
body.dark-mode .report-status-open{
  background:#432819!important;
  color:#ffd4ac!important;
}

/* Wishlist / favourites. */
body.dark-mode .is-wishlisted,
body.dark-mode .is-favorite-category{
  background:#423814!important;
  color:#ffe89a!important;
  border-color:#675a22!important;
}
body.dark-mode .favorite-category-option:has(input:checked){
  background:#203253!important;
  color:#dbe6ff!important;
  border-color:#5574b0!important;
}
body.dark-mode .account-rec-image span{
  background:#443914!important;
  color:#ffe899!important;
}

/* Messaging: avoid pale bubbles with dark text. */
body.dark-mode .conversation-list a{
  color:#eef3f8!important;
  border-color:#35465d!important;
}
body.dark-mode .conversation-list a.active{
  background:#20334b!important;
}
body.dark-mode .conversation-list small,
body.dark-mode .conversation-list em,
body.dark-mode .message-member-card small,
body.dark-mode .message-member-card em{
  color:#aeb9c8!important;
}
body.dark-mode .message-bubble{
  background:#1b2a3d!important;
  color:#eef3f8!important;
}
body.dark-mode .message-bubble.mine{
  background:#21416f!important;
  color:#f3f8ff!important;
}
body.dark-mode .message-listing-context{
  background:#111b28!important;
  border-color:#35465d!important;
}
body.dark-mode .message-listing-context h2{color:#f4f7fb!important}
body.dark-mode .message-listing-context p,
body.dark-mode .message-listing-context small{color:#aeb9c8!important}

/* Legal / contact pages. */
body.dark-mode .legal-rule-grid>div,
body.dark-mode .privacy-retention-grid article,
body.dark-mode .contact-info-cards>article,
body.dark-mode .contact-info-cards>div{
  background:#151f2d!important;
  color:#eef3f8!important;
  border-color:#35465d!important;
}
body.dark-mode .legal-warning{
  background:#33251a!important;
  color:#ffe0ba!important;
  border-color:#6b4b2a!important;
}
body.dark-mode .contact-success,
body.dark-mode .form-alert-success{
  background:#163125!important;
  color:#c9f4da!important;
  border-color:#2f6a49!important;
}
body.dark-mode .form-alert-error{
  background:#381d24!important;
  color:#ffd6dd!important;
  border-color:#743743!important;
}

/* Admin pages. */
body.dark-mode .admin-hero{
  background:linear-gradient(135deg,#111b28,#16243a)!important;
  color:#f2f6fb!important;
}
body.dark-mode .admin-toolbar,
body.dark-mode .admin-commercial-settings,
body.dark-mode .admin-compliance-runner,
body.dark-mode .admin-reports,
body.dark-mode .admin-post-moderation{
  background:#121d2b!important;
  color:#eef3f8!important;
  border-color:#35465d!important;
}
body.dark-mode .admin-user-main strong,
body.dark-mode .admin-post-row strong,
body.dark-mode .admin-report-card strong{
  color:#f4f7fb!important;
}
body.dark-mode .admin-user-main small,
body.dark-mode .admin-post-meta,
body.dark-mode .admin-report-card p,
body.dark-mode .admin-report-card small{
  color:#aeb9c8!important;
}

/* Subscription / pricing. */
body.dark-mode .subscription-hero,
body.dark-mode .subscription-hero-section,
body.dark-mode .subscribe-hero{
  background:linear-gradient(135deg,#111b28,#17263d)!important;
  color:#f2f6fb!important;
}
body.dark-mode .subscription-price-featured{
  border-color:#5170ff!important;
}
body.dark-mode .subscription-coming{
  background:#20334b!important;
  color:#d7e6f8!important;
}

/* Listing detail. */
body.dark-mode .listing-detail-copy,
body.dark-mode .listing-description{
  color:#eef3f8!important;
}
body.dark-mode .listing-detail-copy p,
body.dark-mode .listing-description p,
body.dark-mode .seller-box small,
body.dark-mode .wanted-box p,
body.dark-mode .offer-panel p,
body.dark-mode .interest-panel p{
  color:#aeb9c8!important;
}
body.dark-mode .listing-value-grid>div,
body.dark-mode .listing-facts>span{
  background:#111b28!important;
  border-color:#35465d!important;
}
body.dark-mode .listing-value-grid strong,
body.dark-mode .listing-facts strong{
  color:#f4f7fb!important;
}

/* Chat: final dark-mode consistency pass. */
body.dark-mode .chat-page{
  background:#0d1520!important;
}
body.dark-mode .chat-app-shell{
  background:#111b28!important;
  border-color:#35465d!important;
}
body.dark-mode .chat-room-rail,
body.dark-mode .chat-user-rail{
  background:#121d2b!important;
}
body.dark-mode .chat-room-toolbar,
body.dark-mode .chat-compose-wrap{
  background:#111b28!important;
  border-color:#35465d!important;
}
body.dark-mode .chat-message-list{
  background:#0e1723!important;
  scrollbar-color:#51647d #101927!important;
}
body.dark-mode .chat-message-body{
  background:#182536!important;
  border-color:#35465d!important;
  color:#eef3f8!important;
}
body.dark-mode .chat-message.is-mine .chat-message-body{
  background:#21416f!important;
  border-color:#315a96!important;
  color:#f3f8ff!important;
}
body.dark-mode .chat-message-body p,
body.dark-mode .chat-room-title strong,
body.dark-mode .chat-rail-head h2,
body.dark-mode .chat-side-title h2{
  color:#f2f6fb!important;
}
body.dark-mode .chat-room-title span,
body.dark-mode .chat-online-inline,
body.dark-mode .chat-history-label,
body.dark-mode .chat-message-head small{
  color:#aeb9c8!important;
}
body.dark-mode .chat-tool-button,
body.dark-mode .chat-font-controls,
body.dark-mode .chat-user-actions button,
body.dark-mode .chat-room-exit{
  background:#182536!important;
  color:#eef3f8!important;
  border-color:#455a73!important;
}
body.dark-mode .chat-private-rooms a{
  background:#182536!important;
  color:#e8eef6!important;
  border-color:#35465d!important;
}
body.dark-mode .chat-private-rooms a.active{
  background:#3156d8!important;
  color:#fff!important;
  border-color:#3156d8!important;
}
body.dark-mode .chat-auto-room-name,
body.dark-mode .chat-filter-admin,
body.dark-mode .chat-filter-row,
body.dark-mode .chat-user-row,
body.dark-mode .chat-staff-links a{
  background:#151f2d!important;
  color:#eef3f8!important;
  border-color:#35465d!important;
}
body.dark-mode .chat-call-status{
  background:#12233a!important;
  color:#eef3f8!important;
  border-color:#35465d!important;
}
body.dark-mode .chat-auto-broadcast{
  background:#173158!important;
  color:#dcecff!important;
  border-color:#27476f!important;
}
body.dark-mode .chat-history-label{
  background:#101a28!important;
  border-color:#35465d!important;
}
body.dark-mode .chat-entry-card{
  background:#121d2b!important;
  color:#eef3f8!important;
  border-color:#35465d!important;
}
body.dark-mode .chat-entry-rules span,
body.dark-mode .chat-entry-ad{
  background:#182536!important;
  color:#dce6f1!important;
  border-color:#35465d!important;
}

/* Tables/details/pagination/common miscellaneous controls. */
body.dark-mode table,
body.dark-mode th,
body.dark-mode td{
  color:#eef3f8!important;
  border-color:#35465d!important;
}
body.dark-mode th{background:#172536!important}
body.dark-mode td{background:#121d2b!important}
body.dark-mode details,
body.dark-mode summary{
  color:#eef3f8!important;
  border-color:#35465d!important;
}
body.dark-mode .pagination a,
body.dark-mode .pagination span{
  background:#151f2d!important;
  color:#eef3f8!important;
  border-color:#35465d!important;
}

/* Keep deliberately bright status chips readable rather than forcing global white text. */
body.dark-mode .message-count,
body.dark-mode .role-badge,
body.dark-mode .listing-status,
body.dark-mode .public-status,
body.dark-mode .pill,
body.dark-mode .featured-card-badge,
body.dark-mode .featured-listing-badge{
  text-shadow:none!important;
}


/* Universal transparent WotUGot logo for both appearance modes. */
.brand-logo-universal{
  display:block!important;
  width:146px;
  height:58px;
  object-fit:contain;
  object-position:left center;
}
body.dark-mode .brand-logo-universal{
  display:block!important;
}
@media(max-width:720px){
  .brand-logo-universal{
    width:125px;
    height:50px;
  }
}


/* ========================================================================
   FINAL SIZE + PUBLIC MEMBER INFORMATION PASS
   Modest site-wide upscale only; no layout redesign.
   ======================================================================== */

/* Slightly larger overall site scale. */
html{
  font-size:106.25%;
}
.container{
  width:min(1340px,calc(100% - 28px));
}
.chat-page .container{
  width:min(1450px,calc(100% - 24px));
}

/* Larger universal site logo, still identical in light/dark mode. */
.brand-logo-universal{
  width:184px!important;
  height:70px!important;
}
.header-main{
  height:78px!important;
}
@media(max-width:720px){
  .brand-logo-universal{
    width:152px!important;
    height:58px!important;
  }
  .header-main{
    height:66px!important;
  }
}

/* Public profile information must remain visible in both themes. */
.profile-about-grid{
  margin-top:16px!important;
}
.profile-details-card{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.profile-bio-full{
  white-space:pre-line;
}

/* Rich member information directly on every listing page. */
.seller-public-profile{
  display:grid;
  gap:12px;
  padding:16px!important;
}
.seller-public-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.seller-public-profile .seller-profile-link{
  min-width:0;
}
.seller-public-profile .seller-profile-link img{
  width:58px;
  height:58px;
}
.seller-view-profile{
  flex:0 0 auto;
  font-size:.72rem;
  font-weight:850;
}
.seller-public-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.seller-public-meta>div{
  min-width:0;
  padding:8px 9px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--soft);
}
.seller-public-meta span,
.seller-public-meta strong{
  display:block;
}
.seller-public-meta span{
  color:var(--muted);
  font-size:.56rem;
  font-weight:850;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.seller-public-meta strong{
  margin-top:2px;
  color:var(--ink);
  font-size:.69rem;
  overflow-wrap:anywhere;
}
.seller-public-bio{
  padding:10px 11px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--soft);
}
.seller-public-bio>span{
  display:block;
  color:var(--muted);
  font-size:.56rem;
  font-weight:850;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.seller-public-bio p{
  margin:5px 0 0;
  color:var(--ink);
  font-size:.72rem;
  line-height:1.55;
}
.seller-bio-empty{
  color:var(--muted)!important;
  font-style:italic;
}
.seller-public-profile .swapper-stats{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.seller-public-profile .swapper-stats span{
  margin:0;
  padding:6px 8px;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--soft);
  color:var(--muted);
  font-size:.62rem;
}
.seller-public-profile .swapper-stats strong{
  color:var(--ink);
}

/* Backup 6 public related-post behaviour, made visibly permanent. */
.listing-public-related{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  margin-top:34px;
  padding-top:24px;
  border-top:1px solid var(--line);
}
.listing-public-related .section-heading{
  margin-bottom:14px;
}
.listing-public-related .related-listing-grid{
  display:grid!important;
}
.listing-public-related>p{
  color:var(--muted);
}

/* Light mode member panels. */
body:not(.dark-mode) .seller-public-profile,
body:not(.dark-mode) .seller-public-meta>div,
body:not(.dark-mode) .seller-public-bio{
  background:#fff!important;
  color:#263244!important;
  border-color:#d8e2ee!important;
}
body:not(.dark-mode) .seller-public-meta>div,
body:not(.dark-mode) .seller-public-bio,
body:not(.dark-mode) .seller-public-profile .swapper-stats span{
  background:#f7faff!important;
}
body:not(.dark-mode) .seller-public-meta strong,
body:not(.dark-mode) .seller-public-bio p,
body:not(.dark-mode) .seller-public-profile .swapper-stats strong{
  color:#263244!important;
}

/* Dark mode member panels. */
body.dark-mode .seller-public-profile,
body.dark-mode .seller-public-meta>div,
body.dark-mode .seller-public-bio{
  background:#151f2d!important;
  color:#eef3f8!important;
  border-color:#35465d!important;
}
body.dark-mode .seller-public-meta>div,
body.dark-mode .seller-public-bio,
body.dark-mode .seller-public-profile .swapper-stats span{
  background:#111b28!important;
  border-color:#35465d!important;
}
body.dark-mode .seller-public-meta strong,
body.dark-mode .seller-public-bio p,
body.dark-mode .seller-public-profile .swapper-stats strong{
  color:#f2f6fb!important;
}
body.dark-mode .seller-public-meta span,
body.dark-mode .seller-public-bio>span,
body.dark-mode .seller-public-profile .swapper-stats span{
  color:#aeb9c8!important;
}
body.dark-mode .listing-public-related{
  border-color:#35465d!important;
}

@media(max-width:760px){
  html{font-size:103.125%}
  .seller-public-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .seller-public-meta{
    grid-template-columns:1fr;
  }
  .profile-details-card{
    grid-template-columns:1fr!important;
  }
}


/* ========================================================================
   STRONGER SITE UPSCALE + LOGGED-IN PUBLIC MEMBER VISIBILITY
   No layout redesign: this is scale and visibility only.
   ======================================================================== */

/* Previous pass was too subtle. Make the entire UI noticeably larger. */
html{
  font-size:120%!important;
}
body{
  line-height:1.5;
}
.container{
  width:min(1460px,calc(100% - 34px))!important;
}
.chat-page .container{
  width:min(1540px,calc(100% - 30px))!important;
}

/* Larger header/logo. */
.header-main{
  height:98px!important;
}
.brand-logo-universal{
  width:242px!important;
  height:92px!important;
}
.nav-inner{
  min-height:48px!important;
}
.nav-inner a{
  padding:14px 15px!important;
}

/* Form controls/buttons scale with the larger site. */
.button{
  min-height:46px!important;
  padding-left:18px!important;
  padding-right:18px!important;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
select,
textarea{
  min-height:46px!important;
}
textarea{
  line-height:1.5!important;
}

/* Give compact marketplace cards a proportional bump too. */
.homepage-duo-listing-grid .listing-image{
  height:88px!important;
  min-height:88px!important;
}
.homepage-duo-listing-grid .listing-body{
  padding:6px!important;
}
.homepage-duo-listing-grid .listing-body h3{
  font-size:.56rem!important;
}

/* Public member info on listing pages: never tied to login or account role. */
.listing-member-public-info{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  gap:10px;
  margin:10px 0 14px;
}
.listing-member-public-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.listing-member-public-meta>div,
.listing-member-public-bio{
  padding:10px 11px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--soft);
}
.listing-member-public-meta span,
.listing-member-public-bio>span{
  display:block;
  color:var(--muted);
  font-size:.58rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.listing-member-public-meta strong{
  display:block;
  margin-top:3px;
  color:var(--ink);
  font-size:.72rem;
}
.listing-member-public-bio p{
  margin:5px 0 7px;
  color:var(--ink);
  font-size:.74rem;
  line-height:1.55;
}
.listing-member-public-bio a{
  font-size:.65rem;
  font-weight:850;
}

/* The two Backup 6 recommendation areas are public, always. */
.listing-detail + .listing-public-related,
.listing-public-related{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Backup 6 related blocks use inline wrappers; ensure their content never
   disappears because the viewer is signed in. */
.related-listing-grid{
  visibility:visible!important;
  opacity:1!important;
}

/* Light/dark member info contrast. */
body:not(.dark-mode) .listing-member-public-meta>div,
body:not(.dark-mode) .listing-member-public-bio{
  background:#f7faff!important;
  border-color:#d8e2ee!important;
}
body:not(.dark-mode) .listing-member-public-meta strong,
body:not(.dark-mode) .listing-member-public-bio p{
  color:#263244!important;
}
body.dark-mode .listing-member-public-meta>div,
body.dark-mode .listing-member-public-bio{
  background:#111b28!important;
  border-color:#35465d!important;
}
body.dark-mode .listing-member-public-meta strong,
body.dark-mode .listing-member-public-bio p{
  color:#f2f6fb!important;
}
body.dark-mode .listing-member-public-meta span,
body.dark-mode .listing-member-public-bio>span{
  color:#aeb9c8!important;
}

/* Profile info from Backup 6 remains visible for signed-in viewers. */
.profile-bio,
.profile-member-meta,
.profile-stat-grid,
.profile-section{
  display:block;
  visibility:visible!important;
  opacity:1!important;
}
.profile-member-meta{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}

@media(max-width:900px){
  html{font-size:114%!important}
  .brand-logo-universal{
    width:205px!important;
    height:78px!important;
  }
  .header-main{height:84px!important}
  .profile-member-meta{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px){
  html{font-size:108%!important}
  .container{width:min(100% - 20px,1460px)!important}
  .brand-logo-universal{
    width:174px!important;
    height:66px!important;
  }
  .header-main{height:72px!important}
  .listing-member-public-meta{
    grid-template-columns:1fr;
  }
  .profile-member-meta{
    grid-template-columns:1fr!important;
  }
}


/* Final navigation/message icon + members visibility repair. */
.topbar-message-icon{
  display:block;
  width:25px;
  height:25px;
  object-fit:contain;
}
.topbar-message-icon-dark{display:none}
body.dark-mode .topbar-message-icon-light{display:none!important}
body.dark-mode .topbar-message-icon-dark{display:block!important}
.topbar-message-link{
  position:relative;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-width:34px;
  min-height:32px;
}
.topbar-message-link .message-count{
  position:absolute;
  right:-3px;
  top:-3px;
  min-width:17px;
  height:17px;
  font-size:.58rem;
}

/* The Members directory itself now exposes the public member information. */
.member-card-expanded{
  align-items:flex-start!important;
  min-height:190px;
}
.member-card-expanded>img{
  width:82px!important;
  height:82px!important;
}
.member-card-expanded .member-card-copy{
  min-width:0;
  flex:1;
}
.member-card-name-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.member-card-name-row h2{margin-top:0!important}
.member-directory-status{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:4px 7px;
  border-radius:999px;
  font-size:.58rem;
  font-weight:850;
  background:#eef2f6;
  color:#627083;
}
.member-directory-status i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#8995a5;
}
.member-directory-status.is-online{
  background:#e5f7ed;
  color:#176b43;
}
.member-directory-status.is-online i{background:#21a366}
.member-directory-meta{
  display:flex;
  flex-wrap:wrap;
  gap:5px 7px;
  margin:5px 0 7px;
}
.member-directory-meta span{
  padding:3px 6px;
  border:1px solid var(--line);
  border-radius:6px;
  background:var(--soft);
  color:var(--muted);
  font-size:.58rem;
  font-weight:750;
}
.member-directory-bio{
  min-height:2.8em;
  margin:0 0 8px!important;
}
.member-card-expanded .member-card-stats{
  flex-wrap:wrap;
}
.member-directory-view{
  display:block;
  margin-top:8px;
  color:#3156d8;
  font-size:.62rem;
  font-weight:850;
}
body.dark-mode .member-directory-status{
  background:#263446;
  color:#c4cfdb;
}
body.dark-mode .member-directory-status.is-online{
  background:#173a2a;
  color:#9be0b8;
}
body.dark-mode .member-directory-meta span{
  background:#111b28!important;
  border-color:#35465d!important;
  color:#aeb9c8!important;
}
body.dark-mode .member-directory-view{
  color:#75ccff!important;
}

/* Public information must remain visible no matter whether the viewer is signed in. */
.profile-bio,
.profile-member-meta,
.profile-stat-grid,
.profile-section,
.listing-member-public-info,
.related-listing-grid{
  visibility:visible!important;
  opacity:1!important;
}


/* Top Swap now matches the compact Top Swapper card on the homepage. */
.hero-panel{
  min-height:0!important;
  display:grid!important;
  align-content:center!important;
  gap:12px!important;
}
.hero-top-swap-card,
.hero-top-swapper-card{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  bottom:auto!important;
  width:100%!important;
  max-width:none!important;
  transform:none!important;
  margin:0!important;
}
.hero-top-swap-card:hover,
.hero-top-swapper-card:hover{
  transform:translateY(-2px)!important;
}
.hero-top-swap-body img{
  width:62px!important;
  height:48px!important;
  border-radius:9px!important;
  object-fit:cover!important;
}
.hero-top-swap-body span{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.hero-top-swap-body small{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
body.dark-mode .hero-top-swap-card,
body.dark-mode .hero-top-swapper-card{
  background:#151f2d!important;
  border-color:#35465d!important;
}
@media(max-width:720px){
  .hero-panel{
    gap:10px!important;
  }
  .hero-top-swap-body,
  .hero-top-swapper-body{
    grid-template-columns:auto 1fr!important;
  }
  .hero-top-swap-body em,
  .hero-top-swapper-body em{
    grid-column:2!important;
  }
}


/* Newest Member + Monthly Leaderboard share one homepage row. */
.homepage-member-duo{
  padding:12px 0!important;
  background:
    radial-gradient(circle at 8% 20%,rgba(56,182,255,.08),transparent 24%),
    radial-gradient(circle at 92% 78%,rgba(81,112,255,.07),transparent 25%),
    #f4f9ff;
  border-top:1px solid #dce7f2;
  border-bottom:1px solid #dce7f2;
}
.homepage-member-duo-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  align-items:start;
}
.homepage-member-duo-pane{
  min-width:0;
}
.homepage-member-duo .newest-member-card,
.homepage-member-duo .monthly-top-five{
  margin:0!important;
  padding:12px!important;
  border-radius:8px!important;
}

/* Newest member becomes compact enough to sit cleanly beside leaderboard. */
.homepage-member-duo .newest-member-card{
  display:block!important;
  height:auto!important;
}
.homepage-member-duo .newest-member-heading{
  margin-bottom:9px;
}
.homepage-member-duo .newest-member-heading h2{
  font-size:.94rem!important;
  margin:2px 0 4px!important;
}
.homepage-member-duo .newest-member-heading p{
  font-size:.54rem!important;
  line-height:1.4!important;
}
.homepage-member-duo .newest-member-profile{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;
  gap:8px!important;
  align-items:center!important;
}
.homepage-member-duo .newest-member-person{
  min-width:0;
}
.homepage-member-duo .newest-member-person img{
  width:44px!important;
  height:44px!important;
}
.homepage-member-duo .newest-member-person strong{
  font-size:.7rem!important;
}
.homepage-member-duo .newest-member-person small,
.homepage-member-duo .newest-member-person em{
  font-size:.5rem!important;
}
.homepage-member-duo .newest-member-stats{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:4px!important;
  grid-column:1/-1;
}
.homepage-member-duo .newest-member-stats>span{
  padding:5px!important;
  min-width:0!important;
  min-height:58px;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
}
.homepage-member-duo .newest-member-stats .monthly-star-rating{
  min-width:0;
  font-size:.75rem!important;
  line-height:1.2;
}
.homepage-member-duo .newest-member-stats strong{
  font-size:.61rem!important;
}
.homepage-member-duo .newest-member-stats small{
  font-size:.44rem!important;
}
.homepage-member-duo .newest-member-actions{
  display:flex!important;
  gap:5px!important;
  flex-wrap:wrap!important;
}
.homepage-member-duo .newest-member-actions .button{
  min-height:29px!important;
  padding:0 8px!important;
  font-size:.52rem!important;
}
.homepage-member-duo .newest-member-community-stats{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:0!important;
  margin-top:8px!important;
  padding-top:7px!important;
}
.homepage-member-duo .newest-member-community-stats>span{
  padding:4px 5px!important;
}
.homepage-member-duo .newest-member-community-stats strong{
  font-size:.62rem!important;
}
.homepage-member-duo .newest-member-community-stats small{
  font-size:.43rem!important;
}

/* Leaderboard becomes five compact rows inside its half of the page. */
.homepage-member-duo .monthly-top-five-heading{
  align-items:flex-start!important;
  margin-bottom:8px!important;
}
.homepage-member-duo .monthly-top-five-heading h2{
  font-size:.94rem!important;
}
.homepage-member-duo .monthly-top-five-heading p{
  font-size:.52rem!important;
  line-height:1.35!important;
}
.homepage-member-duo .monthly-top-five-heading .button{
  min-height:29px!important;
  padding:0 8px!important;
  font-size:.5rem!important;
}
.homepage-member-duo .monthly-top-five-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:4px!important;
}
.homepage-member-duo .monthly-top-five-row{
  display:grid!important;
  grid-template-columns:26px 30px minmax(0,1fr) auto auto!important;
  grid-template-areas:"pos avatar member rating count"!important;
  align-items:center!important;
  min-height:0!important;
  gap:5px!important;
  padding:5px 6px!important;
}
.homepage-member-duo .monthly-top-five-position{
  width:24px!important;
  height:24px!important;
  font-size:.54rem!important;
}
.homepage-member-duo .monthly-top-five-avatar img{
  width:29px!important;
  height:29px!important;
}
.homepage-member-duo .monthly-top-five-member strong{
  font-size:.56rem!important;
}
.homepage-member-duo .monthly-top-five-member small,
.homepage-member-duo .monthly-top-five-rating small,
.homepage-member-duo .monthly-top-five-count small{
  font-size:.42rem!important;
}
.homepage-member-duo .monthly-top-five-rating{
  text-align:right;
}
.homepage-member-duo .monthly-star-rating{
  font-size:.48rem!important;
  white-space:nowrap;
}
.homepage-member-duo .monthly-top-five-count{
  display:grid!important;
  text-align:right;
}
.homepage-member-duo .monthly-top-five-count strong{
  font-size:.61rem!important;
}
.homepage-member-duo .monthly-top-five-arrow{
  display:none!important;
}

/* Dark mode */
body.dark-mode .homepage-member-duo{
  background:
    radial-gradient(circle at 8% 20%,rgba(56,182,255,.06),transparent 24%),
    radial-gradient(circle at 92% 78%,rgba(81,112,255,.08),transparent 25%),
    #0f1928!important;
  border-color:#2d4058!important;
}
body.dark-mode .homepage-member-duo .newest-member-card,
body.dark-mode .homepage-member-duo .monthly-top-five{
  background:#151f2d!important;
  border-color:#35465d!important;
  color:#eef3f8!important;
}

/* Responsive: side-by-side on normal desktop/tablet, stack only when narrow. */
@media(max-width:900px){
  .homepage-member-duo-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:560px){
  .homepage-member-duo .newest-member-profile{
    grid-template-columns:1fr!important;
  }
  .homepage-member-duo .monthly-top-five-row{
    grid-template-columns:24px 28px minmax(0,1fr) auto!important;
    grid-template-areas:
      "pos avatar member count"
      "rating rating rating rating"!important;
  }
  .homepage-member-duo .monthly-top-five-rating{
    text-align:left;
  }
}


/* Correct WotUGot footer branding; same transparent logo in both modes. */
.brand-footer{
  display:inline-flex!important;
  align-items:center;
  margin-bottom:14px!important;
}
.brand-logo-footer{
  display:block!important;
  width:205px;
  height:78px;
  object-fit:contain;
  object-position:left center;
}
body.dark-mode .brand-logo-footer{
  display:block!important;
}
@media(max-width:720px){
  .brand-logo-footer{
    width:180px;
    height:68px;
  }
}


/* All displayed rating scores use stars rather than numeric x/5 values. */
.rating-stars{
  color:#e7ad00!important;
  letter-spacing:.06em;
  white-space:nowrap;
  font-weight:900!important;
}
body.dark-mode .rating-stars{
  color:#ffd45a!important;
}
.rating-star-set{display:inline-flex;gap:.06em;white-space:nowrap;vertical-align:baseline}
.rating-star-set .rating-star{
  display:inline-block;
  position:relative;
  color:#9aa3af;
  letter-spacing:0;
}
.rating-star-set .rating-star::after{
  content:"★";
  position:absolute;
  inset:0;
  width:var(--star-fill,0%);
  overflow:hidden;
  color:#f2b900;
  white-space:nowrap;
}
body.dark-mode .rating-star-set .rating-star{color:#8994a3}
body.dark-mode .rating-star-set .rating-star::after{color:#ffd045}
.monthly-star-rating-empty{opacity:1}


/* ========================================================================
   RESTORED GLOBAL ADVERTISING
   Guests + standard non-subscribed members:
   - 970x90 top banner
   - 160x600 floating side skyscraper
   - 970x90 bottom banner
   Subscribers, moderators and admins remain ad-free.
   ======================================================================== */
.site-ad-top-wrap,
.site-ad-bottom-wrap{
  display:block;
}
.site-ad-top,
.site-ad-bottom{
  width:min(970px,100%)!important;
  aspect-ratio:970 / 90;
  height:auto!important;
  min-height:90px;
  margin-inline:auto!important;
}
.site-ad-side{
  display:flex;
  position:fixed!important;
  right:12px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:160px!important;
  height:600px!important;
  z-index:80!important;
}
.site-ad-side[data-ad-slot="global_side_left"]{
  left:12px!important;
  right:auto!important;
}
.site-ad-side .google-ad-slot{
  width:160px;
  min-height:560px;
}
.site-ad-side .adsbygoogle{
  width:160px!important;
  min-height:560px;
}
.site-ad-top .google-ad-slot,
.site-ad-bottom .google-ad-slot,
.site-ad-inline .google-ad-slot{
  width:100%;
}
.site-ad-top .adsbygoogle,
.site-ad-bottom .adsbygoogle,
.site-ad-inline .adsbygoogle{
  width:100%!important;
}
.site-ad-placeholder-image{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* Reserve the skyscraper for genuinely wide desktop screens so it floats
   beside the site rather than covering marketplace content. */
@media(max-width:1799px){
  .site-ad-side{
    display:none!important;
  }
}
@media(min-width:1800px){
  body.has-site-ads .site-ad-side{
    display:flex!important;
  }
}

/* On mobile/tablet keep the two horizontal ads only. */
@media(max-width:720px){
  .site-ad-top,
  .site-ad-bottom{
    min-height:0!important;
    height:auto!important;
  }
}

/* Ad-free account types should never retain an accidental slot. */
body.ad-free .site-ad-top-wrap,
body.ad-free .site-ad-bottom-wrap,
body.ad-free .site-ad-side{
  display:none!important;
}


/* ========================================================================
   CHAT ADMIN MODERATION + MEMBER CONTEXT MENU
   ======================================================================== */

/* People list: no inline mute/icon controls. Whole member row remains clickable. */
.chat-user-row.chat-user-context-target{
  cursor:default;
}
.chat-user-row.chat-user-context-target>a{
  flex:1;
  min-width:0;
}
.chat-user-actions{
  display:none!important;
}
.chat-people-hint{
  margin:8px 0 0!important;
  color:#7f8a9a!important;
  font-size:.58rem!important;
  line-height:1.4!important;
}

/* Staff panel lives beside Invisible mode. */
.chat-admin-moderation{
  display:grid;
  gap:7px;
  padding:9px;
  border:1px solid #364151;
  border-radius:7px;
  background:#111720;
}
.chat-admin-moderation>strong{
  color:#eef2f8;
  font-size:.68rem;
}
.chat-admin-moderation label{
  display:grid;
  gap:3px;
}
.chat-admin-moderation label>span{
  color:#96a3b4;
  font-size:.56rem;
  font-weight:800;
}
.chat-admin-moderation label>span small{
  font-weight:500;
}
.chat-admin-moderation select,
.chat-admin-moderation input{
  width:100%;
  min-width:0;
  min-height:34px!important;
  padding:6px 7px!important;
  border:1px solid #3a4658!important;
  border-radius:6px!important;
  background:#1d2632!important;
  color:#eef2f8!important;
  font-size:.61rem!important;
}
.chat-admin-moderation .button{
  min-height:34px!important;
  font-size:.61rem!important;
}
.chat-mod-result{
  min-height:1em;
  color:#75d6a5;
  font-size:.56rem;
  line-height:1.35;
}
.chat-mod-result.is-error{
  color:#ff8e86;
}

/* Right-click member menu for every signed-in user. */
.chat-user-context-menu{
  position:fixed;
  z-index:12000;
  width:210px;
  padding:6px;
  border:1px solid #435064;
  border-radius:8px;
  background:#171e28;
  box-shadow:0 18px 50px rgba(0,0,0,.38);
}
.chat-user-context-menu[hidden]{
  display:none!important;
}
.chat-context-title{
  padding:7px 8px;
  margin-bottom:4px;
  border-bottom:1px solid #303b4b;
  color:#9eabba;
  font-size:.59rem;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.chat-user-context-menu button{
  display:block;
  width:100%;
  padding:8px 9px;
  border:0;
  border-radius:5px;
  background:transparent;
  color:#e7edf5;
  text-align:left;
  font:inherit;
  font-size:.65rem;
  font-weight:750;
  cursor:pointer;
}
.chat-user-context-menu button:hover{
  background:#263140;
}
.chat-user-context-menu button.is-danger{
  color:#ff9b94;
}
.chat-user-context-menu button.is-danger:hover{
  background:#3a2428;
}

/* Staff message controls now contain delete only: no 15-minute mute icon. */
.chat-message-modtools{
  align-self:start;
}
.chat-message-modtools button{
  font-size:.95rem!important;
}

body:not(.dark-mode) .chat-user-context-menu{
  background:#fff;
  border-color:#cfd9e5;
  box-shadow:0 18px 50px rgba(32,48,68,.18);
}
body:not(.dark-mode) .chat-context-title{
  color:#69778a;
  border-color:#e0e7ef;
}
body:not(.dark-mode) .chat-user-context-menu button{
  color:#263244;
}
body:not(.dark-mode) .chat-user-context-menu button:hover{
  background:#eef4fb;
}
body:not(.dark-mode) .chat-user-context-menu button.is-danger{
  color:#b93636;
}

@media(max-width:760px){
  .chat-user-context-menu{
    width:min(240px,calc(100vw - 16px));
  }
}


/* Chat staff/admin panel: proper light-mode treatment. */
body:not(.dark-mode) .chat-staff-console{
  background:#fff!important;
  color:#263244!important;
  border:1px solid #d6e1ef!important;
  border-radius:8px!important;
  padding:10px!important;
}
body:not(.dark-mode) .chat-staff-console h2,
body:not(.dark-mode) .chat-staff-console b,
body:not(.dark-mode) .chat-admin-moderation>strong{
  color:#263244!important;
}
body:not(.dark-mode) .chat-staff-console p,
body:not(.dark-mode) .chat-admin-moderation label>span,
body:not(.dark-mode) .chat-mod-result{
  color:#66758a!important;
}
body:not(.dark-mode) .chat-admin-moderation{
  background:#fff!important;
  border-color:#d6e1ef!important;
}
body:not(.dark-mode) .chat-admin-moderation select,
body:not(.dark-mode) .chat-admin-moderation input{
  background:#fff!important;
  color:#263244!important;
  border-color:#c8d6e7!important;
}
body:not(.dark-mode) .chat-admin-moderation select:focus,
body:not(.dark-mode) .chat-admin-moderation input:focus{
  border-color:#3156d8!important;
  box-shadow:0 0 0 2px rgba(49,86,216,.10)!important;
}
body:not(.dark-mode) .chat-staff-switch span{
  background:#9ba9b9!important;
}
body:not(.dark-mode) .chat-staff-switch input:checked+span{
  background:#3156d8!important;
}
body:not(.dark-mode) .chat-staff-links a{
  background:#f7faff!important;
  color:#3156d8!important;
  border-color:#cbd8e7!important;
}
body:not(.dark-mode) .chat-mod-result.is-error{
  color:#b93636!important;
}


/* ========================================================================
   MASTER TWEAK PASS — listings, account/admin simplification, VIPs
   ======================================================================== */

/* Listing detail metadata + share */
.listing-facts{
  display:flex!important;
  flex-wrap:wrap;
  gap:7px!important;
  margin:8px 0 10px;
}
.listing-facts span{
  display:inline-flex;
  gap:4px;
  align-items:center;
  padding:6px 8px;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--soft);
  color:var(--muted);
  font-size:.66rem;
}
.listing-facts b{color:var(--ink);font-weight:850}
.listing-owner-rating{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 12px;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--soft);
}
.listing-owner-rating>span{
  color:var(--muted);
  font-size:.62rem;
  font-weight:850;
  text-transform:uppercase;
}
.listing-owner-rating .rating-stars{font-size:.86rem}
.listing-owner-rating small{color:var(--muted);font-size:.6rem}
.listing-share-button{cursor:pointer}
.listing-expiry-field{margin-top:12px}

/* Marketplace card highlighting */
.listing-image{position:relative}
.listing-highlight-badge{
  position:absolute;
  left:7px;
  bottom:7px;
  z-index:4;
  display:inline-flex;
  align-items:center;
  padding:4px 7px;
  border-radius:999px;
  font-size:.48rem;
  font-weight:950;
  letter-spacing:.05em;
  box-shadow:0 3px 10px rgba(20,34,55,.18);
}
.badge-newest{
  background:#dff7ef;
  color:#087455;
  border:1px solid #a8e6cf;
}
.badge-bumped{
  background:#fff1c9;
  color:#8a6100;
  border:1px solid #f2d47d;
}
.card-rating{
  display:block;
  margin:3px 0 0;
  font-size:.75rem!important;
  line-height:1.2;
  white-space:nowrap;
}
.listing-card .listing-user{overflow:visible!important;white-space:normal!important}
.listing-card .listing-user .card-rating{display:block!important}
.listing-posted{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:.47rem!important;
}

/* Homepage feature chips now explain actual site functions. */
.hero-feature-strip-upgraded span{
  display:grid!important;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto auto;
  column-gap:7px!important;
  align-items:center!important;
}
.hero-feature-strip-upgraded span>strong{
  grid-row:1/3;
  align-self:center;
}
.hero-feature-strip-upgraded b{
  font-size:.67rem;
  line-height:1.15;
}
.hero-feature-strip-upgraded small{
  display:block;
  color:var(--muted);
  font-size:.49rem;
  line-height:1.2;
  font-weight:650;
}
.homepage-member-shortcuts{
  padding:7px 0;
  background:#f7fbff;
  border-bottom:1px solid #dce7f2;
}
.homepage-member-shortcuts .container{
  display:flex;
  gap:8px;
}
.homepage-member-shortcuts a{
  flex:1;
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:8px 10px;
  border:1px solid #d7e2ef;
  border-radius:8px;
  background:#fff;
  color:#263244;
  text-decoration:none;
}
.homepage-member-shortcuts strong{font-size:.64rem}
.homepage-member-shortcuts span{color:#6f7f93;font-size:.55rem}

/* Swaps/Wanted share the same page structure. */
.market-directory-hero{
  padding:22px 0;
  background:
    radial-gradient(circle at 12% 12%,rgba(56,182,255,.12),transparent 28%),
    linear-gradient(135deg,#f8fbff,#eef5ff);
  border-bottom:1px solid #dce6f2;
}
.market-directory-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);
  gap:22px;
  align-items:center;
}
.market-directory-hero h1{
  margin:4px 0 7px;
  font-size:clamp(1.7rem,3vw,2.7rem);
}
.market-directory-hero p{
  margin:0 0 12px;
  max-width:760px;
  color:var(--muted);
}
.market-top-post{
  display:grid;
  grid-template-columns:70px minmax(0,1fr) auto;
  grid-template-areas:
    "badge badge badge"
    "image copy arrow";
  gap:8px 10px;
  align-items:center;
  padding:12px;
  border:1px solid #d6e1ed;
  border-radius:12px;
  background:#fff;
  color:var(--ink);
  text-decoration:none;
  box-shadow:0 10px 28px rgba(50,80,118,.08);
}
.market-top-post>.hero-top-swapper-badge{grid-area:badge;width:max-content}
.market-top-post>img,
.market-top-wanted-image{
  grid-area:image;
  width:70px;
  height:55px;
  object-fit:cover;
  border-radius:8px;
  border:1px solid var(--line);
}
.market-top-wanted-image{
  display:grid;
  place-items:center;
  background:#eef4ff;
  color:#3156d8;
  font-size:.62rem;
  font-weight:950;
}
.market-top-post>div:not(.market-top-wanted-image){grid-area:copy;display:grid;gap:2px;min-width:0}
.market-top-post strong{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.market-top-post small{color:var(--muted);font-size:.58rem}
.market-top-post em{grid-area:arrow;color:var(--brand);font-style:normal;font-size:.64rem;font-weight:900}
.market-directory-results{padding-top:20px!important}
.market-directory-heading{margin:18px 0 10px!important}
.market-directory-heading h2{font-size:1.18rem!important}

/* VIP */
.vip-tag{
  display:inline-flex;
  align-items:center;
  padding:3px 7px;
  border-radius:999px;
  background:#e8f1ff;
  color:#1d4ed8;
  font-size:.58rem;
  font-weight:950;
  letter-spacing:.06em;
}
.role-vip{background:#e8f1ff;color:#1d4ed8}
.chat-role-vip,.chat-mini-role-vip{
  background:#dbeafe!important;
  color:#1d4ed8!important;
}

/* Account: profile-first, compact and collapsible. */
.account-profile-hero{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:18px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--white);
  margin-bottom:10px;
}
.account-profile-avatar{
  position:relative;
  width:96px;
  height:96px;
}
.account-profile-avatar img{
  width:96px;
  height:96px;
  object-fit:cover;
  border-radius:18px;
  border:1px solid var(--line);
  background:#fff;
}
.account-profile-avatar .vip-tag{
  position:absolute;
  left:50%;
  bottom:-6px;
  transform:translateX(-50%);
}
.account-profile-copy h1{
  margin:3px 0 2px!important;
  font-size:1.55rem!important;
}
.account-profile-handle{
  margin:0 0 7px!important;
  color:var(--muted)!important;
  font-size:.7rem!important;
}
.account-profile-copy>p:last-of-type{
  max-width:700px;
  margin:0 0 10px;
  color:var(--muted);
  font-size:.72rem;
}
.account-profile-actions{display:flex;gap:7px;flex-wrap:wrap}
.account-profile-actions .button{min-height:34px!important;font-size:.62rem!important}
.account-profile-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(90px,1fr));
  gap:6px;
}
.account-profile-summary>span{
  display:grid;
  padding:9px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--soft);
  text-align:center;
}
.account-profile-summary strong{font-size:.8rem}
.account-profile-summary small{color:var(--muted);font-size:.5rem}
.account-mini-nav{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin:0 0 12px;
}
.account-mini-nav a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 9px;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--white);
  color:var(--ink);
  font-size:.6rem;
  font-weight:850;
}
.account-mini-nav b{
  display:grid;
  place-items:center;
  min-width:19px;
  height:19px;
  padding:0 5px;
  border-radius:999px;
  background:var(--brand);
  color:#fff;
  font-size:.5rem;
}
.account-fold{
  margin:9px 0;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--white);
  overflow:hidden;
}
.account-fold>summary{
  list-style:none;
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  padding:12px 14px;
  cursor:pointer;
  background:var(--soft);
}
.account-fold>summary::-webkit-details-marker{display:none}
.account-fold>summary span{font-size:.78rem;font-weight:900}
.account-fold>summary small{color:var(--muted);font-size:.56rem;text-align:right}
.account-fold>summary:after{
  content:'⌄';
  color:var(--brand);
  font-weight:950;
}
.account-fold[open]>summary:after{transform:rotate(180deg)}
.account-fold-body{padding:12px}
.account-fold .account-card,
.account-fold .account-preferences,
.account-fold .account-preference-feature,
.account-fold .account-feature-section,
.account-fold .account-block-section,
.account-fold .active-swaps-section,
.account-fold .completed-swaps-section,
.account-fold .my-listings{
  margin-top:0!important;
  margin-bottom:12px!important;
}
.account-fold .section-heading h2{font-size:1rem!important}
.account-fold .section-heading p{font-size:.62rem!important}

/* Admin: collapsed control groups instead of one giant page. */
.admin-mini-nav{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:10px;
}
.admin-mini-nav a{
  padding:7px 9px;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--white);
  color:var(--ink);
  font-size:.6rem;
  font-weight:850;
}
.admin-fold{
  margin:9px 0;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--white);
  overflow:hidden;
}
.admin-fold>summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 14px;
  cursor:pointer;
  background:var(--soft);
}
.admin-fold>summary::-webkit-details-marker{display:none}
.admin-fold>summary span{font-size:.8rem;font-weight:900}
.admin-fold>summary small{color:var(--muted);font-size:.56rem;text-align:right}
.admin-fold>summary:after{content:'⌄';color:var(--brand);font-weight:950}
.admin-fold[open]>summary:after{transform:rotate(180deg)}
.admin-fold-body{padding:12px}
.admin-fold .admin-toolbar,
.admin-fold .admin-role-guide,
.admin-fold .admin-commercial-settings,
.admin-fold .admin-compliance-runner,
.admin-fold .admin-reports,
.admin-fold .admin-post-moderation,
.admin-fold .admin-user-list{
  margin-top:0!important;
  margin-bottom:10px!important;
}
.admin-avatar-image{
  overflow:hidden;
  background:#fff!important;
}
.admin-avatar-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.admin-vip-form{display:inline-flex}
.admin-user-actions{gap:7px!important}

/* Light/dark parity for new boxes. */
body.dark-mode .homepage-member-shortcuts{
  background:#0f1928!important;
  border-color:#2d4058!important;
}
body.dark-mode .homepage-member-shortcuts a,
body.dark-mode .market-top-post,
body.dark-mode .account-profile-hero,
body.dark-mode .account-mini-nav a,
body.dark-mode .account-fold,
body.dark-mode .admin-mini-nav a,
body.dark-mode .admin-fold{
  background:#151f2d!important;
  border-color:#35465d!important;
  color:#f2f6fb!important;
}
body.dark-mode .market-directory-hero{
  background:linear-gradient(135deg,#101a28,#132237)!important;
  border-color:#2f4055!important;
}
body.dark-mode .account-profile-summary span,
body.dark-mode .account-fold>summary,
body.dark-mode .admin-fold>summary{
  background:#111b28!important;
  border-color:#35465d!important;
}
body.dark-mode .listing-facts span,
body.dark-mode .listing-owner-rating{
  background:#111b28!important;
  border-color:#35465d!important;
}
body.dark-mode .listing-facts b,
body.dark-mode .listing-owner-rating,
body.dark-mode .account-profile-copy h1{
  color:#f2f6fb!important;
}
body.dark-mode .vip-tag,
body.dark-mode .role-vip{
  background:#1e3358!important;
  color:#8edcff!important;
}

@media(max-width:900px){
  .market-directory-hero-grid{grid-template-columns:1fr}
  .account-profile-hero{grid-template-columns:auto 1fr}
  .account-profile-summary{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}
}
@media(max-width:620px){
  .homepage-member-shortcuts .container{display:grid}
  .account-profile-hero{grid-template-columns:1fr;text-align:center}
  .account-profile-avatar{margin:auto}
  .account-profile-actions{justify-content:center}
  .account-profile-summary{grid-template-columns:repeat(2,1fr)}
  .account-fold>summary,.admin-fold>summary{align-items:flex-start;flex-direction:column;gap:3px}
  .account-fold>summary small,.admin-fold>summary small{text-align:left}
  .market-top-post{grid-template-columns:60px minmax(0,1fr);grid-template-areas:"badge badge" "image copy" "arrow arrow"}
}

.listing-highlight-badge.badge-bumped{left:auto!important;right:7px!important}

/* ========================================================================
   SWAPS / WANTED UNIFICATION + HOMEPAGE FEATURE ALIGNMENT
   ======================================================================== */
.market-directory-hero .market-directory-intro{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.market-directory-hero .market-directory-intro .button{
  margin-top:2px;
}

/* Both directory pages use the exact same four-control search strip. */
.market-directory-search{
  display:grid!important;
  grid-template-columns:minmax(0,2fr) minmax(175px,.8fr) 190px auto!important;
  gap:6px!important;
  align-items:stretch!important;
  margin:0 0 18px!important;
}
.market-directory-search input,
.market-directory-search select,
.market-directory-search button{
  width:100%!important;
  min-height:38px!important;
  margin:0!important;
}
.market-directory-search button{
  min-width:92px!important;
  padding-inline:16px!important;
}
.market-directory-heading{
  min-height:74px;
  align-items:center!important;
}
.market-directory-heading>div{
  min-width:0;
}
.market-directory-heading .market-directory-action{
  flex:0 0 auto;
}

/* The top card uses the same media/copy grid on both pages. */
.market-top-post>.market-top-media{
  grid-area:image!important;
  width:70px!important;
  height:55px!important;
  overflow:hidden!important;
  border:1px solid var(--line)!important;
  border-radius:8px!important;
  background:#eef4ff!important;
}
.market-top-post>.market-top-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.market-top-post>.market-top-media .market-top-placeholder{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  color:#3156d8!important;
  font-size:.6rem!important;
  font-weight:950!important;
  letter-spacing:.04em!important;
}
.market-top-post>.market-top-copy{
  grid-area:copy!important;
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
}

/* Identical card geometry for Swaps and Wanted. */
.market-directory-grid .market-directory-card{
  min-width:0;
}
.market-directory-grid .market-directory-card-media{
  height:150px!important;
  min-height:150px!important;
}
.market-directory-placeholder{
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:3px!important;
  width:100%!important;
  height:100%!important;
  padding:18px!important;
  background:linear-gradient(135deg,#edf4ff,#e5edf8)!important;
  color:#3156d8!important;
  text-align:center!important;
}
.market-directory-placeholder strong{
  display:block!important;
  margin:0!important;
  font-size:.72rem!important;
  line-height:1!important;
  letter-spacing:.07em!important;
}
.market-directory-placeholder span{
  display:block!important;
  margin-top:3px!important;
  color:#64748b!important;
  font-size:.52rem!important;
  line-height:1.2!important;
}
.market-directory-grid .listing-body h3{
  min-height:2.7em;
}

/* Homepage: four equal feature cards; rating promo removed. */
.hero-feature-strip-upgraded{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.hero-feature-strip-upgraded span{
  grid-template-columns:18px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-content:center!important;
  align-items:center!important;
  min-height:46px!important;
  text-align:left!important;
}
.hero-feature-strip-upgraded span>strong{
  grid-row:1/3!important;
  align-self:center!important;
  justify-self:center!important;
  margin:0!important;
}
.hero-feature-strip-upgraded b,
.hero-feature-strip-upgraded small{
  min-width:0!important;
  margin:0!important;
}
.hero-feature-strip-upgraded b{
  align-self:end!important;
}
.hero-feature-strip-upgraded small{
  align-self:start!important;
}

body.dark-mode .market-directory-placeholder,
body.dark-mode .market-top-post>.market-top-media{
  background:linear-gradient(135deg,#15263a,#1b3047)!important;
  border-color:#35465d!important;
  color:#eef5fb!important;
}
body.dark-mode .market-directory-placeholder span,
body.dark-mode .market-top-placeholder{
  color:#9fd8f5!important;
}

@media(max-width:900px){
  .market-directory-search{
    grid-template-columns:1fr 1fr!important;
  }
  .market-directory-heading{
    min-height:0;
  }
  .hero-feature-strip-upgraded{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:560px){
  .market-directory-search{
    grid-template-columns:1fr!important;
  }
  .market-directory-grid .market-directory-card-media{
    height:130px!important;
    min-height:130px!important;
  }
  .hero-feature-strip-upgraded{
    grid-template-columns:1fr!important;
  }
}


/* ========================================================================
   STANDALONE WISHLIST PAGE
   Recommendations remain inside Account only; there is no standalone link.
   ======================================================================== */

.homepage-wishlist-shortcut .container{
  justify-content:center!important;
}
.homepage-wishlist-shortcut a{
  flex:0 1 760px!important;
  width:min(760px,100%);
}

.wishlist-page-hero{
  padding:24px 0;
  background:
    radial-gradient(circle at 12% 15%,rgba(56,182,255,.12),transparent 28%),
    linear-gradient(135deg,#f8fbff,#eef5ff);
  border-bottom:1px solid #dce6f2;
}
.wishlist-page-hero-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.wishlist-page-hero h1{
  margin:4px 0 6px;
  font-size:clamp(1.8rem,3vw,2.8rem);
}
.wishlist-page-hero p{
  margin:0;
  max-width:760px;
  color:var(--muted);
}
.wishlist-page-count{
  flex:0 0 auto;
  display:grid;
  min-width:130px;
  padding:14px 18px;
  border:1px solid #d6e1ed;
  border-radius:12px;
  background:#fff;
  text-align:center;
  box-shadow:0 10px 28px rgba(50,80,118,.07);
}
.wishlist-page-count strong{
  font-size:1.55rem;
  color:var(--brand);
}
.wishlist-page-count span{
  color:var(--muted);
  font-size:.62rem;
  font-weight:750;
}
.wishlist-page-heading{
  margin:0 0 14px!important;
}
.wishlist-page-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.wishlist-page-card{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--white);
  box-shadow:0 5px 18px rgba(34,54,82,.05);
}
.wishlist-page-card.is-inactive{
  opacity:.76;
}
.wishlist-page-image{
  position:relative;
  display:block;
  aspect-ratio:4/3;
  overflow:hidden;
  background:var(--soft);
}
.wishlist-page-image>img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.wishlist-page-image .pill{
  position:absolute;
  top:7px;
  left:7px;
}
.wishlist-status-badge{
  position:absolute;
  right:7px;
  bottom:7px;
  padding:4px 7px;
  border-radius:999px;
  background:#263244;
  color:#fff;
  font-size:.47rem;
  font-weight:950;
  letter-spacing:.05em;
}
.wishlist-page-card-body{
  padding:11px;
}
.wishlist-category{
  color:var(--brand);
  font-size:.52rem;
  font-weight:850;
}
.wishlist-page-card h3{
  margin:4px 0 5px;
  font-size:.8rem;
}
.wishlist-page-card h3 a{
  color:var(--ink);
  text-decoration:none;
}
.wishlist-page-card-body>p{
  min-height:3.7em;
  margin:0 0 9px;
  color:var(--muted);
  font-size:.61rem;
  line-height:1.45;
}
.wishlist-card-meta,
.wishlist-card-times{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
}
.wishlist-card-meta{
  padding-top:8px;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:.55rem;
}
.wishlist-card-meta .rating-stars{
  font-size:.58rem!important;
}
.wishlist-card-times{
  margin-top:5px;
  color:var(--muted);
}
.wishlist-card-times small{
  font-size:.48rem;
}
.wishlist-card-actions{
  display:grid;
  grid-template-columns:1fr auto;
  gap:6px;
  margin-top:10px;
}
.wishlist-card-actions form{
  margin:0;
}
.wishlist-card-actions .button{
  min-height:34px!important;
  padding:0 10px!important;
  font-size:.57rem!important;
}
.wishlist-empty-state{
  min-height:260px;
  display:grid;
  place-items:center;
  align-content:center;
  text-align:center;
}

/* Dark mode */
body.dark-mode .wishlist-page-hero{
  background:linear-gradient(135deg,#101a28,#132237)!important;
  border-color:#2f4055!important;
}
body.dark-mode .wishlist-page-count,
body.dark-mode .wishlist-page-card{
  background:#151f2d!important;
  border-color:#35465d!important;
}
body.dark-mode .wishlist-page-card h3 a{
  color:#f2f6fb!important;
}
body.dark-mode .wishlist-status-badge{
  background:#eef4ff;
  color:#263244;
}

@media(max-width:1100px){
  .wishlist-page-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:800px){
  .wishlist-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .wishlist-page-hero-inner{align-items:flex-start;flex-direction:column}
  .wishlist-page-count{width:100%}
  .wishlist-page-grid{grid-template-columns:1fr}
}


/* ========================================================================
   COMPACT ADMIN DASHBOARD + MAINTENANCE + WISHLIST RECOMMENDATIONS
   ======================================================================== */

/* Admin top: deliberately smaller and centred. */
.admin-hero-compact{
  padding:18px 0!important;
}
.admin-hero-compact>.container{
  width:min(1040px,calc(100% - 28px))!important;
  text-align:center;
}
.admin-hero-copy{
  max-width:620px;
  margin:0 auto 12px;
}
.admin-hero-copy h1{
  margin:3px 0 4px!important;
  font-size:1.45rem!important;
}
.admin-hero-copy p{
  margin:0!important;
  font-size:.65rem!important;
  color:var(--muted);
}
.admin-stat-grid-compact{
  width:min(900px,100%);
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:6px!important;
}
.admin-stat-grid-compact>div{
  min-width:0;
  padding:8px 5px!important;
  border-radius:8px!important;
}
.admin-stat-grid-compact strong{
  font-size:.82rem!important;
}
.admin-stat-grid-compact span{
  font-size:.48rem!important;
  line-height:1.2!important;
}
.admin-top-mini-grid{
  width:min(900px,100%);
  margin:8px auto 0;
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:7px;
  text-align:left;
}
.admin-maintenance-mini,
.admin-report-mini{
  min-height:86px;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--white);
}
.admin-maintenance-mini{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
}
.admin-maintenance-mini.is-on{
  border-color:#efb2ad;
  background:#fff7f6;
}
.admin-maintenance-mini strong,
.admin-report-mini strong{
  display:block;
  margin:2px 0;
  color:var(--ink);
  font-size:.68rem;
}
.admin-maintenance-mini small{
  display:block;
  color:var(--muted);
  font-size:.5rem;
}
.admin-maintenance-mini .button{
  min-height:30px!important;
  padding:0 8px!important;
  font-size:.52rem!important;
}
.admin-report-mini-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
}
.admin-report-mini-head>a{
  color:var(--brand);
  font-size:.53rem;
  font-weight:850;
}
.admin-report-mini-list{
  display:grid;
  gap:3px;
  margin-top:5px;
}
.admin-report-mini-list a{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:5px;
  align-items:center;
  color:var(--ink);
  text-decoration:none;
  font-size:.49rem;
}
.admin-report-mini-list b{color:var(--brand);font-size:.46rem}
.admin-report-mini-list span{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.admin-report-mini-list small{color:var(--muted);font-size:.43rem}
.admin-inbox-empty{display:block;margin-top:10px;color:var(--muted);font-size:.52rem}

/* Compact contact inbox in admin. */
.admin-contact-inbox{
  display:grid;
  gap:7px;
}
.admin-contact-message{
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--soft);
}
.admin-contact-message.is-new{
  border-left:4px solid var(--brand);
}
.admin-contact-message-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
}
.admin-contact-message-head strong{font-size:.66rem}
.admin-contact-message-head small{display:block;color:var(--muted);font-size:.49rem}
.admin-contact-message-head>span{
  color:var(--brand);
  font-size:.47rem;
  font-weight:900;
}
.admin-contact-message p{
  margin:7px 0;
  color:var(--muted);
  font-size:.57rem;
  line-height:1.45;
}
.admin-contact-actions{display:flex;gap:5px;flex-wrap:wrap}

/* Wishlist recommendations live at the bottom of the standalone Wishlist page. */
.wishlist-recommendations{
  margin-top:28px;
  padding-top:20px;
  border-top:1px solid var(--line);
}
.wishlist-recommendation-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.wishlist-recommendation-card{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--white);
}
.wishlist-rec-image{
  position:relative;
  display:block;
  aspect-ratio:16/10;
  overflow:hidden;
  background:var(--soft);
}
.wishlist-rec-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.wishlist-rec-image .pill{
  position:absolute;
  top:6px;
  left:6px;
}
.wishlist-recommendation-card>div{
  padding:9px;
}
.wishlist-recommendation-card small{
  color:var(--brand);
  font-size:.48rem;
  font-weight:850;
}
.wishlist-recommendation-card h3{
  margin:3px 0 7px;
  font-size:.68rem;
}
.wishlist-recommendation-card h3 a{
  color:var(--ink);
  text-decoration:none;
}
.wishlist-rec-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:6px;
  color:var(--muted);
  font-size:.5rem;
}
.wishlist-rec-meta .rating-stars{
  font-size:.52rem!important;
}

/* Dark mode parity */
body.dark-mode .admin-maintenance-mini,
body.dark-mode .admin-report-mini,
body.dark-mode .admin-contact-message,
body.dark-mode .wishlist-recommendation-card{
  background:#151f2d!important;
  border-color:#35465d!important;
}
body.dark-mode .admin-maintenance-mini.is-on{
  background:#2a1d22!important;
  border-color:#78434a!important;
}
body.dark-mode .admin-maintenance-mini strong,
body.dark-mode .admin-report-mini strong,
body.dark-mode .admin-report-mini-list a,
body.dark-mode .wishlist-recommendation-card h3 a{
  color:#f2f6fb!important;
}

@media(max-width:1000px){
  .admin-stat-grid-compact{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .wishlist-recommendation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .admin-top-mini-grid{grid-template-columns:1fr}
  .wishlist-recommendation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .admin-stat-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .admin-maintenance-mini{grid-template-columns:1fr}
  .admin-report-mini-list a{grid-template-columns:42px minmax(0,1fr)}
  .admin-report-mini-list small{grid-column:2}
  .wishlist-recommendation-grid{grid-template-columns:1fr}
}


/* ========================================================================
   SWAPPERS NEAR YOU
   Uses only the member's existing public town / postcode-area fields.
   ======================================================================== */
.nearby-swappers-section{
  padding:9px 0;
  border-bottom:1px solid #dce7f2;
  background:#f7fbff;
}
.nearby-swappers-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:7px;
}
.nearby-swappers-heading a{
  color:var(--brand);
  font-size:.54rem;
  font-weight:850;
}
.nearby-swappers-row{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px;
}
.nearby-swapper-card{
  position:relative;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 8px;
  gap:7px;
  align-items:center;
  min-width:0;
  padding:7px 8px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--white);
  color:var(--ink);
  text-decoration:none;
}
.nearby-swapper-card>img{
  width:38px;
  height:38px;
  border-radius:50%;
  object-fit:cover;
  background:var(--soft);
}
.nearby-swapper-card>span{
  min-width:0;
}
.nearby-swapper-card strong,
.nearby-swapper-card small{
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.nearby-swapper-card strong{
  font-size:.59rem;
}
.nearby-swapper-card small{
  margin-top:2px;
  color:var(--muted);
  font-size:.47rem;
}
.nearby-swapper-card>i,
.nearby-member-card>i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#98a4b3;
}
.nearby-swapper-card>i.is-online,
.nearby-member-card>i.is-online{
  background:#21a366;
  box-shadow:0 0 0 3px rgba(33,163,102,.10);
}

/* Members page version */
.members-nearby-panel{
  margin:16px 0 20px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--soft);
}
.nearby-members-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.nearby-member-card{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto 8px;
  gap:8px;
  align-items:center;
  min-width:0;
  padding:8px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--white);
  color:var(--ink);
  text-decoration:none;
}
.nearby-member-card>img{
  width:46px;
  height:46px;
  border-radius:50%;
  object-fit:cover;
}
.nearby-member-card>span{
  min-width:0;
}
.nearby-member-card strong,
.nearby-member-card small,
.nearby-member-card em{
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.nearby-member-card strong{font-size:.63rem}
.nearby-member-card small{color:var(--muted);font-size:.48rem}
.nearby-member-card em{margin-top:2px;color:var(--muted);font-size:.47rem;font-style:normal}
.nearby-member-card>b{
  padding:3px 5px;
  border-radius:999px;
  background:var(--soft);
  color:var(--muted);
  font-size:.43rem;
  white-space:nowrap;
}

/* Account placement */
.account-nearby-swappers{
  margin:0 0 10px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--soft);
}

/* Subtle marker on profiles/listing seller information. */
.near-you-badge{
  display:inline-flex;
  align-items:center;
  margin-left:5px;
  padding:2px 5px;
  border-radius:999px;
  background:#e4f6ef;
  color:#087455;
  font-size:.42rem;
  font-style:normal;
  font-weight:950;
  letter-spacing:.04em;
  vertical-align:middle;
}

/* Dark mode */
body.dark-mode .nearby-swappers-section{
  background:#0f1928!important;
  border-color:#2d4058!important;
}
body.dark-mode .nearby-swapper-card,
body.dark-mode .nearby-member-card{
  background:#151f2d!important;
  border-color:#35465d!important;
  color:#f2f6fb!important;
}
body.dark-mode .members-nearby-panel,
body.dark-mode .account-nearby-swappers{
  background:#111b28!important;
  border-color:#35465d!important;
}
body.dark-mode .nearby-member-card>b{
  background:#263446!important;
  color:#b8c4d2!important;
}
body.dark-mode .near-you-badge{
  background:#173a2a!important;
  color:#9be0b8!important;
}

@media(max-width:1050px){
  .nearby-swappers-row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .nearby-members-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .nearby-swappers-row,
  .nearby-members-grid{grid-template-columns:1fr}
}


/* Private postcode / 30-mile location matching */
.account-location-result{
  display:grid;
  gap:2px;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--soft);
}
.account-location-result span{
  color:var(--muted);
  font-size:.52rem;
  font-weight:850;
  text-transform:uppercase;
}
.account-location-result strong{
  color:var(--ink);
  font-size:.68rem;
}
.account-location-result small{
  color:#087455;
  font-size:.5rem;
  font-weight:800;
}
.account-location-actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
body.dark-mode .account-location-result{
  background:#111b28!important;
  border-color:#35465d!important;
}
body.dark-mode .account-location-result strong{
  color:#f2f6fb!important;
}
body.dark-mode .account-location-result small{
  color:#9be0b8!important;
}


/* County display and public profile now match the My Account visual language. */
.public-account-profile-hero{
  margin-bottom:10px!important;
}
.public-account-profile-hero .account-profile-copy>p:not(.account-profile-handle){
  white-space:normal;
  line-height:1.5;
}
.public-profile-summary .rating-stars{
  font-size:.72rem!important;
}
.public-profile-info-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  margin:0 0 10px;
}
.public-profile-info-strip>div{
  display:grid;
  gap:3px;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--soft);
}
.public-profile-info-strip span{
  color:var(--muted);
  font-size:.5rem;
  font-weight:850;
  text-transform:uppercase;
}
.public-profile-info-strip strong{
  color:var(--ink);
  font-size:.66rem;
}
.public-profile-mini-nav{
  margin-bottom:9px!important;
}
.public-profile-fold .related-listing-grid{
  margin-top:8px;
}
.public-profile-fold .profile-feedback-list{
  margin-top:8px;
}
body.dark-mode .public-profile-info-strip>div{
  background:#111b28!important;
  border-color:#35465d!important;
}
body.dark-mode .public-profile-info-strip strong{
  color:#f2f6fb!important;
}
@media(max-width:850px){
  .public-profile-info-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .public-profile-info-strip{grid-template-columns:1fr}
}


/* Dark-mode correction for listing bump information. */
body.dark-mode .listing-bump-info{
  background:#111b28!important;
  border:1px solid #35465d!important;
  color:#8edcff!important;
}
body.dark-mode .listing-bump-info strong{
  color:#8edcff!important;
}
body.dark-mode .listing-bump-info span{
  color:#aeb9c8!important;
}


/* ========================================================================
   ACCOUNT PROFILE & SETTINGS — compact pass
   ======================================================================== */
#profile-settings>summary{
  padding:9px 12px!important;
}
#profile-settings>summary span{
  font-size:.72rem!important;
}
#profile-settings>summary small{
  font-size:.51rem!important;
}
#profile-settings>.account-fold-body{
  padding:8px!important;
}
#profile-settings .account-card{
  gap:7px!important;
  margin-bottom:8px!important;
}
#profile-settings .account-card>div{
  padding:10px 11px!important;
  border-radius:9px!important;
}
#profile-settings .account-card span{
  margin-bottom:3px!important;
  font-size:.58rem!important;
}
#profile-settings .account-card strong{
  font-size:.66rem!important;
}
#profile-settings .account-status-card small{
  font-size:.49rem!important;
}
#profile-settings .account-preferences{
  gap:8px!important;
  margin:8px 0!important;
}
#profile-settings .account-pref-card{
  padding:11px!important;
  border-radius:9px!important;
}
#profile-settings .account-pref-card h3{
  margin:0 0 4px!important;
  font-size:.74rem!important;
}
#profile-settings .account-pref-card p{
  margin:0 0 7px!important;
  font-size:.56rem!important;
  line-height:1.4!important;
}
#profile-settings .account-pref-card form{
  gap:6px!important;
}
#profile-settings .account-pref-card input,
#profile-settings .account-pref-card select,
#profile-settings .account-pref-card textarea{
  padding:8px 9px!important;
  border-radius:7px!important;
  font-size:.61rem!important;
}
#profile-settings .account-pref-card textarea{
  min-height:82px!important;
}
#profile-settings .profile-avatar img{
  width:64px!important;
  height:64px!important;
}
#profile-settings .button{
  min-height:30px!important;
  padding:6px 9px!important;
  font-size:.55rem!important;
}
#profile-settings .account-inline-link{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  margin-top:6px!important;
  text-decoration:none;
}
#profile-settings .account-location-result{
  padding:7px 8px!important;
}

@media(max-width:800px){
  #profile-settings .account-preferences{grid-template-columns:1fr!important}
}


/* Monthly Top Swapper free-bump reward */
.top-swapper-reward-notice{
  border-bottom:1px solid #ecd78d;
  background:#fff8db;
}
.top-swapper-reward-notice>.container{
  min-height:46px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
}
.top-swapper-reward-icon{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#fff0a7;
  color:#8a6100;
  font-size:.75rem;
  font-weight:950;
}
.top-swapper-reward-notice strong,
.top-swapper-reward-notice span{
  display:block;
}
.top-swapper-reward-notice strong{
  color:#5e4600;
  font-size:.62rem;
}
.top-swapper-reward-notice div>span{
  margin-top:1px;
  color:#806916;
  font-size:.54rem;
}
.top-swapper-reward-notice a{
  color:#735600;
  font-size:.55rem;
  font-weight:900;
  white-space:nowrap;
}
body.dark-mode .top-swapper-reward-notice{
  background:#292619!important;
  border-color:#5b5130!important;
}
body.dark-mode .top-swapper-reward-icon{
  background:#49401f!important;
  color:#f6d66d!important;
}
body.dark-mode .top-swapper-reward-notice strong{
  color:#ffe698!important;
}
body.dark-mode .top-swapper-reward-notice div>span{
  color:#c8b77e!important;
}
body.dark-mode .top-swapper-reward-notice a{
  color:#f2d675!important;
}

@media(max-width:620px){
  .top-swapper-reward-notice>.container{
    grid-template-columns:auto minmax(0,1fr);
    padding-top:7px;
    padding-bottom:7px;
  }
  .top-swapper-reward-notice a{
    grid-column:2;
  }
}


/* ========================================================================
   HOMEPAGE REPOSITIONING + REFINED MESSAGES
   ======================================================================== */

/* Swappers Near You now sits beneath Newest Member / Monthly Leaderboard. */
.homepage-member-duo + .nearby-swappers-home{
  margin-top:0!important;
  border-top:1px solid #dce7f2;
}

/* Messages now use the same compact card/fold language as Account/Admin. */
.messages-page-refined{
  padding-top:18px!important;
}
.messages-profile-hero{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  padding:15px;
  margin-bottom:9px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--white);
}
.messages-profile-icon{
  display:grid;
  place-items:center;
  width:76px;
  height:76px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--soft);
  color:var(--brand);
  font-size:1.7rem;
  font-weight:950;
}
.messages-profile-copy h1{
  margin:3px 0 2px!important;
  font-size:1.45rem!important;
}
.messages-profile-copy>p{
  max-width:650px;
  margin:0 0 8px;
  color:var(--muted);
  font-size:.66rem;
}
.messages-profile-actions{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.messages-profile-actions .button{
  min-height:31px!important;
  padding:0 9px!important;
  font-size:.56rem!important;
}
.messages-profile-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(88px,1fr));
  gap:5px;
  width:min(330px,100%);
}
.messages-profile-summary>span{
  display:grid;
  min-width:0;
  padding:8px;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--soft);
  text-align:center;
}
.messages-profile-summary strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--ink);
  font-size:.7rem;
}
.messages-profile-summary small{
  color:var(--muted);
  font-size:.46rem;
}
.messages-mini-nav{
  margin-bottom:9px!important;
}

.messages-layout-refined{
  display:grid!important;
  grid-template-columns:minmax(260px,320px) minmax(0,1fr)!important;
  gap:9px!important;
  min-height:0!important;
  align-items:start!important;
}
.messages-side-panel,
.message-workspace-refined{
  min-width:0;
}
.messages-side-panel{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--white);
}
.messages-panel-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:10px 11px;
  border-bottom:1px solid var(--line);
  background:var(--soft);
}
.messages-panel-heading>div{
  display:grid;
}
.messages-panel-heading strong{
  font-size:.72rem;
}
.messages-panel-heading small{
  color:var(--muted);
  font-size:.48rem;
}
.messages-panel-heading>span{
  padding:3px 6px;
  border-radius:999px;
  background:var(--brand);
  color:#fff;
  font-size:.46rem;
  font-weight:900;
}

.conversation-list-refined{
  max-height:650px;
  overflow:auto;
  border:0!important;
  border-radius:0!important;
}
.conversation-row{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  padding:9px!important;
  border-bottom:1px solid var(--line)!important;
  background:transparent!important;
}
.conversation-row:last-child{
  border-bottom:0!important;
}
.conversation-row.active{
  background:#edf4ff!important;
  box-shadow:inset 3px 0 0 var(--brand);
}
.conversation-avatar{
  position:relative;
  width:42px;
  height:42px;
}
.conversation-avatar img{
  width:42px;
  height:42px;
  border-radius:50%;
  object-fit:cover;
  background:var(--soft);
}
.conversation-avatar i,
.message-member-avatar i{
  position:absolute;
  right:0;
  bottom:1px;
  width:9px;
  height:9px;
  border:2px solid var(--white);
  border-radius:50%;
  background:#97a3b1;
}
.conversation-avatar i.is-online,
.message-member-avatar i.is-online{
  background:#20a566;
}
.conversation-copy{
  min-width:0;
  display:grid;
  gap:1px;
}
.conversation-name-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  min-width:0;
}
.conversation-name-line strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--ink);
  font-size:.62rem;
}
.conversation-name-line b{
  display:grid;
  place-items:center;
  min-width:18px;
  height:18px;
  padding:0 4px;
  border-radius:999px;
  background:var(--brand);
  color:#fff;
  font-size:.43rem;
}
.conversation-copy>small,
.conversation-copy>em{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.conversation-copy>small{
  color:var(--brand)!important;
  font-size:.48rem!important;
  font-weight:800;
}
.conversation-copy>em{
  color:var(--muted)!important;
  font-size:.47rem!important;
  font-style:normal;
}
.conversation-row>time{
  align-self:start;
  padding-top:1px;
  color:var(--muted);
  font-size:.43rem;
  white-space:nowrap;
}
.conversation-list-empty{
  padding:22px 14px!important;
}
.conversation-list-empty strong{
  display:block;
  color:var(--ink);
  font-size:.65rem;
}
.conversation-list-empty p{
  margin:4px 0 0;
  color:var(--muted);
  font-size:.54rem;
  line-height:1.5;
}

.message-workspace-refined{
  display:grid!important;
  gap:8px!important;
}
.message-member-card-refined{
  grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr)!important;
  gap:10px!important;
  padding:10px!important;
  border-radius:10px!important;
}
.message-member-main{
  min-width:0;
}
.message-member-avatar{
  position:relative;
  flex:0 0 auto;
  width:48px;
  height:48px;
}
.message-member-avatar img{
  width:48px!important;
  height:48px!important;
  border-radius:12px!important;
}
.message-member-main small{
  font-size:.48rem!important;
}
.message-member-main strong{
  font-size:.76rem!important;
}
.message-member-main em{
  font-size:.53rem!important;
}
.message-member-stats{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
}
.message-member-stats span{
  padding:7px 5px!important;
  border:1px solid var(--line);
  border-radius:7px!important;
}
.message-member-stats strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.62rem!important;
}
.message-member-stats small{
  font-size:.43rem!important;
}

.message-listing-context-refined{
  grid-template-columns:78px minmax(0,1fr) auto!important;
  gap:10px!important;
  min-height:78px;
  padding:8px!important;
  border-radius:10px!important;
}
.message-listing-context-refined .message-listing-image{
  width:78px;
  height:60px;
  border-radius:7px;
}
.message-listing-context-refined h2{
  margin:2px 0!important;
  font-size:.72rem!important;
}
.message-listing-context-refined p{
  font-size:.5rem!important;
}
.message-listing-arrow{
  color:var(--brand);
  font-size:.52rem;
  font-weight:900;
  white-space:nowrap;
}
.message-direct-label-refined{
  padding:9px 11px!important;
  border-radius:9px!important;
}
.message-direct-label-refined p{
  font-size:.54rem!important;
}

.message-thread-fold{
  margin:0!important;
}
.message-thread-fold>summary{
  padding:9px 11px!important;
}
.message-thread-fold>summary span{
  font-size:.7rem!important;
}
.message-thread-fold>summary small{
  font-size:.48rem!important;
}
.message-thread-fold>.account-fold-body{
  padding:0!important;
}
.message-thread-refined{
  border:0!important;
  border-radius:0!important;
}
.message-thread-refined .message-scroll{
  min-height:330px!important;
  max-height:560px!important;
  padding:12px!important;
  gap:7px!important;
  background:var(--white);
}
.message-thread-refined .message-bubble{
  max-width:72%!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  margin:0!important;
}
.message-thread-refined .message-bubble strong{
  font-size:.5rem;
}
.message-thread-refined .message-bubble p{
  margin:3px 0!important;
  font-size:.61rem;
  line-height:1.45;
}
.message-thread-refined .message-bubble small{
  font-size:.43rem!important;
}
.message-form-refined{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px!important;
  align-items:end;
  padding:9px!important;
}
.message-form-refined textarea{
  min-height:58px!important;
  max-height:150px;
  padding:9px!important;
  font-size:.6rem!important;
}
.message-form-refined .button{
  min-height:38px!important;
  padding:0 14px!important;
  font-size:.58rem!important;
}
.message-empty-refined{
  min-height:420px!important;
  border:1px solid var(--line);
  border-radius:10px;
}
.message-empty-icon{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  margin-bottom:8px;
  border-radius:12px;
  background:var(--soft);
  color:var(--brand);
  font-size:1.25rem;
}
.message-empty-refined>div{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  justify-content:center;
}

/* Dark mode parity */
body.dark-mode .messages-profile-hero,
body.dark-mode .messages-side-panel,
body.dark-mode .message-member-card-refined,
body.dark-mode .message-thread-refined .message-scroll{
  background:#151f2d!important;
  border-color:#35465d!important;
}
body.dark-mode .messages-profile-icon,
body.dark-mode .messages-profile-summary>span,
body.dark-mode .messages-panel-heading,
body.dark-mode .message-member-stats span{
  background:#111b28!important;
  border-color:#35465d!important;
}
body.dark-mode .conversation-row{
  border-color:#35465d!important;
}
body.dark-mode .conversation-row.active{
  background:#20334b!important;
}
body.dark-mode .conversation-avatar i,
body.dark-mode .message-member-avatar i{
  border-color:#151f2d!important;
}
body.dark-mode .conversation-name-line strong,
body.dark-mode .messages-profile-summary strong,
body.dark-mode .messages-panel-heading strong{
  color:#f1f5fa!important;
}
body.dark-mode .message-empty-refined{
  border-color:#35465d!important;
}

@media(max-width:980px){
  .messages-profile-hero{
    grid-template-columns:auto minmax(0,1fr);
  }
  .messages-profile-summary{
    grid-column:1/-1;
    width:100%;
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .messages-layout-refined{
    grid-template-columns:1fr!important;
  }
  .conversation-list-refined{
    max-height:300px;
  }
}
@media(max-width:650px){
  .messages-profile-hero{
    grid-template-columns:1fr;
    text-align:center;
  }
  .messages-profile-icon{
    margin:auto;
  }
  .messages-profile-actions{
    justify-content:center;
  }
  .messages-profile-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .message-member-card-refined{
    grid-template-columns:1fr!important;
  }
  .message-member-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .message-listing-context-refined{
    grid-template-columns:62px minmax(0,1fr)!important;
  }
  .message-listing-context-refined .message-listing-image{
    width:62px;
    height:52px;
  }
  .message-listing-arrow{
    grid-column:2;
  }
  .message-thread-refined .message-bubble{
    max-width:88%!important;
  }
  .message-form-refined{
    grid-template-columns:1fr;
  }
}


/* ========================================================================
   LIVE WOTUGOT BRAND
   Exact supplied symbol artwork + static original wordmark.
   Motion mirrors the supplied video: gentle zoom and breathing glow.
   ======================================================================== */

.live-brand{
  display:inline-flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0;
  width:max-content;
  text-decoration:none!important;
  line-height:1;
  overflow:visible;
}

.live-brand-symbol-wrap{
  position:relative;
  display:block;
  flex:0 0 auto;
  isolation:isolate;
}

.live-brand-symbol{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  transform-origin:center;
  will-change:transform,filter;
  animation:wotugot-logo-breathe 5s ease-in-out infinite;
}

.live-brand-glow{
  position:absolute;
  z-index:1;
  inset:14%;
  border-radius:34%;
  opacity:0;
  filter:blur(14px);
  background:
    radial-gradient(circle at 50% 50%,
      rgba(255,91,91,.30) 0 12%,
      rgba(74,110,255,.28) 32%,
      rgba(57,181,244,.23) 58%,
      transparent 76%);
  transform:scale(.88);
  animation:wotugot-logo-glow 5s ease-in-out infinite;
  pointer-events:none;
}

.live-brand-wordmark{
  display:block;
  object-fit:contain;
  object-position:center;
  flex:0 0 auto;
}

/* Header proportions: roughly the same overall footprint as the old logo. */
.live-brand-header{
  width:178px;
}
.live-brand-header .live-brand-symbol-wrap{
  width:62px;
  height:62px;
  margin-bottom:-4px;
}
.live-brand-header .live-brand-wordmark{
  width:152px;
  height:auto;
}
.header-main{
  min-height:98px!important;
  height:98px!important;
}

/* Footer can be slightly larger because it has more breathing room. */
.live-brand-footer{
  width:212px;
  margin-bottom:14px!important;
}
.live-brand-footer .live-brand-symbol-wrap{
  width:82px;
  height:82px;
  margin-bottom:-5px;
}
.live-brand-footer .live-brand-wordmark{
  width:194px;
  height:auto;
}

/* Old single-image logo dimensions no longer control these components. */
.live-brand .brand-logo-universal,
.live-brand .brand-logo-footer{
  display:none!important;
}

@keyframes wotugot-logo-breathe{
  0%{
    transform:scale(1);
    filter:drop-shadow(0 0 0 rgba(76,124,255,0));
  }
  38%{
    transform:scale(.76);
    filter:drop-shadow(0 0 0 rgba(76,124,255,0));
  }
  62%{
    transform:scale(.76);
    filter:
      drop-shadow(0 0 5px rgba(64,183,246,.24))
      drop-shadow(0 0 9px rgba(80,100,255,.17));
  }
  100%{
    transform:scale(1);
    filter:drop-shadow(0 0 0 rgba(76,124,255,0));
  }
}

@keyframes wotugot-logo-glow{
  0%,28%{
    opacity:0;
    transform:scale(.72);
  }
  58%{
    opacity:.9;
    transform:scale(1.18);
  }
  76%{
    opacity:.36;
    transform:scale(1.04);
  }
  100%{
    opacity:0;
    transform:scale(.82);
  }
}

/* Dark mode uses the same artwork and motion. */
body.dark-mode .live-brand-symbol,
body.dark-mode .live-brand-wordmark{
  display:block!important;
}

/* Keep navigation/header compact on smaller screens. */
@media(max-width:720px){
  .live-brand-header{
    width:128px;
  }
  .live-brand-header .live-brand-symbol-wrap{
    width:48px;
    height:48px;
    margin-bottom:-3px;
  }
  .live-brand-header .live-brand-wordmark{
    width:118px;
  }
  .header-main{
    min-height:78px!important;
    height:78px!important;
  }

  .live-brand-footer{
    width:180px;
  }
  .live-brand-footer .live-brand-symbol-wrap{
    width:70px;
    height:70px;
  }
  .live-brand-footer .live-brand-wordmark{
    width:166px;
  }
}

/* Respect system reduced-motion preference. */
@media(prefers-reduced-motion:reduce){
  .live-brand-symbol,
  .live-brand-glow{
    animation:none!important;
  }
  .live-brand-symbol{
    transform:none!important;
    filter:none!important;
  }
  .live-brand-glow{
    display:none!important;
  }
}


/* Live logo size refinement */
.live-brand-header{
  width:206px!important;
}
.live-brand-header .live-brand-symbol-wrap{
  width:76px!important;
  height:76px!important;
  margin-bottom:-7px!important;
}
.live-brand-header .live-brand-wordmark{
  width:178px!important;
}
.live-brand-footer{
  width:242px!important;
}
.live-brand-footer .live-brand-symbol-wrap{
  width:96px!important;
  height:96px!important;
  margin-bottom:-7px!important;
}
.live-brand-footer .live-brand-wordmark{
  width:220px!important;
}
@media(max-width:720px){
  .live-brand-header{width:148px!important}
  .live-brand-header .live-brand-symbol-wrap{width:56px!important;height:56px!important;margin-bottom:-5px!important}
  .live-brand-header .live-brand-wordmark{width:136px!important}
  .live-brand-footer{width:198px!important}
  .live-brand-footer .live-brand-symbol-wrap{width:78px!important;height:78px!important}
  .live-brand-footer .live-brand-wordmark{width:182px!important}
}

.nearby-swappers-empty{
  padding:10px 12px;
  border:1px dashed var(--line);
  border-radius:8px;
  background:var(--soft);
  color:var(--muted);
  font-size:.56rem;
  text-align:center;
}
body.dark-mode .nearby-swappers-empty{
  background:#111b28!important;
  border-color:#35465d!important;
}


/* Live logo emblem only — 50% larger; wordmark remains unchanged */
.live-brand-header .live-brand-symbol-wrap{
  width:114px!important;
  height:114px!important;
}
.live-brand-footer .live-brand-symbol-wrap{
  width:144px!important;
  height:144px!important;
}
@media(max-width:720px){
  .live-brand-header .live-brand-symbol-wrap{
    width:84px!important;
    height:84px!important;
  }
  .live-brand-footer .live-brand-symbol-wrap{
    width:117px!important;
    height:117px!important;
  }
}


/* Live logo text proportion correction
   Animated symbol size stays exactly as in the previous revision. */
.live-brand-header .live-brand-wordmark{
  width:112px!important;
  height:auto!important;
}
.live-brand-footer .live-brand-wordmark{
  width:142px!important;
  height:auto!important;
}

@media(max-width:720px){
  .live-brand-header .live-brand-wordmark{
    width:94px!important;
  }
  .live-brand-footer .live-brand-wordmark{
    width:122px!important;
  }
}


/* ========================================================================
   HEADER LIVE LOGO FINAL FIT
   Keep the animated emblem and wordmark sizes unchanged.
   Only give the top logo enough vertical room so the wordmark is not clipped.
   Footer remains untouched.
   ======================================================================== */
.header-main{
  height:140px!important;
  min-height:140px!important;
  align-items:center!important;
}
.live-brand-header{
  align-self:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
.live-brand-header .live-brand-symbol-wrap{
  width:114px!important;
  height:114px!important;
  margin-bottom:-7px!important;
}
.live-brand-header .live-brand-wordmark{
  width:112px!important;
  height:auto!important;
  margin:0!important;
}

/* Message icon now occupies the old Post a listing position in the main header. */
.header-message-button{
  position:relative;
  display:grid!important;
  place-items:center;
  flex:0 0 auto;
  width:48px;
  height:42px;
  padding:0!important;
  border:1px solid #3156d8;
  border-radius:9px;
  background:linear-gradient(180deg,#4569ee 0%,#3156d8 100%);
  box-shadow:0 5px 12px rgba(49,86,216,.18);
  text-decoration:none!important;
  transition:transform .15s ease,box-shadow .15s ease;
}
.header-message-button:hover{
  transform:translateY(-1px);
  box-shadow:0 7px 16px rgba(49,86,216,.24);
}
.header-message-icon{
  width:22px;
  height:22px;
  object-fit:contain;
}
.header-message-icon-dark{
  display:none;
}
body.dark-mode .header-message-icon-light{
  display:none;
}
body.dark-mode .header-message-icon-dark{
  display:block;
}
.header-message-button .message-count{
  position:absolute;
  top:-6px;
  right:-6px;
  min-width:18px;
  height:18px;
  padding:0 4px;
  border:2px solid var(--white);
  border-radius:999px;
  font-size:.5rem;
}
@media(max-width:720px){
  .header-main{
    height:106px!important;
    min-height:106px!important;
  }
  .live-brand-header .live-brand-symbol-wrap{
    width:84px!important;
    height:84px!important;
  }
  .live-brand-header .live-brand-wordmark{
    width:94px!important;
  }
  .header-message-button{
    width:42px;
    height:38px;
  }
}


/* ========================================================================
   HEADER MAIL BUTTON TWEAK
   Same position and icon; larger in both themes.
   Light mode gets a pale background so the blue icon remains visible.
   ======================================================================== */

.header-message-button{
  width:58px!important;
  height:50px!important;
  border-radius:11px!important;
}

.header-message-icon{
  width:30px!important;
  height:30px!important;
}

/* Light mode: blue envelope on a pale neutral/blue-tinted button. */
body:not(.dark-mode) .header-message-button{
  background:#f4f8ff!important;
  border:1px solid #b9cbed!important;
  box-shadow:0 5px 12px rgba(49,86,216,.10)!important;
}
body:not(.dark-mode) .header-message-button:hover{
  background:#eaf2ff!important;
  border-color:#8eace3!important;
  box-shadow:0 7px 16px rgba(49,86,216,.14)!important;
}

/* Dark mode: keep the existing dark-friendly treatment, just larger. */
body.dark-mode .header-message-button{
  background:#1f2c3e!important;
  border:1px solid #52657e!important;
  box-shadow:0 5px 12px rgba(0,0,0,.18)!important;
}
body.dark-mode .header-message-button:hover{
  background:#293a50!important;
  border-color:#6f87a6!important;
}

@media(max-width:720px){
  .header-message-button{
    width:50px!important;
    height:44px!important;
  }
  .header-message-icon{
    width:26px!important;
    height:26px!important;
  }
}


/* ========================================================================
   NEARBY MEMBERS — PERSISTENT RESTORE
   Keep these sections visible for logged-in members even with zero matches.
   ======================================================================== */
.nearby-swappers-home,
.members-nearby-panel{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
.nearby-swappers-home .container,
.members-nearby-panel{
  min-height:52px;
}


/* Guest browser-location state for Swappers Near You */
.nearby-guest-state{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:48px;
  padding:9px 12px;
  border:1px dashed var(--line);
  border-radius:8px;
  background:var(--soft);
  color:var(--muted);
  font-size:.56rem;
  text-align:center;
}
.nearby-location-button{
  min-height:30px!important;
  padding:0 9px!important;
  font-size:.52rem!important;
}
body.dark-mode .nearby-guest-state{
  background:#111b28!important;
  border-color:#35465d!important;
}
@media(max-width:560px){
  .nearby-guest-state{
    flex-direction:column;
  }
}


/* Final chat / gallery refinements */
.chat-system-message{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin:4px auto;
  padding:4px 9px;
  width:max-content;
  max-width:90%;
  border-radius:999px;
  background:var(--soft);
  color:var(--muted);
  font-size:.5rem;
}
.chat-system-message>span{color:var(--brand);font-weight:950}
.chat-system-message small{font-size:inherit}
body.dark-mode .chat-system-message{background:#1a2738!important;color:#aebdce!important}
.wishlist-card-price{
  margin-top:6px;
  color:var(--ink);
  font-size:.56rem;
  font-weight:850;
}


/* Chat room entry / exit notices */
.chat-system-message{
  margin:6px auto!important;
  padding:5px 11px!important;
  border:1px solid var(--line)!important;
  background:var(--soft)!important;
}
body.dark-mode .chat-system-message{
  border-color:#35465d!important;
  background:#192535!important;
}


/* Post life / expiry labels */
.listing-time-left{
  display:block;
  margin-top:3px;
  color:var(--brand);
  font-size:.54rem;
  font-weight:850;
}
body.dark-mode .listing-time-left{
  color:#9fb4ff!important;
}
.listing-expiry-field>small{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:.58rem;
  font-weight:700;
}

.listing-time-left-detail{
  display:inline-flex!important;
  margin:0!important;
  padding:4px 8px;
  border-radius:999px;
  background:var(--soft);
}


/* Four subscription price plans */
.subscription-pricing{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
@media(max-width:1050px){
  .subscription-pricing{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .subscription-pricing{grid-template-columns:1fr!important}
}


/* ========================================================================
   SUBSCRIPTION PAGE — COMPACT REFINEMENT
   Keep the same plans/values/features, but reduce oversized typography and
   vertical space so the page reads like the rest of WotUGot.
   ======================================================================== */
.subscription-hero{
  padding:42px 0!important;
}
.subscription-hero-inner{
  max-width:820px!important;
}
.subscription-hero h1{
  font-size:clamp(2rem,3.4vw,3.15rem)!important;
  line-height:1.03!important;
  letter-spacing:-.04em!important;
  margin:9px 0 12px!important;
}
.subscription-hero p{
  font-size:.9rem!important;
  line-height:1.6!important;
  max-width:650px!important;
  margin:0!important;
}
.subscription-live{
  margin-top:14px!important;
  padding:9px 12px!important;
  border-radius:10px!important;
  font-size:.72rem!important;
}

.subscription-section{
  padding-top:36px!important;
  padding-bottom:48px!important;
}

.subscription-pricing{
  gap:13px!important;
  margin-bottom:20px!important;
}
.subscription-price-card{
  padding:20px!important;
  border-radius:16px!important;
  min-height:225px!important;
}
.subscription-price-card .eyebrow{
  font-size:.58rem!important;
}
.subscription-price-card h2{
  font-size:2rem!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
  margin:7px 0 7px!important;
}
.subscription-price-card p{
  font-size:.72rem!important;
  line-height:1.5!important;
  margin:0 0 16px!important;
}
.subscription-price-card .button{
  min-height:39px!important;
  padding:0 12px!important;
  font-size:.68rem!important;
}
.subscription-best-value{
  right:12px!important;
  top:12px!important;
  padding:4px 7px!important;
  font-size:.5rem!important;
}

.subscription-benefits{
  gap:12px!important;
}
.subscription-benefits article{
  padding:18px!important;
  border-radius:15px!important;
}
.subscription-benefits article>strong{
  font-size:.58rem!important;
  letter-spacing:.08em!important;
}
.subscription-benefits h2{
  margin:5px 0 6px!important;
  font-size:1rem!important;
}
.subscription-benefits p{
  font-size:.7rem!important;
  line-height:1.55!important;
}

.subscription-bump-cta{
  margin-top:18px!important;
  padding:18px 20px!important;
  border-radius:15px!important;
}
.subscription-bump-cta h2{
  font-size:1.05rem!important;
  margin:4px 0 5px!important;
}
.subscription-bump-cta p{
  font-size:.7rem!important;
  line-height:1.5!important;
}
.subscription-bump-cta .button{
  min-height:39px!important;
  font-size:.68rem!important;
}

.subscription-cta-card{
  margin-top:18px!important;
  padding:20px!important;
  border-radius:15px!important;
  gap:18px!important;
}
.subscription-cta-card h2{
  font-size:1.05rem!important;
  margin:4px 0 5px!important;
}
.subscription-cta-card p{
  font-size:.7rem!important;
  line-height:1.5!important;
}
.subscription-cta-card .button,
.subscription-coming{
  min-height:39px!important;
  font-size:.68rem!important;
  padding:0 12px!important;
}

.subscription-test{
  margin-top:13px!important;
  padding:13px!important;
  border-radius:12px!important;
  font-size:.68rem!important;
}

@media(max-width:1050px){
  .subscription-pricing{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .subscription-price-card{
    min-height:205px!important;
  }
}

@media(max-width:700px){
  .subscription-hero{
    padding:32px 0!important;
  }
  .subscription-hero h1{
    font-size:2rem!important;
  }
  .subscription-section{
    padding-top:26px!important;
  }
  .subscription-pricing{
    grid-template-columns:1fr!important;
  }
  .subscription-price-card{
    min-height:0!important;
  }
  .subscription-benefits{
    grid-template-columns:1fr!important;
  }
  .subscription-bump-cta,
  .subscription-cta-card{
    align-items:stretch!important;
    flex-direction:column!important;
  }
}


/* ========================================================================
   MULTI-IMAGE LISTING MANAGEMENT
   ======================================================================== */
.selected-photo-list{
  margin-top:7px;
  color:var(--muted);
  font-size:.72rem;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.selected-photo-list.has-files{
  color:var(--brand);
  font-weight:750;
}
.edit-image-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:10px 0 18px;
}
.edit-image-card{
  display:block!important;
  position:relative;
  padding:8px!important;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
}
.edit-image-card img{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:10px;
  background:var(--soft);
}
.edit-image-card>span{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:8px;
  color:var(--muted);
  font-size:.7rem;
  font-weight:750;
}
.edit-image-card input{
  width:auto!important;
  margin:0!important;
  accent-color:var(--brand);
}
.edit-image-empty{
  padding:14px;
  margin:8px 0 16px;
  border:1px dashed var(--line);
  border-radius:12px;
  color:var(--muted);
  font-size:.75rem;
}
.listing-image-viewer{
  display:grid;
  gap:10px;
}
.listing-image-viewer>#listing-main-photo{
  width:100%;
  height:100%;
  max-height:620px;
  object-fit:contain;
  background:var(--soft);
  border-radius:inherit;
}
.listing-image-thumbs{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.listing-image-thumb{
  padding:3px;
  border:2px solid transparent;
  border-radius:10px;
  background:var(--soft);
  cursor:pointer;
}
.listing-image-thumb.is-active{
  border-color:var(--brand);
}
.listing-image-thumb img{
  display:block;
  width:100%;
  aspect-ratio:1;
  object-fit:cover;
  border-radius:6px;
}
body.dark-mode .edit-image-card{
  background:#162131!important;
  border-color:#35465d!important;
}
@media(max-width:760px){
  .edit-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .listing-image-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}
}


/* Currency-prefix inputs + account-derived listing location */
.money-input{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:stretch;
}
.money-input>span{
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-right:0;
  border-radius:13px 0 0 13px;
  background:var(--soft);
  color:var(--ink);
  font-weight:900;
}
.money-input>input{
  border-radius:0 13px 13px 0!important;
}
.account-location-note strong{
  color:var(--ink);
}
body.dark-mode .money-input>span{
  background:#172334!important;
  border-color:#35465d!important;
  color:#fff!important;
}


/* ========================================================================
   COMPACT CREATE / EDIT POST PAGES
   Applies only to Swap/Wanted creation forms and Edit Listing.
   ======================================================================== */
.compact-post-hero{
  padding:38px 0 58px!important;
}
.compact-post-hero .post-hero-grid{
  gap:38px!important;
}
.compact-post-hero .post-hero-copy h1{
  font-size:clamp(2.15rem,3.8vw,3.45rem)!important;
  line-height:1!important;
  margin:9px 0 13px!important;
  max-width:680px!important;
}
.compact-post-hero .post-hero-copy>p{
  font-size:.86rem!important;
  line-height:1.55!important;
  margin-bottom:16px!important;
  max-width:610px!important;
}
.compact-post-hero .trust-row{
  gap:8px!important;
}
.compact-post-hero .trust-row span{
  padding:7px 9px!important;
  font-size:.67rem!important;
}
.compact-post-hero .post-hero-card{
  width:min(330px,100%)!important;
  padding:17px!important;
  border-radius:18px!important;
}
.compact-post-hero .top-swap-photo{
  height:145px!important;
  margin:9px 0 11px!important;
}
.compact-post-hero .post-hero-card h3{
  font-size:1rem!important;
}
.compact-post-hero .post-hero-card p,
.compact-post-hero .post-hero-card small{
  font-size:.68rem!important;
}

.compact-post-form{
  border-radius:16px!important;
}
.compact-post-form .homepage-form-section{
  padding:22px 26px!important;
  gap:12px!important;
}
.compact-post-form .homepage-form-heading{
  margin-bottom:2px!important;
}
.compact-post-form .homepage-form-heading .eyebrow{
  margin-bottom:3px!important;
  font-size:.56rem!important;
}
.compact-post-form .homepage-form-heading h2{
  font-size:1.08rem!important;
  margin:0!important;
}
.compact-post-form label{
  gap:4px!important;
  font-size:.72rem!important;
}
.compact-post-form input,
.compact-post-form select,
.compact-post-form textarea{
  min-height:39px!important;
  padding:9px 11px!important;
  border-radius:10px!important;
  font-size:.76rem!important;
}
.compact-post-form .description-field>label{
  font-size:.72rem!important;
  margin-bottom:3px!important;
}
.compact-post-form .description-field>p{
  font-size:.67rem!important;
  margin:0 0 7px!important;
}
.compact-post-form .description-field>textarea{
  height:112px!important;
  min-height:112px!important;
  max-height:112px!important;
  padding:10px 11px!important;
  border-radius:10px!important;
}
.compact-post-form .description-field>small,
.compact-post-form .form-help,
.compact-post-form label small,
.compact-post-form label em{
  font-size:.64rem!important;
  line-height:1.4!important;
}
.compact-post-form .form-row{
  gap:12px!important;
}
.compact-post-form .homepage-photo-card{
  padding:12px 14px!important;
  grid-template-columns:150px minmax(0,1fr)!important;
  gap:14px!important;
  border-radius:12px!important;
}
.compact-post-form .homepage-photo-card .photo-action-button,
.compact-post-form .photo-action-button{
  min-height:40px!important;
  width:150px!important;
  min-width:150px!important;
  padding:0 14px!important;
  border-radius:10px!important;
  font-size:.68rem!important;
}
.compact-post-form .photo-explanation strong,
.compact-post-form .photo-action-copy{
  font-size:.69rem!important;
}
.compact-post-form .photo-explanation small,
.compact-post-form .selected-photo-list{
  font-size:.62rem!important;
}
.compact-post-form .listing-expiry-field select{
  max-width:310px!important;
}
.compact-post-form .account-location-note{
  padding:8px 10px!important;
  border-radius:9px!important;
  background:var(--soft);
}
.compact-post-form .money-input{
  grid-template-columns:34px minmax(0,1fr)!important;
}
.compact-post-form .money-input>span{
  font-size:.76rem!important;
  border-radius:10px 0 0 10px!important;
}
.compact-post-form .money-input>input{
  border-radius:0 10px 10px 0!important;
}
.compact-post-form .homepage-form-submit,
.compact-post-form .form-submit-row{
  padding:18px 26px!important;
  gap:16px!important;
}
.compact-post-form .homepage-form-submit h2{
  font-size:1.05rem!important;
}
.compact-post-form .homepage-form-submit .eyebrow{
  font-size:.55rem!important;
}
.compact-post-form .button,
.compact-post-form button{
  min-height:38px!important;
  font-size:.68rem!important;
}
.compact-post-form .subscriber-post-promo{
  padding-top:17px!important;
  padding-bottom:17px!important;
}
.compact-post-form .subscriber-post-promo h2{
  font-size:.92rem!important;
  margin:2px 0 3px!important;
}
.compact-post-form .subscriber-post-promo p{
  font-size:.65rem!important;
}
.compact-post-form .bump-panel{
  padding:13px!important;
  gap:15px!important;
  border-radius:11px!important;
}
.compact-post-form .bump-panel p,
.compact-post-form .bump-panel small{
  font-size:.64rem!important;
}
.compact-post-form .edit-image-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
  margin:6px 0 12px!important;
}
.compact-post-form .edit-image-card{
  padding:5px!important;
  border-radius:10px!important;
}
.compact-post-form .edit-image-card img{
  border-radius:7px!important;
}
.compact-post-form .edit-image-card>span{
  margin-top:5px!important;
  font-size:.6rem!important;
}
.compact-post-form .remove-post-zone{
  padding:15px 26px!important;
}
.compact-post-form .remove-post-zone p{
  font-size:.64rem!important;
}
.edit-listing-band{
  padding-top:30px!important;
  padding-bottom:55px!important;
}
.compact-wanted-post-band{
  padding-bottom:55px!important;
}
.compact-wanted-post-band .post-form-container{
  max-width:900px!important;
}

@media(max-width:800px){
  .compact-post-hero{
    padding:30px 0 48px!important;
  }
  .compact-post-form .homepage-form-section{
    padding:18px!important;
  }
  .compact-post-form .homepage-photo-card{
    grid-template-columns:1fr!important;
  }
  .compact-post-form .homepage-photo-card .photo-action-button,
  .compact-post-form .photo-action-button{
    width:100%!important;
    min-width:0!important;
  }
  .compact-post-form .edit-image-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:520px){
  .compact-post-form .edit-image-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

.wanted-post-create-hero{
  background:radial-gradient(circle at 85% 25%,rgba(255,142,74,.12),transparent 28%),linear-gradient(135deg,#fffaf7,#f6f8ff)!important;
}

.wanted-payment-section{margin-top:14px}
.wanted-payment-section>.eyebrow{display:block;margin-bottom:7px}


/* Homepage top trio refinements */
.hero-swap-rating{
  display:flex!important;
  align-items:center;
  gap:7px;
}
.hero-swap-rating .rating-stars{
  color:#f1a900;
  letter-spacing:.04em;
}
.hero-most-wanted-card .hero-top-swapper-badge{
  white-space:nowrap;
}


/* ========================================================================
   2026-09-25 platform refinements
   ======================================================================== */

/* Home button beside Messages */
.header-home-button{
  display:grid;
  place-items:center;
  width:58px;
  height:50px;
  border-radius:11px;
  text-decoration:none;
  font-size:1.35rem;
  font-weight:900;
  border:1px solid var(--line);
  background:#fff;
  color:var(--ink);
  flex:0 0 auto;
}
.header-home-button:hover{transform:translateY(-1px)}
body.dark-mode .header-home-button{background:#172334;border-color:#35465d;color:#fff}
@media(max-width:650px){
  .header-home-button{width:50px;height:44px;font-size:1.15rem}
}

/* Homepage announcement */
.homepage-announcement{padding:14px 0 0}
.homepage-announcement-card{
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-areas:"tag title" "tag text";
  align-items:center;
  column-gap:16px;
  row-gap:2px;
  padding:13px 17px;
  border:1px solid var(--line);
  border-radius:13px;
  background:var(--white);
}
.homepage-announcement-card .eyebrow{grid-area:tag;margin:0}
.homepage-announcement-card strong{grid-area:title;font-size:.82rem}
.homepage-announcement-card p{grid-area:text;margin:0;color:var(--muted);font-size:.69rem;line-height:1.45}
body.dark-mode .homepage-announcement-card{background:#172334;border-color:#35465d}
@media(max-width:650px){
  .homepage-announcement-card{grid-template-columns:1fr;grid-template-areas:"tag" "title" "text";padding:12px 14px}
}

/* Sales / combined listing pills */
.pill-sale{background:#eaf7ef!important;color:#11683d!important}
.pill-both{background:#eef0ff!important;color:#4a43b8!important}
body.dark-mode .pill-sale{background:#173126!important;color:#89e4b5!important}
body.dark-mode .pill-both{background:#26294d!important;color:#b9b8ff!important}
.homepage-sales-band{padding:0 0 34px}
.homepage-sales-band .homepage-market-pane{padding-top:10px}

/* Listing market choice */
.market-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.listing-market-choice>span{display:block;margin-bottom:6px;font-size:.72rem;font-weight:800}
@media(max-width:720px){.market-mode-grid{grid-template-columns:1fr}}

/* Chat moderator badge */
.role-chat-moderator{background:#e7f8f1!important;color:#087455!important}
body.dark-mode .role-chat-moderator{background:#18362e!important;color:#86e6c5!important}

/* Quick moderation + history */
.admin-quick-search{margin-bottom:14px}
.admin-quick-results{display:grid;gap:8px}
.admin-quick-results article{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--white);
}
.admin-quick-results article small{display:block;color:var(--muted);margin-top:2px}
.admin-history-link{margin:14px 0 0}
.moderation-history-page .compact-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}
.compact-page-heading h1{font-size:1.65rem;margin:4px 0 5px}
.compact-page-heading p{margin:0;color:var(--muted);font-size:.78rem}
.moderation-history-search{margin-bottom:14px}
.moderation-history-list{display:grid;gap:8px}
.moderation-history-list article{
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--white);
}
.moderation-history-list article>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.moderation-history-list article strong{font-size:.74rem}
.moderation-history-list article span,.moderation-history-list article small{color:var(--muted);font-size:.65rem}
.moderation-history-list article p{margin:5px 0 3px;font-size:.7rem;line-height:1.45}
body.dark-mode .admin-quick-results article,
body.dark-mode .moderation-history-list article{background:#172334;border-color:#35465d}
@media(max-width:650px){
  .admin-quick-results article,.moderation-history-page .compact-page-heading{align-items:stretch;flex-direction:column}
}

/* Friends + social links */
.public-social-links{
  margin:12px 0;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--white);
}
.public-social-links>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}
.public-social-links a{
  padding:6px 9px;
  border-radius:8px;
  background:var(--soft);
  text-decoration:none;
  font-size:.67rem;
  font-weight:800;
}
.account-friend-requests{margin:18px 0}
.friend-request-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.friend-request-grid article{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--white);
}
.friend-request-grid article>a{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none}
.friend-request-grid img{width:42px;height:42px;object-fit:cover;border-radius:50%}
.friend-request-grid form{display:flex;gap:6px}
body.dark-mode .public-social-links,
body.dark-mode .friend-request-grid article{background:#172334;border-color:#35465d}
@media(max-width:700px){.friend-request-grid{grid-template-columns:1fr}}

/* Message image support */
.message-image-link{display:block;margin-top:7px}
.message-image{
  display:block;
  max-width:min(360px,100%);
  max-height:340px;
  object-fit:contain;
  border-radius:10px;
  background:rgba(0,0,0,.05);
}
.message-image-picker{
  display:flex!important;
  align-items:center;
  justify-content:center;
  min-width:82px;
  padding:0 10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--soft);
  cursor:pointer;
  font-size:.68rem!important;
  font-weight:800!important;
}
.message-image-picker input{display:none}
.messages-mobile-back{display:none}

/* Phone messages: prioritise the conversation itself rather than huge hero UI */
@media(max-width:700px){
  .messages-page-refined{padding-top:12px!important}
  .messages-page-refined>.container{width:min(100% - 18px,1460px)!important}
  .messages-profile-hero{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:13px!important;
    margin-bottom:10px!important;
  }
  .messages-profile-icon,.messages-profile-summary,.messages-profile-actions{display:none!important}
  .messages-profile-copy h1{font-size:1.35rem!important;margin:2px 0 3px!important}
  .messages-profile-copy p{font-size:.68rem!important;margin:0!important}
  .messages-mini-nav{margin:8px 0!important;overflow:auto;white-space:nowrap}
  .messages-layout-refined{grid-template-columns:1fr!important;gap:8px!important}
  body:has(.message-workspace .message-thread-fold) #conversation-list-panel{display:none}
  .messages-mobile-back{display:inline-flex;margin:0 0 6px;font-size:.7rem;font-weight:800;text-decoration:none}
  .message-member-card-refined{
    padding:10px!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .message-member-stats{display:none!important}
  .message-listing-context-refined{padding:8px!important;grid-template-columns:54px 1fr!important}
  .message-listing-context-refined .message-listing-image{width:54px;height:54px}
  .message-listing-arrow{display:none!important}
  .message-thread-fold>summary{padding:10px 12px!important}
  .message-thread-fold>.account-fold-body{padding:0!important}
  .message-thread-refined .message-scroll{
    min-height:52vh!important;
    max-height:58vh!important;
    padding:10px!important;
  }
  .message-thread-refined .message-bubble{
    max-width:88%!important;
    padding:9px 10px!important;
    font-size:.74rem!important;
  }
  .message-form-refined{
    position:sticky;
    bottom:0;
    z-index:3;
    display:grid!important;
    grid-template-columns:1fr auto auto!important;
    gap:6px!important;
    padding:8px!important;
    margin-top:0!important;
    background:var(--white);
    border-top:1px solid var(--line);
  }
  body.dark-mode .message-form-refined{background:#172334;border-color:#35465d}
  .message-form-refined textarea{min-height:44px!important;max-height:90px!important;padding:8px 9px!important;font-size:.75rem!important}
  .message-form-refined .button{min-height:44px!important;padding:0 12px!important}
  .message-image-picker{min-height:44px!important;min-width:64px;padding:0 8px}
}

/* Header home + mail sit together cleanly */
.header-main{column-gap:9px}

/* Boost wording visual aliases retain the existing bump classes internally */
.badge-bumped{letter-spacing:.04em}

/* Announcement controls wider in admin */
.admin-setting-wide{grid-column:1/-1}


/* ========================================================================
   2026-09-25 usability fixes: admin/profile layout, messages and public boosts
   ======================================================================== */
.admin-profile-shell{min-height:0!important;padding:24px 0 0!important}
.admin-profile-hero{grid-template-columns:92px minmax(0,1fr) minmax(360px,.85fr)!important;gap:20px!important;padding:20px!important;text-align:left!important}
.admin-profile-hero .account-profile-avatar{width:82px;height:82px}
.admin-profile-hero .account-profile-copy h1{font-size:1.45rem!important;margin:2px 0 4px!important}
.admin-profile-hero .account-profile-copy>p{font-size:.68rem!important;margin:3px 0!important}
.admin-profile-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.admin-profile-summary span{padding:9px 7px!important}
.admin-profile-summary strong{font-size:.86rem!important}.admin-profile-summary small{font-size:.48rem!important}
.admin-profile-quick-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:8px}
.admin-dashboard-shell{padding-top:10px!important}.admin-profile-nav{margin:0 0 10px!important;overflow:auto;white-space:nowrap}.admin-profile-nav a{font-size:.58rem!important;padding:7px 9px!important}
.admin-priority-fold{border-color:rgba(91,70,232,.25)!important}.admin-priority-fold>summary{background:#f5f3ff!important}
.admin-announcement-form{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1fr);gap:9px;align-items:end}
.admin-announcement-form label{display:grid;gap:4px;font-size:.62rem;font-weight:800}
.admin-announcement-form input[type="text"],.admin-announcement-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px 10px;font:inherit;background:var(--white);color:var(--ink)}
.admin-announcement-form label:has(textarea){grid-column:1/-1}.admin-announcement-form button{width:max-content;min-height:34px!important;font-size:.58rem!important}
.admin-announcement-toggle{display:flex!important;grid-column:1/-1;align-items:center;gap:8px!important}.admin-announcement-toggle input{width:auto!important}.admin-user-list{margin-top:10px}.admin-role-guide{margin-bottom:10px!important}.bump-public-info strong{font-size:1.15rem!important}
.message-bubble{scroll-margin-top:80px}
@media(max-width:900px){.admin-profile-hero{grid-template-columns:72px 1fr!important}.admin-profile-summary{grid-column:1/-1;grid-template-columns:repeat(4,1fr)!important}.admin-profile-quick-row{grid-template-columns:1fr}}
@media(max-width:650px){.admin-profile-hero{grid-template-columns:1fr!important;text-align:center!important;padding:15px!important}.admin-profile-hero .account-profile-avatar{margin:auto}.admin-profile-hero .account-profile-actions{justify-content:center}.admin-profile-summary{grid-template-columns:repeat(2,1fr)!important}.admin-announcement-form{grid-template-columns:1fr}.admin-announcement-form label:has(textarea),.admin-announcement-toggle{grid-column:auto}}
@media(max-width:760px){
.messages-page-refined.has-active-conversation .messages-profile-hero,.messages-page-refined.has-active-conversation .messages-mini-nav{display:none!important}.messages-page-refined.has-active-conversation{padding-top:6px!important}.messages-page-refined.has-active-conversation .message-workspace-refined{min-width:0}
.messages-page-refined.has-active-conversation .message-member-card-refined{padding:7px 9px!important;margin-bottom:6px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.messages-page-refined.has-active-conversation .message-member-main{gap:7px!important}.messages-page-refined.has-active-conversation .message-member-avatar{width:34px!important;height:34px!important}.messages-page-refined.has-active-conversation .message-member-main strong{font-size:.72rem!important}.messages-page-refined.has-active-conversation .message-member-main em,.messages-page-refined.has-active-conversation .message-member-main small{font-size:.52rem!important}.messages-page-refined.has-active-conversation .message-member-stats{display:none!important}
.messages-page-refined.has-active-conversation .message-listing-context-refined{padding:7px 9px!important;grid-template-columns:42px minmax(0,1fr)!important;margin-bottom:6px!important}.messages-page-refined.has-active-conversation .message-listing-image{width:42px!important;height:42px!important}.messages-page-refined.has-active-conversation .message-listing-context-refined h2{font-size:.72rem!important;margin:1px 0!important}.messages-page-refined.has-active-conversation .message-listing-context-refined p,.messages-page-refined.has-active-conversation .message-listing-arrow{font-size:.52rem!important}.messages-page-refined.has-active-conversation .message-direct-label-refined{padding:6px 8px!important;margin-bottom:6px!important}.messages-page-refined.has-active-conversation .message-direct-label-refined p{font-size:.55rem!important}
.messages-page-refined.has-active-conversation .message-thread-refined .message-scroll{height:58vh!important;min-height:300px!important;padding:9px!important}.messages-page-refined.has-active-conversation .message-thread-fold>summary{position:sticky;top:0;z-index:4;background:var(--soft)!important}.conversation-row{scroll-margin-top:60px}
}


/* ========================================================================
   2026-09-25 homepage controls / obvious navigation refinement
   ======================================================================== */

/* Home + Mail are deliberately labelled, not icon-only. */
.header-home-button,
.header-message-button{
  width:auto!important;
  min-width:82px!important;
  height:50px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border-radius:11px!important;
  text-decoration:none!important;
  font-size:.72rem!important;
  font-weight:900!important;
  white-space:nowrap;
}
.header-home-button>span{font-size:1.2rem;line-height:1}
.header-home-button>b,
.header-message-button>b{font:inherit}
.header-message-icon-wrap{
  position:relative;
  display:block;
  width:27px;
  height:27px;
  flex:0 0 27px;
}
.header-message-icon{
  position:absolute!important;
  inset:0!important;
  width:27px!important;
  height:27px!important;
}
.menu-button{
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:7px 9px!important;
  border:1px solid var(--line)!important;
  border-radius:9px!important;
  background:var(--white)!important;
  color:var(--ink)!important;
  font-size:.72rem!important;
  font-weight:900!important;
}
.menu-button>span{font-size:1.2rem;line-height:1}
.menu-button>b{font:inherit}
body.dark-mode .menu-button{background:#172334!important;border-color:#35465d!important;color:#fff!important}

@media(max-width:720px){
  .header-main{grid-template-columns:1fr auto auto auto!important;gap:6px!important}
  .header-home-button,
  .header-message-button{
    min-width:66px!important;
    height:44px!important;
    padding:0 8px!important;
    gap:5px!important;
    font-size:.62rem!important;
  }
  .header-home-button>span{font-size:1rem}
  .header-message-icon-wrap{width:23px;height:23px;flex-basis:23px}
  .header-message-icon{width:23px!important;height:23px!important}
  .menu-button{display:flex!important;min-height:44px}
}
@media(max-width:520px){
  .live-brand-header .live-brand-wordmark{display:none!important}
  .header-home-button,
  .header-message-button{min-width:58px!important;padding:0 6px!important}
}

/* Announcement now occupies the centre space of the actual homepage hero. */
.hero .hero-grid{
  grid-template-columns:minmax(0,1.45fr) minmax(205px,.48fr) minmax(340px,.82fr)!important;
  gap:20px!important;
  align-items:stretch!important;
}
.hero-announcement-slot{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hero-announcement-placeholder{
  width:100%;
  min-height:1px;
}
.homepage-announcement-hero-card{
  width:100%;
  display:block!important;
  padding:16px!important;
  border:1px solid rgba(116,151,198,.45)!important;
  border-radius:13px!important;
  background:rgba(15,31,49,.82)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(5,19,35,.12);
}
.homepage-announcement-hero-card .eyebrow{
  display:block!important;
  margin:0 0 7px!important;
  color:#75ccff!important;
  font-size:.58rem!important;
}
.homepage-announcement-hero-card strong{
  display:block!important;
  margin:0 0 6px!important;
  color:#fff!important;
  font-size:.85rem!important;
  line-height:1.25!important;
}
.homepage-announcement-hero-card p{
  margin:0!important;
  color:#c7d4e5!important;
  font-size:.67rem!important;
  line-height:1.5!important;
  overflow-wrap:anywhere;
}
body:not(.dark-mode) .homepage-announcement-hero-card{
  background:rgba(255,255,255,.92)!important;
  color:var(--ink)!important;
  border-color:#d5dfeb!important;
}
body:not(.dark-mode) .homepage-announcement-hero-card strong{color:var(--ink)!important}
body:not(.dark-mode) .homepage-announcement-hero-card p{color:var(--muted)!important}

@media(max-width:1180px){
  .hero .hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(330px,.72fr)!important;
    gap:20px!important;
  }
  .hero-copy{grid-column:1}
  .hero-announcement-slot{
    grid-column:1;
    align-items:flex-start;
  }
  .hero-panel{
    grid-column:2;
    grid-row:1 / span 2;
  }
}
@media(max-width:900px){
  .hero .hero-grid{grid-template-columns:1fr!important}
  .hero-copy,.hero-announcement-slot,.hero-panel{
    grid-column:1!important;
    grid-row:auto!important;
  }
  .hero-announcement-slot{order:2}
  .hero-panel{order:3}
}

/* Homepage controls in Admin are compact and obvious. */
.admin-homepage-control-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);
  gap:10px;
}
.admin-homepage-control-card{
  padding:12px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--white);
}
.admin-homepage-control-head{
  display:grid;
  gap:2px;
  margin-bottom:9px;
}
.admin-homepage-control-head .eyebrow{font-size:.52rem}
.admin-homepage-control-head strong{font-size:.76rem}
.admin-homepage-control-head small{color:var(--muted);font-size:.58rem;line-height:1.4}
.admin-reward-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:end;
}
.admin-reward-form label{display:grid;gap:4px;font-size:.62rem;font-weight:800}
.admin-reward-form input{
  width:100%;
  border:1px solid var(--line);
  border-radius:8px;
  padding:9px 10px;
  font:inherit;
  background:var(--white);
  color:var(--ink);
}
.admin-reward-form .form-help{grid-column:1/-1}
.admin-reward-form button{min-height:34px!important;font-size:.58rem!important}
body.dark-mode .admin-homepage-control-card{background:#172334;border-color:#35465d}
@media(max-width:760px){
  .admin-homepage-control-grid{grid-template-columns:1fr}
  .admin-reward-form{grid-template-columns:1fr}
  .admin-reward-form .form-help{grid-column:auto}
}


/* ========================================================================
   Header navigation correction — explicit Home/Mail labels and Home nav
   ======================================================================== */
.header-home-button,
.header-message-button{
  min-width:64px!important;
  width:64px!important;
  height:58px!important;
  padding:5px 6px 4px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  line-height:1!important;
}
.header-home-button>span{
  display:block!important;
  font-size:1.25rem!important;
  line-height:1!important;
}
.header-home-button>b,
.header-message-button>b{
  display:block!important;
  font-size:.58rem!important;
  line-height:1.05!important;
  font-weight:900!important;
}
.header-message-icon-wrap{
  width:29px!important;
  height:29px!important;
  flex:0 0 29px!important;
}
.header-message-icon{
  width:29px!important;
  height:29px!important;
}
.nav-inner>.nav-home{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  gap:5px!important;
  flex:0 0 auto!important;
}
.nav-inner>.nav-home span{
  font-size:.9rem;
}
.menu-button{
  flex-direction:row!important;
}
.menu-button-copy{
  display:grid;
  gap:0;
  line-height:1;
  text-align:left;
}
.menu-button-copy b{
  font-size:.66rem;
  line-height:1.05;
}
.menu-button-copy small{
  display:block;
  margin-top:2px;
  font-size:.48rem;
  line-height:1;
  font-weight:800;
  color:var(--muted);
}
body.dark-mode .menu-button-copy small{color:#aeb9c8!important}

@media(max-width:720px){
  .header-home-button,
  .header-message-button{
    min-width:56px!important;
    width:56px!important;
    height:50px!important;
    padding:4px!important;
  }
  .header-home-button>span{font-size:1.1rem!important}
  .header-home-button>b,
  .header-message-button>b{font-size:.54rem!important}
  .header-message-icon-wrap{width:25px!important;height:25px!important;flex-basis:25px!important}
  .header-message-icon{width:25px!important;height:25px!important}
  .nav-inner>.nav-home{
    display:flex!important;
    width:100%!important;
    padding:12px 0!important;
    border-bottom:1px solid var(--line)!important;
  }
}


/* ========================================================================
   STORIES — 20 SECOND COMMUNITY VIDEOS
   ======================================================================== */
.stories-strip-shell{
  padding:12px 0;
  border-bottom:1px solid var(--line);
  background:var(--white);
}
.stories-strip-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin-bottom:8px;
}
.stories-strip-heading>div{display:grid;grid-template-columns:auto auto;gap:0 8px;align-items:center}
.stories-strip-heading .eyebrow{grid-row:1/3;font-size:.5rem}
.stories-strip-heading strong{font-size:.75rem;line-height:1.2}
.stories-strip-heading small{color:var(--muted);font-size:.52rem}
.stories-add-button{min-height:31px!important;padding:0 10px!important;font-size:.55rem!important}

.stories-strip{
  display:flex;
  gap:9px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
  padding:1px 1px 7px;
}
.story-card{
  flex:0 0 100px;
  width:100px;
  padding:0;
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
  background:var(--white);
  color:var(--ink);
  cursor:pointer;
  text-align:left;
  box-shadow:0 5px 14px rgba(22,32,44,.05);
}
.story-card:hover{transform:translateY(-1px);border-color:#aebcff}
.story-card-media{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:9/13;
  overflow:hidden;
  background:#101721;
}
.story-card-media video{
  width:100%;
  height:100%;
  object-fit:cover;
  pointer-events:none;
}
.story-duration{
  position:absolute;
  right:5px;
  bottom:5px;
  padding:2px 5px;
  border-radius:999px;
  background:rgba(4,12,22,.72);
  color:#fff;
  font-size:.45rem;
  font-weight:900;
}
.story-card-user{
  display:grid;
  grid-template-columns:23px minmax(0,1fr);
  align-items:center;
  gap:5px;
  padding:6px;
}
.story-card-user img{width:23px;height:23px;border-radius:50%;object-fit:cover}
.story-card-user b{font-size:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stories-empty{
  padding:10px 12px;
  border:1px dashed var(--line);
  border-radius:9px;
  color:var(--muted);
  font-size:.58rem;
}

.story-viewer[hidden]{display:none!important}
.story-viewer{
  position:fixed;
  inset:0;
  z-index:10050;
  display:grid;
  place-items:center;
  padding:18px;
}
.story-viewer-backdrop{
  position:absolute;
  inset:0;
  background:rgba(5,10,18,.84);
  backdrop-filter:blur(4px);
}
.story-viewer-panel{
  position:relative;
  z-index:1;
  width:min(390px,calc(100vw - 28px));
  max-height:calc(100vh - 30px);
  overflow:auto;
  border:1px solid #33445c;
  border-radius:16px;
  background:#101923;
  color:#fff;
  box-shadow:0 30px 80px rgba(0,0,0,.42);
}
.story-viewer-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 11px;
}
.story-viewer-user{display:flex;align-items:center;gap:8px}
.story-viewer-user img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.story-viewer-user span{display:grid}
.story-viewer-user strong{font-size:.68rem}
.story-viewer-user small{color:#9eb0c6;font-size:.48rem}
.story-close{
  width:32px;height:32px;border:0;border-radius:50%;
  background:#1e2b3b;color:#fff;font-size:1.1rem;cursor:pointer
}
.story-video-wrap{
  position:relative;
  background:#05080d;
}
.story-video-wrap video{
  display:block;
  width:100%;
  max-height:66vh;
  aspect-ratio:9/16;
  object-fit:contain;
  background:#05080d;
  cursor:pointer;
}
.story-video-toggle,.story-mute-toggle{
  position:absolute;
  bottom:9px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  padding:6px 9px;
  background:rgba(8,16,27,.75);
  color:#fff;
  font-size:.55rem;
  font-weight:850;
  cursor:pointer;
}
.story-video-toggle{left:9px}
.story-mute-toggle{right:9px}
.story-viewer-copy{padding:10px 11px 12px}
.story-viewer-copy>p{margin:0 0 8px;font-size:.66rem;line-height:1.45;color:#e1e8f0}
.story-stats-inline{display:flex;gap:8px;flex-wrap:wrap;color:#9eb0c6;font-size:.48rem;margin-bottom:9px}
.story-action-row{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center}
.story-action,.story-reaction-picker button{
  min-height:32px;
  border:1px solid #34465e;
  border-radius:8px;
  background:#182535;
  color:#fff;
  cursor:pointer;
  font-size:.55rem;
  font-weight:850;
}
.story-action{padding:0 9px}
.story-action.is-active{background:#273f71;border-color:#6388e8}
.story-reaction-picker{display:flex;justify-content:center;gap:4px}
.story-reaction-picker button{width:32px;padding:0;font-size:.9rem}
.story-reaction-picker button.is-active{outline:2px solid #78a0ff;background:#294167}
body.story-viewer-open{overflow:hidden}

body.dark-mode .stories-strip-shell,
body.dark-mode .story-card{background:#111b28;border-color:#35465d}
body.dark-mode .stories-empty{border-color:#35465d}

/* Account story management */
.story-account-stats{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;
  margin-bottom:10px;
}
.story-account-stats span{
  display:grid;
  padding:8px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--soft);
  text-align:center;
}
.story-account-stats strong{font-size:.76rem}
.story-account-stats small{color:var(--muted);font-size:.48rem}

.story-upload-form{
  display:grid;
  grid-template-columns:minmax(150px,.65fr) auto minmax(180px,1fr) auto;
  gap:8px;
  align-items:end;
  padding:11px;
  margin-bottom:11px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--soft);
}
.story-upload-form>div:first-child{display:grid}
.story-upload-form>div:first-child strong{font-size:.72rem}
.story-upload-form>div:first-child small{color:var(--muted);font-size:.5rem}
.story-file-picker{
  display:flex!important;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--white);
  font-size:.57rem!important;
  font-weight:850!important;
  cursor:pointer;
}
.story-file-picker input{display:none}
.story-caption-field{display:grid;gap:4px;font-size:.57rem;font-weight:800}
.story-caption-field em{font-style:normal;color:var(--muted);font-weight:500}
.story-caption-field input{
  min-height:36px;
  width:100%;
  padding:8px 9px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--white);
  color:var(--ink);
  font:inherit;
}
.story-upload-status{
  grid-column:1/-2;
  color:var(--muted);
  font-size:.5rem;
}
.story-upload-status.is-ready{color:#087455;font-weight:800}
.story-upload-status.is-error{color:#b42318;font-weight:800}
.story-upload-form>.button{grid-column:4;grid-row:2;min-height:36px!important;font-size:.57rem!important}

.story-manage-grid{display:grid;gap:7px}
.story-manage-card{
  display:grid;
  grid-template-columns:56px minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  padding:7px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--white);
}
.story-manage-card video{
  width:56px;
  height:76px;
  object-fit:cover;
  border-radius:7px;
  background:#0b111a;
}
.story-manage-copy{display:grid;gap:2px;min-width:0}
.story-manage-copy>strong{font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.story-manage-copy>small{color:var(--muted);font-size:.48rem}
.story-manage-stats{display:flex;gap:7px;flex-wrap:wrap;margin-top:3px;color:var(--muted);font-size:.48rem}
.story-manage-card form .button{min-height:31px!important;padding:0 9px!important;font-size:.52rem!important}
body.dark-mode .story-account-stats span,
body.dark-mode .story-upload-form,
body.dark-mode .story-manage-card{background:#172334;border-color:#35465d}
body.dark-mode .story-file-picker,
body.dark-mode .story-caption-field input{background:#111b28;border-color:#35465d;color:#fff}

.public-profile-stories .stories-strip-shell{
  margin:8px 0;
  border:1px solid var(--line);
  border-radius:10px;
}
.public-profile-stories .stories-strip-shell>.container{
  width:100%!important;
  padding:0 12px;
}

@media(max-width:760px){
  .stories-strip-shell{padding:9px 0}
  .story-card{flex-basis:86px;width:86px}
  .stories-strip-heading small{display:none}
  .story-account-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .story-upload-form{grid-template-columns:1fr 1fr}
  .story-upload-form>div:first-child{grid-column:1/-1}
  .story-caption-field{grid-column:1/-1}
  .story-upload-status{grid-column:1/-1}
  .story-upload-form>.button{grid-column:auto;grid-row:auto}
}
@media(max-width:520px){
  .story-action-row{grid-template-columns:1fr 1fr}
  .story-reaction-picker{grid-column:1/-1;grid-row:2;justify-content:flex-start}
  .story-manage-card{grid-template-columns:50px minmax(0,1fr)}
  .story-manage-card video{width:50px;height:68px}
  .story-manage-card form{grid-column:2}
}


/* STORIES runtime fix — keep the strip unmistakably visible in all themes */
.stories-strip-shell{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  min-height:88px!important;
  position:relative!important;
  z-index:2!important;
}
.stories-strip-heading strong{
  color:var(--ink)!important;
}
.stories-empty{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:40px!important;
}
.stories-empty strong{
  color:var(--ink)!important;
  font-size:.6rem!important;
}
.stories-empty span{
  color:var(--muted)!important;
  font-size:.55rem!important;
}
.stories-empty a{
  margin-left:auto;
  color:var(--brand)!important;
  font-size:.55rem!important;
  font-weight:900!important;
}
body.dark-mode .stories-strip-shell{
  background:#101a27!important;
  border-color:#304159!important;
}
body.dark-mode .stories-strip-heading strong,
body.dark-mode .stories-empty strong{
  color:#fff!important;
}
body.dark-mode .stories-strip-heading small,
body.dark-mode .stories-empty span{
  color:#aeb9c8!important;
}
body.dark-mode .stories-empty{
  background:#152131!important;
  border-color:#35465d!important;
}
@media(max-width:650px){
  .stories-empty{align-items:flex-start!important;flex-direction:column!important}
  .stories-empty a{margin-left:0!important}
}


/* ========================================================================
   STORY VIEWER FOREGROUND FIX
   Ensure opened stories sit above the entire site/header/nav/ads/modals.
   ======================================================================== */
.story-viewer{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  isolation:isolate!important;
}
.story-viewer-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
}
.story-viewer-panel{
  position:relative!important;
  z-index:2!important;
}
body.story-viewer-open{
  overflow:hidden!important;
}
body.story-viewer-open .site-header,
body.story-viewer-open .main-nav,
body.story-viewer-open .topbar,
body.story-viewer-open .site-ad-top-wrap,
body.story-viewer-open .site-ad-side,
body.story-viewer-open .floating-ad,
body.story-viewer-open .homepage-status-strip{
  z-index:auto!important;
}


/* ========================================================================
   STORY VIEWER — TRUE BODY-LEVEL OVERLAY
   Viewer is portalled to BODY in JS, so it cannot be trapped underneath
   homepage/header/nav stacking contexts.
   ======================================================================== */
body > .story-viewer{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  z-index:2147483646!important;
  display:grid!important;
  place-items:center!important;
  isolation:isolate!important;
  transform:none!important;
  filter:none!important;
  opacity:1!important;
}
body > .story-viewer[hidden]{
  display:none!important;
}
body > .story-viewer > .story-viewer-backdrop{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:rgba(3,8,15,.92)!important;
  backdrop-filter:blur(5px)!important;
}
body > .story-viewer > .story-viewer-panel{
  position:relative!important;
  z-index:1!important;
  transform:none!important;
  opacity:1!important;
}


/* ========================================================================
   2026-09-26 requested refinements
   ======================================================================== */

/* Top strip: WotUGot wordmark left, expanded marketplace tagline centred. */
.topbar-inner{
  display:grid!important;
  grid-template-columns:130px minmax(0,1fr) auto!important;
  gap:16px!important;
  align-items:center!important;
}
.topbar-wordmark{
  display:flex;
  align-items:center;
  min-width:0;
}
.topbar-wordmark img{
  display:block;
  width:104px;
  height:auto;
  object-fit:contain;
}
.topbar-tagline{
  display:block!important;
  text-align:center!important;
  color:#d9e4f2;
  font-size:.62rem;
  font-weight:750;
  letter-spacing:.01em;
}
.topbar-inner>nav{
  justify-self:end;
}
body:not(.dark-mode) .topbar-wordmark img{
  filter:none;
}
/* WotUGot.co.uk top wordmark: black suffix for light mode, white suffix for dark mode. */
.topbar-wordmark-dark{display:none!important}
body.dark-mode .topbar-wordmark-light{display:none!important}
body.dark-mode .topbar-wordmark-dark{display:block!important}
@media(max-width:900px){
  .topbar-inner{
    grid-template-columns:100px minmax(0,1fr) auto!important;
    gap:8px!important;
  }
  .topbar-wordmark img{width:82px}
  .topbar-tagline{font-size:.52rem}
}
@media(max-width:720px){
  .topbar-inner{
    grid-template-columns:72px 1fr!important;
  }
  .topbar-wordmark img{width:66px}
  .topbar-tagline{
    display:block!important;
    text-align:right!important;
    padding-right:2px;
  }
  .topbar-inner>nav{
    grid-column:1/-1;
    justify-self:end;
  }
}

/* Homepage gallery order: Swap + Sales together, Wanted beneath. */
.homepage-wanted-band{
  padding:0 0 34px;
}
.homepage-wanted-band .homepage-market-pane{
  padding-top:10px;
}
.homepage-sales-pane-duo{
  min-width:0;
}

/* Story moderation in Admin */
.admin-story-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.admin-story-card{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:10px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--white);
}
.admin-story-card>video{
  width:120px;
  height:170px;
  object-fit:cover;
  border-radius:8px;
  background:#080d14;
}
.admin-story-copy{
  display:grid;
  align-content:start;
  gap:8px;
  min-width:0;
}
.admin-story-user{
  display:flex;
  align-items:center;
  gap:7px;
}
.admin-story-user img{
  width:34px;
  height:34px;
  border-radius:50%;
  object-fit:cover;
}
.admin-story-user span{display:grid}
.admin-story-user strong{font-size:.67rem}
.admin-story-user small{color:var(--muted);font-size:.5rem}
.admin-story-copy>p{
  margin:0;
  color:var(--muted);
  font-size:.58rem;
  line-height:1.45;
}
.admin-story-actions{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:6px;
  align-items:center;
}
.admin-story-actions input[type="text"]{
  width:100%;
  min-height:34px;
  padding:7px 8px;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--white);
  color:var(--ink);
  font:inherit;
  font-size:.55rem;
}
.admin-story-actions .button{
  min-height:34px!important;
  padding:0 9px!important;
  font-size:.53rem!important;
}
body.dark-mode .admin-story-card{
  background:#172334!important;
  border-color:#35465d!important;
}
body.dark-mode .admin-story-actions input[type="text"]{
  background:#111b28!important;
  border-color:#35465d!important;
  color:#fff!important;
}

/* Story owner moderation status */
.story-status-badge{
  display:inline-flex;
  margin-left:4px;
  padding:2px 5px;
  border-radius:999px;
  font-size:.42rem;
  font-weight:950;
  vertical-align:middle;
}
.story-status-pending{background:#fff1c9;color:#8a6100}
.story-status-active{background:#dff7ef;color:#087455}
.story-status-rejected{background:#ffe4e1;color:#a12a20}
.story-status-removed{background:#edf0f4;color:#637083}

/* Admin control for sale boosts */
.admin-toggle-setting{
  align-content:start;
}
.admin-checkbox-line{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:34px;
  font-weight:800!important;
}
.admin-checkbox-line input{
  width:auto!important;
  margin:0!important;
}
.admin-toggle-setting small{
  color:var(--muted);
  font-size:.5rem;
  line-height:1.35;
}

@media(max-width:800px){
  .admin-story-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .admin-story-card{grid-template-columns:86px minmax(0,1fr)}
  .admin-story-card>video{width:86px;height:126px}
  .admin-story-actions{grid-template-columns:1fr 1fr}
  .admin-story-actions input[type="text"]{grid-column:1/-1}
}


/* ========================================================================
   2026-09-26 follow-up fixes
   ======================================================================== */

/* Mobile header: always keep the WotUGot wordmark visible beneath the symbol. */
@media(max-width:520px){
  .live-brand-header{
    display:inline-flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:92px!important;
    min-width:92px!important;
  }
  .live-brand-header .live-brand-symbol-wrap{
    width:42px!important;
    height:42px!important;
    margin-bottom:-3px!important;
  }
  .live-brand-header .live-brand-wordmark{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:88px!important;
    height:auto!important;
  }
}

/* Homepage / Sales Top Seller cards */
.hero-top-seller-card .hero-top-swapper-badge{
  white-space:nowrap;
}
.sales-hero-side-stack{
  display:grid;
  gap:10px;
  align-content:start;
}
.market-top-seller{
  min-height:0!important;
}
.market-top-seller-row{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:9px;
  align-items:center;
  margin-top:10px;
}
.market-top-seller-row img{
  width:46px;
  height:46px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid var(--line);
}
.market-top-seller-row div{
  display:grid;
  gap:2px;
  min-width:0;
}
.market-top-seller-row strong{
  font-size:.72rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.market-top-seller-row small{
  color:var(--muted);
  font-size:.52rem;
  line-height:1.35;
}
@media(max-width:760px){
  .sales-hero-side-stack{width:100%}
}

/* Story limits */
.story-upload-limit-note{
  color:var(--muted);
  font-size:.52rem;
}


/* ========================================================================
   2026-09-26 friends / hero / admin query workflow refinements
   ======================================================================== */

/* Account friend management */
.account-friends-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.account-friend-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:9px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--white);
}
.account-friend-person{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  text-decoration:none;
  color:var(--ink);
}
.account-friend-person img{
  width:42px;
  height:42px;
  border-radius:50%;
  object-fit:cover;
  flex:0 0 42px;
}
.account-friend-person span{display:grid;min-width:0}
.account-friend-person strong{font-size:.67rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-friend-person small{font-size:.5rem;color:var(--muted)}
.account-friend-actions{display:flex;gap:5px;align-items:center}
.account-friend-actions .button,
.account-friend-card>form .button{min-height:32px!important;padding:0 8px!important;font-size:.5rem!important}
.account-outgoing-friends{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.account-outgoing-friends>.eyebrow{display:block;margin-bottom:7px}
body.dark-mode .account-friend-card{background:#172334;border-color:#35465d}
@media(max-width:720px){
  .account-friends-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .account-friend-card{grid-template-columns:1fr}
  .account-friend-actions{justify-content:flex-start}
}

/* Homepage hero: announcement on the left/top, intro alongside it,
   all four top cards in one row at the bottom of the hero section. */
.hero .hero-grid.hero-grid-reworked{
  grid-template-columns:minmax(260px,.78fr) minmax(0,1.45fr)!important;
  gap:22px!important;
  align-items:stretch!important;
}
.hero-grid-reworked>.hero-announcement-slot{
  grid-column:1!important;
  grid-row:1!important;
  align-items:stretch!important;
  justify-content:stretch!important;
}
.hero-grid-reworked>.hero-copy{
  grid-column:2!important;
  grid-row:1!important;
}
.hero-grid-reworked>.hero-panel{
  grid-column:1/-1!important;
  grid-row:2!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
.hero-grid-reworked>.hero-panel>.hero-top-swapper-card{
  min-height:138px!important;
  height:100%!important;
}
.hero-grid-reworked .homepage-announcement-hero-card{
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:20px!important;
}
.hero-grid-reworked .homepage-announcement-hero-card strong{
  font-size:1rem!important;
}
.hero-grid-reworked .homepage-announcement-hero-card p{
  font-size:.7rem!important;
}
@media(max-width:1080px){
  .hero .hero-grid.hero-grid-reworked{
    grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr)!important;
  }
  .hero-grid-reworked>.hero-panel{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  .hero .hero-grid.hero-grid-reworked{
    grid-template-columns:1fr!important;
  }
  .hero-grid-reworked>.hero-announcement-slot,
  .hero-grid-reworked>.hero-copy,
  .hero-grid-reworked>.hero-panel{
    grid-column:1!important;
    grid-row:auto!important;
  }
  .hero-grid-reworked>.hero-announcement-slot{order:1!important}
  .hero-grid-reworked>.hero-copy{order:2!important}
  .hero-grid-reworked>.hero-panel{order:3!important;grid-template-columns:1fr!important}
  .hero-grid-reworked .homepage-announcement-placeholder{display:none!important}
}

/* Admin contact query workflow */
.admin-contact-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.admin-contact-section-head>div{display:grid}
.admin-contact-section-head strong{font-size:.72rem}
.admin-contact-section-head a{font-size:.55rem;font-weight:850}
.admin-query-owner{
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
  margin:6px 0 9px;
  padding:7px 8px;
  border-radius:7px;
  background:var(--soft);
  font-size:.54rem;
}
.admin-query-owner small{color:var(--muted)}
.admin-contact-actions{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:7px!important;
  align-items:end!important;
}
.admin-query-resolve-form{
  display:grid!important;
  grid-template-columns:minmax(160px,1fr) auto!important;
  gap:6px!important;
  align-items:center!important;
}
.admin-query-resolve-form input{
  min-height:34px!important;
  width:100%!important;
  padding:7px 8px!important;
  border:1px solid var(--line)!important;
  border-radius:7px!important;
  background:var(--white)!important;
  color:var(--ink)!important;
  font:inherit!important;
  font-size:.54rem!important;
}
.admin-resolved-queries{
  margin-top:14px;
  border-top:1px solid var(--line);
  padding-top:10px;
}
.admin-resolved-queries>summary{
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  gap:10px;
  font-size:.67rem;
  font-weight:850;
}
.admin-resolved-queries>summary small{color:var(--muted);font-size:.52rem}
.admin-resolved-query-list{display:grid;gap:8px;margin-top:9px}
.admin-resolution-record{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px 10px;
  padding:8px;
  border-radius:8px;
  background:var(--soft);
  font-size:.53rem;
}
.admin-resolution-record p{grid-column:1/-1;margin:3px 0 0!important}
.admin-contact-message.is-resolved{opacity:.92}
body.dark-mode .admin-query-owner,
body.dark-mode .admin-resolution-record{background:#172334}
body.dark-mode .admin-query-resolve-form input{background:#111b28!important;border-color:#35465d!important;color:#fff!important}
@media(max-width:700px){
  .admin-contact-actions{grid-template-columns:1fr!important}
  .admin-query-resolve-form{grid-template-columns:1fr!important}
  .admin-resolution-record{grid-template-columns:1fr}
  .admin-resolution-record p{grid-column:1}
}


/* ========================================================================
   2026-09-26 gallery consistency / story profile / announcement position
   ======================================================================== */

/* Homepage hero: intro left, announcement right, four top cards across bottom. */
.hero .hero-grid.hero-grid-reworked{
  grid-template-columns:minmax(0,1.45fr) minmax(260px,.78fr)!important;
}
.hero-grid-reworked>.hero-copy{
  grid-column:1!important;
  grid-row:1!important;
}
.hero-grid-reworked>.hero-announcement-slot{
  grid-column:2!important;
  grid-row:1!important;
  align-items:stretch!important;
  justify-content:stretch!important;
}
.hero-grid-reworked>.hero-panel{
  grid-column:1/-1!important;
  grid-row:2!important;
}
@media(max-width:1080px){
  .hero .hero-grid.hero-grid-reworked{
    grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr)!important;
  }
}
@media(max-width:760px){
  .hero .hero-grid.hero-grid-reworked{grid-template-columns:1fr!important}
  .hero-grid-reworked>.hero-copy,
  .hero-grid-reworked>.hero-announcement-slot,
  .hero-grid-reworked>.hero-panel{
    grid-column:1!important;
    grid-row:auto!important;
  }
  .hero-grid-reworked>.hero-copy{order:1!important}
  .hero-grid-reworked>.hero-announcement-slot{order:2!important}
  .hero-grid-reworked>.hero-panel{order:3!important}
}

/* Every marketplace gallery card reserves the same content rows.
   Missing monetary values display as an em dash instead of collapsing the card. */
.listing-card{
  height:100%;
  display:flex!important;
  flex-direction:column!important;
}
.listing-card>.listing-image{
  flex:0 0 auto;
  aspect-ratio:4/3;
  overflow:hidden;
}
.listing-card>.listing-image>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.listing-card>.listing-body{
  flex:1;
  display:grid!important;
  grid-template-rows:
    minmax(1.1em,auto)
    minmax(2.6em,auto)
    minmax(1.45em,auto)
    2.9em
    minmax(1.4em,auto)
    minmax(1em,auto)
    minmax(1em,auto);
  align-content:start;
  gap:5px!important;
}
.listing-card>.listing-body>small:first-child,
.gallery-card-category{
  min-height:1.1em;
}
.listing-card>.listing-body>h3,
.related-listing-copy>h3{
  margin:0!important;
  line-height:1.3!important;
  min-height:2.6em;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.gallery-card-location-row,
.gallery-card-location{
  min-height:1.45em!important;
  margin:0!important;
}
.gallery-card-location-row{
  display:block!important;
}
.gallery-card-location-row>span,
.gallery-card-location{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.gallery-money-stack{
  display:grid;
  grid-template-rows:1fr 1fr;
  min-height:2.9em;
  gap:2px;
  margin:0;
}
.gallery-money-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  min-height:1.35em;
  font-size:.63rem;
  line-height:1.25;
}
.gallery-money-row small{
  color:var(--muted);
  font-size:inherit;
  font-weight:700;
}
.gallery-money-row strong{
  color:var(--ink);
  font-size:inherit;
  font-weight:850;
  white-space:nowrap;
}
.gallery-money-row.is-empty strong{
  color:var(--muted);
  opacity:.58;
}

/* Public profile cards use the same visual rhythm as the main galleries. */
.related-listing-card{
  height:100%;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden;
}
.related-listing-card .related-image{
  flex:0 0 auto;
  aspect-ratio:4/3;
  overflow:hidden;
}
.related-listing-card .related-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.related-listing-copy{
  flex:1;
  display:grid!important;
  grid-template-rows:minmax(1.1em,auto) minmax(2.6em,auto) minmax(1.45em,auto) 2.9em minmax(1em,auto);
  gap:5px!important;
  align-content:start;
  padding:10px 12px 11px;
}
.related-listing-copy .listing-time-left{
  align-self:end;
}

/* Wishlist cards also keep the monetary area reserved. */
.wishlist-page-card .gallery-money-stack{
  margin-top:6px;
  margin-bottom:6px;
}

/* Never allow development warnings/path text to visually break Story cards. */
.public-profile-stories .story-card{
  overflow:hidden!important;
}
.public-profile-stories .stories-strip{
  min-width:0!important;
}
.public-profile-stories .story-card-user b{
  max-width:100%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

@media(max-width:520px){
  .listing-card>.listing-body{
    grid-template-rows:minmax(1.1em,auto) minmax(2.6em,auto) minmax(1.45em,auto) 2.9em minmax(1.4em,auto) minmax(1em,auto) minmax(1em,auto);
  }
}


/* ========================================================================
   2026-09-26 legal / navigation / listing detail refinement
   ======================================================================== */

/* Header action buttons: Home / Profile / Mail */
.header-main{
  grid-template-columns:auto minmax(260px,1fr) auto auto auto auto!important;
}
.header-home-button,
.header-profile-button,
.header-message-button{
  min-width:64px!important;
  width:64px!important;
  height:58px!important;
  padding:5px 6px 4px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  border-radius:11px!important;
  text-decoration:none!important;
  font-size:.58rem!important;
  font-weight:900!important;
  line-height:1!important;
}
.header-profile-button{
  border:1px solid var(--line);
  background:var(--white);
  color:var(--ink);
}
.header-profile-button img{
  width:29px!important;
  height:29px!important;
  border-radius:50%!important;
  object-fit:cover!important;
}
.header-profile-button>span{
  width:25px;height:25px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--soft);
  color:var(--brand);
  font-size:.7rem;
}
.header-profile-button b,
.header-home-button b,
.header-message-button b{
  display:block!important;
  font-size:.58rem!important;
  line-height:1!important;
}
body.dark-mode .header-profile-button{
  background:#172334!important;
  border-color:#35465d!important;
  color:#fff!important;
}

/* Condensed desktop navigation with hover/focus dropdowns. */
.nav-condensed{
  display:flex!important;
  align-items:stretch!important;
  gap:4px!important;
  min-height:48px!important;
  flex-wrap:nowrap!important;
  padding:0!important;
}
.nav-condensed>.nav-home,
.nav-dropdown-toggle{
  min-height:48px;
  display:flex!important;
  align-items:center!important;
  gap:6px;
  padding:0 14px!important;
  border:0!important;
  background:transparent;
  color:inherit;
  font:inherit;
  font-size:.72rem!important;
  font-weight:850!important;
  cursor:pointer;
  white-space:nowrap;
}
.nav-dropdown{
  position:relative;
  display:flex;
  align-items:stretch;
}
.nav-dropdown.active>.nav-dropdown-toggle,
.nav-dropdown-toggle:hover,
.nav-condensed>.nav-home:hover{
  color:#fff!important;
  background:rgba(255,255,255,.09)!important;
}
.nav-dropdown-menu{
  position:absolute;
  top:calc(100% - 1px);
  left:0;
  z-index:5000;
  width:190px;
  padding:6px;
  display:none;
  background:#132033;
  border:1px solid #31445f;
  border-radius:0 0 10px 10px;
  box-shadow:0 15px 35px rgba(0,0,0,.28);
}
.nav-dropdown-menu-right{
  left:auto;
  right:0;
}
.nav-dropdown-menu a{
  display:block!important;
  padding:9px 10px!important;
  border-radius:6px;
  color:#dce6f4!important;
  font-size:.65rem!important;
  font-weight:750!important;
  white-space:nowrap;
}
.nav-dropdown-menu a:hover,
.nav-dropdown-menu a:focus{
  background:#263d61!important;
  color:#fff!important;
}
@media(min-width:721px){
  .nav-dropdown:hover>.nav-dropdown-menu,
  .nav-dropdown:focus-within>.nav-dropdown-menu,
  .nav-dropdown.is-open>.nav-dropdown-menu{
    display:block!important;
  }
}
.nav-account-group{margin-left:auto}

/* Mobile hamburger uses the same dropdown hierarchy. */
@media(max-width:1000px){
  .header-main{
    grid-template-columns:auto minmax(0,1fr) auto auto auto auto!important;
    gap:8px!important;
  }
}
@media(max-width:720px){
  .header-main{
    grid-template-columns:1fr auto auto auto auto!important;
    gap:5px!important;
  }
  .header-profile-button,
  .header-home-button,
  .header-message-button{
    width:54px!important;
    min-width:54px!important;
    height:50px!important;
    padding:4px!important;
  }
  .header-profile-button img{width:25px!important;height:25px!important}
  .header-profile-button b,
  .header-home-button b,
  .header-message-button b{font-size:.51rem!important}

  .main-nav.is-open .nav-condensed{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    padding:5px 0 9px!important;
  }
  .nav-condensed>.nav-home,
  .nav-dropdown{
    width:100%!important;
  }
  .nav-condensed>.nav-home,
  .nav-dropdown-toggle{
    width:100%!important;
    min-height:42px!important;
    justify-content:space-between!important;
    padding:0 11px!important;
    border-bottom:1px solid var(--line)!important;
  }
  .nav-dropdown{
    display:block!important;
  }
  .nav-dropdown-menu{
    position:static!important;
    width:100%!important;
    display:none!important;
    padding:4px 10px 6px 24px!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:var(--soft)!important;
  }
  .nav-dropdown.is-open>.nav-dropdown-menu{
    display:block!important;
  }
  .nav-dropdown-menu a{
    color:var(--ink)!important;
    border:0!important;
    border-bottom:1px solid var(--line)!important;
    border-radius:0!important;
    padding:9px 6px!important;
  }
  .nav-dropdown-menu a:last-child{border-bottom:0!important}
  body.dark-mode .nav-dropdown-menu{background:#111b28!important}
  body.dark-mode .nav-dropdown-menu a{color:#fff!important;border-color:#2f4056!important}
  .nav-account-group{margin-left:0!important}
}

/* Story upload legal/moderation warning */
.story-upload-warning{
  grid-column:1/-1;
  padding:10px 12px;
  border:1px solid #dfbb68;
  border-radius:9px;
  background:#fff8df;
  color:#5d4813;
}
.story-upload-warning strong{
  display:block;
  margin-bottom:4px;
  font-size:.64rem;
}
.story-upload-warning p{
  margin:3px 0!important;
  color:inherit!important;
  font-size:.54rem!important;
  line-height:1.45!important;
}
.story-upload-ack{
  grid-column:1/-1;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:start!important;
  gap:7px!important;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--white);
  font-size:.54rem!important;
  line-height:1.45;
}
.story-upload-ack input{
  width:auto!important;
  margin:3px 0 0!important;
}
body.dark-mode .story-upload-warning{
  background:#352d16!important;
  border-color:#766128!important;
  color:#f5df9a!important;
}
body.dark-mode .story-upload-ack{
  background:#172334!important;
  border-color:#35465d!important;
}

/* Product/listing page: smaller, denser, clearer like a retail product page. */
.listing-page-shell{
  padding:34px 0 58px!important;
}
.listing-page-container{
  width:min(1240px,calc(100% - 34px))!important;
}
.listing-page-shell .listing-detail{
  grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr)!important;
  gap:28px!important;
}
.listing-page-shell .listing-detail-image{
  aspect-ratio:auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:520px!important;
  border-radius:14px!important;
  padding:10px!important;
  background:var(--soft)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.listing-page-shell .listing-image-viewer{
  width:100%;
  min-width:0;
}
.listing-page-shell .listing-image-viewer>#listing-main-photo,
.listing-page-shell .listing-detail-image>img{
  width:100%!important;
  height:auto!important;
  max-height:420px!important;
  object-fit:contain!important;
  border-radius:10px!important;
  background:var(--soft)!important;
}
.listing-page-shell .listing-image-thumbs{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  margin-top:8px!important;
}
.listing-page-shell .listing-detail-copy{
  min-width:0;
}
.listing-page-shell .listing-detail-copy>small{
  margin-top:8px!important;
  font-size:.66rem!important;
}
.listing-page-shell .listing-detail-copy h1{
  font-size:clamp(1.65rem,2.8vw,2.65rem)!important;
  line-height:1.05!important;
  margin:6px 0 10px!important;
  letter-spacing:-.035em!important;
}
.listing-page-shell .listing-facts{
  gap:6px!important;
  font-size:.64rem!important;
}
.listing-page-shell .listing-facts span{
  padding:5px 7px!important;
  border-radius:7px!important;
}
.listing-page-shell .listing-owner-rating{
  margin-top:10px!important;
}
.listing-page-shell .listing-value-grid{
  margin-top:10px!important;
}
.listing-description-box{
  margin:14px 0 0;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--white);
}
.listing-description-heading{
  padding-bottom:9px;
  margin-bottom:9px;
  border-bottom:1px solid var(--line);
}
.listing-description-heading .eyebrow{
  font-size:.52rem!important;
}
.listing-description-heading h2{
  margin:2px 0 0!important;
  font-size:.86rem!important;
  line-height:1.2!important;
}
.listing-description-box .listing-description{
  margin:0!important;
  color:var(--ink)!important;
  font-size:.7rem!important;
  line-height:1.58!important;
}
.listing-page-shell .wanted-box,
.listing-page-shell .seller-box,
.listing-page-shell .listing-member-public-info,
.listing-page-shell .offer-panel,
.listing-page-shell .interest-panel{
  margin-top:12px!important;
}
.listing-page-shell .seller-box,
.listing-page-shell .wanted-box{
  padding:12px!important;
  border-radius:10px!important;
}
body.dark-mode .listing-description-box{
  background:#172334!important;
  border-color:#35465d!important;
}
@media(max-width:840px){
  .listing-page-shell .listing-detail{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .listing-page-shell .listing-detail-image{
    max-height:430px!important;
  }
  .listing-page-shell .listing-image-viewer>#listing-main-photo,
  .listing-page-shell .listing-detail-image>img{
    max-height:340px!important;
  }
}

/* Legal pages: keep policy text compact and readable. */
.legal-page .legal-updated{
  margin:4px 0 18px!important;
  font-size:.66rem!important;
  color:var(--muted)!important;
}


/* ========================================================================
   2026-09-26 navigation repair + compact directories + category taxonomy
   ======================================================================== */

/* Keep dropdowns above adverts and page content. */
.main-nav{
  position:relative!important;
  z-index:12000!important;
  overflow:visible!important;
}
.nav-condensed{overflow:visible!important}
.nav-dropdown{position:relative!important;display:flex!important;align-items:stretch!important}
.nav-dropdown-label{
  min-height:48px;
  display:flex!important;
  align-items:center!important;
  padding:0 4px 0 14px!important;
  border:0!important;
  color:inherit!important;
  font-size:.72rem!important;
  font-weight:850!important;
  white-space:nowrap;
}
.nav-dropdown-caret{
  min-width:30px;
  min-height:48px;
  padding:0 9px 0 4px;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  font-size:.62rem;
  cursor:pointer;
}
.nav-dropdown:hover>.nav-dropdown-label,
.nav-dropdown:hover>.nav-dropdown-caret,
.nav-dropdown.active>.nav-dropdown-label,
.nav-dropdown.active>.nav-dropdown-caret,
.nav-dropdown.is-open>.nav-dropdown-label,
.nav-dropdown.is-open>.nav-dropdown-caret{
  background:rgba(255,255,255,.09)!important;
  color:#fff!important;
}
@media(min-width:721px){
  .nav-dropdown:hover>.nav-dropdown-menu,
  .nav-dropdown:focus-within>.nav-dropdown-menu,
  .nav-dropdown.is-open>.nav-dropdown-menu{display:block!important}
}
@media(max-width:720px){
  .nav-dropdown{display:grid!important;grid-template-columns:1fr 42px!important;width:100%!important}
  .nav-dropdown-label{min-height:42px!important;padding:0 11px!important;border-bottom:1px solid var(--line)!important}
  .nav-dropdown-caret{min-height:42px!important;border-bottom:1px solid var(--line)!important;border-left:1px solid var(--line)!important}
  .nav-dropdown-menu{grid-column:1/-1!important}
}

/* Members: reduce scale and card height. */
.members-page-compact{padding:36px 0 54px!important}
.members-page-compact>.container{max-width:1120px!important}
.members-page-compact> .container > h1,
.members-page-compact h1{font-size:clamp(1.9rem,3vw,2.7rem)!important;margin:4px 0 7px!important}
.members-page-compact .page-intro{font-size:.75rem!important;margin:0 0 14px!important}
.members-page-compact .members-top-swapper{padding:10px 12px!important;min-height:0!important;margin-bottom:12px!important}
.members-page-compact .members-nearby-panel{padding:12px!important;margin-bottom:12px!important}
.members-page-compact .member-search{margin:12px 0!important;gap:7px!important}
.members-page-compact .member-search input{min-height:38px!important;padding:8px 10px!important;font-size:.68rem!important}
.members-page-compact .member-search .button{min-height:38px!important;padding:0 12px!important;font-size:.62rem!important}
.members-page-compact .member-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
.members-page-compact .member-card-expanded{min-height:0!important;padding:10px!important;gap:9px!important;border-radius:11px!important}
.members-page-compact .member-card-expanded>img{width:54px!important;height:54px!important;flex:0 0 54px!important}
.members-page-compact .member-card-name-row h2{font-size:.78rem!important;margin:0!important}
.members-page-compact .member-card-name-row p{font-size:.52rem!important;margin:1px 0!important}
.members-page-compact .member-directory-bio{font-size:.53rem!important;min-height:2.5em!important;margin-bottom:5px!important}
.members-page-compact .member-card-stats{font-size:.5rem!important;gap:4px 7px!important}
.members-page-compact .member-directory-view{margin-top:5px!important;font-size:.52rem!important}
@media(max-width:900px){.members-page-compact .member-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.members-page-compact .member-grid{grid-template-columns:1fr!important}}

/* Categories: compact grouped directory with subcategories. */
.categories-page-compact{padding:36px 0 54px!important}
.categories-page-compact>.container{max-width:1160px!important}
.compact-directory-hero{margin-bottom:14px!important;gap:20px!important;align-items:center!important}
.compact-directory-hero h1{font-size:clamp(1.9rem,3vw,2.7rem)!important;margin:3px 0 5px!important}
.compact-directory-hero p{font-size:.7rem!important;line-height:1.45!important;max-width:680px!important}
.compact-summary{grid-template-columns:repeat(4,1fr)!important;gap:6px!important}
.compact-summary span{padding:8px!important;border-radius:9px!important}
.compact-summary strong{font-size:.92rem!important}.compact-summary small{font-size:.5rem!important}
.category-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.category-group-card{padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--white)}
.category-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:8px;margin-bottom:7px;border-bottom:1px solid var(--line)}
.category-group-title{display:flex;align-items:center;gap:8px;min-width:0}
.category-group-title .category-directory-icon{width:34px;height:34px;border-radius:9px;font-size:1rem;flex:0 0 34px}
.category-group-title span:last-child{display:grid;min-width:0}
.category-group-title strong{font-size:.7rem}.category-group-title small{font-size:.48rem;color:var(--muted)}
.category-group-view{font-size:.5rem!important;font-weight:850;color:var(--brand)!important;white-space:nowrap}
.subcategory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 7px}
.subcategory-link{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 7px;border-radius:7px;background:var(--soft);font-size:.54rem!important;line-height:1.2}
.subcategory-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subcategory-link small{color:var(--muted);font-size:.46rem;flex:0 0 auto}
.subcategory-link:hover{background:#e8eeff!important;color:var(--brand)!important}
.compact-category-actions{margin-top:14px!important}.compact-category-actions .button{min-height:34px!important;padding:0 11px!important;font-size:.55rem!important}
.category-page-compact{padding:36px 0 54px!important}.category-page-compact .category-page-icon{width:46px;height:46px;border-radius:12px;font-size:1.25rem}.category-page-compact h1{font-size:clamp(1.8rem,3vw,2.6rem)!important}.category-parent-link{display:block;margin-bottom:2px;color:var(--brand);font-size:.54rem;font-weight:850}
body.dark-mode .category-group-card{background:#172334!important;border-color:#35465d!important}
body.dark-mode .subcategory-link{background:#111b28!important}
@media(max-width:850px){.category-groups{grid-template-columns:1fr}.compact-summary{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:520px){.subcategory-grid{grid-template-columns:1fr}}

/* Cookie preference bar. */
.cookie-consent-bar[hidden]{display:none!important}
.cookie-consent-bar{
  position:fixed;
  left:18px;right:18px;bottom:14px;
  z-index:2147482000;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  max-width:1180px;
  margin:auto;
  padding:10px 12px;
  border:1px solid #34465d;
  border-radius:11px;
  background:#111c2a;
  color:#fff;
  box-shadow:0 15px 45px rgba(0,0,0,.3);
}
.cookie-consent-copy{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0}
.cookie-consent-copy strong{font-size:.62rem}.cookie-consent-copy span{font-size:.53rem;color:#bdc9d8;line-height:1.4}.cookie-consent-copy a{font-size:.52rem;color:#75ccff;font-weight:850;white-space:nowrap}
.cookie-consent-actions{display:flex;gap:6px;flex:0 0 auto}.cookie-consent-actions .button{min-height:34px!important;padding:0 10px!important;font-size:.52rem!important}
@media(max-width:760px){.cookie-consent-bar{left:8px;right:8px;bottom:8px;align-items:stretch;flex-direction:column;gap:8px}.cookie-consent-copy{grid-template-columns:1fr}.cookie-consent-actions{display:grid;grid-template-columns:1fr 1fr}}

.footer-cookie-settings{padding:0;border:0;background:none;color:inherit;text-align:left;font:inherit;cursor:pointer}.footer-cookie-settings:hover{color:#fff}


/* ========================================================================
   2026-09-26 marketplace filters / profile sidebar / gallery image fix
   ======================================================================== */

/* Top-centre tagline must be readable in light mode for every account state. */
body:not(.dark-mode) .topbar-tagline{
  color:#17283d!important;
  text-shadow:none!important;
  opacity:1!important;
  font-weight:850!important;
}
body.dark-mode .topbar-tagline{
  color:#eef5ff!important;
  opacity:1!important;
}

/* The button is Messages, not Mail. Give the word enough room. */
.header-message-button{
  width:78px!important;
  min-width:78px!important;
}
@media(max-width:720px){
  .header-message-button{
    width:68px!important;
    min-width:68px!important;
  }
}

/* Product gallery images: show the complete uploaded photo rather than cropping it. */
.listing-card .listing-image,
.market-directory-card-media,
.wishlist-page-image,
.wishlist-rec-image,
.related-listing-card .related-image,
.account-rec-image,
.my-listing-card>img{
  background:var(--soft)!important;
}
.listing-card .listing-image img,
.market-directory-card-media img,
.wishlist-page-image img,
.wishlist-rec-image img,
.related-listing-card .related-image img,
.account-rec-image img,
.my-listing-card>img,
.category-listing-card img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:var(--soft)!important;
}
.market-top-media img{
  object-fit:contain!important;
  object-position:center!important;
  background:var(--soft)!important;
}

/* Directory page: main results + personal right rail */
.market-with-sidebar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 250px!important;
  gap:18px!important;
  align-items:start!important;
}
.market-main-column{
  min-width:0;
}
.market-profile-sidebar{
  position:sticky;
  top:16px;
  min-width:0;
}
.market-profile-card{
  padding:13px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--white);
  box-shadow:0 7px 20px rgba(26,42,67,.05);
}
.market-profile-person{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:9px;
  align-items:center;
  text-decoration:none;
  color:var(--ink);
  padding-bottom:10px;
  border-bottom:1px solid var(--line);
}
.market-profile-person img{
  width:46px;
  height:46px;
  border-radius:9px;
  object-fit:contain;
  object-position:center;
  background:var(--soft);
}
.market-profile-person span{display:grid;min-width:0}
.market-profile-person small{
  color:var(--brand);
  font-size:.45rem;
  font-weight:950;
  letter-spacing:.07em;
}
.market-profile-person strong{
  margin-top:1px;
  font-size:.68rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.market-profile-person em{
  margin-top:2px;
  color:var(--muted);
  font-size:.48rem;
  font-style:normal;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.market-profile-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
  margin:9px 0;
}
.market-profile-stats a{
  display:grid;
  padding:7px 6px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--soft);
  color:var(--ink);
  text-decoration:none;
  text-align:center;
}
.market-profile-stats strong{
  font-size:.7rem;
  line-height:1.1;
}
.market-profile-stats small{
  margin-top:2px;
  color:var(--muted);
  font-size:.44rem;
  line-height:1.15;
}
.market-profile-links{
  display:grid;
  border-top:1px solid var(--line);
  padding-top:5px;
}
.market-profile-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:8px 4px;
  border-bottom:1px solid var(--line);
  color:var(--ink);
  text-decoration:none;
  font-size:.55rem;
  font-weight:800;
}
.market-profile-links a:last-child{border-bottom:0}
.market-profile-links a:hover{color:var(--brand)}
.market-profile-links b{
  margin-left:auto;
  color:var(--brand);
  font-size:.46rem;
}
.market-profile-guest h3{
  margin:4px 0 5px;
  font-size:.78rem;
}
.market-profile-guest p{
  margin:0 0 9px;
  color:var(--muted);
  font-size:.54rem;
  line-height:1.45;
}
.market-profile-guest .button{
  width:100%;
  min-height:34px!important;
  margin-top:5px;
  font-size:.54rem!important;
}
.market-profile-report{
  display:block;
  margin-top:9px;
  text-align:center;
  font-size:.52rem;
  font-weight:800;
}
body.dark-mode .market-profile-card{
  background:#172334!important;
  border-color:#35465d!important;
}
body.dark-mode .market-profile-stats a{
  background:#111b28!important;
  border-color:#35465d!important;
}
body.dark-mode .market-profile-person,
body.dark-mode .market-profile-links a{
  border-color:#35465d!important;
  color:#fff!important;
}

/* Real filters instead of one oversized search row. */
.market-filter-panel{
  margin:0 0 14px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--white);
}
.market-filter-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:9px;
}
.market-filter-head>div{display:grid}
.market-filter-head strong{font-size:.7rem}
.market-filter-head>a{font-size:.52rem;font-weight:850}
.market-filter-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  align-items:end;
}
.market-filter-grid label{
  display:grid;
  gap:3px;
  min-width:0;
}
.market-filter-grid label>span{
  font-size:.5rem;
  font-weight:850;
  color:var(--muted);
}
.market-filter-grid input,
.market-filter-grid select{
  width:100%;
  min-width:0;
  min-height:36px;
  padding:7px 8px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--white);
  color:var(--ink);
  font:inherit;
  font-size:.57rem;
}
.market-filter-wide{
  grid-column:span 2;
}
.market-filter-submit{
  min-height:36px!important;
  font-size:.56rem!important;
}
body.dark-mode .market-filter-panel{
  background:#172334!important;
  border-color:#35465d!important;
}
body.dark-mode .market-filter-grid input,
body.dark-mode .market-filter-grid select{
  background:#111b28!important;
  color:#fff!important;
  border-color:#35465d!important;
}

/* Wishlist: reduce scale and use the same profile rail. */
.wishlist-page-compact{
  padding-top:24px!important;
}
.wishlist-page-hero{
  padding:26px 0!important;
}
.wishlist-page-hero h1{
  font-size:clamp(1.65rem,2.8vw,2.5rem)!important;
  margin:4px 0 7px!important;
}
.wishlist-page-hero p{
  font-size:.66rem!important;
}
.wishlist-page-count{
  padding:11px 15px!important;
}
.wishlist-page-count strong{
  font-size:1.35rem!important;
}
.wishlist-page-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.wishlist-page-card{
  border-radius:11px!important;
}
.wishlist-page-image{
  height:180px!important;
}
.wishlist-page-card-body{
  padding:11px!important;
}
.wishlist-page-card-body h3{
  font-size:.78rem!important;
  margin:3px 0 5px!important;
}
.wishlist-page-card-body>p{
  font-size:.55rem!important;
  line-height:1.4!important;
}
.wishlist-card-actions .button{
  min-height:33px!important;
  font-size:.52rem!important;
}
.wishlist-recommendations{
  margin-top:24px!important;
}
.wishlist-recommendation-grid{
  gap:8px!important;
}

/* Categories with right rail: keep directory compact. */
.categories-page-compact .category-groups{
  gap:8px!important;
}
.categories-page-compact .category-group-card{
  padding:11px!important;
}

/* Mobile/tablet */
@media(max-width:1050px){
  .market-with-sidebar{
    grid-template-columns:minmax(0,1fr) 220px!important;
    gap:12px!important;
  }
  .market-filter-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:820px){
  .market-with-sidebar{
    grid-template-columns:1fr!important;
  }
  .market-profile-sidebar{
    position:static!important;
    order:-1;
  }
  .market-profile-card{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:9px 14px;
  }
  .market-profile-person{
    border-bottom:0;
    padding-bottom:0;
  }
  .market-profile-stats{
    grid-template-columns:repeat(4,minmax(60px,1fr));
    margin:0;
  }
  .market-profile-links{
    grid-column:1/-1;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:4px;
    border-top:1px solid var(--line);
  }
  .market-profile-links a{
    border:1px solid var(--line);
    border-radius:7px;
    padding:7px;
  }
  .market-profile-guest{
    display:block;
  }
  .market-filter-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .wishlist-page-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:560px){
  .market-filter-grid{
    grid-template-columns:1fr;
  }
  .market-filter-wide{grid-column:auto}
  .market-profile-card{
    display:block;
  }
  .market-profile-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .market-profile-links{
    grid-template-columns:1fr 1fr;
  }
  .wishlist-page-grid{
    grid-template-columns:1fr!important;
  }
  .wishlist-page-image{
    height:210px!important;
  }
}


/* ========================================================================
   2026-09-26 profile sidebar on Members + Messages
   ======================================================================== */
.members-with-sidebar .market-main-column,
.messages-with-sidebar .market-main-column{
  min-width:0;
}

/* Keep Members compact when the profile rail is present. */
.members-with-sidebar .member-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
.members-with-sidebar .member-card-expanded{
  min-width:0;
}
.members-with-sidebar .nearby-members-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

/* Messages already has its own conversation sidebar, so keep the right
   profile rail narrow and prevent the conversation workspace from overflowing. */
.messages-with-sidebar{
  grid-template-columns:minmax(0,1fr) 235px!important;
}
.messages-with-sidebar .messages-layout-refined{
  min-width:0;
}
.messages-with-sidebar .message-workspace,
.messages-with-sidebar .messages-side-panel{
  min-width:0;
}
.messages-with-sidebar .messages-profile-hero{
  min-width:0;
}

/* On narrower screens the personal sidebar moves above the page content,
   matching the other marketplace pages. */
@media(max-width:1100px){
  .messages-with-sidebar{
    grid-template-columns:minmax(0,1fr) 210px!important;
  }
}
@media(max-width:900px){
  .members-with-sidebar .member-grid,
  .members-with-sidebar .nearby-members-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:820px){
  .messages-with-sidebar,
  .members-with-sidebar{
    grid-template-columns:1fr!important;
  }
  .messages-with-sidebar>.market-profile-sidebar,
  .members-with-sidebar>.market-profile-sidebar{
    order:-1;
  }
}


/* ========================================================================
   2026-09-26 richer profile sidebar statistics
   ======================================================================== */
.market-profile-activity{
  margin:10px 0 8px;
  padding-top:9px;
  border-top:1px solid var(--line);
}
.market-profile-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:6px;
}
.market-profile-section-head span{
  color:var(--brand);
  font-size:.46rem;
  font-weight:950;
  letter-spacing:.075em;
}
.market-profile-section-head small{
  color:var(--muted);
  font-size:.43rem;
}
.market-profile-activity-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
}
.market-profile-activity-grid a{
  min-width:0;
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:5px;
  align-items:center;
  padding:7px 6px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--soft);
  color:var(--ink);
  text-decoration:none;
}
.market-profile-activity-grid .market-stat-icon{
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:6px;
  background:var(--white);
  color:var(--brand);
  font-size:.65rem;
  font-weight:950;
}
.market-profile-activity-grid strong{
  min-width:0;
  font-size:.65rem;
  line-height:1.05;
}
.market-profile-activity-grid small{
  min-width:0;
  color:var(--muted);
  font-size:.4rem;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.market-profile-balance-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:4px;
  margin-bottom:8px;
}
.market-profile-balance-row>a{
  display:grid;
  gap:3px;
  padding:7px 5px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--white);
  color:var(--ink);
  text-decoration:none;
  text-align:center;
}
.market-profile-balance-row span{
  display:grid;
}
.market-profile-balance-row strong{
  font-size:.62rem;
}
.market-profile-balance-row small{
  margin-top:1px;
  color:var(--muted);
  font-size:.38rem;
  line-height:1.15;
}
.market-profile-balance-row b{
  color:var(--brand);
  font-size:.39rem;
  text-transform:uppercase;
  letter-spacing:.045em;
}
.market-profile-activity-grid a:hover,
.market-profile-balance-row>a:hover{
  border-color:var(--brand);
}
body.dark-mode .market-profile-activity,
body.dark-mode .market-profile-section-head{
  border-color:#35465d!important;
}
body.dark-mode .market-profile-activity-grid a{
  background:#111b28!important;
  border-color:#35465d!important;
  color:#fff!important;
}
body.dark-mode .market-profile-activity-grid .market-stat-icon,
body.dark-mode .market-profile-balance-row>a{
  background:#172334!important;
  border-color:#35465d!important;
  color:#fff!important;
}

@media(max-width:820px){
  .market-profile-activity,
  .market-profile-balance-row{
    grid-column:1/-1;
  }
  .market-profile-activity-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .market-profile-balance-row{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:560px){
  .market-profile-activity-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}


/* ========================================================================
   2026-09-26 public swap / deal history
   ======================================================================== */
.public-history-heading{
  align-items:center!important;
}
.public-history-heading>.button{
  flex:0 0 auto;
}
.public-deal-history-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.public-deal-history-card{
  display:grid;
  grid-template-columns:94px minmax(0,1fr);
  gap:10px;
  min-width:0;
  padding:9px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--white);
}
.public-deal-history-image{
  width:94px;
  height:94px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:8px;
  background:var(--soft);
  color:var(--brand);
  text-decoration:none;
  font-size:.5rem;
  font-weight:950;
}
.public-deal-history-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  background:var(--soft);
}
.public-deal-history-copy{
  min-width:0;
}
.public-deal-history-topline{
  display:flex;
  justify-content:space-between;
  gap:8px;
  align-items:center;
}
.public-deal-history-topline>span{
  color:var(--brand);
  font-size:.46rem;
  font-weight:950;
  letter-spacing:.055em;
}
.public-deal-history-topline time{
  color:var(--muted);
  font-size:.45rem;
}
.public-deal-history-copy h3{
  margin:5px 0 4px;
  font-size:.72rem;
  line-height:1.25;
}
.public-deal-history-copy p{
  margin:0;
  color:var(--muted);
  font-size:.51rem;
  line-height:1.4;
}
.public-deal-history-copy p a{
  font-weight:850;
}
.public-deal-history-rating{
  display:flex;
  gap:8px;
  margin-top:7px;
  flex-wrap:wrap;
}
.public-deal-history-rating>span{
  display:grid;
}
.public-deal-history-rating b{
  color:#d79c00;
  font-size:.52rem;
  letter-spacing:1px;
}
.public-deal-history-rating small{
  color:var(--muted);
  font-size:.4rem;
}
body.dark-mode .public-deal-history-card{
  background:#172334!important;
  border-color:#35465d!important;
}

/* Dedicated history page */
.public-history-container{
  width:min(1120px,calc(100% - 34px))!important;
}
.public-history-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:16px 18px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--white);
}
.public-history-member{
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--ink);
  text-decoration:none;
  min-width:0;
}
.public-history-member img{
  width:68px;
  height:68px;
  border-radius:50%;
  object-fit:cover;
}
.public-history-member span{
  display:grid;
  min-width:0;
}
.public-history-member small{
  color:var(--brand);
  font-size:.48rem;
  font-weight:950;
  letter-spacing:.06em;
}
.public-history-member h1{
  margin:2px 0;
  font-size:1.35rem;
}
.public-history-member em{
  color:var(--muted);
  font-style:normal;
  font-size:.56rem;
}
.public-history-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(80px,1fr));
  gap:6px;
}
.public-history-summary span{
  display:grid;
  padding:9px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--soft);
  text-align:center;
}
.public-history-summary strong{
  font-size:.72rem;
}
.public-history-summary small{
  color:var(--muted);
  font-size:.43rem;
}
.public-history-note{
  margin:12px 0;
  padding:10px 12px;
  border-left:4px solid var(--brand);
  border-radius:8px;
  background:var(--soft);
}
.public-history-note strong{
  font-size:.61rem;
}
.public-history-note p{
  margin:3px 0 0;
  color:var(--muted);
  font-size:.52rem;
  line-height:1.45;
}
.public-history-list{
  display:grid;
  gap:8px;
}
.public-history-row{
  display:grid;
  grid-template-columns:84px minmax(0,1fr) 150px auto;
  gap:12px;
  align-items:center;
  padding:10px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--white);
}
.public-history-row-image{
  width:84px;
  height:84px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:8px;
  background:var(--soft);
  color:var(--brand);
  text-decoration:none;
  font-size:.46rem;
  font-weight:950;
}
.public-history-row-image img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.public-history-row-main{
  min-width:0;
}
.public-history-row-main h2{
  margin:4px 0;
  font-size:.78rem;
  line-height:1.25;
}
.public-history-row-main p{
  margin:0;
  color:var(--muted);
  font-size:.51rem;
}
.public-history-row-rating{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
}
.public-history-row-rating>span{
  display:grid;
  padding:6px;
  border:1px solid var(--line);
  border-radius:7px;
  text-align:center;
}
.public-history-row-rating b{
  color:#d79c00;
  font-size:.49rem;
}
.public-history-row-rating small{
  color:var(--muted);
  font-size:.39rem;
}
.public-history-row-actions{
  display:grid;
  gap:5px;
}
.public-history-row-actions a{
  white-space:nowrap;
  font-size:.49rem;
  font-weight:850;
}
.public-history-footer-link{
  margin-top:14px;
}
body.dark-mode .public-history-hero,
body.dark-mode .public-history-row{
  background:#172334!important;
  border-color:#35465d!important;
}
body.dark-mode .public-history-summary span,
body.dark-mode .public-history-note,
body.dark-mode .public-history-row-rating>span{
  background:#111b28!important;
  border-color:#35465d!important;
}
@media(max-width:860px){
  .public-deal-history-grid{
    grid-template-columns:1fr;
  }
  .public-history-hero{
    grid-template-columns:1fr;
  }
  .public-history-row{
    grid-template-columns:72px minmax(0,1fr);
  }
  .public-history-row-image{
    width:72px;
    height:72px;
  }
  .public-history-row-rating,
  .public-history-row-actions{
    grid-column:1/-1;
  }
  .public-history-row-actions{
    display:flex;
    gap:12px;
  }
}
@media(max-width:520px){
  .public-history-summary{
    grid-template-columns:1fr 1fr 1fr;
  }
  .public-deal-history-card{
    grid-template-columns:74px minmax(0,1fr);
  }
  .public-deal-history-image{
    width:74px;
    height:74px;
  }
}


/* ========================================================================
   2026-09-26 admin-only completed history removal
   ======================================================================== */
.history-admin-remove{
  margin-top:5px;
  min-width:180px;
}
.history-admin-remove>summary{
  cursor:pointer;
  color:#a93636;
  font-size:.46rem;
  font-weight:900;
  list-style:none;
}
.history-admin-remove>summary::-webkit-details-marker{display:none}
.history-admin-remove form{
  display:grid;
  gap:5px;
  margin-top:6px;
  padding:7px;
  border:1px solid #d9aaaa;
  border-radius:7px;
  background:#fff5f5;
}
.history-admin-remove input{
  width:100%;
  min-width:0;
  min-height:32px;
  padding:6px 7px;
  border:1px solid #d9aaaa;
  border-radius:6px;
  font:inherit;
  font-size:.48rem;
}
.history-admin-remove .button{
  width:100%;
  min-height:31px!important;
  font-size:.47rem!important;
}
body.dark-mode .history-admin-remove form{
  background:#2a181c!important;
  border-color:#70404a!important;
}
body.dark-mode .history-admin-remove input{
  background:#171018!important;
  color:#fff!important;
  border-color:#70404a!important;
}


/* ========================================================================
   HOMEPAGE PROFILE RAIL — FINAL POSITIONING
   The profile panel occupies the dedicated RIGHT column beside the complete
   top hero. It does not sit underneath the Top cards on desktop/tablet.
   ======================================================================== */
.hero{
  overflow:visible!important;
}

.hero>.home-hero-layout.has-profile-sidebar{
  width:min(1510px,calc(100% - 28px))!important;
  max-width:1510px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;

  display:grid!important;
  grid-template-columns:minmax(0,1fr) 265px!important;
  grid-template-areas:"main rail"!important;
  column-gap:18px!important;
  row-gap:0!important;
  align-items:start!important;
}

.hero>.home-hero-layout.has-profile-sidebar>.home-hero-main{
  grid-area:main!important;
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  order:1!important;
}

.hero>.home-hero-layout.has-profile-sidebar>.market-profile-sidebar{
  grid-area:rail!important;
  grid-column:2!important;
  grid-row:1!important;

  display:block!important;
  position:sticky!important;
  top:16px!important;
  left:auto!important;
  right:auto!important;

  width:265px!important;
  min-width:265px!important;
  max-width:265px!important;

  margin:0!important;
  padding:0!important;
  justify-self:stretch!important;
  align-self:start!important;
  order:2!important;
}

/* Shift/compress only the hero CONTENT, leaving the right column free for the
   profile rail in the area indicated in the screenshot. */
.home-hero-layout.has-profile-sidebar .home-hero-main>.hero-grid.hero-grid-reworked{
  width:100%!important;
  max-width:none!important;
  margin:0!important;

  display:grid!important;
  grid-template-columns:minmax(0,1.38fr) minmax(220px,.62fr)!important;
  gap:14px!important;
  align-items:stretch!important;
}

.home-hero-layout.has-profile-sidebar .hero-grid-reworked>.hero-copy{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
}

.home-hero-layout.has-profile-sidebar .hero-grid-reworked>.hero-announcement-slot{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
}

.home-hero-layout.has-profile-sidebar .hero-grid-reworked>.hero-panel{
  grid-column:1/-1!important;
  grid-row:2!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
  min-width:0!important;
}

.home-hero-layout.has-profile-sidebar .hero-copy h1{
  font-size:clamp(1.55rem,2.6vw,2.45rem)!important;
}

.home-hero-layout.has-profile-sidebar .hero-feature-strip{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.home-hero-layout.has-profile-sidebar .hero-top-swapper-card{
  min-width:0!important;
  overflow:hidden!important;
}

/* Narrow desktop / tablet: the requested rail STILL stays on the right. */
@media(max-width:1050px) and (min-width:621px){
  .hero>.home-hero-layout.has-profile-sidebar{
    width:calc(100% - 20px)!important;
    grid-template-columns:minmax(0,1fr) 205px!important;
    column-gap:10px!important;
  }

  .hero>.home-hero-layout.has-profile-sidebar>.market-profile-sidebar{
    grid-column:2!important;
    grid-row:1!important;
    width:205px!important;
    min-width:205px!important;
    max-width:205px!important;
    order:2!important;
  }

  .home-hero-layout.has-profile-sidebar .home-hero-main>.hero-grid.hero-grid-reworked{
    grid-template-columns:minmax(0,1fr) minmax(170px,.52fr)!important;
    gap:9px!important;
  }

  .home-hero-layout.has-profile-sidebar .hero-panel{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .home-hero-layout.has-profile-sidebar .hero-feature-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Actual phones only: stack AFTER the complete hero. */
@media(max-width:620px){
  .hero>.home-hero-layout.has-profile-sidebar{
    width:calc(100% - 18px)!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:
      "main"
      "rail"!important;
    gap:12px!important;
  }

  .hero>.home-hero-layout.has-profile-sidebar>.home-hero-main{
    grid-area:main!important;
    grid-column:1!important;
    grid-row:1!important;
  }

  .hero>.home-hero-layout.has-profile-sidebar>.market-profile-sidebar{
    grid-area:rail!important;
    grid-column:1!important;
    grid-row:2!important;
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    order:2!important;
  }

  .home-hero-layout.has-profile-sidebar .home-hero-main>.hero-grid.hero-grid-reworked{
    grid-template-columns:1fr!important;
  }

  .home-hero-layout.has-profile-sidebar .hero-copy,
  .home-hero-layout.has-profile-sidebar .hero-announcement-slot,
  .home-hero-layout.has-profile-sidebar .hero-panel{
    grid-column:1!important;
    grid-row:auto!important;
  }

  .home-hero-layout.has-profile-sidebar .hero-panel{
    grid-template-columns:1fr!important;
  }
}


/* ========================================================================
   HOMEPAGE — USE THE SAME RIGHT PROFILE RAIL LAYOUT AS SWAPS
   ======================================================================== */
.hero>.home-market-shell{
  width:min(1510px,calc(100% - 28px))!important;
  max-width:1510px!important;
  margin-inline:auto!important;
  padding:0!important;
}

.hero>.home-market-shell.market-with-sidebar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 250px!important;
  gap:18px!important;
  align-items:start!important;
}

.home-market-shell>.home-hero-main{
  min-width:0!important;
}

.home-market-shell.market-with-sidebar>.market-profile-sidebar{
  position:sticky!important;
  top:16px!important;
  grid-column:2!important;
  width:250px!important;
  min-width:250px!important;
  max-width:250px!important;
  align-self:start!important;
  justify-self:stretch!important;
}

/* Signed-in hero is slightly tighter so the profile rail occupies the same
   clean right-hand column seen on Swaps/Sales/Wanted pages. */
.home-market-shell.market-with-sidebar .hero-grid.hero-grid-reworked{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr)!important;
  gap:14px!important;
  align-items:stretch!important;
}

.home-market-shell.market-with-sidebar .hero-grid-reworked>.hero-copy{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
}

.home-market-shell.market-with-sidebar .hero-grid-reworked>.hero-announcement-slot{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
}

.home-market-shell.market-with-sidebar .hero-grid-reworked>.hero-panel{
  grid-column:1/-1!important;
  grid-row:2!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
}

.home-market-shell.market-with-sidebar .hero-copy h1{
  font-size:clamp(1.55rem,2.65vw,2.5rem)!important;
}

/* Eight feature tiles: four across by two rows for an even block. */
.hero-feature-strip.hero-feature-strip-upgraded{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
  max-width:none!important;
}
.hero-feature-strip.hero-feature-strip-upgraded>span{
  width:auto!important;
  min-width:0!important;
  min-height:46px!important;
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:6px!important;
  align-items:start!important;
}
.hero-feature-strip.hero-feature-strip-upgraded>span>strong{
  grid-row:1/3!important;
}
.hero-feature-strip.hero-feature-strip-upgraded>span>b,
.hero-feature-strip.hero-feature-strip-upgraded>span>small{
  min-width:0!important;
}
.hero-feature-strip.hero-feature-strip-upgraded>span>small{
  line-height:1.2!important;
}

/* Keep the right rail on the right through tablet widths, matching Swaps. */
@media(max-width:1050px) and (min-width:721px){
  .hero>.home-market-shell.market-with-sidebar{
    grid-template-columns:minmax(0,1fr) 220px!important;
    gap:12px!important;
  }
  .home-market-shell.market-with-sidebar>.market-profile-sidebar{
    width:220px!important;
    min-width:220px!important;
    max-width:220px!important;
  }
  .home-market-shell.market-with-sidebar .hero-grid.hero-grid-reworked{
    grid-template-columns:minmax(0,1fr) 190px!important;
    gap:10px!important;
  }
  .home-market-shell.market-with-sidebar .hero-panel{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .hero-feature-strip.hero-feature-strip-upgraded{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Phone layout follows the existing marketplace pages: profile panel stacks,
   but it stays AFTER the hero content rather than jumping above it. */
@media(max-width:720px){
  .hero>.home-market-shell.market-with-sidebar{
    grid-template-columns:1fr!important;
  }
  .home-market-shell.market-with-sidebar>.market-profile-sidebar{
    position:static!important;
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    order:2!important;
  }
  .home-market-shell>.home-hero-main{
    order:1!important;
  }
  .home-market-shell.market-with-sidebar .hero-grid.hero-grid-reworked{
    grid-template-columns:1fr!important;
  }
  .home-market-shell.market-with-sidebar .hero-copy,
  .home-market-shell.market-with-sidebar .hero-announcement-slot,
  .home-market-shell.market-with-sidebar .hero-panel{
    grid-column:1!important;
    grid-row:auto!important;
  }
  .home-market-shell.market-with-sidebar .hero-panel{
    grid-template-columns:1fr!important;
  }
  .hero-feature-strip.hero-feature-strip-upgraded{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* 2026-09-26 global status wording fix */
.global-status-strip .homepage-live-item{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  white-space:nowrap!important;
}
.global-status-strip .homepage-live-item>[data-global-online-label]{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  letter-spacing:normal!important;
  word-spacing:normal!important;
}
.global-status-strip .homepage-live-item>[data-global-online-count]{
  margin:0!important;
}


/* ========================================================================
   2026-09-26 single-device login + nav commercial shortcuts
   ======================================================================== */
.nav-condensed>.nav-direct-link{
  min-height:48px;
  display:flex!important;
  align-items:center!important;
  padding:0 13px!important;
  color:inherit!important;
  text-decoration:none!important;
  font-size:.69rem!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.nav-condensed>.nav-direct-link:hover,
.nav-condensed>.nav-direct-link.active{
  color:#fff!important;
  background:rgba(255,255,255,.09)!important;
}
.nav-subscribe-direct{
  margin-left:4px!important;
}
.nav-boosts-direct{
  margin-left:0!important;
}
@media(max-width:720px){
  .nav-condensed>.nav-direct-link{
    width:100%!important;
    min-height:42px!important;
    justify-content:flex-start!important;
    padding:0 11px!important;
    border-bottom:1px solid var(--line)!important;
  }
  .nav-subscribe-direct,
  .nav-boosts-direct{
    margin-left:0!important;
  }
}


/* ========================================================================
   2026-09-26 single-session v2 + header chat shortcut
   ======================================================================== */

/* Subscribe and Boosts are on the blue nav: keep them white in light mode. */
body:not(.dark-mode) .main-nav .nav-subscribe-direct,
body:not(.dark-mode) .main-nav .nav-boosts-direct{
  color:#fff!important;
}
body:not(.dark-mode) .main-nav .nav-subscribe-direct:hover,
body:not(.dark-mode) .main-nav .nav-boosts-direct:hover,
body:not(.dark-mode) .main-nav .nav-subscribe-direct.active,
body:not(.dark-mode) .main-nav .nav-boosts-direct.active{
  color:#fff!important;
}

/* Header Chat shortcut beside Home / Profile / Messages. */
.header-main{
  grid-template-columns:auto minmax(260px,1fr) auto auto auto auto auto!important;
}
.header-chat-button{
  width:64px!important;
  min-width:64px!important;
  height:58px!important;
  padding:5px 6px 4px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  border:1px solid var(--line);
  border-radius:11px!important;
  background:var(--white);
  color:var(--ink);
  text-decoration:none!important;
  font-size:.58rem!important;
  font-weight:900!important;
  line-height:1!important;
}
.header-chat-button>span{
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  border-radius:9px;
  background:var(--soft);
  color:var(--brand);
  font-size:.46rem;
  letter-spacing:-1px;
}
.header-chat-button>b{
  display:block!important;
  font-size:.58rem!important;
  line-height:1!important;
}
body.dark-mode .header-chat-button{
  background:#172334!important;
  border-color:#35465d!important;
  color:#fff!important;
}
body.dark-mode .header-chat-button>span{
  background:#111b28!important;
}

@media(max-width:1000px){
  .header-main{
    grid-template-columns:auto minmax(0,1fr) auto auto auto auto auto!important;
  }
}
@media(max-width:720px){
  .header-main{
    grid-template-columns:1fr auto auto auto auto auto!important;
  }
  .header-chat-button{
    width:54px!important;
    min-width:54px!important;
    height:50px!important;
    padding:4px!important;
  }
  .header-chat-button>span{
    width:25px!important;
    height:25px!important;
  }
  .header-chat-button>b{
    font-size:.51rem!important;
  }
}


/* ========================================================================
   2026-09-26 mobile header: fit Home / Profile / Chat / Messages / Menu
   ======================================================================== */
@media(max-width:720px){
  .header-main{
    width:calc(100% - 8px)!important;
    max-width:none!important;
    margin-inline:auto!important;
    padding-inline:0!important;

    display:grid!important;
    grid-template-columns:minmax(64px,1fr) 42px 42px 42px 48px 44px!important;
    gap:3px!important;
    align-items:center!important;
  }

  /* Keep the mobile WotUGot logo/wordmark, but make its column compact. */
  .live-brand-header{
    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
    justify-self:start!important;
    overflow:hidden!important;
  }
  .live-brand-header .live-brand-symbol-wrap{
    width:32px!important;
    height:32px!important;
    margin-bottom:-3px!important;
  }
  .live-brand-header .live-brand-wordmark{
    display:block!important;
    width:62px!important;
    max-width:62px!important;
    height:auto!important;
  }

  .header-home-button,
  .header-profile-button,
  .header-chat-button{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:44px!important;
    padding:3px 2px!important;
    gap:1px!important;
    border-radius:8px!important;
  }

  .header-message-button{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:44px!important;
    padding:3px 1px!important;
    gap:1px!important;
    border-radius:8px!important;
  }

  .menu-button{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    padding:3px 2px!important;
    margin:0!important;
    border-radius:8px!important;
    justify-self:end!important;
  }

  .header-profile-button img,
  .header-home-button>span,
  .header-chat-button>span,
  .header-message-icon-wrap{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
  }

  .header-chat-button>span{
    font-size:.38rem!important;
  }

  .header-message-icon{
    width:22px!important;
    height:22px!important;
  }

  .header-home-button b,
  .header-profile-button b,
  .header-chat-button b,
  .header-message-button b,
  .menu-button-copy b{
    font-size:.43rem!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  .header-message-button b{
    font-size:.39rem!important;
  }

  .menu-button>span[aria-hidden="true"]{
    font-size:.9rem!important;
    line-height:1!important;
  }

  .message-count{
    min-width:15px!important;
    height:15px!important;
    padding:0 3px!important;
    font-size:.38rem!important;
    line-height:15px!important;
  }
}

/* Very narrow phones: shave a little more without hiding any of the five controls. */
@media(max-width:360px){
  .header-main{
    grid-template-columns:minmax(58px,1fr) 39px 39px 39px 46px 42px!important;
    gap:2px!important;
  }
  .live-brand-header{
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
  }
  .live-brand-header .live-brand-wordmark{
    width:56px!important;
    max-width:56px!important;
  }
  .header-home-button,
  .header-profile-button,
  .header-chat-button{
    width:39px!important;
    min-width:39px!important;
    max-width:39px!important;
  }
  .header-message-button{
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
  }
  .menu-button{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
  }
}


/* ========================================================================
   2026-09-26 guest header: no Profile shortcut when signed out
   ======================================================================== */

/* Desktop/tablet: remove the unused Profile column for signed-out visitors. */
.header-main.guest-header-actions{
  grid-template-columns:auto minmax(260px,1fr) auto auto auto auto!important;
}

/* Signed-in keeps Logo/Search + Home/Profile/Chat/Messages/Menu. */
.header-main.has-user-profile-button{
  grid-template-columns:auto minmax(260px,1fr) auto auto auto auto auto!important;
}

@media(max-width:1000px){
  .header-main.guest-header-actions{
    grid-template-columns:auto minmax(0,1fr) auto auto auto auto!important;
  }
  .header-main.has-user-profile-button{
    grid-template-columns:auto minmax(0,1fr) auto auto auto auto auto!important;
  }
}

@media(max-width:720px){
  /* Guest: logo + Home + Chat + Messages + Menu */
  .header-main.guest-header-actions{
    grid-template-columns:minmax(72px,1fr) 44px 44px 50px 46px!important;
    gap:4px!important;
  }

  /* Signed in: logo + Home + Profile + Chat + Messages + Menu */
  .header-main.has-user-profile-button{
    grid-template-columns:minmax(64px,1fr) 42px 42px 42px 48px 44px!important;
    gap:3px!important;
  }

  .header-main.guest-header-actions .live-brand-header{
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
  }
  .header-main.guest-header-actions .live-brand-header .live-brand-wordmark{
    width:68px!important;
    max-width:68px!important;
  }

  .header-main.guest-header-actions .header-home-button,
  .header-main.guest-header-actions .header-chat-button{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
  }
  .header-main.guest-header-actions .header-message-button{
    width:50px!important;
    min-width:50px!important;
    max-width:50px!important;
  }
  .header-main.guest-header-actions .menu-button{
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
  }
}

@media(max-width:360px){
  .header-main.guest-header-actions{
    grid-template-columns:minmax(64px,1fr) 42px 42px 48px 44px!important;
    gap:2px!important;
  }
  .header-main.guest-header-actions .live-brand-header{
    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
  }
  .header-main.guest-header-actions .live-brand-header .live-brand-wordmark{
    width:61px!important;
    max-width:61px!important;
  }
}


/* ========================================================================
   2026-09-26 CHATROOM OVERHAUL
   ======================================================================== */

/* Header / exit / advert notice */
.chat-heading-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.chat-ad-warning{
  display:grid;
  gap:1px;
  max-width:290px;
  padding:7px 9px;
  border:1px solid #4c5d73;
  border-radius:8px;
  background:#182231;
  text-align:right;
}
.chat-ad-warning strong{font-size:.51rem;color:#7ed7ff;text-transform:uppercase;letter-spacing:.06em}
.chat-ad-warning span{font-size:.5rem!important;color:#aeb9c9!important;line-height:1.25}
.chat-site-exit{
  width:36px;height:36px;border-radius:50%;
  border:1px solid #4b5a70;background:#202b3b;color:#fff;
  display:grid;place-items:center;font-size:1.15rem;cursor:pointer;
}
.chat-site-exit:hover{background:#bd3447;border-color:#d64d60}

/* People now live in the left rail and stay scrollable. */
.chat-room-rail{
  overflow:hidden!important;
  max-height:none!important;
}
.chat-users-card-left{
  flex:0 0 auto;
  padding:0 0 10px!important;
  border-bottom:1px solid #303948;
}
.chat-online-users-scroll{
  max-height:280px!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  padding-right:2px;
}
.chat-user-row{
  min-width:0;
}
.chat-user-row>a{
  flex:1 1 auto;
  min-width:0!important;
  text-decoration:none;
}
.chat-user-name-line{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
}
.chat-user-name-line>strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.chat-user-staff-badge,
.chat-user-dj-badge{
  flex:0 0 auto;
  padding:2px 4px;
  border-radius:4px;
  font-size:.38rem!important;
  line-height:1!important;
  letter-spacing:.04em;
}
.chat-user-staff-admin{background:#7e2733;color:#fff}
.chat-user-staff-moderator{background:#126d5a;color:#fff}
.chat-user-staff-vip{background:#8a6500;color:#fff}
.chat-user-dj-badge{background:#d79c00;color:#191200}
.chat-user-stream-buttons{
  display:flex;
  flex:0 0 auto;
  gap:3px;
}
.chat-user-stream-button{
  width:28px;height:28px;
  display:grid;place-items:center;
  border:1px solid #39475a;
  border-radius:7px;
  background:#111923;
  color:#fff;
  cursor:pointer;
  font-size:.72rem;
}
.chat-user-stream-button:hover{border-color:#43bffc;background:#17293a}

/* Stream toolbar/status */
.chat-stream-status{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(220px,.7fr)!important;
  align-items:center!important;
  gap:12px!important;
}
.chat-stream-help{
  text-align:right;
  line-height:1.35!important;
}
.chat-tool-button.is-live{
  border-color:#2ea66f!important;
  background:#153927!important;
  color:#b8f4d5!important;
}

/* Stream panel/tile controls */
.chat-stream-panel{
  z-index:80!important;
}
.chat-stream-tile{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto!important;
}
.chat-stream-tile video{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#05070a!important;
}
.chat-stream-tile.audio-only video{
  background:radial-gradient(circle at center,#263b57 0,#101824 55%,#05070a 100%)!important;
}
.chat-stream-tile-caption{
  min-height:34px;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  padding:5px 7px!important;
  background:#101720!important;
  color:#fff!important;
  position:static!important;
}
.chat-stream-tile-caption>span{
  font-size:.54rem!important;
  font-weight:850!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.chat-stream-volume-controls{
  display:flex;
  align-items:center;
  gap:4px;
  min-width:90px;
}
.chat-stream-volume-controls button{
  width:25px;height:25px;
  border:1px solid #39475a;border-radius:6px;
  background:#1c2735;color:#fff;cursor:pointer;
}
.chat-stream-volume-controls input[type="range"]{
  width:70px;
  accent-color:#39bdf5;
}

/* Private room picture sharing */
.chat-image-upload-button{
  min-height:44px;
  min-width:38px;
  display:grid;
  place-items:center;
  border:1px solid #39475a;
  border-radius:8px;
  background:#1c2735;
  cursor:pointer;
}
.chat-shared-image{
  display:block;
  margin-top:7px;
  width:min(360px,100%);
  border:1px solid #39475a;
  border-radius:9px;
  overflow:hidden;
  background:#0b1017;
}
.chat-shared-image img{
  display:block;
  width:100%;
  max-height:320px;
  object-fit:contain;
  background:#0b1017;
}

/* Report panel */
.chat-report-panel{
  padding:10px 12px;
  border-bottom:1px solid #303948;
  background:#1a202b;
}
.chat-report-panel[hidden]{display:none!important}
.chat-report-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px
}
.chat-report-head strong{font-size:.7rem}
.chat-report-head button{
  width:28px;height:28px;border:0;border-radius:50%;background:#313c4c;color:#fff;cursor:pointer
}
.chat-report-grid{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:7px;
  align-items:end;
}
.chat-report-grid label{display:grid;gap:3px}
.chat-report-grid label>span{font-size:.48rem;font-weight:800;color:#9eabbc}
.chat-report-grid select,
.chat-report-grid textarea{
  width:100%;
  border:1px solid #3a485b;
  border-radius:7px;
  background:#111923;
  color:#fff;
  padding:7px;
  font:inherit;
  font-size:.56rem;
}
.chat-report-wide{grid-column:1/3}
#chat-report-result{grid-column:1/-1;color:#9fd7b7}

/* DJ mode */
.chat-dj-card{
  padding:10px;
  border:1px solid #303948;
  border-radius:8px;
  background:#141b25;
}
.chat-dj-card>p{
  margin:4px 0 8px;
  color:#aeb9c8;
  font-size:.54rem;
}
.chat-dj-vote{
  display:grid;
  gap:6px;
  margin:7px 0;
}
.chat-dj-vote>small{
  color:#e8bd51;
  font-size:.48rem;
  font-weight:850;
}
#chat-dj-candidates{
  display:grid;
  gap:4px;
  max-height:180px;
  overflow:auto;
}
.chat-dj-candidate{
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  gap:6px;
  align-items:center;
  padding:5px;
  border:1px solid #344154;
  border-radius:7px;
  background:#111923;
  color:#fff;
  cursor:pointer;
  text-align:left;
}
.chat-dj-candidate img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.chat-dj-candidate strong{font-size:.52rem}
.chat-dj-candidate small{font-size:.44rem;color:#9eabbc}
.chat-dj-candidate.is-voted{border-color:#d79c00;background:#2c2616}
.chat-dj-note{display:block;margin-top:6px;color:#8795a8;font-size:.44rem;line-height:1.35}
body:not(.dark-mode) .chat-dj-card{
  background:#fff;
  border-color:#cfdbea;
  color:#263244;
}
body:not(.dark-mode) .chat-dj-card>p,
body:not(.dark-mode) .chat-dj-note{color:#58697e}
body:not(.dark-mode) .chat-dj-vote>small{color:#815c00}
body:not(.dark-mode) .chat-dj-candidate{
  background:#f3f8ff;
  border-color:#cfdbea;
  color:#263244;
}
body:not(.dark-mode) .chat-dj-candidate small{color:#637083}
body:not(.dark-mode) .chat-dj-candidate.is-voted{
  background:#fff3cc;
  border-color:#bf8c00;
}

/* Chat colour update is AJAX now; no page reload / age gate repeat. */
.chat-colour-form.is-saved::after{
  content:'Saved';
  display:block;
  margin-top:4px;
  color:#63d69e;
  font-size:.46rem;
  font-weight:850;
}

/* Admin restriction list */
.admin-chat-restriction-list{display:grid;gap:7px}
.admin-chat-restriction-list>article{
  display:grid;
  grid-template-columns:minmax(130px,.7fr) minmax(0,1.5fr) auto;
  gap:12px;
  align-items:center;
  padding:10px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--white);
}
.admin-chat-restriction-person{display:grid}
.admin-chat-restriction-person strong{font-size:.67rem}
.admin-chat-restriction-person small{font-size:.45rem;color:var(--muted)}
.admin-chat-restriction-status{display:grid;gap:3px}
.admin-chat-restriction-status .role-badge{width:max-content}
.admin-chat-restriction-status small{font-size:.47rem;color:var(--muted)}
.admin-chat-restriction-status p{margin:0;font-size:.5rem}
.admin-chat-restriction-actions{display:grid;gap:4px}
body.dark-mode .admin-chat-restriction-list>article{background:#172334;border-color:#35465d}

/* Mobile chat: controls wrap, people remain easy to reach, stream panel fills screen. */
@media(max-width:900px){
  .chat-app-shell{
    grid-template-columns:190px minmax(0,1fr)!important;
  }
  .chat-user-rail{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    border-left:0!important;
    border-top:1px solid #303948!important;
  }
  .chat-online-users-scroll{max-height:220px!important}
  .chat-toolbar-actions{flex-wrap:wrap!important}
  .chat-report-grid{grid-template-columns:1fr 1fr}
  .chat-report-wide{grid-column:1/-1}
}

@media(max-width:650px){
  .chat-page{padding-top:8px!important}
  .chat-page-shell{width:calc(100% - 10px)!important}
  .chat-page-heading{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .chat-heading-actions{justify-content:flex-start!important}
  .chat-ad-warning{max-width:none!important;text-align:left!important;flex:1 1 220px}
  .chat-app-shell{display:flex!important;flex-direction:column!important}
  .chat-room-rail{order:1!important;padding:9px!important}
  .chat-room-card{order:2!important;min-height:560px!important}
  .chat-user-rail{order:3!important;display:grid!important;grid-template-columns:1fr!important;padding:9px!important}
  .chat-users-card-left{padding-bottom:8px!important}
  .chat-online-users-scroll{max-height:180px!important}
  .chat-private-rooms{grid-template-columns:1fr 1fr!important}
  .chat-room-toolbar{align-items:flex-start!important;flex-direction:column!important}
  .chat-toolbar-actions{width:100%!important;gap:4px!important}
  .chat-toolbar-actions .chat-tool-button{flex:1 1 calc(50% - 4px)!important;padding:7px 6px!important;font-size:.55rem!important}
  .chat-online-inline{margin-right:auto}
  .chat-stream-status{grid-template-columns:1fr!important}
  .chat-stream-help{text-align:left!important}
  .chat-compose-wrap{position:sticky!important;bottom:0!important;z-index:25!important}
  .chat-send-form{grid-template-columns:1fr!important}
  .chat-compose-buttons{grid-template-columns:38px 38px 1fr!important}
  .chat-call-panel,.chat-stream-panel{position:fixed!important;inset:0!important;max-height:none!important;height:100dvh!important;z-index:10000!important}
  .chat-call-grid{grid-template-columns:1fr!important;max-height:none!important}
  .chat-stream-tile{min-height:220px!important}
  .chat-stream-tile video{min-height:180px!important;max-height:300px!important}
  .chat-call-controls{flex-wrap:wrap!important}
  .chat-report-grid{grid-template-columns:1fr!important}
  .chat-report-wide{grid-column:1!important}
  .admin-chat-restriction-list>article{grid-template-columns:1fr!important}
}

@media(max-width:400px){
  .chat-private-rooms{grid-template-columns:1fr!important}
  .chat-toolbar-actions .chat-tool-button{flex-basis:100%!important}
  .chat-font-controls{width:100%;justify-content:flex-start}
}


/* ========================================================================
   2026-09-26 chat stream / ads / full-width refinement
   ======================================================================== */

/* Use the desktop width available while reserving the right skyscraper-ad gutter. */
.chat-page-shell{
  width:calc(100% - 28px)!important;
  max-width:none!important;
}
@media(min-width:1541px){
  .chat-page-shell{
    width:calc(100vw - 34px)!important;
    max-width:none!important;
    margin-inline:auto!important;
  }
  .chat-app-shell{
    grid-template-columns:245px minmax(0,1fr) 260px!important;
  }
}
@media(min-width:1800px){
  body.has-site-ads .chat-page-shell{
    width:calc(100vw - 394px)!important;
    max-width:none!important;
    margin-left:197px!important;
    margin-right:197px!important;
  }
}
@media(min-width:1001px) and (max-width:1540px){
  .chat-page-shell{
    width:calc(100vw - 34px)!important;
    max-width:none!important;
    margin-inline:auto!important;
  }
  .chat-app-shell{
    grid-template-columns:235px minmax(0,1fr) 250px!important;
  }
}

/* Desktop start-stream controls live in the left rail. */
.chat-left-stream-controls{
  display:grid;
  gap:6px;
  padding:10px;
  border:1px solid #303948;
  border-radius:8px;
  background:#141b25;
}
.chat-left-stream-controls p{
  margin:0 0 3px;
  color:#9ca8b8;
  font-size:.49rem;
  line-height:1.35;
}
.chat-left-stream-controls .button{
  width:100%;
  min-height:34px!important;
  font-size:.52rem!important;
}
.chat-left-stream-note{
  color:#7f8b9c;
  font-size:.42rem;
  line-height:1.35;
}
.chat-mobile-stream-actions{display:none}

/* Stream state is always obvious beside a member. */
.chat-user-stream-indicator{
  width:28px;height:28px;
  display:grid;place-items:center;
  border:1px solid #2f7e62;
  border-radius:7px;
  background:#153728;
  font-size:.72rem;
}
.chat-user-stream-buttons{min-width:max-content}
.chat-message-stream-badges{
  display:inline-flex;
  gap:3px;
  align-items:center;
}
.chat-message-stream-badges button{
  width:23px;height:23px;
  display:grid;place-items:center;
  padding:0;
  border:1px solid #3b536f;
  border-radius:6px;
  background:#142235;
  color:#fff;
  cursor:pointer;
  font-size:.62rem;
}
.chat-message-stream-badges button:disabled{
  opacity:.85;
  cursor:default;
  border-color:#2f7e62;
  background:#153728;
}

/* Ad cards should be unmistakable and repeat through long conversations. */
.chat-inline-ad{
  margin:8px auto!important;
  width:min(760px,96%)!important;
  flex:0 0 auto!important;
}
.chat-inline-ad img{
  width:100%!important;
  height:auto!important;
  max-height:110px!important;
  object-fit:cover!important;
}
.chat-inline-ad-note{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:10px!important;
}


/* Light mode left stream controls */
body:not(.dark-mode) .chat-left-stream-controls{
  background:#fff!important;
  border-color:#d6e1ef!important;
}
body:not(.dark-mode) .chat-left-stream-controls p,
body:not(.dark-mode) .chat-left-stream-note{
  color:#66758a!important;
}

/* Mobile: one obvious stream control block, people/stream icons stay visible. */
@media(max-width:760px){
  .chat-left-stream-controls{display:none!important}
  .chat-mobile-stream-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:5px!important;
    width:100%!important;
    order:2!important;
  }
  .chat-mobile-stream-actions .chat-stream-stop{
    grid-column:1/-1!important;
  }
  .chat-toolbar-actions{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:6px!important;
  }
  .chat-toolbar-actions>.chat-online-inline,
  .chat-toolbar-actions>.chat-font-controls,
  .chat-toolbar-actions>#chat-report-toggle,
  .chat-toolbar-actions>.chat-role-chip{
    align-self:center!important;
  }
  .chat-toolbar-actions>.chat-mobile-stream-actions{
    grid-column:1/-1!important;
  }
  .chat-users-card-left{
    border:1px solid #303948!important;
    border-radius:8px!important;
    padding:9px!important;
    background:#141b25!important;
  }
  .chat-online-users-scroll{
    max-height:230px!important;
  }
  .chat-user-row{
    min-height:45px!important;
  }
  .chat-user-stream-button,
  .chat-user-stream-indicator{
    width:32px!important;
    height:32px!important;
    font-size:.8rem!important;
  }
  .chat-stream-status{
    padding:9px!important;
  }
  .chat-stream-help{
    font-size:.51rem!important;
  }
  body:not(.dark-mode) .chat-users-card-left{
    background:#fff!important;
    border-color:#d6e1ef!important;
  }
}


/* ========================================================================
   2026-09-26 separate chat account levels + universal report styling
   ======================================================================== */
.chat-role-manager{
  display:grid;
  gap:7px;
  margin-top:10px;
  padding:9px;
  border:1px solid #3a4759;
  border-radius:8px;
  background:#101720;
}
.chat-role-manager>strong{
  color:#7ed7ff;
  font-size:.58rem;
}
.chat-role-manager>p{
  margin:0;
  color:#9eabbc;
  font-size:.48rem;
  line-height:1.4;
}
.chat-role-manager label{
  display:grid;
  gap:3px;
}
.chat-role-manager label>span{
  color:#9eabbc;
  font-size:.46rem;
  font-weight:800;
}
.chat-role-manager input,
.chat-role-manager select{
  width:100%;
  min-height:33px;
  padding:6px 7px;
  border:1px solid #3a485b;
  border-radius:7px;
  background:#111923;
  color:#fff;
  font:inherit;
  font-size:.52rem;
}
body:not(.dark-mode) .chat-role-manager{
  background:#f7f9fc!important;
  border-color:#d4deeb!important;
}
body:not(.dark-mode) .chat-role-manager>strong{
  color:#124b78!important;
}
body:not(.dark-mode) .chat-role-manager>p,
body:not(.dark-mode) .chat-role-manager label>span{
  color:#627287!important;
}
body:not(.dark-mode) .chat-role-manager input,
body:not(.dark-mode) .chat-role-manager select{
  background:#fff!important;
  color:#17283d!important;
  border-color:#ccd7e5!important;
}

/* Every report ACTION is red in every colour mode/account level. */
button[id*="report"],
a.button[id*="report"],
button[class*="report"],
a.button[class*="report"],
button[name="action"][value*="report"],
form[action*="report"] button,
#chat-report-toggle,
#chat-report-submit{
  background:#c62828!important;
  border-color:#a91f1f!important;
  color:#fff!important;
}
button[id*="report"]:hover,
a.button[id*="report"]:hover,
button[class*="report"]:hover,
a.button[class*="report"]:hover,
button[name="action"][value*="report"]:hover,
form[action*="report"] button:hover,
#chat-report-toggle:hover,
#chat-report-submit:hover{
  background:#a91f1f!important;
  border-color:#8f1919!important;
  color:#fff!important;
}

/* Where report is a plain text link rather than a button, make the text red. */
a[href*="report"],
a[href*="#admin-reports"],
.market-profile-report,
#chat-quick-report{
  color:#d32f2f!important;
  font-weight:850!important;
}
body.dark-mode a[href*="report"],
body.dark-mode a[href*="#admin-reports"],
body.dark-mode .market-profile-report,
body.dark-mode #chat-quick-report{
  color:#ff6b6b!important;
}


/* ========================================================================
   2026-09-26 private-room invisibility + stream mode/stability refinement
   ======================================================================== */
@media(max-width:760px){
  .chat-mobile-stream-actions{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .chat-mobile-stream-actions .chat-stream-stop{
    grid-column:1/-1!important;
  }
}


/* ========================================================================
   2026-09-26 stream audio + camera-toggle correction
   ======================================================================== */
.chat-stream-audio-player{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:.001!important;
  pointer-events:none!important;
}
.chat-stream-tile.needs-audio-play .chat-stream-volume-controls button{
  background:#126d5a!important;
  border-color:#20a17f!important;
  box-shadow:0 0 0 2px rgba(32,161,127,.18)!important;
}
.chat-stream-tile.needs-audio-play .chat-stream-volume-controls::before{
  content:'Tap ▶ for audio';
  color:#b9f2df;
  font-size:.42rem;
  font-weight:850;
  white-space:nowrap;
}
.chat-stream-tile.no-audio .chat-stream-volume-controls{
  display:none!important;
}


/* ========================================================================
   2026-09-26 profile activity / settings / navigation refinement
   ======================================================================== */
.header-profile-avatar-wrap{position:relative;display:grid;place-items:center}
.header-profile-avatar-wrap>img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.header-activity-count{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:#d52e3f;color:#fff;border:2px solid var(--white);font-size:.42rem;font-style:normal;font-weight:950;line-height:1;z-index:3}
body.dark-mode .header-activity-count{border-color:#172334}
.nav-rules-direct{color:#fff!important}

.add-listing-choice-page{padding-block:28px}
.add-listing-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.add-listing-choice-card{display:grid;gap:8px;min-height:220px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--white);color:var(--ink);text-decoration:none!important;box-shadow:var(--shadow)}
.add-listing-choice-card>span{font-size:2rem}.add-listing-choice-card>strong{font-size:1rem}.add-listing-choice-card>p{margin:0;color:var(--muted);line-height:1.5}.add-listing-choice-card>b{margin-top:auto;color:var(--brand)}
body.dark-mode .add-listing-choice-card{background:#172334;border-color:#35465d}

.profile-owner-dashboard{margin:18px 0;display:grid;gap:14px}
.profile-manage-links{display:flex;flex-wrap:wrap;gap:8px}
.profile-edit-grid,.settings-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.profile-edit-grid>.account-pref-card,.settings-card-grid>.account-pref-card{min-width:0;margin:0;padding:14px}
.profile-edit-grid .account-pref-card h3,.settings-card-grid .account-pref-card h3{margin:0 0 6px}
.profile-edit-grid .account-pref-card p,.settings-card-grid .account-pref-card p{margin:0 0 10px}
.profile-edit-grid .account-pref-card form,.settings-card-grid .account-pref-card form{display:grid;gap:8px;align-items:stretch}
.profile-edit-grid .account-pref-card label,.settings-card-grid .account-pref-card label{display:grid;gap:4px;min-width:0}
.profile-edit-grid .account-pref-card input,.profile-edit-grid .account-pref-card textarea,
.settings-card-grid .account-pref-card input,.settings-card-grid .account-pref-card select{width:100%;max-width:100%;box-sizing:border-box}
.profile-edit-grid .account-pref-card .button,.settings-card-grid .account-pref-card .button{justify-self:start}
.profile-edit-grid .account-bio-card textarea{min-height:105px}
.profile-edit-grid .profile-avatar img{width:74px;height:74px;object-fit:contain}
.settings-page-head{padding:18px 20px;margin:0 0 14px;border:1px solid var(--line);border-radius:12px;background:var(--white)}
.settings-page-head h1{margin:4px 0}.settings-page-head p{margin:0;color:var(--muted)}
.settings-group{padding:16px;margin:14px 0;border:1px solid var(--line);border-radius:12px;background:var(--white)}
.settings-group>.section-heading{margin-bottom:12px}
.settings-group .account-pref-card{box-shadow:none}
body.dark-mode .settings-page-head,body.dark-mode .settings-group{background:#172334;border-color:#35465d}
@media(max-width:720px){.profile-edit-grid,.settings-card-grid{grid-template-columns:1fr}}
.profile-activity-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.profile-activity-grid>a{display:grid;gap:3px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink);text-decoration:none!important;min-width:0}
.profile-activity-grid span{font-size:.9rem}.profile-activity-grid strong{font-size:.9rem}.profile-activity-grid small{font-size:.48rem;color:var(--muted);line-height:1.25}
.profile-manage-section{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--white)}
.profile-manage-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.profile-manage-head h3{margin:2px 0 0}
body.dark-mode .profile-activity-grid>a,body.dark-mode .profile-manage-section{background:#172334;border-color:#35465d}

.settings-management-moved{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}
body:has(.settings-management-moved) .account-friends-fold,
body:has(.settings-management-moved) .account-stories-fold,
body:has(.settings-management-moved) #saved-and-recommended,
body:has(.settings-management-moved) #swaps-feedback,
body:has(.settings-management-moved) #listings-panel,
body:has(.settings-management-moved) .account-friend-requests,
body:has(.settings-management-moved) .account-nearby-swappers{display:none!important}

@media(max-width:720px){
  .home-market-shell>.market-profile-sidebar,.home-market-shell.market-with-sidebar>.market-profile-sidebar{display:none!important}
  .hero>.home-market-shell.market-with-sidebar{display:block!important}
  .home-market-shell.market-with-sidebar .hero-grid.hero-grid-reworked{width:100%!important}

  .header-home-button{order:2!important}
  .header-profile-button{order:3!important}
  .header-chat-button{order:4!important}
  .header-message-button{order:5!important}
  .menu-button{order:6!important}

  .profile-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .profile-activity-grid>a{min-height:82px;padding:9px}
  .profile-manage-head{align-items:flex-start;flex-direction:column}
  .add-listing-choice-grid{grid-template-columns:1fr}.add-listing-choice-card{min-height:150px}
  .settings-management-moved{align-items:flex-start;flex-direction:column}
}
@media(min-width:721px) and (max-width:1100px){.profile-activity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}


/* ========================================================================
   2026-09-26 mobile profile rail removal + profile activity attention
   ======================================================================== */

/* Activity requiring attention must be visually obvious once Profile opens. */
.profile-activity-grid>a{
  position:relative;
}
.profile-activity-grid>a.has-attention{
  border-color:#d52e3f!important;
  box-shadow:0 0 0 2px rgba(213,46,63,.10)!important;
}
.activity-attention-dot{
  position:absolute;
  top:6px;
  right:6px;
  min-width:19px;
  height:19px;
  padding:0 4px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#d52e3f;
  color:#fff;
  border:2px solid var(--white);
  font-size:.4rem;
  font-style:normal;
  font-weight:950;
  line-height:1;
}
body.dark-mode .activity-attention-dot{
  border-color:#172334;
}
.section-attention-badge{
  display:inline-grid;
  place-items:center;
  min-width:20px;
  height:20px;
  margin-left:4px;
  padding:0 5px;
  border-radius:999px;
  background:#d52e3f;
  color:#fff;
  font-size:.45rem;
  font-style:normal;
  font-weight:950;
  vertical-align:middle;
}
.profile-attention-explain{
  display:block;
  margin-top:4px;
  color:#d52e3f!important;
  font-size:.49rem!important;
  font-weight:850;
}

/* On phone layouts the reusable profile/activity rail is removed everywhere,
   not merely on the homepage. Main content uses the full mobile width. */
@media(max-width:720px){
  .market-profile-sidebar,
  .market-with-sidebar>.market-profile-sidebar,
  .home-market-shell>.market-profile-sidebar,
  .home-market-shell.market-with-sidebar>.market-profile-sidebar{
    display:none!important;
  }

  .market-with-sidebar,
  .hero>.home-market-shell.market-with-sidebar{
    display:block!important;
    grid-template-columns:1fr!important;
  }

  .market-main-column,
  .home-market-shell>.home-hero-main{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }

  .profile-activity-grid>a.has-attention{
    min-height:88px;
  }
}


/* ========================================================================
   2026-09-26 homepage mobile hero alignment correction
   ======================================================================== */
@media(max-width:820px){
  .hero>.home-market-shell,
  .hero>.home-market-shell.market-with-sidebar{
    display:block!important;
    width:calc(100% - 16px)!important;
    max-width:none!important;
    margin-inline:auto!important;
    padding:0!important;
  }

  .home-market-shell>.home-hero-main{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }

  .hero .hero-grid.hero-grid-reworked,
  .home-market-shell.market-with-sidebar .hero-grid.hero-grid-reworked{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    gap:12px!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }

  .hero .hero-grid.hero-grid-reworked>.hero-copy,
  .hero .hero-grid.hero-grid-reworked>.hero-announcement-slot,
  .hero .hero-grid.hero-grid-reworked>.hero-panel,
  .home-market-shell.market-with-sidebar .hero-grid.hero-grid-reworked>.hero-copy,
  .home-market-shell.market-with-sidebar .hero-grid.hero-grid-reworked>.hero-announcement-slot,
  .home-market-shell.market-with-sidebar .hero-grid.hero-grid-reworked>.hero-panel{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }

  .hero .hero-copy{
    overflow:hidden!important;
  }

  .hero-feature-strip.hero-feature-strip-upgraded{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }

  .hero-feature-strip.hero-feature-strip-upgraded>span{
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    padding:10px!important;
    overflow:hidden!important;
  }

  .hero-feature-strip.hero-feature-strip-upgraded>span>b,
  .hero-feature-strip.hero-feature-strip-upgraded>span>small{
    min-width:0!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  .hero-announcement-slot,
  .homepage-announcement-card,
  .homepage-announcement-hero-card,
  .homepage-announcement-placeholder{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .homepage-announcement-card{
    min-height:0!important;
  }

  .hero .hero-panel,
  .home-market-shell.market-with-sidebar .hero-panel{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }

  .hero .hero-panel>*,
  .home-market-shell.market-with-sidebar .hero-panel>*{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .hero-top-swapper-card,
  .hero-top-swap-card,
  .hero-top-seller-card{
    min-width:0!important;
  }

  .hero-top-swapper-body,
  .hero-top-swap-body{
    min-width:0!important;
  }
}

@media(max-width:430px){
  .hero>.home-market-shell,
  .hero>.home-market-shell.market-with-sidebar{
    width:calc(100% - 12px)!important;
  }

  .hero-feature-strip.hero-feature-strip-upgraded{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }

  .hero-feature-strip.hero-feature-strip-upgraded>span{
    padding:8px!important;
  }
}


/* ========================================================================
   2026-09-26 mobile homepage top-four 2x2 correction
   ======================================================================== */
@media(max-width:820px){
  body .hero .home-market-shell .hero-grid.hero-grid-reworked>.hero-panel,
  body .hero .home-market-shell.market-with-sidebar .hero-grid.hero-grid-reworked>.hero-panel{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  body .hero .hero-panel>.hero-top-swapper-card{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:0!important;
    padding:9px!important;
    overflow:hidden!important;
    border-radius:10px!important;
  }

  body .hero .hero-top-swapper-head{
    gap:5px!important;
    min-width:0!important;
    align-items:flex-start!important;
  }

  body .hero .hero-top-swapper-badge{
    max-width:100%!important;
    padding:5px 7px!important;
    border-radius:999px!important;
    font-size:.48rem!important;
    line-height:1.15!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  body .hero .hero-top-swapper-head>small{
    font-size:.42rem!important;
    white-space:nowrap!important;
  }

  body .hero .hero-top-swapper-body,
  body .hero .hero-top-swap-body{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:7px!important;
    align-items:start!important;
    min-width:0!important;
  }

  body .hero .hero-top-swapper-body>img,
  body .hero .hero-top-swap-body>img{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:8px!important;
    object-fit:contain!important;
  }

  body .hero .hero-top-swapper-body>div{
    min-width:0!important;
  }

  body .hero .hero-top-swapper-body strong{
    display:block!important;
    max-width:100%!important;
    font-size:.68rem!important;
    line-height:1.15!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  body .hero .hero-top-swapper-body span,
  body .hero .hero-top-swapper-body small{
    display:block!important;
    max-width:100%!important;
    font-size:.47rem!important;
    line-height:1.28!important;
    overflow-wrap:anywhere!important;
  }

  body .hero .hero-top-swapper-body em{
    grid-column:1/-1!important;
    margin-top:3px!important;
    font-size:.55rem!important;
    line-height:1.2!important;
  }

  body .hero .hero-top-swapper-empty .hero-top-swapper-body{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

@media(max-width:370px){
  body .hero .home-market-shell .hero-grid.hero-grid-reworked>.hero-panel,
  body .hero .home-market-shell.market-with-sidebar .hero-grid.hero-grid-reworked>.hero-panel{
    gap:6px!important;
  }
  body .hero .hero-panel>.hero-top-swapper-card{
    padding:7px!important;
  }
  body .hero .hero-top-swapper-body,
  body .hero .hero-top-swap-body{
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:5px!important;
  }
  body .hero .hero-top-swapper-body>img,
  body .hero .hero-top-swap-body>img{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }
  body .hero .hero-top-swapper-badge{font-size:.43rem!important}
  body .hero .hero-top-swapper-body strong{font-size:.61rem!important}
}

/* Emoji picker must contain every emoji instead of allowing rows to spill
   outside the panel. */
.chat-emoji-picker{
  box-sizing:border-box!important;
  width:min(360px,calc(100vw - 28px))!important;
  max-width:calc(100vw - 28px)!important;
  max-height:min(310px,48vh)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  grid-auto-rows:minmax(34px,auto)!important;
  align-content:start!important;
  padding:10px!important;
  z-index:220!important;
}
.chat-emoji-picker button{
  width:100%!important;
  min-width:0!important;
  min-height:34px!important;
  padding:4px!important;
}
@media(max-width:620px){
  .chat-emoji-picker{
    left:8px!important;
    right:8px!important;
    bottom:calc(100% + 7px)!important;
    width:auto!important;
    max-width:none!important;
    max-height:42vh!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
}

/* Post pages: the introduction sits beside the photo; every longer section uses
   the full width beneath them. */
.listing-page-shell .listing-detail{
  column-gap:28px!important;
  row-gap:16px!important;
}
.listing-page-shell .listing-detail-content{
  grid-column:1 / -1;
  min-width:0;
}
.listing-page-shell .listing-detail-content .listing-description-box{
  margin-top:0;
}
.listing-page-shell .listing-detail-content .listing-member-public-meta{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.listing-page-shell .listing-image-viewer{
  position:relative;
}
.listing-photo-count,
.gallery-photo-count{
  display:inline-flex;
  align-items:center;
  width:max-content;
  border:1px solid rgba(173,196,231,.35);
  border-radius:7px;
  background:rgba(12,24,43,.88);
  color:#fff;
  font-size:.72rem;
  font-weight:800;
  line-height:1;
  padding:6px 8px;
  white-space:nowrap;
}
.listing-photo-count{margin-top:8px}
.listing-card>.listing-image,
.related-listing-card .related-image{position:relative}
.gallery-photo-count{
  position:absolute;
  right:7px;
  bottom:7px;
  z-index:3;
  pointer-events:none;
  font-size:.66rem;
}
@media(max-width:840px){
  .listing-page-shell .listing-detail-content{grid-column:1}
}

/* User listing photos have one display rule across every marketplace surface.
   Keep the whole upload visible inside each card or thumbnail. */
.listing-card>.listing-image>img,
.market-directory-card-media>img,
.market-top-post>.market-top-media img,
.market-top-post>img,
.market-top-wanted-image,
.hero-top-photo img,
.hero-top-swap-body>img,
.top-swap-photo img,
.market-home-thumb img,
.market-top-swap img,
.related-listing-card .related-image img,
.wishlist-page-image>img,
.wishlist-rec-image img,
.account-preference-card img,
.account-rec-image img,
.account-featured-card img,
.my-listing-card>img,
.public-history-row-image img,
.message-listing-image img,
.edit-current-photo,
.edit-image-card img,
.listing-image-thumb img,
.listing-page-shell .listing-image-viewer>#listing-main-photo,
.listing-page-shell .listing-detail-image>img{
  object-fit:contain!important;
  object-position:center!important;
  background:var(--soft)!important;
}

/* Photo counts sit on the left of the photo on cards and detail pages. */
.listing-card>.listing-image .gallery-photo-count,
.related-listing-card .related-image .gallery-photo-count{
  left:7px;
  right:auto;
}
.listing-page-shell .listing-photo-count{
  position:absolute;
  top:8px;
  left:8px;
  z-index:3;
  margin:0;
  pointer-events:none;
}

/* Member, saved and account post galleries use the same uncropped photo frame. */
.public-profile-fold .related-listing-card .related-image>img{
  display:block;
  width:100%!important;
  height:100%!important;
  min-width:0;
  min-height:0;
  object-fit:contain!important;
  object-position:center!important;
}
.my-listing-photo,
.account-preference-photo,
.account-featured-photo{
  position:relative;
  overflow:hidden;
  background:var(--soft);
  border-radius:9px;
}
.my-listing-photo{width:150px;height:115px}
.account-preference-photo{width:92px;height:72px}
.account-featured-photo{width:72px;height:58px}
.my-listing-photo>img,
.account-preference-photo>img,
.account-featured-photo>img{
  display:block;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:var(--soft)!important;
}
.account-rec-image>.gallery-photo-count{
  top:7px;
  left:7px;
  right:auto;
  bottom:auto;
  border:1px solid rgba(173,196,231,.35);
  border-radius:7px;
  background:rgba(12,24,43,.88);
  color:#fff;
  font-size:.66rem;
  padding:6px 8px;
}
.account-rec-image>span:not(.gallery-photo-count){left:auto;right:8px}
.listing-card>.listing-image .gallery-photo-count,
.related-listing-card .related-image .gallery-photo-count,
.wishlist-page-image .gallery-photo-count,
.wishlist-rec-image .gallery-photo-count,
.my-listing-photo .gallery-photo-count,
.account-preference-photo .gallery-photo-count,
.account-featured-photo .gallery-photo-count{
  top:7px;
  left:7px;
  right:auto;
  bottom:auto;
}
.listing-card>.listing-image:has(.gallery-photo-count)>.pill,
.wishlist-page-image:has(.gallery-photo-count)>.pill,
.wishlist-rec-image:has(.gallery-photo-count)>.pill{
  top:37px;
  left:7px;
}
@media(max-width:720px){
  .my-listing-photo{width:100px;height:90px}
}

/* Controls for every participant in a private message thread. */
.message-conversation-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
}
.message-conversation-actions form{margin:0}
.message-conversation-actions .button{
  min-height:32px!important;
  padding:0 10px!important;
  font-size:.58rem!important;
  cursor:pointer;
}
.message-conversation-actions form .button{
  color:#d54252;
  border-color:#b65361;
}
body.dark-mode .message-conversation-actions form .button{color:#ff9aa7}

/* Profile navigation, chat sizing and image containment. */
.header-friends-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:52px;min-height:45px;border:1px solid #395070;border-radius:8px;color:inherit;font-weight:800;text-align:center}
.header-friends-button>span{font-size:1.1rem;line-height:1}.header-friends-button b{font-size:.52rem}.header-friends-count{position:absolute;top:-6px;right:-5px;border-radius:99px;background:#ef4252;color:#fff;padding:1px 5px;font-size:.55rem;font-style:normal}
.header-main.has-user-profile-button{grid-template-columns:auto minmax(220px,1fr) repeat(6,auto)!important}
.profile-manage-fold>summary{cursor:pointer;font-weight:850;padding:4px 0 10px;list-style:revert}.profile-manage-fold>summary small{font-weight:500;color:var(--muted);margin-left:10px}
@media(min-width:1001px){.chat-page-shell{width:calc(100vw - 24px)!important;max-width:none!important;margin-inline:auto!important}}
@media(min-width:1800px){body.has-site-ads .chat-page-shell{width:calc(100vw - 196px)!important;margin-left:12px!important;margin-right:184px!important}}
.chat-inline-ad img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}.chat-entry-ad img{width:100%!important;height:auto!important;max-height:90px!important;object-fit:contain!important}
@media(max-width:720px){
 .header-main.has-user-profile-button{height:auto!important;min-height:126px;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:65px 48px;gap:3px!important}
 .header-main.has-user-profile-button .live-brand-header{grid-column:1/-1;grid-row:1;width:136px!important;min-width:136px!important;max-width:136px!important;justify-self:center!important;overflow:visible!important}
 .header-main.has-user-profile-button .live-brand-header .live-brand-symbol-wrap{width:55px!important;height:55px!important}
 .header-main.has-user-profile-button .live-brand-header .live-brand-wordmark{width:130px!important;max-width:130px!important}
 .header-main.has-user-profile-button .header-home-button,.header-main.has-user-profile-button .header-profile-button,.header-main.has-user-profile-button .header-friends-button,.header-main.has-user-profile-button .header-chat-button,.header-main.has-user-profile-button .header-message-button,.header-main.has-user-profile-button .menu-button{width:100%!important;min-width:0!important;max-width:none!important;height:46px!important;grid-row:2;order:initial!important;margin:0!important}
 .header-main.has-user-profile-button .header-home-button{grid-column:1}.header-main.has-user-profile-button .header-profile-button{grid-column:2}.header-main.has-user-profile-button .header-friends-button{grid-column:3}.header-main.has-user-profile-button .header-chat-button{grid-column:4}.header-main.has-user-profile-button .header-message-button{grid-column:5}.header-main.has-user-profile-button .menu-button{grid-column:6}
 .header-friends-button b{font-size:.43rem}.chat-inline-ad{width:min(100%,760px)!important}.chat-inline-ad img{max-height:none!important;object-fit:contain!important}
}
.analytics-dashboard{max-width:1120px}.analytics-periods{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.analytics-periods .button{min-height:36px}.analytics-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.analytics-cards article,.analytics-table{border:1px solid var(--line);background:var(--white);border-radius:12px;padding:18px}.analytics-cards strong{display:block;font-size:1.8rem}.analytics-cards span{color:var(--muted)}.analytics-table{margin-top:16px;overflow-x:auto}.analytics-table table{width:100%;border-collapse:collapse}.analytics-table th,.analytics-table td{padding:9px;border-bottom:1px solid var(--line);text-align:left}.analytics-table th:last-child,.analytics-table td:last-child{text-align:right}.admin-analytics-link{margin:16px 0}@media(max-width:720px){.analytics-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:720px){.header-main.guest-header-actions{height:auto!important;min-height:122px;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:65px 48px;gap:3px!important}.header-main.guest-header-actions .live-brand-header{grid-column:1/-1;grid-row:1;width:136px!important;min-width:136px!important;max-width:136px!important;justify-self:center!important;overflow:visible!important}.header-main.guest-header-actions .live-brand-header .live-brand-symbol-wrap{width:55px!important;height:55px!important}.header-main.guest-header-actions .live-brand-header .live-brand-wordmark{width:130px!important;max-width:130px!important}.header-main.guest-header-actions .header-home-button,.header-main.guest-header-actions .header-chat-button,.header-main.guest-header-actions .header-message-button,.header-main.guest-header-actions .menu-button{width:100%!important;min-width:0!important;max-width:none!important;height:46px!important;grid-row:2;order:initial!important}.header-main.guest-header-actions .header-home-button{grid-column:1}.header-main.guest-header-actions .header-chat-button{grid-column:2}.header-main.guest-header-actions .header-message-button{grid-column:3}.header-main.guest-header-actions .menu-button{grid-column:4}}
.my-listing-actions form{display:inline-flex;margin:0}.my-listing-actions .button-danger{min-height:31px;padding:0 10px;font-size:inherit;cursor:pointer}

.my-listing-actions{flex-wrap:wrap}.my-listing-actions .button-danger{border-radius:8px;font-weight:800}@media(max-width:480px){.my-listing-actions{gap:7px}.my-listing-actions .button-danger{font-size:.72rem}}

/* Compact admin insights and consent-based analytics dashboard. */
.admin-analytics-feature{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 14px;padding:17px 20px;border:1px solid #315d90;border-radius:14px;background:linear-gradient(110deg,#10253e,#18375a);color:#fff}.admin-analytics-feature .eyebrow{color:#79c8ff}.admin-analytics-feature strong{display:block;font-size:1.12rem}.admin-analytics-feature small{display:block;color:#bcd1e8}.admin-analytics-feature .button{white-space:nowrap;min-height:40px}
.admin-reset-shortcut{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 14px;padding:14px 20px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.admin-reset-shortcut strong{display:block;font-size:1rem}.admin-reset-shortcut small{display:block;color:var(--muted)}.admin-reset-shortcut .button{white-space:nowrap}.admin-reset-page>.container>.button{margin-bottom:16px}
.analytics-dashboard{max-width:1240px}.analytics-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.analytics-chart-grid,.analytics-table-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.analytics-chart{min-width:0;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--white)}.analytics-chart h2{margin:0 0 10px;font-size:1.05rem}.analytics-chart p{margin:0 0 12px;font-size:.78rem}.analytics-chart-wide{grid-column:1/-1}.analytics-trend{display:flex;align-items:end;gap:8px;min-height:220px;overflow-x:auto;padding:10px 2px 0}.analytics-trend-column{min-width:38px;flex:1;display:grid;text-align:center;gap:5px;font-size:.68rem}.analytics-trend-column strong{font-size:.67rem}.analytics-trend-column small{white-space:nowrap;color:var(--muted)}.analytics-trend-track{height:150px;display:flex;align-items:end;background:var(--soft);border-radius:6px;overflow:hidden}.analytics-trend-track span{display:block;width:100%;background:linear-gradient(180deg,#47c1fc,#4b64ec);border-radius:6px 6px 0 0}.analytics-bars{display:grid;gap:11px}.analytics-bar-row{display:grid;grid-template-columns:minmax(95px,1fr) minmax(80px,2fr) auto;align-items:center;gap:8px;font-size:.77rem}.analytics-bar-row>span{overflow:hidden;text-overflow:ellipsis}.analytics-bar-track{height:10px;border-radius:10px;background:var(--soft);overflow:hidden}.analytics-bar-track i{display:block;height:100%;background:linear-gradient(90deg,#4b64ec,#47c1fc);border-radius:10px}.analytics-table{margin-top:0}.analytics-table-grid .analytics-table{min-width:0}
@media(max-width:720px){.admin-analytics-feature{align-items:flex-start;flex-direction:column}.analytics-chart-grid,.analytics-table-grid{grid-template-columns:1fr}.analytics-chart-wide{grid-column:auto}.analytics-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-trend-column{min-width:46px}}
.admin-reset-panel,.spiderreaver-reset-link{border:1px solid #ae6258;border-radius:14px;background:var(--white);padding:17px;margin:0 0 16px}.admin-reset-panel h2{margin:2px 0}.admin-reset-panel>div>p{max-width:900px;font-size:.82rem}.admin-reset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-reset-card{display:grid;align-content:start;gap:9px;border:1px solid var(--line);border-radius:11px;padding:14px;background:var(--soft)}.admin-reset-card>p{font-size:.74rem;margin:0;min-height:58px}.admin-reset-card label{font-size:.73rem;display:grid;gap:4px}.admin-reset-card input[name="confirm_phrase"]{width:100%;padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--white);color:var(--ink)}.admin-reset-card .admin-reset-understand{display:flex;align-items:center}.admin-reset-card button{min-height:38px}.spiderreaver-reset-link{display:flex;align-items:center;justify-content:space-between;gap:10px}.spiderreaver-reset-link .button{min-height:38px}
@media(max-width:900px){.admin-reset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.admin-reset-grid{grid-template-columns:1fr}.spiderreaver-reset-link{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.admin-reset-shortcut{align-items:flex-start;flex-direction:column}}
body.dark-mode .analytics-chart,body.dark-mode .analytics-cards article,body.dark-mode .analytics-table,body.dark-mode .admin-reset-panel,body.dark-mode .admin-reset-card,body.dark-mode .spiderreaver-reset-link{background:#172334;color:#eaf2fb;border-color:#35465d}body.dark-mode .analytics-trend-track,body.dark-mode .analytics-bar-track{background:#26394f}body.dark-mode .admin-reset-card input[name="confirm_phrase"]{background:#101c2a;color:#fff;border-color:#45617d}
.hero-grid-reworked .hero-top-swapper-body{grid-template-columns:auto minmax(0,1fr);align-items:start}
.hero-grid-reworked .hero-top-swapper-body>.hero-card-title{grid-column:1/-1;grid-row:2;display:block;min-width:0;max-width:100%;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;line-height:1.25}
.hero-grid-reworked .hero-top-swapper-body>em{grid-column:1/-1;grid-row:3}
@media(max-width:820px){body .hero .hero-top-swapper-body>.hero-card-title{grid-column:1/-1!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;font-size:.68rem!important}}
.analytics-detail-section{display:grid;gap:14px;margin-top:24px}.analytics-detail-section>h2{margin:12px 0 0}.analytics-detail-section>p{margin:0;color:var(--muted);font-size:.85rem}.analytics-detail-section .analytics-table-grid,.analytics-detail-section .analytics-chart-grid{margin:0}
.live-activity-toast{position:fixed;top:88px;right:18px;z-index:5000;max-width:min(340px,calc(100vw - 32px));padding:12px 16px;border:1px solid #5585bf;border-radius:12px;background:#123b67;color:#fff;box-shadow:0 12px 32px #0005;text-decoration:none;font-size:.85rem;font-weight:800}.live-activity-toast[hidden]{display:none}
@media(max-width:600px){.live-activity-toast{top:72px;right:10px}}
.admin-reset-card>strong{display:flex;justify-content:space-between;gap:8px}.admin-reset-card>strong small{color:var(--muted);font-size:.7rem;white-space:nowrap}
.analytics-line-svg{display:block;width:100%;height:auto;min-height:200px;overflow:visible}.analytics-grid-line{stroke:var(--line);stroke-width:1}.analytics-axis-label{fill:var(--muted);font:11px system-ui,sans-serif}.analytics-line-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:.78rem;color:var(--muted)}.analytics-line-legend span{display:inline-flex;align-items:center;gap:6px}.analytics-line-legend i{width:12px;height:3px;border-radius:3px}.analytics-usage-split{display:grid;gap:10px}.analytics-usage-split>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0}
.analytics-category-table{width:100%;border-collapse:collapse;font-size:.8rem}.analytics-category-table th,.analytics-category-table td{padding:9px 4px;border-bottom:1px solid var(--line);text-align:left}.analytics-category-table th:last-child,.analytics-category-table td:last-child{text-align:right}
/* User-uploaded avatars keep the whole upload visible, including its edges. */
.account-profile-avatar img,.profile-avatar img,.profile-avatar-large,.member-card>img,.seller-profile-link img,.conversation-avatar img,.message-member-avatar img,.account-friend-person img,.nearby-member-card>img,.market-profile-person img,.header-profile-avatar-wrap>img,.hero-top-swapper-card:not(.hero-top-swap-card):not(.hero-most-wanted-card) .hero-top-swapper-body>img{object-fit:contain!important;object-position:center!important;background:var(--soft)!important;border-radius:12px!important}
body.dark-mode .account-profile-avatar img,body.dark-mode .profile-avatar img,body.dark-mode .profile-avatar-large,body.dark-mode .member-card>img,body.dark-mode .seller-profile-link img{background:#152338!important}

/* Member page: details and actions share the header, stats use its full width. */
.profile-page .public-account-profile-hero{
  grid-template-columns:96px minmax(0,1fr);
  grid-template-areas:"avatar details" "stats stats" "meta meta";
  align-items:center;
  gap:14px 18px;
  padding:18px;
}
.profile-page .public-account-profile-hero>.account-profile-avatar{grid-area:avatar}
.profile-page .public-account-profile-hero>.account-profile-copy{grid-area:details;min-width:0}
.profile-page .public-account-profile-hero>.public-profile-summary{
  grid-area:stats;
  grid-column:1/-1;
  width:100%;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
}
.profile-page .public-account-profile-hero>.public-profile-info-strip{
  grid-area:meta;grid-column:1/-1;width:100%;
  grid-template-columns:repeat(3,minmax(0,1fr));margin:0;
}
.profile-page .public-profile-summary>span{
  min-width:0;
  align-content:center;
  padding:10px 6px;
}
.profile-page .public-account-profile-hero .account-profile-actions{align-items:center}
@media(max-width:900px){
  .profile-page .public-account-profile-hero>.public-profile-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
  .profile-page .public-account-profile-hero{
    grid-template-columns:1fr;
    grid-template-areas:"avatar" "details" "stats" "meta";
    justify-items:center;
    text-align:center;
  }
  .profile-page .public-account-profile-hero>.account-profile-copy{width:100%}
  .profile-page .public-account-profile-hero>.public-profile-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-page .public-account-profile-hero>.public-profile-info-strip{grid-template-columns:1fr}
  .profile-page .public-account-profile-hero .account-profile-actions{justify-content:center}
}

/* One consistent header action shape for Home, Profile, Friends, Chat, Messages. */
.header-main .header-home-button,
.header-main .header-profile-button,
.header-main .header-friends-button,
.header-main .header-chat-button,
.header-main .header-message-button{
  box-sizing:border-box;
  position:relative;
  width:74px!important;
  min-width:74px!important;
  max-width:74px!important;
  height:58px!important;
  min-height:58px!important;
  padding:6px 4px!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  border:1px solid var(--line)!important;
  border-radius:11px!important;
  background:var(--white)!important;
  color:var(--ink)!important;
  text-align:center;
  text-decoration:none!important;
  line-height:1!important;
}
.header-main .header-home-button:hover,
.header-main .header-profile-button:hover,
.header-main .header-friends-button:hover,
.header-main .header-chat-button:hover,
.header-main .header-message-button:hover{border-color:var(--brand)!important;background:var(--soft)!important}
body:not(.dark-mode) .header-main .header-message-button{
  background:var(--white)!important;
  border-color:var(--line)!important;
  box-shadow:none!important;
}
body:not(.dark-mode) .header-main .header-message-button:hover{
  background:var(--soft)!important;
  border-color:var(--brand)!important;
}
body.dark-mode .header-main .header-home-button,
body.dark-mode .header-main .header-profile-button,
body.dark-mode .header-main .header-friends-button,
body.dark-mode .header-main .header-chat-button,
body.dark-mode .header-main .header-message-button{background:#172334!important;border-color:#35465d!important;color:#f2f6fb!important}
body.dark-mode .header-main .header-message-button{box-shadow:none!important}
.header-main .header-home-button>span,
.header-main .header-friends-button>span,
.header-main .header-chat-button>span,
.header-main .header-profile-avatar-wrap,
.header-main .header-message-icon-wrap{
  box-sizing:border-box;
  display:grid!important;
  place-items:center;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  flex:0 0 24px!important;
  line-height:1!important;
}
.header-main .header-home-button>span,
.header-main .header-friends-button>span{font-size:1.25rem!important;color:var(--brand)}
.header-main .header-chat-button>span{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  font-size:1.2rem!important;
  letter-spacing:normal!important;
}
body.dark-mode .header-main .header-chat-button>span{background:transparent!important}
.header-main .header-profile-button img,
.header-main .header-message-icon{width:24px!important;height:24px!important;object-fit:contain!important}
.header-main .header-home-button>b,
.header-main .header-profile-button>b,
.header-main .header-friends-button>b,
.header-main .header-chat-button>b,
.header-main .header-message-button>b{
  display:block!important;
  font-size:.58rem!important;
  font-weight:900!important;
  line-height:1.1!important;
  white-space:nowrap;
}
@media(max-width:720px){
  .header-main.has-user-profile-button .header-home-button,
  .header-main.has-user-profile-button .header-profile-button,
  .header-main.has-user-profile-button .header-friends-button,
  .header-main.has-user-profile-button .header-chat-button,
  .header-main.has-user-profile-button .header-message-button,
  .header-main.guest-header-actions .header-home-button,
  .header-main.guest-header-actions .header-chat-button,
  .header-main.guest-header-actions .header-message-button{
    width:100%!important;min-width:0!important;max-width:none!important;
    height:48px!important;min-height:48px!important;padding:3px 1px!important;gap:2px!important;
  }
  .header-main .header-home-button>b,
  .header-main .header-profile-button>b,
  .header-main .header-friends-button>b,
  .header-main .header-chat-button>b,
  .header-main .header-message-button>b{font-size:.46rem!important}
}

/* 2026-09-27: six header shortcuts and a separate mobile menu cell. */
.header-main.has-user-profile-button{grid-template-columns:auto minmax(220px,1fr) repeat(7,auto)!important}
.header-main.guest-header-actions{grid-template-columns:auto minmax(220px,1fr) repeat(5,auto)!important}
.header-main .header-add-listing-button{
  box-sizing:border-box;position:relative;width:74px!important;min-width:74px!important;max-width:74px!important;
  height:58px!important;min-height:58px!important;padding:6px 4px!important;margin:0!important;
  display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px!important;
  border:1px solid var(--line)!important;border-radius:11px!important;background:var(--white)!important;
  color:var(--ink)!important;text-align:center;text-decoration:none!important;line-height:1!important;
}
.header-main .header-add-listing-button:hover{border-color:var(--brand)!important;background:var(--soft)!important}
body.dark-mode .header-main .header-add-listing-button{background:#172334!important;border-color:#35465d!important;color:#f2f6fb!important}
.header-main .header-add-listing-button>span{display:grid;place-items:center;width:24px;height:24px;line-height:1;font-size:1.4rem;color:var(--brand)}
.header-main .header-add-listing-button>b{font-size:.58rem;font-weight:900;line-height:1.1;white-space:nowrap}
.admin-quick-chat-role{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-top:9px}
.admin-quick-chat-role label{display:grid;gap:4px;font-size:.72rem;font-weight:800}
.admin-quick-chat-role select{min-height:35px;padding:5px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink)}
body.dark-mode .admin-quick-chat-role select{background:#172334;color:#fff;border-color:#35465d}
.chat-entry-ad{display:block!important;width:100%;min-height:0!important}
.chat-entry-ad>img{display:block!important;width:100%!important;height:auto!important;max-height:110px!important;object-fit:contain!important}
@media(max-width:720px){
  .header-main.has-user-profile-button,.header-main.guest-header-actions{
    height:auto!important;min-height:171px!important;
    grid-template-columns:46px repeat(3,minmax(0,1fr))!important;
    grid-template-rows:65px 48px 48px!important;gap:5px!important;
  }
  .header-main.has-user-profile-button .live-brand-header,.header-main.guest-header-actions .live-brand-header{grid-column:1/-1!important;grid-row:1!important;justify-self:center!important}
  .header-main .menu-button{grid-column:1!important;grid-row:2!important;order:0!important;justify-self:stretch!important;width:100%!important;min-width:0!important;max-width:none!important;height:48px!important}
  .header-main.has-user-profile-button .header-home-button,.header-main.has-user-profile-button .header-profile-button,
  .header-main.has-user-profile-button .header-friends-button,.header-main.has-user-profile-button .header-chat-button,
  .header-main.has-user-profile-button .header-message-button,.header-main .header-add-listing-button,
  .header-main.guest-header-actions .header-home-button,.header-main.guest-header-actions .header-chat-button,
  .header-main.guest-header-actions .header-message-button{
    width:100%!important;min-width:0!important;max-width:none!important;height:48px!important;min-height:48px!important;
    padding:3px 1px!important;gap:2px!important;order:0!important;
  }
  .header-main.has-user-profile-button .header-home-button{grid-column:2!important;grid-row:2!important}
  .header-main.has-user-profile-button .header-profile-button{grid-column:3!important;grid-row:2!important}
  .header-main.has-user-profile-button .header-friends-button{grid-column:4!important;grid-row:2!important}
  .header-main.has-user-profile-button .header-chat-button{grid-column:2!important;grid-row:3!important}
  .header-main.has-user-profile-button .header-message-button{grid-column:3!important;grid-row:3!important}
  .header-main.has-user-profile-button .header-add-listing-button{grid-column:4!important;grid-row:3!important}
  .header-main.guest-header-actions .header-home-button{grid-column:2!important;grid-row:2!important}
  .header-main.guest-header-actions .header-chat-button{grid-column:3!important;grid-row:2!important}
  .header-main.guest-header-actions .header-message-button{grid-column:4!important;grid-row:2!important}
  .header-main.guest-header-actions .header-add-listing-button{grid-column:2!important;grid-row:3!important}
  .header-main .header-add-listing-button>b{font-size:.46rem!important}
  .header-main .header-add-listing-button>span{height:24px;font-size:1.2rem}
}

/* Admin reports use the ordinary theme button; only the activity count is red. */
.admin-report-mini .admin-report-shortcut.button.button-secondary{
  display:inline-flex;align-items:center;gap:6px;min-height:31px!important;padding:0 9px!important;
  border:1px solid var(--line)!important;border-radius:8px!important;background:var(--white)!important;
  color:var(--ink)!important;font-size:.55rem!important;box-shadow:none!important;
}
.admin-report-mini .admin-report-shortcut:hover{border-color:var(--brand)!important;background:var(--soft)!important}
body.dark-mode .admin-report-mini .admin-report-shortcut.button.button-secondary{
  background:#172334!important;border-color:#35465d!important;color:#f2f6fb!important;
}
.admin-report-mini .admin-report-activity{
  display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 4px;
  border-radius:999px;background:#d52e3f;color:#fff;font-size:.55rem;font-style:normal;
}
.admin-report-mini .admin-report-activity[hidden]{display:none!important}
.admin-report-mini .admin-report-history-link,
.admin-reports .section-heading a[href*="admin-report-history"],
.admin-report-history-page a[href*="admin.php"]{color:var(--brand)!important;font-size:.67rem;font-weight:800}
.admin-report-mini .admin-report-history-link{display:inline-block;margin-top:7px}
body.dark-mode .admin-report-mini .admin-report-history-link,
body.dark-mode .admin-reports .section-heading a[href*="admin-report-history"],
body.dark-mode .admin-report-history-page a[href*="admin.php"]{color:#8acaff!important}
.admin-report-history-page .section-heading{margin-top:17px}
.admin-report-history-page .admin-report-card{grid-template-columns:minmax(0,1fr)}
.admin-report-history-pages{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px}
.owner-boost-form{display:inline-flex;margin:0}

/* Admin/Moderator section navigation: Reports has the same theme colours as its peers. */
body:not(.dark-mode) .admin-profile-nav a[href="#admin-reports"]{
  color:var(--ink)!important;background:var(--white)!important;border-color:var(--line)!important;font-weight:850!important;
}
body.dark-mode .admin-profile-nav a[href="#admin-reports"]{
  color:#f2f6fb!important;background:#151f2d!important;border-color:#35465d!important;font-weight:850!important;
}
.admin-profile-nav a[href="#admin-reports"]:hover{border-color:var(--brand)!important}
.admin-member-chat-role{display:flex;align-items:end;gap:7px;flex-wrap:wrap}
.admin-member-chat-role label{display:grid;gap:4px;font-size:.65rem;font-weight:800}
.admin-member-chat-role select{min-height:34px;padding:5px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink)}
body.dark-mode .admin-member-chat-role select{background:#172334;color:#fff;border-color:#35465d}
.owner-boost-form-wrap{display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap}
.owner-boost-balance{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--ink);font-size:.75rem;font-weight:800;white-space:nowrap}
.owner-boost-balance strong{font-size:1rem;color:var(--brand)}
.owner-boost-note{color:var(--muted);font-size:.66rem;font-weight:700}
body.dark-mode .owner-boost-balance{background:#172334;border-color:#35465d;color:#f2f6fb}
.admin-inbox-actions,.admin-inbox-history{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.admin-inbox-history{gap:7px 15px}

/* Guest shortcut uses the same header card as the other actions. */
.header-main.guest-header-actions{grid-template-columns:auto minmax(220px,1fr) repeat(6,auto)!important}
.header-main .header-create-account-button{
  box-sizing:border-box;position:relative;width:74px!important;min-width:74px!important;max-width:74px!important;
  height:58px!important;min-height:58px!important;padding:6px 4px!important;margin:0!important;
  display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  border:1px solid var(--line)!important;border-radius:11px!important;background:var(--white)!important;
  color:var(--ink)!important;text-align:center;text-decoration:none!important;line-height:1!important;
}
.header-main .header-create-account-button:hover{border-color:var(--brand)!important;background:var(--soft)!important}
body.dark-mode .header-main .header-create-account-button{background:#172334!important;border-color:#35465d!important;color:#f2f6fb!important}
.header-main .header-create-account-button>span{display:grid;place-items:center;width:24px;height:24px;font-size:1.15rem;line-height:1}
.header-main .header-create-account-button>b{font-size:.55rem;font-weight:900;line-height:1.05;max-width:66px}
@media(min-width:721px) and (max-width:950px){
  .header-main.guest-header-actions{grid-template-columns:auto minmax(160px,1fr) repeat(6,auto)!important;gap:6px!important}
  .header-main.guest-header-actions .header-home-button,
  .header-main.guest-header-actions .header-chat-button,
  .header-main.guest-header-actions .header-message-button,
  .header-main.guest-header-actions .header-create-account-button,
  .header-main.guest-header-actions .header-add-listing-button{width:60px!important;min-width:60px!important;max-width:60px!important}
}
@media(max-width:720px){
  .header-main.guest-header-actions{grid-template-columns:46px repeat(3,minmax(0,1fr))!important;grid-template-rows:65px 48px 48px!important}
  .header-main.guest-header-actions .header-create-account-button{
    grid-column:3!important;grid-row:3!important;order:0!important;
    width:100%!important;min-width:0!important;max-width:none!important;
    height:48px!important;min-height:48px!important;padding:3px 1px!important;gap:2px!important;
  }
.header-main.guest-header-actions .header-create-account-button>b{font-size:.46rem!important;max-width:none}
}

/* Owner profile navigation and consistent section folds. */
.profile-owner-nav{margin:-3px 0 0;gap:7px}
.profile-owner-nav a{font-size:.68rem;padding:8px 11px}
.profile-owner-dashboard .profile-manage-fold>summary{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  cursor:pointer;list-style:none;padding:0;margin:0;font-weight:850;
}
.profile-owner-dashboard .profile-manage-fold>summary::-webkit-details-marker{display:none}
.profile-owner-dashboard .profile-manage-fold>summary::after{
  content:'⌄';flex:none;color:var(--brand);font-size:1.25rem;line-height:1;transform:rotate(-90deg);
}
.profile-owner-dashboard .profile-manage-fold[open]>summary::after{transform:none}
.profile-owner-dashboard .profile-manage-fold>summary .profile-manage-head{
  display:block;margin:0;min-width:0;
}
.profile-owner-dashboard .profile-manage-fold>summary h3{margin:2px 0 0}
.profile-owner-dashboard .profile-manage-fold>summary small{color:var(--muted);font-weight:600}
.profile-owner-dashboard .profile-manage-fold[open]>summary{padding-bottom:10px;border-bottom:1px solid var(--line)}
.profile-owner-dashboard .profile-fold-body{padding-top:10px}
.profile-owner-dashboard .profile-fold-secondary-link{display:inline-block;margin-bottom:10px;color:var(--brand);font-size:.72rem;font-weight:800}
.profile-owner-dashboard .profile-manage-fold{scroll-margin-top:18px}
body.dark-mode .profile-owner-dashboard .profile-manage-fold[open]>summary{border-color:#35465d}
.font-size-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.font-size-controls .button{min-height:36px;padding:0 12px}.font-size-controls strong{min-width:48px;text-align:center}

/* Four marketplace galleries: four cards across, four rows in total. */
.homepage-market-duo-grid .homepage-duo-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.homepage-market-duo-grid{align-items:stretch}
.pill-shift{background:#28b7a5;color:#081c22}
@media(max-width:620px){.homepage-market-duo-grid .homepage-duo-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.listing-post-video{display:block;width:100%;max-height:420px;object-fit:contain;margin-top:12px;border-radius:8px;background:#101d2c}
/* Six homepage spotlights and three related admin controls. */
@media(min-width:821px){
  .home-market-shell.market-with-sidebar .hero-grid-reworked>.hero-panel,
  .hero .hero-grid-reworked>.hero-panel{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(min-width:981px){.admin-homepage-control-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.members-top-shifter{margin-top:10px}
.homepage-member-duo-grid{align-items:start}
.homepage-shifter-pane{grid-column:1/-1}

@media(min-width:851px){.compact-summary{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
.homepage-form-section[hidden]{display:none!important}

/* Listing photos and the optional video share one gallery frame. */
.listing-media-stage{width:100%;min-height:240px;display:grid;place-items:center;background:var(--soft)}
.listing-page-shell .listing-detail-image{max-height:none!important;overflow:visible!important}
.listing-media-stage>img,.listing-media-stage>video{display:block;width:100%!important;max-height:420px!important;object-fit:contain!important;background:var(--soft)!important}
.listing-media-stage>[hidden]{display:none!important}
.listing-media-gallery .listing-image-thumbs{margin-top:10px}
.listing-video-thumb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#172334;color:#fff;min-height:58px;cursor:pointer}
.listing-video-thumb>span{font-size:1.4rem}.listing-video-thumb>small{font-size:.65rem}
.edit-video-card video{width:100%;height:145px;object-fit:contain;background:#111e2d;border-radius:9px}
.listing-image,.market-directory-card-media,.related-image,.wishlist-page-image,.wishlist-rec-image,.my-listing-photo,.account-rec-image{position:relative}
.gallery-video-badge{position:absolute;z-index:4;top:7px;right:7px;display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(173,196,231,.35);border-radius:7px;background:rgba(12,24,43,.9);color:#fff;padding:6px 8px;font-size:.7rem;font-weight:850;line-height:1;pointer-events:none}
.gallery-video-badge small{font-size:.62rem}
.market-recommend-card{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;margin:12px 0;border:1px solid var(--line);border-radius:11px;background:var(--soft);color:var(--ink)}
.market-recommend-card>span:first-child{display:grid;gap:2px}.market-recommend-card strong{font-size:.8rem}.market-recommend-card small{font-size:.67rem;color:var(--muted)}
.market-recommend-numbers{display:grid;grid-template-columns:auto auto;gap:1px 5px;align-items:center;text-align:right;white-space:nowrap}.market-recommend-numbers b{color:var(--brand)}
body.dark-mode .market-recommend-card{background:#172334;border-color:#35465d;color:#fff}
.recommend-page{display:grid;gap:18px}.recommend-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.recommend-steps .settings-card{margin:0}.recommend-steps h2{font-size:1.13rem}
.recommend-share{margin:22px 0}.recommend-share>label{display:block;font-weight:800}.recommend-share>div{display:flex;gap:8px;margin:8px 0}.recommend-share input{min-width:0;flex:1;padding:12px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--white)}
.recommend-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.recommend-stats>div{display:grid;gap:2px;padding:12px;background:var(--soft);border:1px solid var(--line);border-radius:10px}.recommend-stats strong{font-size:1.4rem}.recommend-stats span{font-size:.75rem;color:var(--muted)}
.admin-referral-control{grid-column:1/-1}.admin-referral-control .admin-reward-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-referral-control .admin-reward-form>.button{grid-column:1/-1;justify-self:start}
@media(max-width:760px){.recommend-steps{grid-template-columns:1fr}.recommend-stats{grid-template-columns:repeat(2,1fr)}.recommend-share>div{flex-direction:column}}
@media(max-width:840px){.listing-media-stage>img,.listing-media-stage>video{max-height:340px!important}}
@media(max-width:820px){.admin-referral-control .admin-reward-form{grid-template-columns:1fr}}

/* One full-width newest member section, then three equal monthly boards. */
.homepage-member-duo-grid{grid-template-columns:minmax(0,1fr)!important}
.homepage-member-duo .newest-member-card{display:grid!important;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:16px!important;align-items:center}
.homepage-member-duo .newest-member-community-stats{grid-column:1/-1}
.homepage-leaderboards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0}
.homepage-leaderboards>.homepage-member-duo-pane{min-width:0;grid-column:auto!important}
.homepage-leaderboards .monthly-top-five{height:100%;min-width:0}
.homepage-leaderboards .monthly-top-five-heading{display:grid!important;gap:8px}
.homepage-leaderboards .monthly-top-five-list{grid-template-columns:minmax(0,1fr)!important}
.homepage-leaderboards .monthly-top-five-row{grid-template-columns:24px 28px minmax(0,1fr) auto!important;grid-template-areas:'pos avatar member count' 'rating rating rating rating'!important}
.homepage-leaderboards .monthly-top-five-rating{text-align:left!important}
.homepage-leaderboards .monthly-top-five-member strong{font-size:.75rem!important}
.homepage-leaderboards .monthly-top-five-member small,
.homepage-leaderboards .monthly-top-five-rating small,
.homepage-leaderboards .monthly-top-five-count small{font-size:.62rem!important}
.homepage-leaderboards .monthly-top-five-count strong{font-size:.8rem!important}
.homepage-leaderboards .monthly-star-rating{font-size:.68rem!important}
.homepage-leaderboards .monthly-top-five-heading p{font-size:.7rem!important}
@media(max-width:1050px){.homepage-leaderboards{grid-template-columns:1fr}}
@media(max-width:760px){.homepage-member-duo .newest-member-card{grid-template-columns:1fr!important}}

/* Six spotlight cards: two columns and three rows on desktop. Mobile retains its existing grid. */
@media(min-width:821px){
  body .hero .home-market-shell .hero-grid.hero-grid-reworked>.hero-panel,
  body .hero .home-market-shell.market-with-sidebar .hero-grid.hero-grid-reworked>.hero-panel{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
  }
}

/* 2026-09-27 messages/profile ads, story skipping and staff attention */
.site-ad-inline{max-width:970px;margin:18px auto}.site-ad-inline img{display:block;width:100%;height:auto;max-height:110px;object-fit:contain}.messages-inline-ad,.profile-inline-ad{width:100%;margin:14px 0}.messages-inline-ad .site-ad-slot,.profile-inline-ad .site-ad-slot{margin:0 auto}.staff-attention-link{position:relative}.staff-action-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff3b5c;margin-left:7px;vertical-align:middle;box-shadow:0 0 0 2px rgba(255,255,255,.35)}.story-video-wrap{position:relative}.story-skip{position:absolute;z-index:5;top:0;bottom:0;width:22%;border:0;background:transparent;color:#fff;font-size:52px;line-height:1;opacity:.55;cursor:pointer;text-shadow:0 2px 8px #000}.story-skip:hover,.story-skip:focus-visible{opacity:1;background:rgba(0,0,0,.08)}.story-skip-prev{left:0;text-align:left;padding-left:16px}.story-skip-next{right:0;text-align:right;padding-right:16px}@media(max-width:700px){.story-skip{width:30%;font-size:44px}.story-skip-prev{padding-left:8px}.story-skip-next{padding-right:8px}}

/* 2026-09-27 promotion manager, live sidebar messages, and story navigation */
.site-promo-bar{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(90deg,#35106a,#5c2493);color:#fff}.site-promo-bar-inner{min-height:54px;display:flex;align-items:center;gap:14px;padding-top:8px;padding-bottom:8px}.site-promo-badge{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.16);font-size:.52rem;font-weight:900;letter-spacing:.08em}.site-promo-copy{display:grid;min-width:0;flex:1}.site-promo-copy strong{font-size:.78rem}.site-promo-copy span{font-size:.58rem;opacity:.9;line-height:1.35}.site-promo-reward{display:grid;text-align:right;flex:0 0 auto}.site-promo-reward b{font-size:.68rem}.site-promo-reward small{font-size:.48rem;opacity:.75}.site-promo-join{flex:0 0 auto}.admin-standalone-card{max-width:900px}.admin-promo-manager{display:grid;gap:16px}.admin-promo-status{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.admin-promo-status.is-active{border-color:#7d4cc6}.admin-promo-info{grid-column:1/-1}.admin-promo-cancel{margin-top:-4px}.market-profile-message-stat{position:relative}.market-profile-message-stat.has-attention{outline:2px solid rgba(122,72,189,.55);background:rgba(122,72,189,.11)!important}.market-live-dot{position:absolute;top:7px;right:8px;width:8px;height:8px;border-radius:50%;background:#ff3b5c;box-shadow:0 0 0 3px rgba(255,59,92,.14)}.story-video-wrap video{position:relative;z-index:1}.story-skip{z-index:12!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent}.story-skip:active{background:rgba(0,0,0,.18)!important;opacity:1!important}.story-video-toggle,.story-mute-toggle{z-index:20}.story-close{position:relative;z-index:20}@media(max-width:760px){.site-promo-bar-inner{display:grid;grid-template-columns:auto 1fr;gap:6px 10px}.site-promo-copy{grid-column:2}.site-promo-reward{grid-column:2;text-align:left}.site-promo-join{grid-column:2;justify-self:start}.site-promo-badge{grid-row:1/4;align-self:start;margin-top:2px}}


/* 2026-09-28 profile interests, desktop Story controls, flexible promo rewards */
.profile-interest-intro{margin-top:0;color:var(--muted);max-width:760px}
.profile-interest-chips{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 12px}.profile-interest-chips span{padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:var(--soft);font-size:.58rem;font-weight:800}
.profile-interest-editor{border:1px solid var(--line);border-radius:12px;background:var(--white);overflow:hidden}.profile-interest-editor>summary{cursor:pointer;padding:10px 12px;font-size:.66rem;font-weight:900;list-style:none}.profile-interest-editor>summary::-webkit-details-marker{display:none}.profile-interest-editor>summary:after{content:'+';float:right}.profile-interest-editor[open]>summary:after{content:'−'}
.profile-interest-form{display:grid;gap:12px;padding:0 12px 12px}.profile-interest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.profile-interest-grid label{display:flex;align-items:center;gap:7px;min-width:0;padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:var(--soft);cursor:pointer}.profile-interest-grid label:has(input:checked){border-color:#7965f0;background:#f4f0ff}.profile-interest-grid input{margin:0}.profile-interest-grid span{flex:0 0 auto}.profile-interest-grid strong{font-size:.56rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.dark-mode .profile-interest-editor{background:#171d26;border-color:#394353}body.dark-mode .profile-interest-chips span,body.dark-mode .profile-interest-grid label{background:#151d28;border-color:#394353}body.dark-mode .profile-interest-grid label:has(input:checked){background:#29243f;border-color:#7965f0}
@media(min-width:701px){.story-skip{top:50%!important;bottom:auto!important;width:46px!important;height:64px!important;transform:translateY(-50%);display:grid!important;place-items:center!important;padding:0!important;border-radius:10px!important;background:rgba(5,10,18,.58)!important;opacity:.82!important}.story-skip-prev{left:8px!important;text-align:center!important}.story-skip-next{right:8px!important;text-align:center!important}.story-skip:hover,.story-skip:focus-visible{background:rgba(91,70,232,.82)!important;opacity:1!important}}
@media(max-width:800px){.profile-interest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.profile-interest-grid{grid-template-columns:1fr}}


/* Chat avatars: preserve the member's full uploaded profile image instead of cropping it. */
.chat-message-avatar,
.chat-user-row img,
.chat-mention-option img,
.chat-dj-candidate img{
  object-fit:contain!important;
  object-position:center!important;
  background:#15202d!important;
}

/* Standard members have no editable chat colour, so no save form is rendered. */
.chat-member-colour-static{margin-top:8px}
\n\n/* 2026-09-28: message role badges + compact God Panel */\n.message-member-name-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.message-role-tag{display:inline-flex;align-items:center;line-height:1;border-radius:999px;padding:3px 7px;font-size:.58rem;font-weight:900;letter-spacing:.055em;white-space:nowrap}.message-role-admin{background:#e9f2ff;color:#4b35d1}.message-role-moderator{background:#e8f8f3;color:#087b5d}.message-role-vip{background:#fff1d8;color:#96600a}.conversation-name-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.conversation-name-line>b{margin-left:auto}\n\n/* God Panel only: denser controls without changing functionality. */\n.admin-reset-page .admin-container{max-width:1180px}.admin-reset-page .section-heading{margin-bottom:10px}.admin-reset-page .section-heading h1{font-size:clamp(1.55rem,2.4vw,2rem);margin:.1rem 0}.admin-reset-page .section-heading p{font-size:.82rem;margin:.2rem 0}.admin-reset-page .admin-reset-panel{padding:12px 14px;margin-bottom:11px;border-radius:11px}.admin-reset-page .admin-reset-panel h2{font-size:1.05rem;line-height:1.2;margin:0 0 4px}.admin-reset-page .admin-reset-panel p{margin:.28rem 0;font-size:.76rem;line-height:1.4}.admin-reset-page .admin-reset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.admin-reset-page .admin-reset-card{padding:10px;gap:6px;border-radius:9px}.admin-reset-page .admin-reset-card>p{font-size:.69rem;line-height:1.35;min-height:0}.admin-reset-page .admin-reset-card>strong{font-size:.82rem}.admin-reset-page .admin-reset-card label{font-size:.68rem;gap:3px}.admin-reset-page input,.admin-reset-page select,.admin-reset-page textarea{font-size:.76rem}.admin-reset-page .admin-reset-card input[name="confirm_phrase"]{padding:6px}.admin-reset-page .button{min-height:32px;padding:7px 11px;font-size:.72rem}.admin-reset-page .button-row{gap:6px}.admin-reset-page code{font-size:.68rem;word-break:break-all}.admin-reset-page .eyebrow{font-size:.62rem}.admin-reset-page form[style*="margin-top:.8rem"]{margin-top:.5rem!important}.admin-reset-page .form-help{font-size:.7rem}.admin-reset-page .admin-test-subscriptions p{max-width:900px}\n@media(max-width:1050px){.admin-reset-page .admin-reset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.admin-reset-page .admin-reset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.admin-reset-page .admin-reset-grid{grid-template-columns:1fr}.admin-reset-page .admin-reset-panel{padding:11px}}\nbody.dark-mode .message-role-admin{background:#273b66;color:#dbe8ff}body.dark-mode .message-role-moderator{background:#163f36;color:#a7f3d0}body.dark-mode .message-role-vip{background:#493814;color:#fde7a8}\n
/* 2026-09-28: compact unified God Panel upload storage */
.admin-reset-page .god-storage-panel{padding:12px 14px}
.god-storage-add{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(150px,.8fr) minmax(260px,1.8fr) auto;gap:8px;align-items:end;margin:10px 0 12px}
.god-storage-add label{display:grid;gap:4px;font-size:.7rem}.god-storage-add label>span{font-weight:800}.god-storage-add input,.god-storage-add select{min-height:34px;padding:6px 8px}.god-storage-add .button{white-space:nowrap}
.god-storage-list{border-top:1px solid var(--line)}.god-storage-group{padding:9px 0;border-bottom:1px solid var(--line)}.god-storage-group:last-child{border-bottom:0}
.god-storage-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.god-storage-group-head>div{min-width:0}.god-storage-group-head strong{display:block;font-size:.82rem}.god-storage-group-head small{display:block;color:var(--muted);font-size:.63rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:760px}
.god-storage-empty{font-size:.68rem!important;color:var(--muted);margin:5px 0 0!important}.god-storage-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:6px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}
.god-storage-main{min-width:0;display:grid;grid-template-columns:minmax(120px,.55fr) minmax(220px,1.4fr) auto;gap:8px;align-items:center}.god-storage-main strong{font-size:.72rem}.god-storage-main strong small{font-size:.56rem;color:var(--accent)}.god-storage-main code{font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.god-storage-main span{font-size:.62rem;color:var(--muted);white-space:nowrap}
.god-storage-actions{display:flex;align-items:center;gap:5px}.god-storage-actions form{margin:0}.god-storage-actions .button,.god-storage-group-head .button{min-height:29px;padding:5px 9px;font-size:.65rem}
@media(max-width:900px){.god-storage-add{grid-template-columns:1fr 1fr}.god-storage-path{grid-column:1/-1}.god-storage-add>.button{justify-self:start}.god-storage-main{grid-template-columns:1fr}.god-storage-main code,.god-storage-main span{white-space:normal;word-break:break-word}}
@media(max-width:560px){.god-storage-add{grid-template-columns:1fr}.god-storage-path{grid-column:auto}.god-storage-group-head{align-items:flex-start}.god-storage-row{grid-template-columns:1fr}.god-storage-actions{justify-content:flex-start}}
body.dark-mode .god-storage-row{background:#101c2a;border-color:#35465d}

/* 2026-09-28: keep the live Friends-online label contained on desktop. */
@media(min-width:721px){
  .header-main .header-friends-button>b{
    width:100%;
    max-width:100%;
    padding:0 2px;
    box-sizing:border-box;
    white-space:normal!important;
    overflow-wrap:normal;
    line-height:1.05!important;
    font-size:.54rem!important;
  }
}

/* Chat invitation room chooser */
.chat-room-invite-form label{display:grid;gap:4px;min-width:0}.chat-room-invite-form label>span{font-size:.58rem;font-weight:850;color:var(--muted)}
.chat-room-invite-form select,.profile-chat-invite-form select,.friend-chat-invite-form select{min-width:0;border:1px solid var(--line);border-radius:9px;padding:8px 9px;background:var(--white);color:var(--ink);font:inherit}
.profile-chat-invite-form,.friend-chat-invite-form{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.profile-chat-invite-form select,.friend-chat-invite-form select{max-width:190px;font-size:.58rem;min-height:32px;padding-top:5px;padding-bottom:5px}
.message-inline-link{font-weight:850;text-decoration:underline;overflow-wrap:anywhere}
body.dark-mode .chat-room-invite-form select,body.dark-mode .profile-chat-invite-form select,body.dark-mode .friend-chat-invite-form select{background:#1a202a;border-color:#394353;color:#eef2f8}
@media(max-width:620px){.profile-chat-invite-form,.friend-chat-invite-form{align-items:stretch}.profile-chat-invite-form select,.friend-chat-invite-form select{max-width:none;flex:1 1 150px}}


/* 2026-09-28 WotUGot logo palette refresh: bright logo blue + coral red. */
:root{--brand:#087cff!important;--brand-dark:#005fd1!important;--accent:#35b8ff!important;--orange:#ff575d!important}
.header-search button,.post-button,.button-primary,.admin-link{background:linear-gradient(135deg,#087cff 0%,#006fe8 68%,#ff575d 160%)!important}
.header-search button:hover,.post-button:hover,.button-primary:hover{background:linear-gradient(135deg,#006fe8 0%,#0057c2 70%,#ff575d 170%)!important}
.live-brand-glow{background:radial-gradient(circle at 50% 50%,rgba(255,87,93,.38) 0 14%,rgba(8,124,255,.34) 34%,rgba(53,184,255,.25) 58%,transparent 76%)!important}
.hero{background:radial-gradient(circle at 84% 23%,rgba(255,87,93,.10),transparent 24%),radial-gradient(circle at 72% 35%,rgba(8,124,255,.15),transparent 34%),linear-gradient(135deg,#f9fcff,#eef7ff)!important}
.stats-band{background:linear-gradient(90deg,#eef7ff 0%,#f7fbff 55%,#fff2f3 100%)!important;border-color:#d7eaff!important}
.cta{background:linear-gradient(125deg,#087cff 0%,#0065dc 68%,#ff575d 150%)!important}
.topbar-wordmark img{filter:saturate(1.12) contrast(1.03)}


/* 2026-09-28 v5: make the visible WotUGot UI use the actual logo palette.
   Important: this is intentionally after all historic dark-mode overrides. */
:root{
  --wotugot-blue:#5170ff;
  --wotugot-cyan:#38b6ff;
  --wotugot-red:#ff5757;
  --brand:#5170ff!important;
  --brand-dark:#354fe0!important;
  --accent:#38b6ff!important;
  --orange:#ff5757!important;
}
body.dark-mode{
  --brand:#38b6ff!important;
  --brand-dark:#5170ff!important;
  --accent:#ff5757!important;
  --orange:#ff5757!important;
}

/* High-visibility controls now visibly match the WotUGot symbol/wordmark. */
.header-search button,
.post-button,
.button-primary,
.admin-link,
.floating-chat-button,
body.dark-mode .header-search button,
body.dark-mode .post-button,
body.dark-mode .button-primary,
body.dark-mode .admin-link,
body.dark-mode .floating-chat-button{
  background:linear-gradient(135deg,var(--wotugot-cyan) 0%,var(--wotugot-blue) 72%)!important;
  border-color:rgba(255,87,87,.72)!important;
  color:#fff!important;
}
.header-search button:hover,
.post-button:hover,
.button-primary:hover,
.admin-link:hover,
.floating-chat-button:hover,
body.dark-mode .header-search button:hover,
body.dark-mode .post-button:hover,
body.dark-mode .button-primary:hover,
body.dark-mode .admin-link:hover,
body.dark-mode .floating-chat-button:hover{
  background:linear-gradient(135deg,var(--wotugot-blue) 0%,#435de9 72%,var(--wotugot-red) 145%)!important;
}

/* Navigation and text accents: cyan/blue instead of the old Swapz-like purple. */
.nav-inner a:hover,
.section-heading>a,
.text-link,
.category-directory-arrow,
.category-back-link,
.hero-live-line a,
.chat-rules-card a,
.chat-filter-row em,
.chat-filter-actions button,
.message-inline-link{
  color:var(--wotugot-blue)!important;
}
body.dark-mode .nav-inner a:hover,
body.dark-mode .section-heading>a,
body.dark-mode .text-link,
body.dark-mode .category-directory-arrow,
body.dark-mode .category-back-link,
body.dark-mode .hero-live-line a,
body.dark-mode .chat-rules-card a,
body.dark-mode .chat-filter-row em,
body.dark-mode .chat-filter-actions button,
body.dark-mode .message-inline-link,
body.dark-mode a:not(.button):not(.post-button):not(.admin-link){
  color:var(--wotugot-cyan)!important;
}
body.dark-mode a:not(.button):not(.post-button):not(.admin-link):hover{color:#83d5ff!important}

/* Make the active/header treatment visibly WotUGot rather than generic purple. */
body.dark-mode .nav-inner .nav-account,
body.dark-mode .nav-inner a:hover{
  background:rgba(56,182,255,.10)!important;
  border-bottom-color:var(--wotugot-red)!important;
}
.live-brand-glow{
  background:radial-gradient(circle at 50% 50%,rgba(255,87,87,.42) 0 13%,rgba(81,112,255,.34) 34%,rgba(56,182,255,.29) 58%,transparent 77%)!important;
}
.topbar-wordmark img,.live-brand-wordmark{
  filter:saturate(1.18) contrast(1.05)!important;
}
.header-main .live-brand-header{
  filter:drop-shadow(0 0 8px rgba(56,182,255,.08));
}

/* Coral is now a deliberate secondary brand accent throughout the chrome. */
.staff-action-dot,.market-live-dot{background:var(--wotugot-red)!important}
.chat-user-row:focus-within,
.header-search:focus-within{border-color:var(--wotugot-cyan)!important}

/* WotUGot feature-suite additions */
.feature-list{display:grid;gap:12px}
.feature-list>.card{padding:16px;border:1px solid var(--line,#d7e3ef);border-radius:12px;display:flex;justify-content:space-between;gap:18px;align-items:center}
.notification-centre-item.is-unread{border-left:4px solid #5170ff}
.notification-centre-item h3,.feature-list>.card h3{margin:3px 0 6px}
.notification-centre-item p,.feature-list>.card p{margin:0}
.saved-search-quick{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:10px 0 18px}
.saved-search-quick a{font-size:.9rem}
.listing-trust-signals{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.listing-trust-signals span{font-size:.78rem;padding:5px 8px;border-radius:999px;background:rgba(81,112,255,.09);border:1px solid rgba(81,112,255,.18)}
.health-state{min-width:64px;text-align:center;padding:6px 8px;border-radius:999px}
.health-ok{background:#e8f8ef;color:#187342}.health-warn{background:#fff7dc;color:#805b00}.health-bad{background:#ffe8e8;color:#9a2424}.health-info{background:#eaf4ff;color:#245d91}
@media(max-width:720px){.feature-list>.card{align-items:flex-start;flex-direction:column}.saved-search-quick{align-items:flex-start;flex-direction:column}.saved-search-quick .button{width:100%}}

/* 2026-10 mobile fixes */
.story-card-media{background:#101721}
.story-card-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.72);z-index:0}
.story-card-media video{position:relative;z-index:1;background:transparent}
.story-card-media::after{content:'▶';position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.55);color:#fff;font-size:.72rem;pointer-events:none}
.floating-chat-button{position:fixed!important;right:max(12px,env(safe-area-inset-right))!important;bottom:max(12px,calc(env(safe-area-inset-bottom) + 12px))!important;z-index:10000!important;max-width:calc(100vw - 24px)!important}
@media(max-width:650px){.floating-chat-button{right:max(10px,env(safe-area-inset-right))!important;bottom:max(10px,calc(env(safe-area-inset-bottom) + 10px))!important}}

.browse-listing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.browse-listing-box{display:flex;min-height:180px;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--white);text-decoration:none;flex-direction:column;justify-content:flex-end;box-shadow:0 8px 24px rgba(22,32,44,.07)}.browse-listing-box strong{font-size:1.6rem}.browse-listing-box span{color:var(--muted);margin-top:7px}.browse-listing-box:hover{transform:translateY(-2px);border-color:#9fb0ff}.home-earth-note{padding:10px 0}.home-earth-note-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 15px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.home-earth-note-inner>div{display:grid;gap:2px}.home-earth-note strong{font-size:.84rem}.home-earth-note small{font-size:.66rem;color:var(--muted)}.home-earth-note a{font-size:.68rem;font-weight:800;white-space:nowrap}.ad-kit-link{display:block;text-align:center;margin-top:4px;font-size:.58rem;color:var(--muted)}.remember-login-row{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.remember-login-row input{width:auto!important}.saved-account-picker{display:grid;gap:6px}.saved-account-picker>div{display:flex;gap:5px;flex-wrap:wrap}.saved-account-picker .button{min-height:30px;padding:0 9px;font-size:.62rem}.blog-post-list{display:grid;gap:16px}.blog-post-card{padding:22px}.narrow-copy{max-width:820px}.google-ad-slot{min-height:1px}
@media(max-width:650px){.browse-listing-grid{grid-template-columns:1fr}.browse-listing-box{min-height:130px}.home-earth-note-inner{align-items:flex-start;flex-direction:column}}


/* 2026-10-01 blog + mobile chat corrections */
html,body{max-width:100%;overflow-x:hidden}
.floating-chat-button{
  position:fixed!important;
  left:auto!important;
  right:calc(12px + env(safe-area-inset-right,0px))!important;
  bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
  z-index:10000!important;
  box-sizing:border-box!important;
  margin:0!important;
  transform:none!important;
}
@media(max-width:650px){
  .floating-chat-button{width:54px!important;height:54px!important;min-width:54px!important;max-width:54px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:50%!important;gap:0!important}
  .floating-chat-icon{width:auto!important;height:auto!important;background:transparent!important;font-size:1.25rem!important}
  .floating-chat-copy{display:none!important}
}


/* Blog surfaces use the same section/card language as the rest of WotUGot. */
.blog-shell,.blog-admin-shell{max-width:1050px}
.blog-post-list,.blog-comment-list,.blog-admin-list{display:grid;gap:14px}
.blog-post-card,.blog-full-post,.blog-comment,.blog-comment-form,.blog-signin-note,.blog-editor{border:1px solid var(--line);border-radius:14px;background:var(--white)}
.blog-post-card{padding:20px}.blog-full-post{padding:24px}.blog-comment,.blog-comment-form,.blog-signin-note{padding:18px}.blog-editor{padding:22px}
.blog-post-card h2{margin:7px 0 9px}.blog-body{line-height:1.72}.blog-comments{margin-top:24px}.blog-comment p{margin:9px 0 13px;line-height:1.6}
.blog-post-meta,.blog-comment-meta,.home-blog-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.blog-post-meta small,.blog-comment-meta small,.home-blog-meta{color:var(--muted)}
.blog-card-actions,.blog-heading-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.blog-card-actions{margin-top:14px}.blog-publish-toggle{display:flex!important;align-items:center;gap:9px}.blog-publish-toggle input{width:auto!important}.blog-existing-heading{margin-top:28px}
.blog-reactions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.blog-reactions form{margin:0}.blog-reaction-button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--ink);font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}.blog-reaction-button:hover,.blog-reaction-button.is-selected{border-color:var(--brand);background:rgba(81,112,255,.1)}.blog-reaction-button b{min-width:18px;text-align:center}.blog-reaction-staff-note{color:var(--muted);font-size:.62rem}
.home-blog-latest{padding:34px 0!important}.home-blog-heading{margin-bottom:14px}.home-blog-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:start;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--white);box-shadow:0 7px 20px rgba(31,48,72,.05)}.home-blog-date{width:58px;min-height:62px;border-radius:12px;background:linear-gradient(145deg,rgba(56,182,255,.14),rgba(81,112,255,.12));border:1px solid rgba(81,112,255,.2);display:grid;place-items:center;align-content:center;line-height:1}.home-blog-date span{font-size:1.35rem;font-weight:900;color:var(--brand)}.home-blog-date small{margin-top:5px;font-size:.58rem;font-weight:900;letter-spacing:.08em;color:var(--muted)}.home-blog-copy h3{margin:4px 0 7px;font-size:1.05rem}.home-blog-copy>small{color:var(--muted);font-size:.64rem}.home-blog-copy p{margin:0 0 10px;line-height:1.5;color:var(--muted);font-size:.78rem}.home-blog-meta{font-size:.66rem}.home-blog-empty{grid-template-columns:1fr}
body.dark-mode .blog-post-card,body.dark-mode .blog-full-post,body.dark-mode .blog-comment,body.dark-mode .blog-comment-form,body.dark-mode .blog-signin-note,body.dark-mode .blog-editor,body.dark-mode .home-blog-card{background:#1a202a;border-color:#394353}.dark-mode .blog-reaction-button{background:#151b24;border-color:#394353;color:#eef2f8}.dark-mode .blog-reaction-button.is-selected{background:rgba(56,182,255,.12);border-color:var(--accent)}
@media(max-width:650px){.home-blog-latest{padding:24px 0!important}.home-blog-card{grid-template-columns:50px minmax(0,1fr);gap:12px;padding:14px}.home-blog-date{width:48px;min-height:54px}.home-blog-date span{font-size:1.1rem}.home-blog-copy h3{font-size:.92rem}.blog-heading-actions{width:100%}.blog-heading-actions .button{flex:1}.blog-full-post{padding:18px}.blog-reactions{align-items:flex-start}.blog-reaction-staff-note{width:100%}}

/* Stripe checkout + self-service advertising */
.boost-unit-value{display:grid;gap:1px;padding:8px 10px;border-radius:10px;background:var(--soft)}.boost-unit-value strong{font-size:.82rem}.boost-unit-value small{font-size:.65rem;color:var(--muted)}
.direct-ad-packages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.direct-ad-packages .card{display:grid;gap:5px}.direct-ad-packages span,.direct-ad-packages small{color:var(--muted)}.direct-ad-form{display:grid;gap:14px}.direct-ad-form label{display:grid;gap:6px}.direct-ad-link{display:block;width:100%;height:100%}.direct-ad-link img{width:100%;height:100%;object-fit:contain}.subscription-price-card form,.bump-pack-card form{margin-top:auto}.subscription-price-card form .button,.bump-pack-card form .button{width:100%}@media(max-width:650px){.direct-ad-packages{grid-template-columns:1fr}}

.god-ad-settings-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch}.god-ad-setting-card{display:grid;gap:.65rem;padding:1rem}.god-ad-setting-card small{display:block;opacity:.78}.god-ad-setting-card label{display:grid;gap:.35rem}


/* Cart */
.header-cart-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:72px}
.header-cart-count{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#5170ff;color:#fff;font-size:.72rem;font-style:normal;line-height:20px;text-align:center}
.cart-container{max-width:1100px}.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.cart-items{display:grid;gap:14px}.cart-item,.cart-summary,.cart-empty{border:1px solid var(--border-color,#d9e1f2);border-radius:18px;background:var(--card-bg,#fff);box-shadow:0 12px 30px rgba(40,68,120,.08)}.cart-item{padding:22px;display:flex;justify-content:space-between;gap:20px}.cart-item h2{margin:.35rem 0}.cart-item-price{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.cart-item-price>strong,.cart-summary>strong{font-size:1.75rem}.cart-summary{padding:22px;position:sticky;top:18px;display:grid;gap:14px}.cart-summary .button{width:100%}.cart-stripe-note{font-size:.88rem;opacity:.76}.cart-empty{padding:34px;text-align:center}.cart-empty-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.button-link{background:none;border:0;text-decoration:underline;cursor:pointer;color:inherit}
@media(max-width:760px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.cart-item{flex-direction:column}.cart-item-price{align-items:flex-start}.header-cart-button b{display:none}.header-cart-button{min-width:44px}}

/* Reuse & environment */
.earth-container{max-width:1120px}.earth-hero{padding:34px;border-radius:24px;background:linear-gradient(135deg,rgba(81,112,255,.12),rgba(75,188,145,.10));border:1px solid rgba(81,112,255,.16);margin-bottom:24px}.earth-hero h1{max-width:760px;margin:.35rem 0 .8rem}.earth-hero p{max-width:850px;font-size:1.05rem;line-height:1.7}.earth-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.earth-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.earth-benefit-grid article,.earth-four-ways article,.earth-tips,.earth-final-cta,.earth-practical,.earth-explain{border:1px solid var(--border-color,#d9e1f2);border-radius:20px;background:var(--card-bg,#fff);box-shadow:0 10px 28px rgba(40,68,120,.06)}.earth-benefit-grid article{padding:22px}.earth-benefit-grid article>span{font-size:1.65rem}.earth-benefit-grid h2{font-size:1.08rem;margin:.6rem 0}.earth-benefit-grid p,.earth-four-ways p{line-height:1.6;opacity:.86}.earth-explain,.earth-practical,.earth-tips{padding:28px;margin:24px 0}.earth-four-ways{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.earth-four-ways article{padding:18px;box-shadow:none}.earth-four-ways strong{font-size:1.05rem}.earth-practical{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;align-items:start}.earth-tips ul{columns:2;column-gap:38px;padding-left:1.2rem}.earth-tips li{margin:0 0 12px;break-inside:avoid}.earth-final-cta{padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0}.earth-final-cta h2{margin:.25rem 0}.dark-mode .earth-hero{background:linear-gradient(135deg,rgba(81,112,255,.18),rgba(75,188,145,.08))}
@media(max-width:850px){.earth-benefit-grid{grid-template-columns:1fr 1fr}.earth-four-ways{grid-template-columns:1fr 1fr}.earth-practical{grid-template-columns:1fr}.earth-tips ul{columns:1}.earth-final-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.earth-benefit-grid,.earth-four-ways{grid-template-columns:1fr}.earth-hero,.earth-explain,.earth-practical,.earth-tips{padding:20px}}

/* Reuse & environment — dark mode parity */
body.dark-mode .earth-benefit-grid article,
body.dark-mode .earth-four-ways article,
body.dark-mode .earth-tips,
body.dark-mode .earth-final-cta,
body.dark-mode .earth-practical,
body.dark-mode .earth-explain {
  background:#1a202a;
  border-color:#394353;
  color:#eef2f8;
  box-shadow:0 10px 28px rgba(0,0,0,.16);
}
body.dark-mode .earth-benefit-grid p,
body.dark-mode .earth-four-ways p,
body.dark-mode .earth-practical p,
body.dark-mode .earth-tips,
body.dark-mode .earth-final-cta p {
  color:#c9d1dc;
}
body.dark-mode .earth-practical .legal-callout {
  background:#151b24;
  border-color:#394353;
  color:#eef2f8;
}
body.dark-mode .earth-hero {
  background:linear-gradient(135deg,rgba(81,112,255,.18),rgba(75,188,145,.08));
  border-color:#394353;
  color:#eef2f8;
}


/* 2026-10-01 cart polish: keep Cart uniform with header action cards and dark mode. */
.header-main .header-cart-button{
  box-sizing:border-box!important;
  position:relative!important;
  width:74px!important;
  min-width:74px!important;
  max-width:74px!important;
  height:58px!important;
  min-height:58px!important;
  padding:6px 4px!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  border:1px solid var(--line)!important;
  border-radius:11px!important;
  background:var(--white)!important;
  color:var(--ink)!important;
  text-align:center!important;
  text-decoration:none!important;
  line-height:1!important;
}
.header-main .header-cart-button:hover{border-color:var(--brand)!important;background:var(--soft)!important}
body.dark-mode .header-main .header-cart-button{background:#172334!important;border-color:#35465d!important;color:#f2f6fb!important}
.header-main .header-cart-button>span{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;font-size:1.12rem!important;line-height:1!important}
.header-main .header-cart-button>b{display:block!important;font-size:.58rem!important;font-weight:900!important;line-height:1.1!important;white-space:nowrap!important}
.header-main .header-cart-count{position:absolute!important;top:-7px!important;right:-7px!important;min-width:20px!important;height:20px!important;padding:0 5px!important;border-radius:999px!important;background:#5170ff!important;color:#fff!important;font-size:.72rem!important;font-style:normal!important;line-height:20px!important;text-align:center!important}

/* Cart dark mode: no light fallback cards. */
body.dark-mode .cart-page .cart-item,
body.dark-mode .cart-page .cart-summary,
body.dark-mode .cart-page .cart-empty{
  background:#172334!important;
  border-color:#35465d!important;
  color:#f2f6fb!important;
  box-shadow:0 12px 30px rgba(0,0,0,.20)!important;
}
body.dark-mode .cart-page .cart-item p,
body.dark-mode .cart-page .cart-empty p,
body.dark-mode .cart-page .cart-stripe-note{color:#aebbd0!important}
body.dark-mode .cart-page .button-secondary{background:#101b2a!important;border-color:#35465d!important;color:#f2f6fb!important}
body.dark-mode .cart-page .button-secondary:hover{background:#1d2b3e!important;border-color:var(--brand)!important}

@media(max-width:720px){
  .header-main.has-user-profile-button .header-cart-button{
    width:100%!important;min-width:0!important;max-width:none!important;
    height:48px!important;min-height:48px!important;padding:3px 1px!important;gap:2px!important;
  }
  .header-main .header-cart-button>b{font-size:.46rem!important}
}



/* Friends hub — management moved out of Profile */
.friends-page-hero{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:18px;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}
.friends-page-hero h1{margin:.15rem 0 .35rem}.friends-page-hero p{margin:0;color:var(--muted);max-width:720px}.friends-page-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.friends-stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 18px}.friends-stats-grid>a,.friends-stats-grid>div{display:grid;gap:3px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:inherit;text-decoration:none;min-width:0}.friends-stats-grid strong{font-size:1.55rem;line-height:1}.friends-stats-grid small{font-weight:800}.friends-stats-grid span{font-size:.68rem;color:var(--muted)}.friends-stats-grid .has-attention{box-shadow:inset 0 0 0 1px var(--brand)}
.friends-mini-nav{margin-bottom:18px}.friends-hub-section{margin:0 0 22px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.friends-hub-section .section-heading{margin-bottom:14px}.friends-section-count{display:grid;place-items:center;min-width:42px;height:42px;border-radius:50%;background:var(--soft);border:1px solid var(--line);font-size:1rem}
.friends-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.friends-hub-card{display:grid;gap:12px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.friends-hub-card.is-online{box-shadow:inset 3px 0 0 #35b66f}.friends-hub-person{display:flex;gap:11px;align-items:center;color:inherit;text-decoration:none;min-width:0}.friends-avatar-wrap{position:relative;flex:0 0 48px}.friends-avatar-wrap img{width:48px;height:48px;object-fit:contain;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.friends-avatar-wrap i{position:absolute;width:11px;height:11px;border-radius:50%;background:#35b66f;border:2px solid var(--panel);right:-2px;bottom:-2px}.friends-hub-person>span:last-child{display:grid;min-width:0}.friends-hub-person strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friends-hub-person small,.friends-hub-person em{font-size:.72rem;color:var(--muted);font-style:normal}.friends-hub-actions,.friends-request-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.friends-hub-actions form{display:flex;gap:6px;align-items:center;margin:0}.friends-hub-actions select{max-width:150px;min-height:36px}.friends-hub-actions .button,.friends-request-actions .button{min-height:36px;padding:0 10px;font-size:.68rem}.request-card{grid-template-columns:1fr auto;align-items:center}
.profile-friends-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.profile-friends-stat-grid a{display:grid;gap:4px;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--soft);color:inherit;text-decoration:none}.profile-friends-stat-grid strong{font-size:1.45rem}.profile-friends-stat-grid small{font-weight:800}.profile-friends-stat-grid span{font-size:.68rem;color:var(--muted)}.profile-friends-stat-grid a.has-attention{box-shadow:inset 0 0 0 1px var(--brand)}.profile-friends-summary-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
body.dark-mode .friends-page-hero,body.dark-mode .friends-stats-grid>a,body.dark-mode .friends-stats-grid>div,body.dark-mode .friends-hub-section{background:#101a29;border-color:#35465d}body.dark-mode .friends-hub-card,body.dark-mode .profile-friends-stat-grid a{background:#172334;border-color:#35465d}body.dark-mode .friends-avatar-wrap img,body.dark-mode .friends-section-count{background:#101a29;border-color:#35465d}
@media(max-width:900px){.friends-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.friends-hub-grid{grid-template-columns:1fr}.friends-page-hero{align-items:flex-start;flex-direction:column}.friends-page-hero-actions{justify-content:flex-start}.profile-friends-stat-grid{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:620px){.friends-stats-grid{grid-template-columns:1fr 1fr}.friends-stats-grid>div:last-child{grid-column:1/-1}.profile-friends-stat-grid{grid-template-columns:1fr}.request-card{grid-template-columns:1fr}.friends-hub-actions{align-items:stretch}.friends-hub-actions form{width:100%;flex-wrap:wrap}.friends-hub-actions select{flex:1;max-width:none}.friends-hub-actions .button{flex:0 0 auto}}


/* Friend vs chatroom control clarity */
.friends-control-groups{display:grid;gap:8px}.friends-control-group{display:grid;gap:5px}.friends-control-group>span,.member-control-label{font-size:.58rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.friends-chat-controls,.member-chat-controls{padding-top:7px;border-top:1px solid var(--line)}.member-control-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.member-control-group .member-control-label{flex-basis:100%}.friend-chat-invite-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0}.friend-chat-invite-form select{max-width:220px}.friends-control-group .friends-hub-actions{margin:0}
body.dark-mode .friends-chat-controls,body.dark-mode .member-chat-controls{border-color:#394353}
@media(max-width:620px){.friend-chat-invite-form{width:100%;align-items:stretch}.friend-chat-invite-form select{max-width:none;flex:1 1 180px}.member-control-group{width:100%;align-items:stretch}.member-control-group .profile-chat-invite-form{width:100%}}

.boost-pack-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 18px}.boost-pack-admin-card{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.boost-pack-admin-card h4{margin:0 0 12px}.boost-pack-admin-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.boost-pack-admin-fields label{display:grid;gap:6px}.boost-pack-admin-fields span{font-size:.82rem;font-weight:800}.boost-pack-admin-fields input{width:100%}.boost-pack-rules-grid{margin-top:4px}body.dark-mode .boost-pack-admin-card{background:#1b2330;border-color:#394353}@media(max-width:900px){.boost-pack-admin-grid{grid-template-columns:1fr}.boost-pack-admin-fields{grid-template-columns:1fr 1fr}}@media(max-width:520px){.boost-pack-admin-fields{grid-template-columns:1fr}}

/* Footer brand/tagline spacing — direct target so the visible text clears the wordmark. */
.site-footer .footer-grid > div:first-child > p{
  margin-top:12px!important;
}
@media(max-width:720px){
  .site-footer .footer-grid > div:first-child > p{
    margin-top:10px!important;
  }
}

/* Page-based advertising analytics */
.analytics-ad-page-section{margin-top:22px;overflow:visible}
.analytics-ad-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.analytics-ad-heading h2{margin:2px 0 6px}.analytics-ad-heading p{margin:0;color:var(--muted)}
.analytics-ad-total-card{min-width:190px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--soft);text-align:right}
.analytics-ad-total-card strong{display:block;font-size:1.75rem;line-height:1.05}.analytics-ad-total-card span{display:block;margin-top:5px;color:var(--muted);font-size:.78rem}
.analytics-ad-page-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.analytics-ad-page-table{width:100%;border-collapse:collapse;min-width:760px}.analytics-ad-page-table th,.analytics-ad-page-table td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left}.analytics-ad-page-table th:not(:first-child),.analytics-ad-page-table td:not(:first-child){text-align:right}.analytics-ad-page-table tbody tr:last-child td{border-bottom:0}.analytics-ad-page-table tbody tr.is-active{background:rgba(63,134,246,.10)}.analytics-ad-page-table td a{color:inherit;text-decoration:none}.analytics-ad-page-table td:first-child a:hover,.analytics-ad-detail-link:hover{text-decoration:underline}.analytics-ad-detail-link{font-weight:800;color:var(--brand-blue,#3f86f6)!important;white-space:nowrap}
.analytics-ad-detail{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.analytics-ad-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.analytics-ad-detail-heading h3{margin:2px 0 5px}.analytics-ad-detail-heading p{margin:0;color:var(--muted)}.analytics-ad-detail-heading>strong{font-size:1.2rem;white-space:nowrap}
body.dark-mode .analytics-ad-total-card,body.dark-mode .analytics-ad-detail{background:#101c2a;border-color:#35465d}body.dark-mode .analytics-ad-page-table-wrap{border-color:#35465d}body.dark-mode .analytics-ad-page-table th,body.dark-mode .analytics-ad-page-table td{border-color:#35465d}body.dark-mode .analytics-ad-page-table tbody tr.is-active{background:rgba(71,193,252,.10)}
@media(max-width:720px){.analytics-ad-heading,.analytics-ad-detail-heading{flex-direction:column}.analytics-ad-total-card{width:100%;text-align:left}.analytics-ad-detail-heading>strong{white-space:normal}}

/* Analytics snapshot + revenue cards */
.analytics-summary-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:22px 0 10px}.analytics-summary-heading h2{margin:2px 0 0}.analytics-summary-heading p{margin:4px 0 0;color:var(--muted);font-size:.82rem}.analytics-revenue-heading{margin-top:26px}.analytics-cards article small{display:block;margin-top:5px;color:var(--muted);font-size:.7rem}.analytics-level-strip{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}.analytics-level-strip span{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:var(--soft);font-size:.76rem}.analytics-level-strip b{font-size:.92rem}.analytics-google-note{margin:10px 0 0;padding:10px 12px;border-left:3px solid #47c1fc;background:var(--soft);border-radius:0 8px 8px 0;color:var(--muted);font-size:.75rem}.god-google-rpm-card{margin:14px 0}.god-google-rpm-card p{font-size:.78rem;color:var(--muted)}
body.dark-mode .analytics-level-strip span,body.dark-mode .analytics-google-note,body.dark-mode .god-google-rpm-card{background:#101c2a;border-color:#35465d;color:#eaf2fb}body.dark-mode .analytics-google-note,body.dark-mode .god-google-rpm-card p{color:#aebfd3}
@media(max-width:720px){.analytics-summary-heading{align-items:flex-start;flex-direction:column}.analytics-level-strip{gap:6px}.analytics-level-strip span{flex:1 1 calc(50% - 6px);justify-content:center}.analytics-commerce-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.analytics-graph-value-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}.analytics-graph-value-strip span{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--soft);font-size:.72rem;color:var(--muted)}.analytics-graph-value-strip b{display:block;font-size:1rem;color:var(--text)}body.dark-mode .analytics-graph-value-strip span{background:#101c2a;border-color:#35465d;color:#aebfd3}body.dark-mode .analytics-graph-value-strip b{color:#eaf2fb}@media(max-width:720px){.analytics-graph-value-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Analytics dashboard refinement: denser summary cards, labelled account-level groups and revenue timeline. */
.analytics-cards-compact{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.analytics-cards-compact article{padding:12px 13px;min-height:104px;display:flex;flex-direction:column;justify-content:center}
.analytics-cards-compact strong{font-size:1.45rem;line-height:1.05}
.analytics-cards-compact span{margin-top:7px;font-size:.8rem;line-height:1.15}
.analytics-cards-compact article small{margin-top:4px;font-size:.64rem}
.analytics-mini-section{margin-top:13px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--white)}
.analytics-mini-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:9px}
.analytics-mini-heading h3{margin:0;font-size:.9rem}.analytics-mini-heading p{margin:3px 0 0;color:var(--muted);font-size:.7rem}
.analytics-level-strip{margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.analytics-level-strip span{display:flex;align-items:baseline;justify-content:center;gap:6px;padding:9px 10px;border-radius:10px}
.analytics-level-strip b{font-size:1rem}.analytics-level-strip small{color:var(--muted);font-size:.68rem;font-weight:700}
.analytics-graph-value-strip{margin-top:0}
.analytics-graph-value-strip span{display:block;padding:9px 10px}
.analytics-graph-value-strip small{display:block;margin-top:2px;color:var(--muted);font-size:.66rem}
.analytics-revenue-chart{margin-top:16px}
.analytics-chart-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:8px}.analytics-chart-heading h2{margin:2px 0 5px}.analytics-chart-heading p{margin:0}
.analytics-chart-legend{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;font-size:.7rem;color:var(--muted)}.analytics-chart-legend span{display:inline-flex;align-items:center;gap:5px}.analytics-chart-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}
body.dark-mode .analytics-mini-section{background:#172334;border-color:#35465d}
@media(max-width:1050px){.analytics-cards-compact{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){.analytics-cards-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-level-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.analytics-cards-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-level-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-level-strip span:last-child{grid-column:1/-1}.analytics-chart-heading{flex-direction:column}.analytics-chart-legend{justify-content:flex-start}}

/* Analytics / God Mode section navigation and collapsible panels */
.page-jump-nav{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin:1rem 0 1.15rem;
  padding:.7rem;
  border:1px solid var(--border, #30445f);
  border-radius:14px;
  background:var(--panel, rgba(17,31,49,.78));
}
.page-jump-nav a{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:.45rem .75rem;
  border-radius:10px;
  border:1px solid var(--border, #30445f);
  text-decoration:none;
  font-weight:700;
  font-size:.9rem;
}
.page-jump-nav a:hover,.page-jump-nav a:focus-visible{transform:translateY(-1px)}
.analytics-collapse-panel,.god-collapse-panel{
  margin:0 0 1rem;
  border:1px solid var(--border, #30445f);
  border-radius:14px;
  background:var(--panel, rgba(17,31,49,.72));
  overflow:hidden;
}
.analytics-collapse-panel>summary,.god-collapse-panel>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  cursor:pointer;
  list-style:none;
  padding:.9rem 1rem;
  user-select:none;
}
.analytics-collapse-panel>summary::-webkit-details-marker,.god-collapse-panel>summary::-webkit-details-marker{display:none}
.analytics-collapse-panel>summary span,.god-collapse-panel>summary span{display:flex;flex-direction:column;gap:.12rem}
.analytics-collapse-panel>summary b,.god-collapse-panel>summary b{font-size:1rem}
.analytics-collapse-panel>summary small,.god-collapse-panel>summary small{opacity:.72;font-weight:500}
.analytics-collapse-panel>summary::after,.god-collapse-panel>summary::after{content:'▾';font-size:1.05rem;transition:transform .18s ease}
.analytics-collapse-panel:not([open])>summary::after,.god-collapse-panel:not([open])>summary::after{transform:rotate(-90deg)}
.analytics-collapse-panel[open]>summary,.god-collapse-panel[open]>summary{border-bottom:1px solid var(--border, #30445f)}
.analytics-collapse-panel>.analytics-summary-heading,
.analytics-collapse-panel>.analytics-cards,
.analytics-collapse-panel>.analytics-mini-section,
.analytics-collapse-panel>.analytics-chart,
.analytics-collapse-panel>.analytics-chart-grid,
.analytics-collapse-panel>.analytics-table-grid,
.analytics-collapse-panel>.analytics-table{margin-left:1rem;margin-right:1rem}
.analytics-collapse-panel>.analytics-summary-heading{margin-top:1rem}
.analytics-collapse-panel>.analytics-table:last-child,
.analytics-collapse-panel>.analytics-chart:last-child,
.analytics-collapse-panel>.analytics-table-grid:last-child,
.analytics-collapse-panel>.analytics-chart-grid:last-child{margin-bottom:1rem}
.god-collapse-body{padding:1rem}
.god-collapse-panel.admin-reset-panel{padding:0}
@media (max-width:700px){
  .page-jump-nav{gap:.4rem;padding:.55rem}
  .page-jump-nav a{font-size:.82rem;padding:.4rem .6rem;min-height:34px}
  .analytics-collapse-panel>summary,.god-collapse-panel>summary{padding:.8rem .85rem}
  .analytics-collapse-panel>.analytics-summary-heading,
  .analytics-collapse-panel>.analytics-cards,
  .analytics-collapse-panel>.analytics-mini-section,
  .analytics-collapse-panel>.analytics-chart,
  .analytics-collapse-panel>.analytics-chart-grid,
  .analytics-collapse-panel>.analytics-table-grid,
  .analytics-collapse-panel>.analytics-table{margin-left:.65rem;margin-right:.65rem}
  .god-collapse-body{padding:.75rem}
}


/* ========================================================================
   2026-10-04 WotUGot header / Help cards / timed chat bans — definitive fix
   ======================================================================== */
.header-main{
  height:auto!important;min-height:126px!important;
  display:grid!important;
  grid-template-columns:150px minmax(300px,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:22px!important;row-gap:10px!important;
  align-items:center!important;padding-top:10px!important;padding-bottom:10px!important;
}
.header-main>.live-brand-header{grid-column:1!important;grid-row:1/3!important;align-self:center!important}
.header-main>.header-search{grid-column:2!important;grid-row:1!important;min-width:0!important;width:100%!important}
.header-main>.header-action-strip{
  grid-column:2!important;grid-row:2!important;
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  flex-wrap:wrap!important;gap:7px!important;min-width:0!important;
}
.header-main>.menu-button{display:none!important}
.header-action-strip>a{
  box-sizing:border-box!important;width:68px!important;min-width:68px!important;max-width:68px!important;
  height:54px!important;min-height:54px!important;margin:0!important;padding:5px 4px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;
  border:1px solid var(--line)!important;border-radius:11px!important;background:var(--white)!important;color:var(--ink)!important;
  text-decoration:none!important;box-shadow:none!important;line-height:1!important;position:relative!important;
}
.header-action-strip>a:hover{border-color:var(--brand)!important;background:var(--soft)!important;transform:translateY(-1px)}
.header-action-strip>a>span:not(.header-profile-avatar-wrap):not(.header-message-icon-wrap):not(.message-count):not(.header-cart-count):not(.header-friends-count){font-size:1rem!important;line-height:1!important}
.header-action-strip>a>b{display:block!important;font-size:.56rem!important;font-weight:900!important;line-height:1.05!important;white-space:normal!important;text-align:center!important}
.header-action-strip .header-profile-avatar-wrap,.header-action-strip .header-message-icon-wrap{width:28px!important;height:28px!important;display:grid!important;place-items:center!important}
.header-action-strip .header-profile-avatar-wrap img{width:28px!important;height:28px!important;border-radius:50%!important;object-fit:cover!important}
.header-action-strip .header-message-icon{max-width:25px!important;max-height:25px!important}
body.dark-mode .header-action-strip>a{background:#172334!important;border-color:#35465d!important;color:#fff!important}
body.dark-mode .header-action-strip>a:hover{background:#203049!important;border-color:#4e6a8e!important}

.help-actions-panel{margin:22px 0 20px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--panel,var(--white))}
.help-actions-heading{margin-bottom:14px}.help-actions-heading h2{margin:.25rem 0 .35rem}.help-actions-heading p{margin:0;color:var(--muted)}
.help-quick-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.help-quick-card{
  min-width:0!important;display:grid!important;grid-template-columns:38px 1fr!important;
  grid-template-areas:'icon title' 'icon desc' 'icon link'!important;column-gap:10px!important;row-gap:3px!important;
  padding:15px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:var(--white)!important;
  color:var(--ink)!important;text-decoration:none!important;box-shadow:0 5px 16px rgba(18,31,51,.05)!important;
}
.help-quick-card>b{grid-area:icon!important;width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:var(--soft)!important;color:var(--brand)!important;font-size:1.1rem!important}
.help-quick-card>strong{grid-area:title!important;font-size:.88rem!important;line-height:1.2!important}
.help-quick-card>span{grid-area:desc!important;color:var(--muted)!important;font-size:.7rem!important;line-height:1.35!important}
.help-quick-card>em{grid-area:link!important;color:var(--brand)!important;font-size:.67rem!important;font-style:normal!important;font-weight:850!important}
.help-quick-card:hover{border-color:var(--brand)!important;transform:translateY(-1px)!important}
body.dark-mode .help-actions-panel{background:#101b2a!important;border-color:#35465d!important}
body.dark-mode .help-quick-card{background:#172334!important;border-color:#35465d!important;color:#fff!important}
body.dark-mode .help-quick-card>b{background:#203049!important}

.admin-chat-ban-controls{display:grid!important;grid-template-columns:minmax(180px,1.5fr) minmax(145px,.65fr)!important;gap:8px!important;align-items:end!important}
.admin-chat-ban-controls label{display:grid!important;gap:4px!important;font-size:.66rem!important;font-weight:800!important}
.admin-chat-ban-controls input{width:100%!important;box-sizing:border-box!important}
.admin-chat-ban-controls .admin-ban-buttons{grid-column:1/-1!important;display:flex!important;gap:7px!important;flex-wrap:wrap!important}

@media(max-width:1050px){
  .header-main{grid-template-columns:110px minmax(0,1fr)!important;min-height:140px!important}
  .header-action-strip>a{width:60px!important;min-width:60px!important;max-width:60px!important}
  .help-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  .header-main{width:calc(100% - 16px)!important;grid-template-columns:82px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;min-height:0!important;gap:7px!important}
  .header-main>.live-brand-header{grid-column:1!important;grid-row:1!important;width:78px!important;min-width:78px!important;max-width:78px!important}
  .header-main>.header-search{grid-column:2!important;grid-row:1!important}
  .header-main>.header-action-strip{grid-column:1/-1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important}
  .header-action-strip>a{width:100%!important;min-width:0!important;max-width:none!important;height:48px!important;min-height:48px!important}
  .header-main>.menu-button{grid-column:1/-1!important;grid-row:3!important;display:flex!important;width:100%!important;height:38px!important;align-items:center!important;justify-content:center!important;border:1px solid var(--line)!important;border-radius:9px!important}
  .help-quick-grid{grid-template-columns:1fr!important}
  .admin-chat-ban-controls{grid-template-columns:1fr!important}.admin-chat-ban-controls .admin-ban-buttons{grid-column:1!important}
}


/* ========================================================================
   2026-10-04 WotUGot mobile header — restore original tile layout + third row
   Keep the original equal 48px mobile tiles. The only structural change is a
   third row for Settings / Cart / Help and the menu cell on the right.
   ======================================================================== */
@media(max-width:720px){
  .header-main.has-user-profile-button{
    height:auto!important;
    min-height:220px!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr)) 46px!important;
    grid-template-rows:65px 48px 48px 48px!important;
    gap:5px!important;
    align-items:stretch!important;
  }

  .header-main.has-user-profile-button>.live-brand-header{
    grid-column:1/-1!important;
    grid-row:1!important;
    width:136px!important;
    min-width:136px!important;
    max-width:136px!important;
    justify-self:center!important;
    overflow:visible!important;
  }
  .header-main.has-user-profile-button>.live-brand-header .live-brand-symbol-wrap{
    width:55px!important;
    height:55px!important;
  }
  .header-main.has-user-profile-button>.live-brand-header .live-brand-wordmark{
    width:130px!important;
    max-width:130px!important;
  }

  .header-main.has-user-profile-button>.header-search{display:none!important}

  /* Let the nine action links participate directly in the original header grid. */
  .header-main.has-user-profile-button>.header-action-strip{
    display:contents!important;
  }

  .header-main.has-user-profile-button>.header-action-strip>a{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:3px 1px!important;
    gap:2px!important;
    box-sizing:border-box!important;
    border-radius:8px!important;
    overflow:hidden!important;
  }

  .header-main.has-user-profile-button>.header-action-strip>a>b{
    font-size:.46rem!important;
    line-height:1.05!important;
    white-space:normal!important;
    text-align:center!important;
  }

  /* Exact requested 3 x 3 order. */
  .header-main.has-user-profile-button .header-home-button{grid-column:1!important;grid-row:2!important}
  .header-main.has-user-profile-button .header-browse-button{grid-column:2!important;grid-row:2!important}
  .header-main.has-user-profile-button .header-profile-button{grid-column:3!important;grid-row:2!important}

  .header-main.has-user-profile-button .header-friends-button{grid-column:1!important;grid-row:3!important}
  .header-main.has-user-profile-button .header-chat-button{grid-column:2!important;grid-row:3!important}
  .header-main.has-user-profile-button .header-message-button{grid-column:3!important;grid-row:3!important}

  .header-main.has-user-profile-button .header-settings-button{grid-column:1!important;grid-row:4!important}
  .header-main.has-user-profile-button .header-cart-button{grid-column:2!important;grid-row:4!important}
  .header-main.has-user-profile-button .header-help-button{grid-column:3!important;grid-row:4!important}

  /* Add Listing remains available elsewhere in the site/menu, not in this 3 x 3. */
  .header-main.has-user-profile-button .header-add-listing-button,
  .header-main.has-user-profile-button .header-create-account-button{display:none!important}

  /* Original-style menu tile, now on the right of all three rows. */
  .header-main.has-user-profile-button>.menu-button{
    grid-column:4!important;
    grid-row:2 / 5!important;
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    align-self:stretch!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:4px!important;
    border:1px solid var(--line)!important;
    border-radius:8px!important;
    background:var(--white)!important;
    color:var(--ink)!important;
  }
  .header-main.has-user-profile-button>.menu-button .menu-button-copy{
    display:block!important;
    font-size:.46rem!important;
    line-height:1!important;
  }
  body.dark-mode .header-main.has-user-profile-button>.menu-button{
    background:#172334!important;
    border-color:#35465d!important;
    color:#fff!important;
  }
}

/* r90 referral sharing */
.recommend-share-link{display:flex;gap:8px;margin:8px 0 12px}.recommend-share-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}.recommend-share-status{min-height:1.3em;margin:4px 0 6px;color:var(--muted);font-size:.92rem}.recommend-share-actions .button{min-height:44px}
@media(max-width:760px){.recommend-share-link{flex-direction:column}.recommend-share-actions{display:grid;grid-template-columns:1fr}.recommend-share-actions .button{width:100%;justify-content:center}}

/* ========================================================================
   REVISION 117 - WIDER DESKTOP WEBCAM PANEL
   Give the chatroom access to the available desktop width and reserve a
   genuinely usable camera column. WebRTC/control behaviour is unchanged.
   ======================================================================== */
@media (min-width:1181px){
  .chat-page .container{
    width:min(1760px,calc(100% - 28px))!important;
    max-width:none!important;
  }
  .chat-app-shell.has-stream-panel{
    grid-template-columns:235px minmax(520px,1fr) minmax(430px,480px) 255px!important;
    align-items:stretch!important;
  }
  .chat-stream-side-panel,
  .chat-stream-side-panel:not([hidden]){
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-width:430px!important;
    max-width:480px!important;
    height:auto!important;
    max-height:780px!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    align-self:stretch!important;
    overflow:hidden!important;
    border-left:1px solid #303948!important;
    border-right:1px solid #303948!important;
    border-bottom:0!important;
    background:#080b10!important;
    z-index:1!important;
  }
  .chat-stream-side-panel[hidden]{display:none!important}
  .chat-stream-side-panel .chat-call-head{
    padding:11px 12px!important;
    margin:0!important;
    min-width:0!important;
    border-bottom:1px solid #303948!important;
  }
  .chat-stream-side-panel .chat-call-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-auto-rows:var(--stream-tile-height,360px)!important;
    gap:8px!important;
    padding:9px!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:#080b10!important;
    overscroll-behavior:contain;
  }
  .chat-stream-side-panel .chat-stream-tile{
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:var(--stream-tile-height,360px)!important;
  }
  .chat-stream-side-panel .chat-stream-tile video{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
  }
  .chat-stream-side-panel .chat-call-controls{
    position:static!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    padding:8px!important;
    min-width:0!important;
    border-top:1px solid #303948!important;
    background:#101720!important;
  }
  .chat-stream-side-panel .chat-call-control{
    width:100%!important;
    min-width:0!important;
    min-height:38px!important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  .chat-page .container{width:min(100% - 20px,1180px)!important}
  .chat-app-shell.has-stream-panel{
    grid-template-columns:205px minmax(390px,1fr) minmax(340px,390px)!important;
  }
  .chat-app-shell.has-stream-panel>.chat-user-rail{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    border-left:0!important;
    border-top:1px solid #303948!important;
  }
  .chat-stream-side-panel,
  .chat-stream-side-panel:not([hidden]){
    min-width:340px!important;
    max-width:390px!important;
    width:100%!important;
  }
}

/* ========================================================================
   REVISION 118 - STREAM PANEL HEIGHT, SEPARATION + TRANSITION SUPPORT
   Layout only. Keeps the revision 115 WebRTC engine and existing controls.
   ======================================================================== */
@media (min-width:1181px){
  .chat-app-shell.has-stream-panel{
    grid-template-columns:235px minmax(520px,1fr) minmax(442px,492px) 255px!important;
  }
  .chat-room-card.chat-room-modern{
    min-width:0!important;
    overflow:hidden!important;
  }
  .chat-compose-wrap,
  .chat-send-form,
  .chat-input-wrap,
  .chat-compose-buttons{
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .chat-send-form{width:100%!important}
  .chat-stream-side-panel,
  .chat-stream-side-panel:not([hidden]){
    box-sizing:border-box!important;
    width:calc(100% - 12px)!important;
    min-width:430px!important;
    max-width:480px!important;
    margin-left:12px!important;
    height:var(--chat-stream-panel-height,100%)!important;
    max-height:none!important;
    align-self:start!important;
    transform-origin:right center;
  }
}

@media (min-width:901px) and (max-width:1180px){
  .chat-app-shell.has-stream-panel{
    grid-template-columns:205px minmax(0,1fr) minmax(350px,400px)!important;
  }
  .chat-room-card.chat-room-modern,
  .chat-compose-wrap,
  .chat-send-form,
  .chat-input-wrap,
  .chat-compose-buttons{
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .chat-send-form{width:100%!important}
  .chat-stream-side-panel,
  .chat-stream-side-panel:not([hidden]){
    box-sizing:border-box!important;
    width:calc(100% - 10px)!important;
    min-width:340px!important;
    max-width:390px!important;
    margin-left:10px!important;
    height:var(--chat-stream-panel-height,100%)!important;
    max-height:none!important;
    align-self:start!important;
    transform-origin:right center;
  }
}

@media (max-width:900px){
  .chat-stream-side-panel,
  .chat-stream-side-panel:not([hidden]){
    margin-left:0!important;
    width:100%!important;
    max-width:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .chat-stream-side-panel{transition:none!important}
}


/* r119 - make administrator-only chat controls unmistakable */
.chat-admin-only-heading{
    margin:0 0 8px;
    line-height:1.2;
}
.chat-admin-only-heading strong{
    display:block;
    color:#d62828;
    font-size:1.25rem;
    font-weight:900;
    letter-spacing:.04em;
}
.chat-admin-only-heading span{
    display:block;
    margin-top:3px;
    color:#d62828;
    font-size:.86rem;
    font-weight:700;
}


/* r125: in-chat camera / microphone device chooser */
.chat-device-settings[hidden]{display:none!important}
.chat-device-settings{
  position:fixed;inset:0;z-index:10050;
  display:grid;place-items:center;
  padding:18px;
  background:rgba(5,10,18,.72);
}
.chat-device-settings-card{
  width:min(620px,100%);
  max-height:calc(100vh - 36px);
  overflow:auto;
  border:1px solid #35465d;
  border-radius:14px;
  background:#111a27;
  color:#fff;
  padding:18px;
  box-shadow:0 20px 60px rgba(0,0,0,.35);
}
.chat-device-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.chat-device-settings-head h2{margin:3px 0 0;font-size:1.15rem}
.chat-device-settings-close{width:42px;height:42px;border:0;border-radius:50%;background:#243247;color:#fff;font-size:1.4rem;cursor:pointer}
.chat-device-settings-intro{margin:14px 0 10px;color:#b7c2d1;line-height:1.45}
.chat-device-settings-message{min-height:24px;margin:0 0 10px;color:#8fd9ff;font-size:.88rem}
.chat-device-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.chat-device-settings-grid label{display:grid;gap:6px;font-weight:700}
.chat-device-settings-grid select{width:100%;min-height:44px;padding:8px 10px;border:1px solid #41536c;border-radius:8px;background:#0d1520;color:#fff;font-size:16px}
.chat-device-settings-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.chat-device-settings-note{display:block;margin-top:12px;color:#98a7ba;line-height:1.4}
.chat-device-settings-open{white-space:normal}
body:not(.dark-mode) .chat-device-settings-card{background:#fff;color:#172033;border-color:#cbd8e8}
body:not(.dark-mode) .chat-device-settings-intro,body:not(.dark-mode) .chat-device-settings-note{color:#607086}
body:not(.dark-mode) .chat-device-settings-grid select{background:#fff;color:#172033;border-color:#cbd8e8}
@media(max-width:760px){
  .chat-device-settings{padding:10px;place-items:end center}
  .chat-device-settings-card{width:100%;max-height:86vh;border-radius:14px 14px 0 0;padding:14px}
  .chat-device-settings-grid{grid-template-columns:1fr}
  .chat-device-settings-actions{display:grid;grid-template-columns:1fr}
  .chat-device-settings-actions .button{width:100%}
  .chat-mobile-stream-actions .chat-device-settings-open{grid-column:1/-1!important}
}


/* ========================================================================
   Revision 126 - moderation, account-tier highlighting and homepage/header
   ======================================================================== */

/* Subscriber and VIP visual distinction across listing/member/profile cards. */
.listing-card.account-tier-subscriber,
.member-card.account-tier-subscriber,
.nearby-member-card.account-tier-subscriber,
.account-profile-hero.account-tier-subscriber,
.wishlist-page-card.account-tier-subscriber,
.wishlist-recommendation-card.account-tier-subscriber,
.related-listing-card.account-tier-subscriber,
.newest-member-card.account-tier-subscriber,
.listing-detail.account-tier-subscriber{
  background:linear-gradient(145deg,#edf4ff 0%,#e4edff 100%)!important;
  border-color:#829eea!important;
  box-shadow:0 8px 22px rgba(62,96,190,.14)!important;
}
.listing-card.account-tier-vip,
.member-card.account-tier-vip,
.nearby-member-card.account-tier-vip,
.account-profile-hero.account-tier-vip,
.wishlist-page-card.account-tier-vip,
.wishlist-recommendation-card.account-tier-vip,
.related-listing-card.account-tier-vip,
.newest-member-card.account-tier-vip,
.listing-detail.account-tier-vip{
  background:linear-gradient(145deg,#fff8dc 0%,#ffedb7 100%)!important;
  border-color:#d7a82d!important;
  box-shadow:0 8px 22px rgba(173,126,19,.18)!important;
}
body.dark-mode .listing-card.account-tier-subscriber,
body.dark-mode .member-card.account-tier-subscriber,
body.dark-mode .nearby-member-card.account-tier-subscriber,
body.dark-mode .account-profile-hero.account-tier-subscriber,
body.dark-mode .wishlist-page-card.account-tier-subscriber,
body.dark-mode .wishlist-recommendation-card.account-tier-subscriber,
body.dark-mode .related-listing-card.account-tier-subscriber,
body.dark-mode .newest-member-card.account-tier-subscriber,
body.dark-mode .listing-detail.account-tier-subscriber{
  background:linear-gradient(145deg,#14213a,#182c50)!important;
  border-color:#6e8ee5!important;
}
body.dark-mode .listing-card.account-tier-vip,
body.dark-mode .member-card.account-tier-vip,
body.dark-mode .nearby-member-card.account-tier-vip,
body.dark-mode .account-profile-hero.account-tier-vip,
body.dark-mode .wishlist-page-card.account-tier-vip,
body.dark-mode .wishlist-recommendation-card.account-tier-vip,
body.dark-mode .related-listing-card.account-tier-vip,
body.dark-mode .newest-member-card.account-tier-vip,
body.dark-mode .listing-detail.account-tier-vip{
  background:linear-gradient(145deg,#302712,#463818)!important;
  border-color:#d4aa42!important;
}

/* The public status strip keeps its workflow centred while presence figures
   remain completely hidden from normal members and guests. */
.global-status-strip.public-status-hidden .homepage-status-strip-inner{justify-content:center!important;}
.global-status-strip.public-status-hidden .homepage-live-status-private{display:none!important;}
.global-status-strip.public-status-hidden .homepage-stage-summary{margin-inline:auto!important;text-align:center;justify-content:center;}

/* Homepage leader cards now occupy the former listing-gallery position. */
.homepage-leaderboard-showcase{padding:26px 0;background:var(--soft);border-block:1px solid var(--line);}
.homepage-leaderboard-showcase .homepage-leaderboard-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
}
.homepage-leaderboard-showcase .hero-top-swapper-card{min-width:0!important;height:100%;}
@media(max-width:1100px){.homepage-leaderboard-showcase .homepage-leaderboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:620px){.homepage-leaderboard-showcase .homepage-leaderboard-grid{grid-template-columns:1fr!important;}}

/* Chat/admin unban controls. */
.chat-unban-manager{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);display:grid;gap:8px;}
.chat-unban-form,.admin-chat-unban-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap;}
.chat-unban-form label,.admin-chat-unban-form label{flex:1 1 220px;min-width:0;}
.chat-unban-form select,.admin-chat-unban-form select{width:100%;}
.chat-history-link{font-size:.76rem;font-weight:700;}
.admin-chat-unban-form{padding:12px;margin:0 0 16px;border:1px solid var(--line);border-radius:12px;background:var(--soft);}
.admin-story-management-heading{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);}

/* Give the header wordmark breathing room above the blue navigation bar. */
@media(min-width:721px){
  .live-brand-header{transform:translateY(-7px)!important;}
}

@media(max-width:720px){
  .global-status-strip.public-status-hidden .homepage-stage-summary{width:100%;justify-content:center!important;}
  .chat-unban-form,.admin-chat-unban-form{display:grid;grid-template-columns:1fr;align-items:stretch;}
}


/* ========================================================================
   REVISION 128 — HOMEPAGE PROFILE RAIL + CHAT STAFF UNBAN PLACEMENT
   ======================================================================== */
.homepage-market-duo>.homepage-market-layout{
  width:min(1510px,calc(100% - 28px))!important;
  max-width:1510px!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}
.homepage-market-duo>.homepage-market-layout.has-profile-sidebar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 250px!important;
  grid-template-areas:"galleries profile"!important;
  column-gap:18px!important;
  row-gap:0!important;
  align-items:start!important;
}
.homepage-market-layout.has-profile-sidebar>.homepage-market-duo-grid{
  grid-area:galleries!important;
  min-width:0!important;
  width:100%!important;
}
.homepage-market-layout.has-profile-sidebar>.market-profile-sidebar{
  grid-area:profile!important;
  grid-column:auto!important;
  grid-row:auto!important;
  width:250px!important;
  min-width:250px!important;
  max-width:250px!important;
  margin:0!important;
  position:sticky!important;
  top:16px!important;
  align-self:start!important;
}
.chat-staff-console>.chat-staff-unban-manager{
  margin-top:14px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:8px;
  display:grid;
  gap:8px;
}
.chat-staff-console>.chat-staff-unban-manager>strong{font-size:.76rem;font-weight:900}
.chat-staff-console>.chat-staff-unban-manager .chat-unban-form{display:grid;gap:8px}
.chat-staff-console>.chat-staff-unban-manager .chat-unban-form label{display:grid;gap:5px}
.chat-staff-console>.chat-staff-unban-manager .chat-history-link{font-size:.64rem;font-weight:800;color:var(--brand)}
@media(max-width:1050px) and (min-width:901px){
  .homepage-market-duo>.homepage-market-layout.has-profile-sidebar{
    grid-template-columns:minmax(0,1fr) 220px!important;
    column-gap:12px!important;
  }
  .homepage-market-layout.has-profile-sidebar>.market-profile-sidebar{
    width:220px!important;min-width:220px!important;max-width:220px!important;
  }
}
@media(max-width:900px){
  .homepage-market-duo>.homepage-market-layout.has-profile-sidebar{
    grid-template-columns:1fr!important;
    grid-template-areas:"galleries" "profile"!important;
    row-gap:14px!important;
  }
  .homepage-market-layout.has-profile-sidebar>.market-profile-sidebar{
    width:100%!important;min-width:0!important;max-width:none!important;position:static!important;
  }
}


/* Revision 129: standalone chat shell and inline staff unban controls */
.chat-admin-moderation .chat-unban-inline{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);display:grid;gap:8px}
.chat-admin-moderation .chat-unban-inline>strong{font-size:.76rem;font-weight:900}
.chat-admin-moderation .chat-unban-inline .chat-unban-form{display:grid;gap:8px}
.chat-admin-moderation .chat-unban-inline .chat-unban-form label{display:grid;gap:5px}
.chat-admin-moderation .chat-unban-inline .chat-history-link{font-size:.64rem;font-weight:800;color:var(--brand)}
body.chat-standalone-shell{min-height:100vh}
.chat-standalone-brand{padding:12px 18px 6px;display:flex;align-items:center;justify-content:flex-start}
.chat-standalone-logo-link{display:inline-flex;align-items:center;text-decoration:none}
.chat-standalone-brand .live-brand-symbol-wrap{width:58px;height:58px;display:inline-grid;place-items:center}
.chat-standalone-brand .live-brand-symbol{width:48px;height:48px;object-fit:contain}
body.chat-standalone-shell .chat-page{padding-top:4px}
body.chat-standalone-shell .chat-page-shell{width:calc(100vw - 24px)!important;max-width:none!important;margin:0 auto!important}
@media(max-width:700px){
  .chat-standalone-brand{padding:8px 10px 4px}
  .chat-standalone-brand .live-brand-symbol-wrap{width:46px;height:46px}
  .chat-standalone-brand .live-brand-symbol{width:40px;height:40px}
  body.chat-standalone-shell .chat-page-shell{width:calc(100vw - 10px)!important}
}
\n\n/* Revision 130: standalone chat profile/notification rail */\nbody.chat-standalone-shell .chat-with-profile-sidebar{\n  display:grid;\n  grid-template-columns:minmax(0,1fr) 300px;\n  gap:14px;\n  align-items:start;\n  min-width:0;\n}\nbody.chat-standalone-shell .chat-with-profile-sidebar>.chat-app-shell{min-width:0;width:100%}\nbody.chat-standalone-shell .chat-with-profile-sidebar>.market-profile-sidebar{\n  position:sticky;\n  top:8px;\n  width:300px;\n  min-width:0;\n  align-self:start;\n}\nbody.chat-standalone-shell .chat-with-profile-sidebar>.market-profile-sidebar .market-profile-card{margin:0}\n@media(max-width:1450px){\n  body.chat-standalone-shell .chat-with-profile-sidebar{grid-template-columns:minmax(0,1fr) 270px;gap:10px}\n  body.chat-standalone-shell .chat-with-profile-sidebar>.market-profile-sidebar{width:270px}\n}\n@media(max-width:1180px){\n  body.chat-standalone-shell .chat-with-profile-sidebar{grid-template-columns:1fr}\n  body.chat-standalone-shell .chat-with-profile-sidebar>.market-profile-sidebar{position:static;width:100%;max-width:none}\n}\n
/* ========================================================================
   Revision 131 — standalone chat branding + fixed desktop profile rail
   ======================================================================== */
body.chat-standalone-shell .chat-standalone-brand{
  position:relative;
  min-height:86px;
  padding:10px 18px 8px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  border-bottom:1px solid var(--line);
}
body.chat-standalone-shell .chat-standalone-brand-left{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
body.chat-standalone-shell .chat-standalone-logo-mark{
  display:inline-flex;
  align-items:center;
  cursor:default;
  user-select:none;
}
body.chat-standalone-shell .chat-standalone-wordmark{
  display:inline-flex;
  align-items:center;
  min-width:0;
}
body.chat-standalone-shell .chat-standalone-wordmark img{
  display:block;
  width:220px;
  max-width:28vw;
  height:auto;
  object-fit:contain;
}
body.chat-standalone-shell .chat-wordmark-dark{display:none!important}
body.dark-mode.chat-standalone-shell .chat-wordmark-light{display:none!important}
body.dark-mode.chat-standalone-shell .chat-wordmark-dark{display:block!important}
body.chat-standalone-shell .chat-standalone-title{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  font-size:clamp(1.25rem,2vw,2rem);
  line-height:1.1;
  font-weight:900;
  letter-spacing:.01em;
  color:var(--ink);
  text-align:center;
  white-space:nowrap;
  pointer-events:none;
}

/* Keep the user's profile/notification bar physically beside the chat on
   ordinary desktop widths. It only stacks once the screen is genuinely narrow. */
body.chat-standalone-shell .chat-with-profile-sidebar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 270px!important;
  gap:14px!important;
  align-items:start!important;
  min-width:0!important;
}
body.chat-standalone-shell .chat-with-profile-sidebar>.chat-app-shell{
  min-width:0!important;
  width:100%!important;
}
body.chat-standalone-shell .chat-with-profile-sidebar>.market-profile-sidebar{
  display:block!important;
  grid-column:2!important;
  grid-row:1!important;
  position:sticky!important;
  top:8px!important;
  width:270px!important;
  min-width:270px!important;
  max-width:270px!important;
  margin:0!important;
  align-self:start!important;
}
@media(max-width:1180px) and (min-width:901px){
  body.chat-standalone-shell .chat-with-profile-sidebar{
    grid-template-columns:minmax(0,1fr) 235px!important;
    gap:10px!important;
  }
  body.chat-standalone-shell .chat-with-profile-sidebar>.market-profile-sidebar{
    width:235px!important;
    min-width:235px!important;
    max-width:235px!important;
  }
}
@media(max-width:900px){
  body.chat-standalone-shell .chat-standalone-brand{
    min-height:70px;
    padding:8px 10px 6px;
  }
  body.chat-standalone-shell .chat-standalone-wordmark img{width:150px;max-width:38vw}
  body.chat-standalone-shell .chat-standalone-title{
    position:static;
    transform:none;
    margin-left:auto;
    font-size:1.05rem;
    white-space:normal;
    text-align:right;
  }
  body.chat-standalone-shell .chat-with-profile-sidebar{
    grid-template-columns:1fr!important;
  }
  body.chat-standalone-shell .chat-with-profile-sidebar>.market-profile-sidebar{
    grid-column:1!important;
    grid-row:auto!important;
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}
@media(max-width:560px){
  body.chat-standalone-shell .chat-standalone-wordmark img{width:122px;max-width:40vw}
  body.chat-standalone-shell .chat-standalone-title{font-size:.95rem}
}


/* Revision 132: standalone chat shell class is now applied by header.php.
   This activates the existing desktop profile rail, single wordmark and centred title rules. */

/* ========================================================================
   Revision 134 - Admin / God / Analytics light-dark theme parity
   Keep dashboard surfaces tied to the active site theme rather than legacy
   hard-coded dark/grey fallback colours.
   ======================================================================== */
:root{
  --panel:#ffffff;
  --card:#ffffff;
  --text:#263244;
  --border:#dce3ec;
  --card-bg:#ffffff;
  --border-color:#dce3ec;
}
body.dark-mode{
  --panel:#151f2d;
  --card:#151f2d;
  --text:#eef3f8;
  --border:#35465d;
  --card-bg:#151f2d;
  --border-color:#35465d;
}

/* Admin / moderator dashboard - light appearance. */
body:not(.dark-mode) .admin-dashboard-shell,
body:not(.dark-mode) .admin-container{
  color:#263244;
}
body:not(.dark-mode) .admin-analytics-feature{
  background:linear-gradient(135deg,#eef6ff 0%,#ffffff 72%,#fff2f3 145%)!important;
  color:#263244!important;
  border-color:#cbdbea!important;
}
body:not(.dark-mode) .admin-analytics-feature .eyebrow{color:#3156d8!important}
body:not(.dark-mode) .admin-analytics-feature small{color:#637083!important}
body:not(.dark-mode) .admin-fold,
body:not(.dark-mode) .admin-mini-nav a,
body:not(.dark-mode) .admin-commercial-settings,
body:not(.dark-mode) .admin-compliance-runner,
body:not(.dark-mode) .admin-reports,
body:not(.dark-mode) .admin-post-moderation,
body:not(.dark-mode) .admin-user-list,
body:not(.dark-mode) .admin-contact-inbox,
body:not(.dark-mode) .admin-settings-group,
body:not(.dark-mode) .admin-story-card,
body:not(.dark-mode) .admin-query-owner,
body:not(.dark-mode) .admin-resolution-record,
body:not(.dark-mode) .admin-homepage-control-card,
body:not(.dark-mode) .admin-maintenance-mini,
body:not(.dark-mode) .admin-report-mini,
body:not(.dark-mode) .admin-contact-message,
body:not(.dark-mode) .admin-reset-panel,
body:not(.dark-mode) .admin-reset-card,
body:not(.dark-mode) .spiderreaver-reset-link,
body:not(.dark-mode) .boost-pack-admin-card{
  background:#fff!important;
  color:#263244!important;
  border-color:#d8e2ee!important;
}
body:not(.dark-mode) .admin-fold>summary,
body:not(.dark-mode) .admin-user-row,
body:not(.dark-mode) .admin-post-row,
body:not(.dark-mode) .admin-report-card,
body:not(.dark-mode) .god-storage-row{
  background:#f6f9fd!important;
  color:#263244!important;
  border-color:#dce5ef!important;
}

/* God Mode - remove legacy dark fallback surfaces in light mode. */
body:not(.dark-mode) .god-jump-nav,
body:not(.dark-mode) .god-collapse-panel,
body:not(.dark-mode) .page-jump-nav,
body:not(.dark-mode) .analytics-collapse-panel{
  background:#fff!important;
  color:#263244!important;
  border-color:#d8e2ee!important;
}
body:not(.dark-mode) .god-collapse-panel>summary,
body:not(.dark-mode) .analytics-collapse-panel>summary{
  background:#f6f9fd!important;
  color:#263244!important;
  border-color:#dce5ef!important;
}
body:not(.dark-mode) .page-jump-nav a,
body:not(.dark-mode) .god-jump-nav a{
  background:#f6f9fd!important;
  color:#263244!important;
  border-color:#dce5ef!important;
}
body:not(.dark-mode) .page-jump-nav a:hover,
body:not(.dark-mode) .god-jump-nav a:hover{
  background:#eaf2ff!important;
  border-color:#a8bde2!important;
}
body:not(.dark-mode) .god-google-rpm-card,
body:not(.dark-mode) .god-ad-setting-card,
body:not(.dark-mode) .god-storage-row{
  background:#f6f9fd!important;
  color:#263244!important;
  border-color:#dce5ef!important;
}

/* Analytics - every panel/table/chart follows light appearance. */
body:not(.dark-mode) .analytics-dashboard,
body:not(.dark-mode) .analytics-chart,
body:not(.dark-mode) .analytics-table,
body:not(.dark-mode) .analytics-cards article,
body:not(.dark-mode) .analytics-mini-section,
body:not(.dark-mode) .analytics-ad-total-card,
body:not(.dark-mode) .analytics-ad-detail,
body:not(.dark-mode) .analytics-ad-page-table-wrap{
  background:#fff!important;
  color:#263244!important;
  border-color:#d8e2ee!important;
}
body:not(.dark-mode) .analytics-level-strip span,
body:not(.dark-mode) .analytics-graph-value-strip span,
body:not(.dark-mode) .analytics-google-note,
body:not(.dark-mode) .analytics-trend-track,
body:not(.dark-mode) .analytics-bar-track{
  background:#f6f9fd!important;
  color:#637083!important;
  border-color:#dce5ef!important;
}
body:not(.dark-mode) .analytics-graph-value-strip b{color:#263244!important}
body:not(.dark-mode) .analytics-ad-page-table th,
body:not(.dark-mode) .analytics-ad-page-table td,
body:not(.dark-mode) .analytics-table th,
body:not(.dark-mode) .analytics-table td{
  border-color:#dce5ef!important;
}

/* Dark mode - use the same deep-blue surfaces as the rest of WotUGot,
   eliminating the stray neutral-grey dashboard blocks. */
body.dark-mode .page-jump-nav,
body.dark-mode .god-jump-nav,
body.dark-mode .analytics-collapse-panel,
body.dark-mode .god-collapse-panel,
body.dark-mode .analytics-chart,
body.dark-mode .analytics-table,
body.dark-mode .analytics-cards article,
body.dark-mode .analytics-mini-section,
body.dark-mode .analytics-ad-total-card,
body.dark-mode .analytics-ad-detail,
body.dark-mode .admin-fold,
body.dark-mode .admin-commercial-settings,
body.dark-mode .admin-compliance-runner,
body.dark-mode .admin-reports,
body.dark-mode .admin-post-moderation,
body.dark-mode .admin-user-list,
body.dark-mode .admin-contact-inbox,
body.dark-mode .admin-settings-group,
body.dark-mode .admin-story-card,
body.dark-mode .admin-query-owner,
body.dark-mode .admin-resolution-record,
body.dark-mode .admin-homepage-control-card,
body.dark-mode .admin-maintenance-mini,
body.dark-mode .admin-report-mini,
body.dark-mode .admin-contact-message,
body.dark-mode .admin-reset-panel,
body.dark-mode .admin-reset-card,
body.dark-mode .spiderreaver-reset-link,
body.dark-mode .boost-pack-admin-card,
body.dark-mode .god-google-rpm-card,
body.dark-mode .god-ad-setting-card,
body.dark-mode .god-storage-row{
  background:#151f2d!important;
  color:#eef3f8!important;
  border-color:#35465d!important;
}
body.dark-mode .analytics-collapse-panel>summary,
body.dark-mode .god-collapse-panel>summary,
body.dark-mode .admin-fold>summary,
body.dark-mode .analytics-level-strip span,
body.dark-mode .analytics-graph-value-strip span,
body.dark-mode .analytics-google-note,
body.dark-mode .analytics-trend-track,
body.dark-mode .analytics-bar-track,
body.dark-mode .admin-user-row,
body.dark-mode .admin-post-row,
body.dark-mode .admin-report-card{
  background:#101b2a!important;
  color:#eaf2fb!important;
  border-color:#35465d!important;
}
body.dark-mode .page-jump-nav a,
body.dark-mode .god-jump-nav a{
  background:#172334!important;
  color:#eef3f8!important;
  border-color:#35465d!important;
}
body.dark-mode .page-jump-nav a:hover,
body.dark-mode .god-jump-nav a:hover{
  background:#203049!important;
  border-color:#4e6a8e!important;
}

/* Revision 135 - permanent Admin visual tier for SpiderReaver + sickasbeans. */
.listing-card.account-tier-admin,
.member-card.account-tier-admin,
.nearby-member-card.account-tier-admin,
.account-profile-hero.account-tier-admin,
.wishlist-page-card.account-tier-admin,
.wishlist-recommendation-card.account-tier-admin,
.related-listing-card.account-tier-admin,
.newest-member-card.account-tier-admin,
.listing-detail.account-tier-admin{
  background:linear-gradient(145deg,#fff0f0 0%,#ffd9dc 100%)!important;
  border-color:#dc3545!important;
  box-shadow:0 8px 22px rgba(190,35,52,.16)!important;
}
body.dark-mode .listing-card.account-tier-admin,
body.dark-mode .member-card.account-tier-admin,
body.dark-mode .nearby-member-card.account-tier-admin,
body.dark-mode .account-profile-hero.account-tier-admin,
body.dark-mode .wishlist-page-card.account-tier-admin,
body.dark-mode .wishlist-recommendation-card.account-tier-admin,
body.dark-mode .related-listing-card.account-tier-admin,
body.dark-mode .newest-member-card.account-tier-admin,
body.dark-mode .listing-detail.account-tier-admin{
  background:linear-gradient(145deg,#35151a 0%,#4b1d25 100%)!important;
  border-color:#ef5c6b!important;
}
.account-admin-badge{
  display:inline-flex;align-items:center;justify-content:center;
  margin-left:5px;padding:2px 6px;border-radius:999px;
  background:#d72638;color:#fff!important;font-size:.56rem;font-weight:900;
  line-height:1.15;letter-spacing:.04em;vertical-align:middle;white-space:nowrap;
}
body.dark-mode .account-admin-badge{background:#f04c5d;color:#fff!important;}


/* ========================================================================
   Revision 140 — earned reputation + 4x3 signed-in mobile header
   ======================================================================== */
@media(max-width:720px){
  .header-main.has-user-profile-button{
    height:auto!important;
    min-height:220px!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:65px 48px 48px 48px!important;
    gap:5px!important;
    align-items:stretch!important;
  }
  .header-main.has-user-profile-button>.live-brand-header{
    grid-column:1/-1!important;
    grid-row:1!important;
  }
  .header-main.has-user-profile-button>.header-action-strip{display:contents!important}
  .header-main.has-user-profile-button>.header-action-strip>a{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:48px!important;
    min-height:48px!important;
  }

  /* 4 x 3 tile order: Members sits between Profile and Friends; Add Listing is restored. */
  .header-main.has-user-profile-button .header-home-button{grid-column:1!important;grid-row:2!important}
  .header-main.has-user-profile-button .header-browse-button{grid-column:2!important;grid-row:2!important}
  .header-main.has-user-profile-button .header-profile-button{grid-column:3!important;grid-row:2!important}
  .header-main.has-user-profile-button .header-members-button{grid-column:4!important;grid-row:2!important}

  .header-main.has-user-profile-button .header-friends-button{grid-column:1!important;grid-row:3!important}
  .header-main.has-user-profile-button .header-chat-button{grid-column:2!important;grid-row:3!important}
  .header-main.has-user-profile-button .header-message-button{grid-column:3!important;grid-row:3!important}
  .header-main.has-user-profile-button .header-add-listing-button{grid-column:4!important;grid-row:3!important;display:flex!important}

  .header-main.has-user-profile-button .header-settings-button{grid-column:1!important;grid-row:4!important}
  .header-main.has-user-profile-button .header-cart-button{grid-column:2!important;grid-row:4!important}
  .header-main.has-user-profile-button .header-help-button{grid-column:3!important;grid-row:4!important}
  .header-main.has-user-profile-button>.menu-button{
    grid-column:4!important;
    grid-row:4!important;
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    min-height:48px!important;
    border-radius:8px!important;
  }
  .header-main.has-user-profile-button .header-create-account-button{display:none!important}
}

/* r142: fullscreen uses Esc or the Full screen control; hide the redundant header close button. */
.chat-call-panel:fullscreen .chat-call-close{display:none!important;}


/* Revision 171 - bounded, full-width Members Management list */
.admin-members-heading{margin-bottom:10px}
.admin-members-search{display:flex;width:100%;max-width:none;justify-content:flex-end;gap:8px;margin:10px 0 8px;padding:0}
.admin-members-search input{flex:1;min-width:0;max-width:none;height:36px;padding:7px 10px;font-size:.82rem}
.admin-members-search .button{min-height:36px;padding:7px 14px;font-size:.78rem;flex:0 0 auto}
.admin-members-table-wrap{width:100%!important;max-width:none!important;margin-top:0!important;max-height:548px;overflow:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}
.admin-members-table{width:100%!important;max-width:none!important}
.admin-members-table thead{position:sticky;top:0;z-index:4}
.admin-members-table th{padding:8px 10px;font-size:.7rem}
.admin-members-table td{padding:8px 10px;font-size:.84rem}
.admin-table-member{gap:8px}
.admin-table-member .admin-avatar{width:30px;height:30px;min-width:30px}
.admin-table-member-copy{gap:1px}
.admin-table-member-copy strong{font-size:.84rem;line-height:1.15}
.admin-table-member-copy small,.admin-table-status-stack small{font-size:.7rem;line-height:1.2}
.admin-table-status-stack{gap:2px}
.admin-members-table .role-badge{font-size:.6rem;padding:3px 6px}
.admin-members-table .button-small{min-height:30px;padding:5px 10px;font-size:.7rem}
.admin-member-controls-grid{padding:10px;gap:10px}
.admin-member-control-heading{padding:10px 12px}
.admin-member-control-body{padding:10px 12px;gap:9px}
body.dark-mode .admin-members-table thead th{background:#151b24!important}
@media(max-width:900px){.admin-members-search{justify-content:stretch}.admin-members-search input{min-width:0;max-width:none;flex:1}.admin-members-table-wrap{max-height:580px}.admin-members-table thead{position:static}.admin-member-summary-row{padding:5px 0}.admin-member-summary-row td{padding:5px 10px}}

/* ========================================================================
   REVISION 175 — HOMEPAGE NEWS + DECORATIVE LAYER POLISH
   ======================================================================== */

/* Decorative artwork must always sit behind functional site content. */
.hero,
.homepage-market-duo,
.section-soft,
.homepage-wanted-section,
.site-about-band,
.newest-member-section,
.monthly-top-five-section,
.homepage-chat-section,
.homepage-account-section,
.four-stage-home,
.safety-section{
  isolation:isolate;
  overflow:hidden;
}
.hero::before,
.hero::after,
.section-soft::after,
.homepage-market-duo::before,
.homepage-market-duo::after{
  pointer-events:none!important;
  z-index:0!important;
}
.hero>.container,
.homepage-market-duo>.homepage-market-layout,
.section-soft>.container,
.homepage-wanted-section>.container,
.site-about-band>.container,
.newest-member-section>.container,
.monthly-top-five-section>.container,
.homepage-chat-section>.container,
.homepage-account-section>.container,
.four-stage-home>.container,
.safety-section>.container{
  position:relative;
  z-index:2!important;
}
.market-profile-sidebar,
.homepage-market-layout>.market-profile-sidebar,
.home-market-shell>.market-profile-sidebar{
  z-index:4!important;
}

/* A few extra low-contrast shapes, kept entirely behind the homepage UI. */
.hero::before{
  box-shadow:
    -1180px -215px 0 -38px rgba(56,182,255,.045),
    -570px 265px 0 -58px rgba(81,112,255,.045);
}
.hero::after{
  box-shadow:
    1420px 250px 0 -18px rgba(81,112,255,.035),
    760px -145px 0 -48px rgba(56,182,255,.04);
}
.homepage-market-duo::before,
.homepage-market-duo::after{
  content:'';
  position:absolute;
  display:block;
}
.homepage-market-duo::before{
  width:210px;
  height:105px;
  left:-72px;
  top:40px;
  border-radius:70px;
  background:linear-gradient(135deg,rgba(56,182,255,.055),rgba(81,112,255,.025));
  transform:rotate(18deg);
  box-shadow:980px 210px 0 -25px rgba(56,182,255,.03);
}
.homepage-market-duo::after{
  width:150px;
  height:150px;
  right:-62px;
  bottom:-52px;
  border:24px solid rgba(81,112,255,.035);
  border-radius:50%;
  box-shadow:-1260px -130px 0 -10px rgba(56,182,255,.025);
}

/* Make Latest News feel like a designed part of the hero rather than a
   large empty card, while giving its headline proper visual weight. */
.hero-grid-reworked>.hero-announcement-slot{
  align-items:center!important;
}
.hero-grid-reworked .homepage-announcement-hero-card{
  min-height:0!important;
  height:auto!important;
  align-self:center!important;
  justify-content:flex-start!important;
  padding:22px 24px!important;
  border:1px solid rgba(72,116,180,.20)!important;
  border-left:4px solid var(--brand)!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 100% 0,rgba(56,182,255,.11),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,249,255,.96))!important;
  box-shadow:0 12px 34px rgba(44,79,126,.09)!important;
}
.hero-grid-reworked .homepage-announcement-hero-card .eyebrow{
  margin:0 0 10px!important;
  font-size:.69rem!important;
  letter-spacing:.16em!important;
  color:#2d99e8!important;
}
.hero-grid-reworked .homepage-announcement-hero-card strong{
  margin:0 0 10px!important;
  font-size:clamp(1.08rem,1.3vw,1.32rem)!important;
  line-height:1.18!important;
  letter-spacing:-.018em!important;
}
.hero-grid-reworked .homepage-announcement-hero-card p{
  font-size:.76rem!important;
  line-height:1.58!important;
  max-width:48ch;
}
body.dark-mode .hero-grid-reworked .homepage-announcement-hero-card{
  background:
    radial-gradient(circle at 100% 0,rgba(56,182,255,.09),transparent 42%),
    linear-gradient(145deg,#172334,#13202f)!important;
  border-color:#35465d!important;
  border-left-color:#48b9ff!important;
  box-shadow:0 12px 34px rgba(0,0,0,.16)!important;
}
body.dark-mode .hero-grid-reworked .homepage-announcement-hero-card strong{color:#f4f7fb!important}
body.dark-mode .hero-grid-reworked .homepage-announcement-hero-card p{color:#b9c6d6!important}

@media(max-width:760px){
  .hero-grid-reworked .homepage-announcement-hero-card{
    padding:18px!important;
  }
  .hero-grid-reworked .homepage-announcement-hero-card strong{
    font-size:1.08rem!important;
  }
}

/* ========================================================================
   REVISION 176 — VISIBLE HOMEPAGE BACKGROUND SHAPES + NEWS EMPHASIS
   ======================================================================== */

/* Keep every decorative layer below the actual site UI. */
.hero,
.homepage-market-duo,
.home-blog-latest,
.homepage-leaderboard-showcase,
.site-about-band,
.newest-member-section,
.monthly-top-five-section,
.homepage-chat-section,
.homepage-account-section,
.four-stage-home,
.safety-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.hero>.container,
.homepage-market-duo>.container,
.home-blog-latest>.container,
.homepage-leaderboard-showcase>.container,
.site-about-band>.container,
.newest-member-section>.container,
.monthly-top-five-section>.container,
.homepage-chat-section>.container,
.homepage-account-section>.container,
.four-stage-home>.container,
.safety-section>.container{
  position:relative;
  z-index:2!important;
}
.market-profile-sidebar{position:relative;z-index:5!important}

/* Hero: visible ring + soft pill shapes. */
.hero::before{
  width:420px!important;
  height:210px!important;
  right:-105px!important;
  bottom:-82px!important;
  border-radius:110px!important;
  background:linear-gradient(135deg,rgba(81,112,255,.16),rgba(56,182,255,.10))!important;
  transform:rotate(-17deg)!important;
  box-shadow:
    -1230px -220px 0 -18px rgba(56,182,255,.10),
    -720px 255px 0 -65px rgba(81,112,255,.095)!important;
  z-index:0!important;
  pointer-events:none!important;
}
.hero::after{
  width:270px!important;
  height:270px!important;
  left:-132px!important;
  top:12px!important;
  border:42px solid rgba(56,182,255,.12)!important;
  border-radius:50%!important;
  box-shadow:
    1570px 250px 0 -26px rgba(81,112,255,.085),
    930px -135px 0 -58px rgba(56,182,255,.09)!important;
  z-index:0!important;
  pointer-events:none!important;
}

/* Main marketplace area: obvious but still gentle corner shapes. */
.homepage-market-duo::before{
  width:300px!important;
  height:145px!important;
  left:-105px!important;
  top:65px!important;
  border-radius:85px!important;
  background:linear-gradient(135deg,rgba(56,182,255,.12),rgba(81,112,255,.055))!important;
  transform:rotate(18deg)!important;
  box-shadow:1260px 260px 0 -34px rgba(56,182,255,.075)!important;
  z-index:0!important;
}
.homepage-market-duo::after{
  width:210px!important;
  height:210px!important;
  right:-84px!important;
  bottom:-66px!important;
  border:32px solid rgba(81,112,255,.085)!important;
  border-radius:50%!important;
  box-shadow:-1320px -175px 0 -20px rgba(56,182,255,.07)!important;
  z-index:0!important;
}

/* What's New: a diagonal soft lozenge and a small ring. */
.home-blog-latest::before,
.home-blog-latest::after{
  content:'';
  position:absolute;
  pointer-events:none;
  z-index:0;
}
.home-blog-latest::before{
  width:360px;height:125px;
  right:-85px;top:28px;
  border-radius:70px;
  transform:rotate(-12deg);
  background:linear-gradient(90deg,rgba(56,182,255,.105),rgba(81,112,255,.05));
}
.home-blog-latest::after{
  width:160px;height:160px;
  left:-74px;bottom:-74px;
  border:24px solid rgba(81,112,255,.075);
  border-radius:50%;
}

/* Leaderboards: broad translucent diamond/pill pair. */
.homepage-leaderboard-showcase::before,
.homepage-leaderboard-showcase::after{
  content:'';
  position:absolute;
  pointer-events:none;
  z-index:0;
}
.homepage-leaderboard-showcase::before{
  width:240px;height:240px;
  left:-125px;top:55px;
  border-radius:52px;
  transform:rotate(38deg);
  background:rgba(56,182,255,.075);
}
.homepage-leaderboard-showcase::after{
  width:320px;height:120px;
  right:-110px;bottom:28px;
  border-radius:70px;
  transform:rotate(-16deg);
  background:linear-gradient(135deg,rgba(81,112,255,.085),rgba(56,182,255,.05));
}

/* Lower homepage: continue the visual language instead of letting it disappear. */
.site-about-band::before,
.monthly-top-five-section::before,
.homepage-chat-section::before,
.four-stage-home::before{
  content:'';
  position:absolute;
  pointer-events:none;
  z-index:0;
}
.site-about-band::before{
  width:190px;height:190px;
  right:-88px;top:30px;
  border:28px solid rgba(56,182,255,.08);
  border-radius:50%;
}
.monthly-top-five-section::before{
  width:330px;height:120px;
  left:-118px;bottom:18px;
  border-radius:70px;
  transform:rotate(15deg);
  background:linear-gradient(135deg,rgba(81,112,255,.085),rgba(56,182,255,.045));
}
.homepage-chat-section::before{
  width:230px;height:230px;
  right:-115px;top:34px;
  border-radius:45px;
  transform:rotate(34deg);
  background:rgba(56,182,255,.065);
}
.four-stage-home::before{
  width:260px;height:130px;
  left:-105px;top:25%;
  border-radius:80px;
  transform:rotate(-14deg);
  background:linear-gradient(135deg,rgba(56,182,255,.075),rgba(81,112,255,.055));
}

/* Make the hero announcement unmistakably part of the homepage design. */
.hero-grid-reworked .homepage-announcement-hero-card{
  border-left-width:6px!important;
  padding:24px 26px!important;
}
.hero-grid-reworked .homepage-announcement-hero-card .eyebrow{
  font-size:.78rem!important;
  margin-bottom:8px!important;
}
.hero-grid-reworked .homepage-announcement-hero-card strong{
  display:block!important;
  font-size:clamp(1.28rem,1.55vw,1.58rem)!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
  color:#1e2b40!important;
}
.hero-grid-reworked .homepage-announcement-hero-card p{
  margin-top:12px!important;
  font-size:.82rem!important;
  line-height:1.52!important;
}

/* Dark mode gets the same shapes, only slightly quieter. */
body.dark-mode .hero::before{background:linear-gradient(135deg,rgba(81,112,255,.13),rgba(56,182,255,.075))!important}
body.dark-mode .hero::after{border-color:rgba(56,182,255,.085)!important}
body.dark-mode .homepage-market-duo::before,
body.dark-mode .home-blog-latest::before,
body.dark-mode .homepage-leaderboard-showcase::after,
body.dark-mode .monthly-top-five-section::before,
body.dark-mode .four-stage-home::before{opacity:.72}
body.dark-mode .homepage-market-duo::after,
body.dark-mode .home-blog-latest::after,
body.dark-mode .site-about-band::before{opacity:.72}
body.dark-mode .hero-grid-reworked .homepage-announcement-hero-card strong{color:#f5f8fc!important}

@media(max-width:760px){
  /* Fewer shapes on small screens, still always behind the content. */
  .homepage-leaderboard-showcase::before,
  .site-about-band::before,
  .monthly-top-five-section::before,
  .homepage-chat-section::before,
  .four-stage-home::before{opacity:.55}
  .hero-grid-reworked .homepage-announcement-hero-card strong{font-size:1.2rem!important}
}

/* Revision 177: compact rules prompt in the homepage hero. */
.hero-rules-callout{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 18px;padding:11px 12px;border:1px solid rgba(59,91,219,.22);border-radius:13px;background:rgba(255,255,255,.56);box-shadow:0 8px 24px rgba(29,55,120,.05)}
.hero-rules-copy{display:grid;gap:1px;min-width:190px;flex:1}.hero-rules-copy strong{font-size:.9rem;color:var(--text)}.hero-rules-copy span{font-size:.72rem;color:var(--muted)}.hero-rules-button{white-space:nowrap}body.dark-mode .hero-rules-callout{background:rgba(23,32,45,.92);border-color:rgba(78,166,255,.34);box-shadow:0 8px 24px rgba(0,0,0,.16)}
body.dark-mode .hero-rules-copy strong{color:#f4f7fb}
body.dark-mode .hero-rules-copy span{color:#aeb8c7}
@media(max-width:700px){.hero-rules-callout{align-items:stretch}.hero-rules-button,.hero-rules-callout .hero-join-button{width:100%;justify-content:center;text-align:center}}

/* ========================================================================
   REVISION 180 — LOGGED-OUT MOBILE HEADER: ESSENTIAL SIX ONLY
   Keep desktop unchanged. Guests get exactly two rows of three shortcuts:
   Home / Create account / Browse, then Chat / Messages / Menu.
   ======================================================================== */
@media(max-width:720px){
  .header-main.guest-header-actions{
    height:auto!important;
    min-height:166px!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:65px 48px 48px!important;
    gap:5px!important;
    align-items:stretch!important;
  }
  .header-main.guest-header-actions>.live-brand-header{
    grid-column:1/-1!important;
    grid-row:1!important;
    justify-self:center!important;
  }
  .header-main.guest-header-actions>.header-search{display:none!important}
  .header-main.guest-header-actions>.header-action-strip{display:contents!important}

  .header-main.guest-header-actions>.header-action-strip>a,
  .header-main.guest-header-actions>.menu-button{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:3px 1px!important;
    box-sizing:border-box!important;
    border-radius:8px!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:2px!important;
  }
  .header-main.guest-header-actions>.header-action-strip>a>b,
  .header-main.guest-header-actions>.menu-button .menu-button-copy{
    display:block!important;
    font-size:.52rem!important;
    line-height:1.05!important;
    white-space:normal!important;
    text-align:center!important;
  }

  /* Guests only need the six essential shortcuts. */
  .header-main.guest-header-actions .header-settings-button,
  .header-main.guest-header-actions .header-help-button,
  .header-main.guest-header-actions .header-add-listing-button{display:none!important}

  /* Row 1: Home / Create account / Browse */
  .header-main.guest-header-actions .header-home-button{grid-column:1!important;grid-row:2!important}
  .header-main.guest-header-actions .header-create-account-button{grid-column:2!important;grid-row:2!important}
  .header-main.guest-header-actions .header-browse-button{grid-column:3!important;grid-row:2!important}

  /* Row 2: Chat / Messages / Menu */
  .header-main.guest-header-actions .header-chat-button{grid-column:1!important;grid-row:3!important}
  .header-main.guest-header-actions .header-message-button{grid-column:2!important;grid-row:3!important}
  .header-main.guest-header-actions>.menu-button{
    grid-column:3!important;
    grid-row:3!important;
    border:1px solid var(--line)!important;
    background:var(--white)!important;
    color:var(--ink)!important;
  }
  .header-main.guest-header-actions>.menu-button>span:first-child{font-size:1.15rem!important;line-height:1!important}
  body.dark-mode .header-main.guest-header-actions>.menu-button{
    background:#172334!important;
    border-color:#35465d!important;
    color:#fff!important;
  }

  /* Make sure the hamburger opens the real mobile nav for guests too. */
  .main-nav.is-open,.main-nav.open{display:block!important}
}

/* ========================================================================
   REVISION 181 — GUEST MOBILE LOGO / SHORTCUT SPACING
   Give the wordmark its own breathing room so the first shortcut row can
   never crowd or clip it. Desktop and signed-in headers are untouched.
   ======================================================================== */
@media(max-width:720px){
  .header-main.guest-header-actions{
    min-height:190px!important;
    grid-template-rows:78px 48px 48px!important;
    row-gap:8px!important;
  }
  .header-main.guest-header-actions>.live-brand-header{
    align-self:start!important;
    padding-bottom:8px!important;
    margin-bottom:2px!important;
  }
}

/* Background settings saves: keep control-panel and account preference changes in place. */
.background-save-status{display:inline-flex;align-items:center;min-height:1.2rem;margin:.55rem 0 0 .55rem;font-size:.78rem;font-weight:800;color:var(--muted);vertical-align:middle}
.background-save-status.is-saving{color:var(--muted)}
.background-save-status.is-saved{color:#087b5d}
.background-save-status.is-error{display:flex;color:#b42335;margin-left:0}
body.dark-mode .background-save-status.is-saved{color:#63d7b5}
body.dark-mode .background-save-status.is-error{color:#ff8d9c}


/* Revision 183 - show VIP and subscription status in Members Management. */
.admin-table-membership-badges{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0}
.admin-members-table .role-subscriber{background:#e8f8f0;color:#067a4f;border:1px solid rgba(6,122,79,.14)}
.admin-membership-standard{font-size:.69rem;color:var(--muted);white-space:nowrap}
body.dark-mode .admin-members-table .role-subscriber{background:rgba(23,151,104,.15);color:#61ddb0;border-color:rgba(97,221,176,.22)}
@media(max-width:900px){.admin-table-membership-badges{justify-content:flex-start}}

/* Revision 186 production accessibility polish */
.skip-link{position:fixed;left:12px;top:12px;z-index:100000;transform:translateY(-180%);background:#087cff;color:#fff;padding:10px 14px;border-radius:10px;font-weight:800;text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.2)}
.skip-link:focus{transform:translateY(0)}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #087cff;outline-offset:3px}
button,input,select,textarea{font:inherit}
@media(max-width:640px){button,.button,input[type=submit],input[type=button],select{min-height:44px}}


/* ========================================================================
   REVISION 187 — .CO.UK WORDMARKS + UNIVERSAL MOBILE LOGO SPACING
   Light header: black .co.uk. Dark header/footer: white .co.uk.
   Footer is dark in both themes, so it always uses the white-suffix artwork.
   ======================================================================== */
.live-brand-header .live-brand-wordmark-light{display:block!important}
.live-brand-header .live-brand-wordmark-dark{display:none!important}
body.dark-mode .live-brand-header .live-brand-wordmark-light{display:none!important}
body.dark-mode .live-brand-header .live-brand-wordmark-dark{display:block!important}
.live-brand-footer .live-brand-wordmark-footer{display:block!important}

/* The .co.uk artwork is wider than the old word-only mark. */
.live-brand-header .live-brand-wordmark{width:154px!important;max-width:154px!important;height:auto!important}
.live-brand-footer .live-brand-wordmark{width:190px!important;max-width:190px!important;height:auto!important}

@media(max-width:720px){
  /* Apply the same breathing room to every signed-in account level. */
  .header-main.has-user-profile-button{
    min-height:238px!important;
    grid-template-rows:82px 48px 48px 48px!important;
    row-gap:7px!important;
  }
  .header-main.has-user-profile-button>.live-brand-header{
    align-self:start!important;
    padding-bottom:10px!important;
    margin-bottom:2px!important;
    overflow:visible!important;
  }

  /* Guests use the same logo breathing room. */
  .header-main.guest-header-actions{
    min-height:194px!important;
    grid-template-rows:82px 48px 48px!important;
    row-gap:7px!important;
  }
  .header-main.guest-header-actions>.live-brand-header{
    align-self:start!important;
    padding-bottom:10px!important;
    margin-bottom:2px!important;
    overflow:visible!important;
  }

  .live-brand-header .live-brand-wordmark{
    width:136px!important;
    max-width:136px!important;
  }
  .live-brand-footer .live-brand-wordmark{
    width:166px!important;
    max-width:166px!important;
  }
}

/* ========================================================================
   REVISION 188 — FOOTER WORDMARK DESCRIPTION SPACING
   Give the footer strapline breathing room below the shared WotUGot.co.uk
   wordmark in every theme, page and authentication state.
   ======================================================================== */
.site-footer .footer-grid > div:first-child > p{
  margin-top:22px!important;
  margin-bottom:0!important;
}
@media(max-width:720px){
  .site-footer .footer-grid > div:first-child > p{
    margin-top:18px!important;
  }
}

/* ========================================================================
   REVISION 189 — ADMIN-ONLY RED DARK MODE
   Inherits the complete dark-mode treatment, then replaces the normal blue
   accent language with restrained crimson/red tones. The body class is only
   emitted server-side for site-role admins.
   ======================================================================== */
body.admin-red-mode{
  --brand:#e33b4f;
  --brand-dark:#b82034;
  --accent:#ff6677;
  --orange:#ff6677;
  background:#100c10!important;
  color:#f7eef0!important;
}
body.admin-red-mode .topbar{background:#0e090c!important;color:#dac8cd!important}
body.admin-red-mode .header-shell,
body.admin-red-mode .header-main{background:#130e13!important}
body.admin-red-mode .main-nav{background:#5f1621!important;border-color:#842434!important}
body.admin-red-mode .main-nav a{color:#fff0f2!important}
body.admin-red-mode .main-nav a:hover,
body.admin-red-mode .main-nav .nav-subscribe{color:#ffb2bc!important}
body.admin-red-mode .section,
body.admin-red-mode .page-shell,
body.admin-red-mode .post-form-band{background:#100c10!important}
body.admin-red-mode .section-soft,
body.admin-red-mode .homepage-wanted-section{background:#161015!important}
body.admin-red-mode .hero,
body.admin-red-mode .home-marketplace-hero{
  background:
    radial-gradient(circle at 82% 22%,rgba(218,45,68,.18),transparent 31%),
    radial-gradient(circle at 14% 76%,rgba(125,23,35,.17),transparent 25%),
    linear-gradient(135deg,#140e13,#191117)!important;
}
body.admin-red-mode .promo-strip,
body.admin-red-mode .promo-banner,
body.admin-red-mode .homepage-promo{
  background:linear-gradient(90deg,#4d1019,#7c1827)!important;
  border-color:#9f2939!important;
}
body.admin-red-mode .button-primary,
body.admin-red-mode .post-button,
body.admin-red-mode .header-search button,
body.admin-red-mode .admin-link,
body.admin-red-mode .staff-link,
body.admin-red-mode .nav-action-primary{
  background:linear-gradient(135deg,#e33b4f,#b82034)!important;
  color:#fff!important;
  border-color:#ff697a!important;
}
body.admin-red-mode .button-primary:hover,
body.admin-red-mode .post-button:hover,
body.admin-red-mode .header-search button:hover{background:#9f1729!important}
body.admin-red-mode .eyebrow,
body.admin-red-mode .text-link,
body.admin-red-mode .section-heading>a,
body.admin-red-mode a.link-accent{color:#ff6d7d!important}
body.admin-red-mode .header-search,
body.admin-red-mode .big-search,
body.admin-red-mode .filter-form,
body.admin-red-mode .browse-filters,
body.admin-red-mode .search-form{border-color:#59313a!important}
body.admin-red-mode .header-search input,
body.admin-red-mode .header-search select,
body.admin-red-mode .big-search input,
body.admin-red-mode .big-search select{background:#1c1318!important;color:#fff4f6!important;border-color:#59313a!important}
body.admin-red-mode .listing-card,
body.admin-red-mode .my-listing-card,
body.admin-red-mode .subscription-card,
body.admin-red-mode .price-card,
body.admin-red-mode .benefit-card,
body.admin-red-mode .category-card,
body.admin-red-mode .homepage-form-card,
body.admin-red-mode .homepage-form-section,
body.admin-red-mode .seller-box,
body.admin-red-mode .wanted-box,
body.admin-red-mode .account-pref-card,
body.admin-red-mode .settings-group,
body.admin-red-mode .settings-card,
body.admin-red-mode .conversation-list,
body.admin-red-mode .message-thread{
  background:#1b1318!important;
  border-color:#54323a!important;
  color:#f7eef0!important;
}
body.admin-red-mode .page-jump-nav,
body.admin-red-mode .god-jump-nav,
body.admin-red-mode .analytics-collapse-panel,
body.admin-red-mode .god-collapse-panel,
body.admin-red-mode .analytics-chart,
body.admin-red-mode .analytics-table,
body.admin-red-mode .analytics-cards article,
body.admin-red-mode .analytics-mini-section,
body.admin-red-mode .analytics-ad-total-card,
body.admin-red-mode .analytics-ad-detail,
body.admin-red-mode .admin-fold,
body.admin-red-mode .admin-commercial-settings,
body.admin-red-mode .admin-compliance-runner,
body.admin-red-mode .admin-reports,
body.admin-red-mode .admin-post-moderation,
body.admin-red-mode .admin-user-list,
body.admin-red-mode .admin-contact-inbox,
body.admin-red-mode .admin-settings-group,
body.admin-red-mode .admin-story-card,
body.admin-red-mode .admin-query-owner,
body.admin-red-mode .admin-resolution-record,
body.admin-red-mode .admin-homepage-control-card,
body.admin-red-mode .admin-maintenance-mini,
body.admin-red-mode .admin-report-mini,
body.admin-red-mode .admin-contact-message,
body.admin-red-mode .admin-reset-panel,
body.admin-red-mode .admin-reset-card,
body.admin-red-mode .boost-pack-admin-card,
body.admin-red-mode .god-google-rpm-card,
body.admin-red-mode .god-ad-setting-card,
body.admin-red-mode .god-storage-row{
  background:#1b1217!important;
  color:#fff1f3!important;
  border-color:#60333d!important;
}
body.admin-red-mode .page-jump-nav a,
body.admin-red-mode .god-jump-nav a,
body.admin-red-mode .admin-members-table,
body.admin-red-mode .admin-members-table th,
body.admin-red-mode .admin-members-table td{
  background:#21151b!important;
  color:#fff0f2!important;
  border-color:#60333d!important;
}
body.admin-red-mode .page-jump-nav a:hover,
body.admin-red-mode .god-jump-nav a:hover{background:#331a22!important;border-color:#a53a4a!important}
body.admin-red-mode .role-admin,
body.admin-red-mode .account-admin-badge{background:#b82034!important;color:#fff!important}
body.admin-red-mode .live-brand-glow{filter:drop-shadow(0 0 18px rgba(227,59,79,.22))!important}
body.admin-red-mode :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline-color:#ff5f72!important}
\n\n/* Revision 190 — make Admin Red Dark unmistakably distinct site-wide. */
body.admin-red-mode .site-header,
body.admin-red-mode .site-footer{background:#100a0d!important}
body.admin-red-mode .header-actions a,
body.admin-red-mode .mobile-header-grid a,
body.admin-red-mode .mobile-header-grid button,
body.admin-red-mode .header-icon-button,
body.admin-red-mode .nav-icon-link{border-color:#67313b!important}
body.admin-red-mode .header-actions a:hover,
body.admin-red-mode .mobile-header-grid a:hover,
body.admin-red-mode .mobile-header-grid button:hover,
body.admin-red-mode .header-icon-button:hover,
body.admin-red-mode .nav-icon-link:hover{background:#2d151c!important;border-color:#b63a4c!important}
body.admin-red-mode .site-footer a,
body.admin-red-mode .footer-grid a{color:#ff7787!important}
body.admin-red-mode .home-feature-card,
body.admin-red-mode .home-latest-card,
body.admin-red-mode .profile-side-card,
body.admin-red-mode .story-card,
body.admin-red-mode .panel,
body.admin-red-mode .card{border-color:#553039!important}
body.admin-red-mode .home-feature-card:hover,
body.admin-red-mode .listing-card:hover,
body.admin-red-mode .card:hover{border-color:#9a3343!important}
body.admin-red-mode input:focus,
body.admin-red-mode select:focus,
body.admin-red-mode textarea:focus{border-color:#d94a5d!important;box-shadow:0 0 0 3px rgba(217,74,93,.14)!important}
body.admin-red-mode .badge-admin,
body.admin-red-mode .admin-badge,
body.admin-red-mode .status-admin{background:#7b1b29!important;color:#fff!important}
body.admin-red-mode .homepage-rules-callout{background:#24141a!important;border-color:#68313c!important}

/* ========================================================================
   REVISION 198 — ADMIN BLACK / GRAPHITE / RED THEME REFINEMENT
   Neutralises the previous burgundy tint. Red is now an accent rather than
   the base surface colour. Layout/functionality is unchanged.
   ======================================================================== */
body.admin-red-mode{
  --brand:#dc263d;
  --brand-dark:#a8172b;
  --accent:#ef4056;
  --orange:#ef4056;
  --admin-bg:#090a0c;
  --admin-bg-soft:#0d0f12;
  --admin-surface:#121419;
  --admin-surface-2:#181b20;
  --admin-surface-3:#20242a;
  --admin-border:#30353d;
  --admin-border-soft:#252a31;
  --admin-text:#f3f4f6;
  --admin-muted:#a7adb6;
  --admin-red:#dc263d;
  --admin-red-hover:#ef4056;
  --admin-red-deep:#8f1223;
  background:var(--admin-bg)!important;
  color:var(--admin-text)!important;
}

body.admin-red-mode .topbar,
body.admin-red-mode .site-header,
body.admin-red-mode .header-shell,
body.admin-red-mode .header-main,
body.admin-red-mode .site-footer{
  background:#090a0c!important;
  color:var(--admin-text)!important;
  border-color:var(--admin-border-soft)!important;
}

body.admin-red-mode .main-nav{
  background:#111318!important;
  border-top:1px solid #252930!important;
  border-bottom:1px solid #3a2025!important;
  box-shadow:0 1px 0 rgba(220,38,61,.18)!important;
}
body.admin-red-mode .main-nav a{color:#e7e9ed!important}
body.admin-red-mode .main-nav a:hover,
body.admin-red-mode .main-nav a:focus-visible,
body.admin-red-mode .main-nav .nav-subscribe,
body.admin-red-mode .main-nav .active,
body.admin-red-mode .main-nav [aria-current="page"]{color:#ff6375!important}

body.admin-red-mode .section,
body.admin-red-mode .page-shell,
body.admin-red-mode .post-form-band{background:var(--admin-bg)!important}
body.admin-red-mode .section-soft,
body.admin-red-mode .homepage-wanted-section{background:var(--admin-bg-soft)!important}

body.admin-red-mode .hero,
body.admin-red-mode .home-marketplace-hero{
  background:
    radial-gradient(circle at 84% 20%,rgba(220,38,61,.11),transparent 31%),
    radial-gradient(circle at 12% 78%,rgba(220,38,61,.05),transparent 26%),
    linear-gradient(135deg,#0a0b0e,#121419)!important;
}

body.admin-red-mode .promo-strip,
body.admin-red-mode .promo-banner,
body.admin-red-mode .homepage-promo{
  background:linear-gradient(90deg,#17191e,#211418)!important;
  border-color:#66303a!important;
  box-shadow:inset 3px 0 0 var(--admin-red)!important;
}

body.admin-red-mode .listing-card,
body.admin-red-mode .my-listing-card,
body.admin-red-mode .subscription-card,
body.admin-red-mode .price-card,
body.admin-red-mode .benefit-card,
body.admin-red-mode .category-card,
body.admin-red-mode .homepage-form-card,
body.admin-red-mode .homepage-form-section,
body.admin-red-mode .seller-box,
body.admin-red-mode .wanted-box,
body.admin-red-mode .account-pref-card,
body.admin-red-mode .settings-group,
body.admin-red-mode .settings-card,
body.admin-red-mode .conversation-list,
body.admin-red-mode .message-thread,
body.admin-red-mode .home-feature-card,
body.admin-red-mode .home-latest-card,
body.admin-red-mode .profile-side-card,
body.admin-red-mode .story-card,
body.admin-red-mode .panel,
body.admin-red-mode .card{
  background:var(--admin-surface)!important;
  border-color:var(--admin-border)!important;
  color:var(--admin-text)!important;
}

body.admin-red-mode .page-jump-nav,
body.admin-red-mode .god-jump-nav,
body.admin-red-mode .analytics-collapse-panel,
body.admin-red-mode .god-collapse-panel,
body.admin-red-mode .analytics-chart,
body.admin-red-mode .analytics-table,
body.admin-red-mode .analytics-cards article,
body.admin-red-mode .analytics-mini-section,
body.admin-red-mode .analytics-ad-total-card,
body.admin-red-mode .analytics-ad-detail,
body.admin-red-mode .admin-fold,
body.admin-red-mode .admin-commercial-settings,
body.admin-red-mode .admin-compliance-runner,
body.admin-red-mode .admin-reports,
body.admin-red-mode .admin-post-moderation,
body.admin-red-mode .admin-user-list,
body.admin-red-mode .admin-contact-inbox,
body.admin-red-mode .admin-settings-group,
body.admin-red-mode .admin-story-card,
body.admin-red-mode .admin-query-owner,
body.admin-red-mode .admin-resolution-record,
body.admin-red-mode .admin-homepage-control-card,
body.admin-red-mode .admin-maintenance-mini,
body.admin-red-mode .admin-report-mini,
body.admin-red-mode .admin-contact-message,
body.admin-red-mode .admin-reset-panel,
body.admin-red-mode .admin-reset-card,
body.admin-red-mode .boost-pack-admin-card,
body.admin-red-mode .god-google-rpm-card,
body.admin-red-mode .god-ad-setting-card,
body.admin-red-mode .god-storage-row{
  background:var(--admin-surface)!important;
  color:var(--admin-text)!important;
  border-color:var(--admin-border)!important;
}

body.admin-red-mode .page-jump-nav a,
body.admin-red-mode .god-jump-nav a,
body.admin-red-mode .admin-members-table,
body.admin-red-mode .admin-members-table th,
body.admin-red-mode .admin-members-table td{
  background:var(--admin-surface-2)!important;
  color:var(--admin-text)!important;
  border-color:var(--admin-border)!important;
}
body.admin-red-mode .admin-members-table th{
  background:#0e1014!important;
  color:#d7dbe1!important;
}
body.admin-red-mode .page-jump-nav a:hover,
body.admin-red-mode .god-jump-nav a:hover,
body.admin-red-mode .admin-members-table tr:hover td{
  background:#202329!important;
  border-color:#6e313b!important;
}

body.admin-red-mode .header-actions a,
body.admin-red-mode .mobile-header-grid a,
body.admin-red-mode .mobile-header-grid button,
body.admin-red-mode .header-icon-button,
body.admin-red-mode .nav-icon-link{
  background:#15171b!important;
  color:#eceef1!important;
  border-color:#333840!important;
}
body.admin-red-mode .header-actions a:hover,
body.admin-red-mode .mobile-header-grid a:hover,
body.admin-red-mode .mobile-header-grid button:hover,
body.admin-red-mode .header-icon-button:hover,
body.admin-red-mode .nav-icon-link:hover{
  background:#202329!important;
  color:#ff6577!important;
  border-color:#8d3441!important;
}

body.admin-red-mode .button-primary,
body.admin-red-mode .post-button,
body.admin-red-mode .header-search button,
body.admin-red-mode .admin-link,
body.admin-red-mode .staff-link,
body.admin-red-mode .nav-action-primary{
  background:linear-gradient(135deg,#dc263d,#a8172b)!important;
  color:#fff!important;
  border-color:#ef4056!important;
  box-shadow:none!important;
}
body.admin-red-mode .button-primary:hover,
body.admin-red-mode .post-button:hover,
body.admin-red-mode .header-search button:hover,
body.admin-red-mode .admin-link:hover,
body.admin-red-mode .staff-link:hover,
body.admin-red-mode .nav-action-primary:hover{
  background:#ef4056!important;
  border-color:#ff7182!important;
}

body.admin-red-mode .button:not(.button-primary),
body.admin-red-mode button:not(.button-primary):not(.post-button):not(.header-search button){
  border-color:#373c44;
}

body.admin-red-mode input,
body.admin-red-mode select,
body.admin-red-mode textarea,
body.admin-red-mode .header-search,
body.admin-red-mode .big-search,
body.admin-red-mode .filter-form,
body.admin-red-mode .browse-filters,
body.admin-red-mode .search-form{
  background:#111318!important;
  color:#f1f2f4!important;
  border-color:#353a42!important;
}
body.admin-red-mode input::placeholder,
body.admin-red-mode textarea::placeholder{color:#7f8791!important}
body.admin-red-mode input:focus,
body.admin-red-mode select:focus,
body.admin-red-mode textarea:focus{
  border-color:#dc4053!important;
  box-shadow:0 0 0 3px rgba(220,38,61,.13)!important;
}

body.admin-red-mode .eyebrow,
body.admin-red-mode .text-link,
body.admin-red-mode .section-heading>a,
body.admin-red-mode a.link-accent,
body.admin-red-mode .site-footer a,
body.admin-red-mode .footer-grid a{color:#f15a6d!important}

body.admin-red-mode .role-admin,
body.admin-red-mode .account-admin-badge,
body.admin-red-mode .badge-admin,
body.admin-red-mode .admin-badge,
body.admin-red-mode .status-admin{
  background:#8f1223!important;
  color:#fff!important;
  border-color:#c72b40!important;
}

body.admin-red-mode .homepage-rules-callout{
  background:#15171b!important;
  border-color:#4b3136!important;
  box-shadow:inset 3px 0 0 #dc263d!important;
}

body.admin-red-mode .home-feature-card:hover,
body.admin-red-mode .listing-card:hover,
body.admin-red-mode .card:hover{
  border-color:#71323c!important;
  box-shadow:0 8px 26px rgba(0,0,0,.24)!important;
}

body.admin-red-mode hr{border-color:#2b3037!important}
body.admin-red-mode .muted,
body.admin-red-mode .help-text,
body.admin-red-mode .meta,
body.admin-red-mode small{color:var(--admin-muted)!important}
body.admin-red-mode .live-brand-glow{filter:drop-shadow(0 0 14px rgba(220,38,61,.16))!important}
body.admin-red-mode :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline-color:#ef4056!important}

/* ========================================================================
   REVISION 199 — ADMIN BLACK / GRAPHITE / RED COMPLETE OVERRIDE
   Admin-only theme must not inherit the normal blue dark-mode surfaces.
   ======================================================================== */
body.admin-red-mode{
  --brand:#d72d42!important;
  --brand-dark:#a91c30!important;
  --accent:#ef5367!important;
  --orange:#ef5367!important;
  --wotugot-blue:#d72d42!important;
  --wotugot-cyan:#ef5367!important;
  --wotugot-bright:#c62036!important;
  --wotugot-action:#c62036!important;
  --wotugot-action-hover:#e0394f!important;
  --wotugot-navy:#eceff3!important;
  --wotugot-pale-blue:#211518!important;
  --wotugot-pale-cyan:#211518!important;
  --wotugot-pale-coral:#26171b!important;
  --ink:#f2f3f5!important;
  --muted:#a8adb6!important;
  --line:#34383f!important;
  --soft:#181a1f!important;
  --white:#14161a!important;
  background:#08090b!important;
  color:#f2f3f5!important;
}

body.admin-red-mode .site-header,
body.admin-red-mode .header-shell,
body.admin-red-mode .header-main{background:#090a0c!important}
body.admin-red-mode .topbar{background:#050607!important;color:#b9bdc4!important;border-color:#272a30!important}
body.admin-red-mode .main-nav{background:#101216!important;border-color:#30333a!important;box-shadow:inset 0 -2px 0 rgba(215,45,66,.45)!important}
body.admin-red-mode .nav-inner a{color:#d9dce1!important;background:transparent!important}
body.admin-red-mode .nav-inner a:hover,
body.admin-red-mode .nav-inner .nav-account,
body.admin-red-mode .nav-inner .active,
body.admin-red-mode .nav-inner [aria-current="page"]{background:#1b1d22!important;color:#ff6578!important;border-bottom-color:#d72d42!important}
body.admin-red-mode .nav-inner .nav-subscribe{color:#ef6576!important}

body.admin-red-mode .header-action-strip>a,
body.admin-red-mode .header-main .header-cart-button,
body.admin-red-mode .header-main>.menu-button{
  background:#17191d!important;
  border-color:#353941!important;
  color:#eef0f3!important;
}
body.admin-red-mode .header-action-strip>a:hover,
body.admin-red-mode .header-main .header-cart-button:hover,
body.admin-red-mode .header-main>.menu-button:hover{
  background:#212329!important;
  border-color:#8a3340!important;
  color:#ff6578!important;
}
body.admin-red-mode .header-action-strip>a>span,
body.admin-red-mode .header-action-strip>a>b{color:inherit!important}

body.admin-red-mode .header-search,
body.admin-red-mode .header-search input,
body.admin-red-mode .header-search select,
body.admin-red-mode .big-search,
body.admin-red-mode .big-search input,
body.admin-red-mode .big-search select,
body.admin-red-mode input,
body.admin-red-mode select,
body.admin-red-mode textarea{
  background:#121418!important;
  border-color:#343840!important;
  color:#eef0f3!important;
}
body.admin-red-mode .header-search button,
body.admin-red-mode .big-search button,
body.admin-red-mode .button-primary,
body.admin-red-mode .post-button,
body.admin-red-mode .photo-action-button,
body.admin-red-mode .floating-chat-button,
body.admin-red-mode .admin-link{
  background:#c62036!important;
  border-color:#df3c50!important;
  color:#fff!important;
}
body.admin-red-mode .header-search button:hover,
body.admin-red-mode .big-search button:hover,
body.admin-red-mode .button-primary:hover,
body.admin-red-mode .post-button:hover{background:#e0394f!important;color:#fff!important}
body.admin-red-mode .button-secondary{background:#191b20!important;color:#e5e7eb!important;border-color:#3a3e46!important}
body.admin-red-mode .button-secondary:hover{background:#24262c!important;color:#ff7182!important;border-color:#7a333e!important}

body.admin-red-mode .promo-strip,
body.admin-red-mode .promo-banner,
body.admin-red-mode .homepage-promo{
  background:#16181c!important;
  border-top:1px solid #3b262b!important;
  border-bottom:1px solid #5d2932!important;
  box-shadow:inset 0 -2px 0 rgba(198,32,54,.5)!important;
}

body.admin-red-mode .stories-strip-shell{
  background:#111318!important;
  border-color:#343840!important;
}
body.admin-red-mode .stories-strip-heading strong{color:#f0f1f3!important}
body.admin-red-mode .stories-strip-heading small{color:#999fa9!important}
body.admin-red-mode .story-card,
body.admin-red-mode .stories-strip .story-card{background:#181a1f!important;border-color:#3a3e46!important}

body.admin-red-mode .hero,
body.admin-red-mode .home-marketplace-hero{
  background:
    radial-gradient(circle at 78% 18%,rgba(198,32,54,.12),transparent 30%),
    radial-gradient(circle at 26% 70%,rgba(255,255,255,.025),transparent 28%),
    linear-gradient(135deg,#090a0c 0%,#0f1114 58%,#151013 100%)!important;
  border-color:#343036!important;
}
body.admin-red-mode .hero h1,
body.admin-red-mode .hero h2,
body.admin-red-mode .hero h3{color:#f5f5f6!important}
body.admin-red-mode .hero h1 span{color:#e83c52!important}
body.admin-red-mode .hero-rules-callout,
body.admin-red-mode .hero-feature-strip>span{
  background:#17191d!important;
  border-color:#3a3e45!important;
  color:#e8eaed!important;
}
body.admin-red-mode .hero-feature-strip>span strong{color:#e84b5e!important}
body.admin-red-mode .hero-feature-strip>span small{color:#9da2aa!important}

body.admin-red-mode .homepage-announcement-card,
body.admin-red-mode .homepage-announcement-hero-card{
  background:#191b20!important;
  border-color:#4d3037!important;
  border-left-color:#d72d42!important;
  color:#f2f3f5!important;
  box-shadow:none!important;
}
body.admin-red-mode .homepage-announcement-card .eyebrow{color:#ef5367!important}
body.admin-red-mode .homepage-announcement-card p{color:#c5c8ce!important}

body.admin-red-mode .homepage-market-duo,
body.admin-red-mode .homepage-market-layout,
body.admin-red-mode .homepage-market-duo-grid,
body.admin-red-mode .homepage-market-pane,
body.admin-red-mode .homepage-swap-pane,
body.admin-red-mode .homepage-sales-pane,
body.admin-red-mode .homepage-seek-pane,
body.admin-red-mode .homepage-shift-pane,
body.admin-red-mode .market-home,
body.admin-red-mode .homepage-wanted-section,
body.admin-red-mode .section-soft,
body.admin-red-mode .home-blog-latest,
body.admin-red-mode .search-band,
body.admin-red-mode .category-strip,
body.admin-red-mode .homepage-leaderboard-showcase,
body.admin-red-mode .newest-member-section,
body.admin-red-mode .monthly-top-five-section,
body.admin-red-mode .split-section,
body.admin-red-mode .site-about-band{background:#0d0f12!important;border-color:#30343a!important}

body.admin-red-mode .homepage-market-pane,
body.admin-red-mode .listing-card,
body.admin-red-mode .empty-state,
body.admin-red-mode .home-blog-card,
body.admin-red-mode .category-card,
body.admin-red-mode .hero-panel,
body.admin-red-mode .market-profile-sidebar,
body.admin-red-mode .market-profile-card,
body.admin-red-mode .profile-side-card,
body.admin-red-mode .market-account-card,
body.admin-red-mode .market-register-card,
body.admin-red-mode .market-top-swap,
body.admin-red-mode .market-wanted-item,
body.admin-red-mode .market-community-card,
body.admin-red-mode .market-home-member-mini,
body.admin-red-mode .market-home-empty,
body.admin-red-mode .market-about-copy,
body.admin-red-mode .market-policy-card,
body.admin-red-mode .market-home-details,
body.admin-red-mode .homepage-leaderboard-grid>*{
  background:#17191e!important;
  border-color:#383c43!important;
  color:#eef0f3!important;
}
body.admin-red-mode .homepage-market-pane{box-shadow:none!important}
body.admin-red-mode .homepage-listing-heading h2,
body.admin-red-mode .home-blog-card h3,
body.admin-red-mode .market-profile-sidebar strong,
body.admin-red-mode .market-account-card strong{color:#f3f4f5!important}
body.admin-red-mode .homepage-listing-heading p,
body.admin-red-mode .home-blog-card p,
body.admin-red-mode .market-profile-sidebar small{color:#a5abb4!important}

body.admin-red-mode .eyebrow,
body.admin-red-mode .section-heading>a,
body.admin-red-mode .text-link,
body.admin-red-mode .homepage-listing-heading>a,
body.admin-red-mode .market-home-section-head>a,
body.admin-red-mode .market-category-links a,
body.admin-red-mode .market-account-link,
body.admin-red-mode .market-policy-card a,
body.admin-red-mode .market-about-copy a{color:#ef5367!important}

body.admin-red-mode .market-home-categories,
body.admin-red-mode .market-home-community,
body.admin-red-mode .market-home-about{background:#101216!important;border-color:#34383f!important}
body.admin-red-mode .market-home-quicklinks a{color:#e8eaed!important;border-color:#34383f!important}
body.admin-red-mode .market-home-quicklinks a span,
body.admin-red-mode .four-stage-number,
body.admin-red-mode .how-stage-number,
body.admin-red-mode .chat-side-title>span,
body.admin-red-mode .admin-contact-count{background:#b91f33!important;color:#fff!important}
body.admin-red-mode .market-community-icon{background:#29181c!important;color:#ef5367!important}

body.admin-red-mode .pill-swap,
body.admin-red-mode .pill-sale,
body.admin-red-mode .pill-wanted,
body.admin-red-mode .pill-shift{background:#2b1a1e!important;color:#ff8b99!important;border-color:#5e2c35!important}

body.admin-red-mode .stats-band,
body.admin-red-mode .tracked-offers-band,
body.admin-red-mode .deal-status-band{background:#111318!important;border-color:#343840!important}

body.admin-red-mode .site-footer{background:#08090b!important;border-color:#30333a!important;color:#c7cbd1!important}
body.admin-red-mode .site-footer a,
body.admin-red-mode .footer-grid a{color:#ef5367!important}

body.admin-red-mode :where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline-color:#ef5367!important;
}

/* ========================================================================
   REVISION 200 — FINAL ADMIN BLACK / GRAPHITE / ROSE OVERRIDE
   This layer intentionally sits LAST so legacy dark-mode blues cannot win.
   ======================================================================== */
body.admin-red-mode{
  --brand:#c94f65!important;
  --brand-dark:#96384b!important;
  --accent:#d86175!important;
  --orange:#c94f65!important;
  --wotugot-blue:#c94f65!important;
  --wotugot-cyan:#d86175!important;
  --wotugot-bright:#d86175!important;
  --wotugot-action:#b94459!important;
  --wotugot-action-hover:#d86175!important;
  --ink:#f1f1f3!important;
  --text:#f1f1f3!important;
  --muted:#a8a8ae!important;
  --line:#36363c!important;
  --border:#36363c!important;
  --border-color:#36363c!important;
  --soft:#17181b!important;
  --white:#121316!important;
  background:#08090a!important;
  color:#f1f1f3!important;
}

/* Core page chrome */
body.admin-red-mode,
body.admin-red-mode main,
body.admin-red-mode .page-shell,
body.admin-red-mode .site-main{background:#08090a!important;color:#f1f1f3!important}
body.admin-red-mode .site-header,
body.admin-red-mode .header-shell,
body.admin-red-mode .header-main,
body.admin-red-mode .topbar{background:#08090a!important;border-color:#292a2e!important}
body.admin-red-mode .main-nav{background:#101114!important;border-color:#303136!important;box-shadow:inset 0 -2px 0 rgba(201,79,101,.45)!important}
body.admin-red-mode .site-footer{background:#090a0c!important;border-color:#303136!important;color:#c9c9ce!important}

/* Neutralise structural Admin / God / Analytics surfaces, including old hard-coded navy rules. */
body.admin-red-mode :where(section,article,details,fieldset,aside,nav,form,div)[class^="admin-"],
body.admin-red-mode :where(section,article,details,fieldset,aside,nav,form,div)[class*=" admin-"],
body.admin-red-mode :where(section,article,details,fieldset,aside,nav,form,div)[class^="god-"],
body.admin-red-mode :where(section,article,details,fieldset,aside,nav,form,div)[class*=" god-"],
body.admin-red-mode :where(section,article,details,fieldset,aside,nav,form,div)[class^="analytics-"],
body.admin-red-mode :where(section,article,details,fieldset,aside,nav,form,div)[class*=" analytics-"]{
  background-color:#151619!important;
  border-color:#36373d!important;
  color:#ededf0!important;
}
body.admin-red-mode :where(table,thead,tbody,tr,td,th)[class^="admin-"],
body.admin-red-mode :where(table,thead,tbody,tr,td,th)[class*=" admin-"],
body.admin-red-mode :where(table,thead,tbody,tr,td,th)[class^="analytics-"],
body.admin-red-mode :where(table,thead,tbody,tr,td,th)[class*=" analytics-"]{
  background-color:#151619!important;
  border-color:#37383e!important;
  color:#ededf0!important;
}
body.admin-red-mode :where(th)[class^="admin-"],
body.admin-red-mode :where(th)[class*=" admin-"],
body.admin-red-mode :where(th)[class^="analytics-"],
body.admin-red-mode :where(th)[class*=" analytics-"]{background:#101114!important;color:#d9d9de!important}

/* Known admin surfaces that used legacy #172334 / #111b28 / #35465d. */
body.admin-red-mode .admin-query-resolve-form input,
body.admin-red-mode .category-group-card,
body.admin-red-mode .subcategory-link,
body.admin-red-mode .admin-chat-restriction-list>article,
body.admin-red-mode .settings-page-head,
body.admin-red-mode .settings-group,
body.admin-red-mode .profile-activity-grid>a,
body.admin-red-mode .profile-manage-section,
body.admin-red-mode .analytics-chart,
body.admin-red-mode .analytics-cards article,
body.admin-red-mode .analytics-table,
body.admin-red-mode .admin-reset-panel,
body.admin-red-mode .admin-reset-card,
body.admin-red-mode .spiderreaver-reset-link,
body.admin-red-mode .admin-quick-chat-role select,
body.admin-red-mode .admin-member-chat-role select,
body.admin-red-mode .owner-boost-balance,
body.admin-red-mode .god-storage-row,
body.admin-red-mode .analytics-ad-total-card,
body.admin-red-mode .analytics-ad-detail,
body.admin-red-mode .analytics-level-strip span,
body.admin-red-mode .analytics-google-note,
body.admin-red-mode .god-google-rpm-card,
body.admin-red-mode .analytics-graph-value-strip span,
body.admin-red-mode .analytics-mini-section,
body.admin-red-mode .help-actions-panel,
body.admin-red-mode .help-quick-card{
  background:#17181c!important;
  border-color:#383940!important;
  color:#ededf0!important;
}
body.admin-red-mode .admin-reset-card input[name="confirm_phrase"]{background:#101114!important;color:#fff!important;border-color:#44454c!important}
body.admin-red-mode .analytics-trend-track,
body.admin-red-mode .analytics-bar-track{background:#24252a!important}
body.admin-red-mode .analytics-ad-page-table tbody tr.is-active{background:rgba(201,79,101,.12)!important}

/* Admin navigation/jump controls */
body.admin-red-mode .page-jump-nav a,
body.admin-red-mode .god-jump-nav a,
body.admin-red-mode .admin-tabs a,
body.admin-red-mode .admin-tab,
body.admin-red-mode .admin-nav a{
  background:#1a1b1f!important;
  border-color:#3a3b41!important;
  color:#e8e8eb!important;
}
body.admin-red-mode .page-jump-nav a:hover,
body.admin-red-mode .god-jump-nav a:hover,
body.admin-red-mode .admin-tabs a:hover,
body.admin-red-mode .admin-tab:hover,
body.admin-red-mode .admin-nav a:hover,
body.admin-red-mode .admin-tabs .active,
body.admin-red-mode .admin-tab.active{
  background:#282025!important;
  border-color:#8e4353!important;
  color:#e47789!important;
}

/* Header action buttons: graphite, rose on hover/active. */
body.admin-red-mode .header-action-strip>a,
body.admin-red-mode .header-main .header-message-button,
body.admin-red-mode .header-main .header-add-listing-button,
body.admin-red-mode .header-main .header-create-account-button,
body.admin-red-mode .header-main .header-cart-button,
body.admin-red-mode .header-main>.menu-button,
body.admin-red-mode .header-icon-button,
body.admin-red-mode .nav-icon-link{
  background:#18191d!important;
  border-color:#3a3b41!important;
  color:#eeeeF1!important;
}
body.admin-red-mode .header-action-strip>a:hover,
body.admin-red-mode .header-main .header-message-button:hover,
body.admin-red-mode .header-main .header-add-listing-button:hover,
body.admin-red-mode .header-main .header-create-account-button:hover,
body.admin-red-mode .header-main .header-cart-button:hover,
body.admin-red-mode .header-main>.menu-button:hover,
body.admin-red-mode .header-icon-button:hover,
body.admin-red-mode .nav-icon-link:hover{
  background:#262126!important;
  border-color:#8f4756!important;
  color:#e47a8c!important;
}
body.admin-red-mode .header-cart-count,
body.admin-red-mode .header-activity-count{background:#c94f65!important;border-color:#7d3544!important;color:#fff!important}

/* Inputs and filters */
body.admin-red-mode input,
body.admin-red-mode select,
body.admin-red-mode textarea,
body.admin-red-mode .header-search,
body.admin-red-mode .big-search,
body.admin-red-mode .browse-filters,
body.admin-red-mode .filter-form,
body.admin-red-mode .search-form{
  background:#111215!important;
  border-color:#3a3b41!important;
  color:#f0f0f2!important;
}
body.admin-red-mode input:focus,
body.admin-red-mode select:focus,
body.admin-red-mode textarea:focus{border-color:#c94f65!important;box-shadow:0 0 0 3px rgba(201,79,101,.16)!important}

/* Buttons: rose primary, graphite secondary; no inherited blue. */
body.admin-red-mode .button-primary,
body.admin-red-mode .post-button,
body.admin-red-mode .header-search button,
body.admin-red-mode .big-search button,
body.admin-red-mode .photo-action-button,
body.admin-red-mode .floating-chat-button,
body.admin-red-mode .admin-link,
body.admin-red-mode .staff-link,
body.admin-red-mode .nav-action-primary{
  background:#b94459!important;
  border-color:#cc5a6e!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.admin-red-mode .button-primary:hover,
body.admin-red-mode .post-button:hover,
body.admin-red-mode .header-search button:hover,
body.admin-red-mode .big-search button:hover,
body.admin-red-mode .admin-link:hover,
body.admin-red-mode .staff-link:hover{background:#c94f65!important;border-color:#df7183!important}
body.admin-red-mode .button-secondary,
body.admin-red-mode a.button-secondary{background:#1b1c20!important;border-color:#3d3e45!important;color:#e6e6e9!important}
body.admin-red-mode .button-secondary:hover,
body.admin-red-mode a.button-secondary:hover{background:#282126!important;border-color:#86505b!important;color:#e47a8c!important}

/* Homepage — force ALL lower bands/cards away from navy. */
body.admin-red-mode .stories-strip-shell,
body.admin-red-mode .tracked-offers-band,
body.admin-red-mode .deal-status-band,
body.admin-red-mode .stats-band,
body.admin-red-mode .homepage-market-duo,
body.admin-red-mode .homepage-market-layout,
body.admin-red-mode .homepage-market-duo-grid,
body.admin-red-mode .homepage-wanted-section,
body.admin-red-mode .home-blog-latest,
body.admin-red-mode .search-band,
body.admin-red-mode .category-strip,
body.admin-red-mode .homepage-leaderboard-showcase,
body.admin-red-mode .newest-member-section,
body.admin-red-mode .monthly-top-five-section,
body.admin-red-mode .split-section,
body.admin-red-mode .site-about-band,
body.admin-red-mode .market-home-categories,
body.admin-red-mode .market-home-community,
body.admin-red-mode .market-home-about{
  background:#0e0f11!important;
  border-color:#303137!important;
}
body.admin-red-mode .homepage-market-pane,
body.admin-red-mode .homepage-swap-pane,
body.admin-red-mode .homepage-sales-pane,
body.admin-red-mode .homepage-seek-pane,
body.admin-red-mode .homepage-shift-pane,
body.admin-red-mode .listing-card,
body.admin-red-mode .empty-state,
body.admin-red-mode .home-blog-card,
body.admin-red-mode .category-card,
body.admin-red-mode .hero-panel,
body.admin-red-mode .market-profile-sidebar,
body.admin-red-mode .market-profile-card,
body.admin-red-mode .profile-side-card,
body.admin-red-mode .market-account-card,
body.admin-red-mode .market-register-card,
body.admin-red-mode .market-top-swap,
body.admin-red-mode .market-wanted-item,
body.admin-red-mode .market-community-card,
body.admin-red-mode .market-home-member-mini,
body.admin-red-mode .market-home-empty,
body.admin-red-mode .market-about-copy,
body.admin-red-mode .market-policy-card,
body.admin-red-mode .market-home-details,
body.admin-red-mode .homepage-leaderboard-grid>*{
  background:#17181b!important;
  border-color:#383940!important;
  color:#eeeeF0!important;
}
body.admin-red-mode .homepage-announcement-card,
body.admin-red-mode .homepage-announcement-hero-card{
  background:#1a191c!important;
  border-color:#514047!important;
  border-left-color:#c94f65!important;
  color:#f0f0f2!important;
}
body.admin-red-mode .hero-rules-callout,
body.admin-red-mode .hero-feature-strip>span,
body.admin-red-mode .market-home-quicklinks a{
  background:#191a1d!important;
  border-color:#393a40!important;
  color:#e9e9ec!important;
}

/* Rose accents and links */
body.admin-red-mode .eyebrow,
body.admin-red-mode .text-link,
body.admin-red-mode .section-heading>a,
body.admin-red-mode .homepage-listing-heading>a,
body.admin-red-mode .market-home-section-head>a,
body.admin-red-mode .market-category-links a,
body.admin-red-mode .market-account-link,
body.admin-red-mode .market-policy-card a,
body.admin-red-mode .market-about-copy a,
body.admin-red-mode .site-footer a,
body.admin-red-mode .footer-grid a{color:#d86175!important}
body.admin-red-mode .hero h1 span,
body.admin-red-mode .hero-feature-strip>span strong{color:#d86175!important}
body.admin-red-mode .role-admin,
body.admin-red-mode .account-admin-badge,
body.admin-red-mode .badge-admin,
body.admin-red-mode .admin-badge,
body.admin-red-mode .status-admin{background:#91384a!important;border-color:#c15a6e!important;color:#fff!important}
body.admin-red-mode :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline-color:#d86175!important}

/* ========================================================================
   Revision 201 — Help centre / searchable FAQ
   ======================================================================== */
.help-hero-expanded{max-width:900px;margin-bottom:18px}
.help-search-panel{margin:18px 0 22px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--panel,var(--white));box-shadow:0 8px 26px rgba(18,31,51,.05)}
.help-search-copy h2{margin:.25rem 0 .35rem}.help-search-copy p{margin:0 0 14px;color:var(--muted)}
.help-search-box{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:2px solid var(--line);border-radius:14px;padding:4px 5px 4px 14px;background:var(--white)}
.help-search-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 16%,transparent)}
.help-search-box>span{font-size:1.2rem;color:var(--brand);font-weight:900}.help-search-box input{width:100%;min-height:48px;border:0!important;background:transparent!important;box-shadow:none!important;padding:0 4px!important;color:var(--ink)!important;font:inherit}.help-search-box input:focus{outline:0!important}.help-search-box button{border:0;border-radius:10px;background:var(--soft);color:var(--ink);font-weight:850;padding:10px 13px;cursor:pointer}
.help-search-status{margin-top:9px;color:var(--muted);font-size:.78rem;font-weight:700}
.help-filter-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.help-filter{border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--ink);font-weight:800;font-size:.74rem;padding:8px 12px;cursor:pointer}.help-filter:hover,.help-filter.is-active{background:var(--brand);border-color:var(--brand);color:#fff}
.help-basics{margin:22px 0 28px}.help-section-heading h2{margin:.25rem 0 12px}.help-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.help-step-grid article{position:relative;padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--white)}.help-step-grid article>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;font-weight:950;margin-bottom:10px}.help-step-grid h3{font-size:.95rem;margin:0 0 6px}.help-step-grid p{font-size:.78rem;line-height:1.5;color:var(--muted);margin:0}
.help-faq-toolbar{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:8px 0 12px}.help-faq-toolbar h2{margin:.2rem 0 0}.help-faq-searchable{display:block!important}.help-faq-section{margin:0 0 24px}.help-faq-section>h2{font-size:1rem;margin:0 0 9px;padding-bottom:7px;border-bottom:1px solid var(--line)}
.help-faq-searchable details{margin:0 0 8px;border:1px solid var(--line);border-radius:13px;background:var(--white);overflow:hidden}.help-faq-searchable details[open]{border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}.help-faq-searchable summary{cursor:pointer;padding:14px 42px 14px 15px;font-weight:900;position:relative;list-style:none}.help-faq-searchable summary::-webkit-details-marker{display:none}.help-faq-searchable summary:after{content:'+';position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:1.25rem;color:var(--brand);font-weight:900}.help-faq-searchable details[open] summary:after{content:'−'}.help-answer{padding:0 16px 16px;border-top:1px solid var(--line);font-size:.84rem;line-height:1.6}.help-answer p{margin:12px 0 0}.help-answer ol,.help-answer ul{margin:12px 0 0;padding-left:22px}.help-answer li+li{margin-top:5px}.help-answer a{font-weight:850}.help-no-results{text-align:center;padding:28px;border:1px dashed var(--line);border-radius:15px;background:var(--soft)}.help-no-results strong{display:block;font-size:1rem}.help-no-results p{color:var(--muted)}
body.dark-mode .help-search-panel,body.dark-mode .help-step-grid article,body.dark-mode .help-faq-searchable details{background:#101b2a;border-color:#35465d}body.dark-mode .help-search-box,body.dark-mode .help-filter{background:#172334;border-color:#35465d;color:#fff}body.dark-mode .help-search-box input{color:#fff!important}body.dark-mode .help-search-box button{background:#203049;color:#fff}
body.admin-red-mode .help-search-panel,body.admin-red-mode .help-step-grid article,body.admin-red-mode .help-faq-searchable details{background:#171719!important;border-color:#3b3b40!important}body.admin-red-mode .help-search-box,body.admin-red-mode .help-filter{background:#202024!important;border-color:#44444a!important;color:#f6f6f7!important}body.admin-red-mode .help-search-box input{color:#f6f6f7!important}body.admin-red-mode .help-search-box button{background:#2b2b30!important;color:#f6f6f7!important}body.admin-red-mode .help-filter:hover,body.admin-red-mode .help-filter.is-active,body.admin-red-mode .help-step-grid article>span{background:#c94f65!important;border-color:#c94f65!important}body.admin-red-mode .help-faq-searchable details[open]{border-color:#a94a5b!important}body.admin-red-mode .help-faq-searchable summary:after,body.admin-red-mode .help-search-box>span{color:#d86175!important}
@media(max-width:900px){.help-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.help-search-panel{padding:15px}.help-step-grid{grid-template-columns:1fr}.help-faq-toolbar{align-items:stretch;flex-direction:column}.help-expand-all{width:100%}.help-filter-row{gap:5px}.help-filter{font-size:.69rem;padding:7px 9px}.help-search-box{grid-template-columns:auto minmax(0,1fr)}.help-search-box button{grid-column:1/-1;width:100%}.help-faq-searchable summary{font-size:.86rem}.help-answer{font-size:.8rem}}


/* Revision 206: member-profile reputation meter.
   50 completed tracked trades = five stars. Partial progress is clipped inside
   the centred gold star glyph and earned slots build from bottom to top. */
.profile-page .public-profile-summary .profile-rating-summary {
  display:grid !important;
  align-content:center !important;
  justify-items:stretch !important;
}
.profile-page .public-profile-summary .profile-rating-summary > .profile-rating-meter {
  display:block !important;
  width:100% !important;
  min-width:0 !important;
}
.profile-page .profile-reputation-stack {
  display:flex !important;
  flex-direction:column-reverse !important;
  gap:4px !important;
  width:100% !important;
}
.profile-page .profile-reputation-slot {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  width:100% !important;
  min-height:34px !important;
  padding:4px 6px !important;
  border:1px solid var(--line) !important;
  border-radius:8px !important;
  background:var(--soft) !important;
  overflow:hidden !important;
}
.profile-page .profile-reputation-glyph {
  display:inline-block !important;
  position:relative !important;
  width:1em !important;
  min-width:1em !important;
  font-size:1rem !important;
  line-height:1 !important;
  text-align:center !important;
  color:transparent !important;
  background:linear-gradient(90deg,
    #f4c542 0%,
    #f4c542 var(--profile-star-fill,0%),
    #8e98a6 var(--profile-star-fill,0%),
    #8e98a6 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}
body.dark-mode .profile-page .profile-reputation-slot {
  background:#111b28 !important;
  border-color:#35465d !important;
}
body.dark-mode .profile-page .profile-reputation-glyph,
body.admin-red-mode .profile-page .profile-reputation-glyph {
  background:linear-gradient(90deg,
    #ffd045 0%,
    #ffd045 var(--profile-star-fill,0%),
    #8e9299 var(--profile-star-fill,0%),
    #8e9299 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}
body.admin-red-mode .profile-page .profile-reputation-slot {
  background:#171719 !important;
  border-color:#4b3a3e !important;
}

/* ========================================================================
   REVISION 207 — LISTING PHOTO ORDER MANAGER
   ======================================================================== */
.photo-order-manager{margin-top:10px}
.photo-order-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  width:100%;
  margin-top:14px;
}
.photo-order-item{
  position:relative;
  min-width:0;
  cursor:grab;
  transition:opacity .15s ease,transform .15s ease,border-color .15s ease;
}
.photo-order-item.is-dragging{opacity:.5;transform:scale(.98)}
.photo-order-item.is-removing{opacity:.42}
.photo-order-position{
  min-height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:7px;
  padding:4px 7px;
  border-radius:999px;
  background:var(--soft);
  color:var(--muted);
  font-size:.68rem;
  font-weight:850;
  text-align:center;
}
.photo-order-item:first-child:not(.is-removing) .photo-order-position{
  color:var(--brand);
}
.photo-order-controls{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  margin-top:8px;
}
.photo-order-controls button,
.photo-order-remove-new{
  min-height:34px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--soft);
  color:var(--text);
  font:inherit;
  font-size:.78rem;
  font-weight:800;
  cursor:pointer;
}
.photo-order-controls button:hover,
.photo-order-remove-new:hover{border-color:var(--brand);color:var(--brand)}
.photo-order-remove-new{width:100%;margin-top:7px}
.photo-remove-choice{display:flex!important;align-items:center;gap:7px;margin-top:8px!important}
.photo-order-new img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:var(--soft)}
@media(max-width:900px){.photo-order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.photo-order-grid{grid-template-columns:1fr 1fr;gap:8px}.photo-order-position{font-size:.62rem}.photo-order-controls button,.photo-order-remove-new{min-height:38px}}

/* Revision 208 — Local Services marketplace */
.pill-service{background:#5f2d54!important;color:#fff!important;border-color:#a85a90!important}
.service-choice-card{border-color:rgba(168,90,144,.45)}
.hero-feature-service-link{display:flex;align-items:flex-start;gap:9px;text-decoration:none;color:inherit}
.hero-feature-service-link strong{color:#c94f65}
.service-info-box{border-color:rgba(168,90,144,.45)}
@media(min-width:900px){.browse-listing-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}

.home-local-services-cta{margin-top:14px;padding:14px 16px;border:1px solid rgba(201,79,101,.38);border-radius:12px;background:rgba(201,79,101,.07);display:flex;align-items:center;justify-content:space-between;gap:18px}.home-local-services-cta>div:first-child{display:grid;gap:3px}.home-local-services-cta strong{font-size:1.05rem}.home-local-services-cta small{max-width:720px}.home-local-services-cta>div:last-child{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:760px){.home-local-services-cta{align-items:stretch;flex-direction:column}.home-local-services-cta>div:last-child .button{flex:1}}


/* ========================================================================
   REVISION 209 — SLOT-BASED LISTING MEDIA UPLOAD + DARK MODE FORM AUDIT
   ======================================================================== */
.photo-slot-manager{display:block!important;position:relative!important;padding:20px!important}
.photo-slot-manager .photo-explanation{margin-bottom:14px;text-align:left}
.photo-slot-manager .slot-file-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.listing-photo-slot-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;gap:12px!important;margin:0!important}
.listing-photo-slot{position:relative;display:flex;align-items:center;justify-content:center;min-height:150px;aspect-ratio:4/3;border:2px dashed var(--line);border-radius:14px;background:var(--soft);overflow:hidden;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.listing-photo-slot.is-empty:hover,.listing-photo-slot.is-drop-target{border-color:var(--brand);background:rgba(91,70,232,.07);transform:translateY(-1px)}
.listing-photo-slot.has-photo{border-style:solid;cursor:grab}
.listing-photo-slot.has-photo:active{cursor:grabbing}
.listing-photo-slot.is-dragging{opacity:.5}
.listing-photo-slot img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:12px!important}
.listing-photo-slot-number{position:absolute;z-index:3;left:7px;top:7px;padding:4px 7px;border-radius:999px;background:rgba(10,14,20,.82);color:#fff;font-size:.62rem;font-weight:900;letter-spacing:.04em}
.listing-photo-slot-remove{position:absolute;z-index:4;right:7px;top:7px;width:30px!important;height:30px!important;min-height:0!important;padding:0!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:50%!important;background:rgba(15,18,24,.88)!important;color:#fff!important;font-size:1.1rem!important;line-height:1!important;cursor:pointer}
.listing-photo-slot-hint{position:absolute;z-index:3;left:50%;bottom:7px;transform:translateX(-50%);white-space:nowrap;padding:4px 7px;border-radius:999px;background:rgba(10,14,20,.78);color:#fff;font-size:.6rem;font-weight:800}
.listing-photo-slot-plus{display:block;color:var(--brand);font-size:2rem;line-height:1;margin-right:8px}
.listing-photo-slot-copy{display:grid;text-align:left;color:var(--text)}
.listing-photo-slot-copy b{font-size:.78rem}.listing-photo-slot-copy small{font-size:.65rem;color:var(--muted)}
.photo-slot-manager.is-file-over{outline:2px solid var(--brand);outline-offset:3px}
.listing-video-dropzone{position:relative;display:grid;place-items:center;gap:6px;min-height:145px;padding:22px;border:2px dashed var(--line);border-radius:15px;background:var(--soft);text-align:center;cursor:pointer;transition:.15s ease}
.listing-video-dropzone:hover,.listing-video-dropzone.is-drop-target{border-color:var(--brand);background:rgba(91,70,232,.07)}
.listing-video-dropzone>strong{font-size:1rem}.listing-video-dropzone>span{font-size:.75rem;color:var(--muted)}
.listing-video-dropzone input[type=file]{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.homepage-services-pane{grid-column:1/-1!important}
.homepage-service-listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.service-image-placeholder{height:100%;min-height:170px}
@media(max-width:1000px){.homepage-service-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.listing-photo-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.listing-photo-slot{min-height:120px}.homepage-service-listing-grid{grid-template-columns:1fr!important}}

/* Normal dark mode: remove remaining light-mode form/card surfaces. */
body.dark-mode:not(.admin-red-mode) .post-form-band,
body.dark-mode:not(.admin-red-mode) .post-form-container,
body.dark-mode:not(.admin-red-mode) .edit-listing-band{background:#10151d!important}
body.dark-mode:not(.admin-red-mode) .homepage-form-card,
body.dark-mode:not(.admin-red-mode) .homepage-form-section,
body.dark-mode:not(.admin-red-mode) .section-soft-inner,
body.dark-mode:not(.admin-red-mode) .homepage-photo-card,
body.dark-mode:not(.admin-red-mode) .photo-slot-manager,
body.dark-mode:not(.admin-red-mode) .listing-photo-slot,
body.dark-mode:not(.admin-red-mode) .listing-video-dropzone,
body.dark-mode:not(.admin-red-mode) .status-choice,
body.dark-mode:not(.admin-red-mode) .post-hero-card,
body.dark-mode:not(.admin-red-mode) .form-alert,
body.dark-mode:not(.admin-red-mode) .edit-image-card,
body.dark-mode:not(.admin-red-mode) .edit-image-empty,
body.dark-mode:not(.admin-red-mode) .clean-photo-actions,
body.dark-mode:not(.admin-red-mode) .photo-action-row{background:#18202b!important;color:#eef2f8!important;border-color:#354154!important}
body.dark-mode:not(.admin-red-mode) .homepage-form-card input,
body.dark-mode:not(.admin-red-mode) .homepage-form-card select,
body.dark-mode:not(.admin-red-mode) .homepage-form-card textarea,
body.dark-mode:not(.admin-red-mode) .compact-post-form input,
body.dark-mode:not(.admin-red-mode) .compact-post-form select,
body.dark-mode:not(.admin-red-mode) .compact-post-form textarea{background:#111923!important;color:#eef2f8!important;border-color:#3a4658!important}
body.dark-mode:not(.admin-red-mode) .homepage-form-card input::placeholder,
body.dark-mode:not(.admin-red-mode) .homepage-form-card textarea::placeholder{color:#8793a5!important}
body.dark-mode:not(.admin-red-mode) .listing-photo-slot.is-empty:hover,
body.dark-mode:not(.admin-red-mode) .listing-photo-slot.is-drop-target,
body.dark-mode:not(.admin-red-mode) .listing-video-dropzone:hover,
body.dark-mode:not(.admin-red-mode) .listing-video-dropzone.is-drop-target{background:#1d2938!important;border-color:#5f86d8!important}
\n\n/* ========================================================================\n   REVISION 210 — REAL MEDIA SLOT UI + NORMAL DARK CREATE/EDIT FIX\n   Final layer: deliberately last so older post-page rules cannot override it.\n   ======================================================================== */\n.photo-slot-manager.photo-slot-manager-ready{\n  display:block!important;\n  padding:18px!important;\n}\n.photo-slot-manager.photo-slot-manager-ready .photo-explanation{\n  display:grid!important;\n  gap:5px!important;\n  margin:0 0 14px!important;\n}\n.photo-slot-manager.photo-slot-manager-ready .listing-photo-slot-grid{\n  display:grid!important;\n  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;\n  gap:12px!important;\n  width:100%!important;\n  min-height:150px!important;\n}\n.photo-slot-manager.photo-slot-manager-ready .listing-photo-slot{\n  display:flex!important;\n  visibility:visible!important;\n  opacity:1!important;\n  min-width:0!important;\n  min-height:150px!important;\n}\n.listing-video-dropzone.has-file{border-style:solid!important}\n\nbody.dark-mode:not(.admin-red-mode) .post-hero,\nbody.dark-mode:not(.admin-red-mode) .compact-post-hero{\n  background:\n    radial-gradient(circle at 84% 25%,rgba(58,111,190,.12),transparent 30%),\n    linear-gradient(135deg,#0b1119,#101923)!important;\n  color:#eef3fa!important;\n}\nbody.dark-mode:not(.admin-red-mode) .post-hero-copy h1,\nbody.dark-mode:not(.admin-red-mode) .post-hero-copy>p,\nbody.dark-mode:not(.admin-red-mode) .compact-post-hero .post-hero-copy h1,\nbody.dark-mode:not(.admin-red-mode) .compact-post-hero .post-hero-copy>p{\n  color:#eef3fa!important;\n}\nbody.dark-mode:not(.admin-red-mode) .post-hero-copy>p,\nbody.dark-mode:not(.admin-red-mode) .compact-post-hero .post-hero-copy>p{color:#aeb9c9!important}\nbody.dark-mode:not(.admin-red-mode) .post-hero-copy .trust-row span{\n  background:#151e2a!important;\n  border-color:#334054!important;\n  color:#dfe6ef!important;\n}\nbody.dark-mode:not(.admin-red-mode) .post-form-band,\nbody.dark-mode:not(.admin-red-mode) .post-form-container,\nbody.dark-mode:not(.admin-red-mode) .edit-listing-band{background:#0f151d!important}\nbody.dark-mode:not(.admin-red-mode) .homepage-form-card,\nbody.dark-mode:not(.admin-red-mode) .homepage-form-section,\nbody.dark-mode:not(.admin-red-mode) .homepage-photo-card,\nbody.dark-mode:not(.admin-red-mode) .photo-slot-manager,\nbody.dark-mode:not(.admin-red-mode) .listing-photo-slot,\nbody.dark-mode:not(.admin-red-mode) .listing-video-dropzone,\nbody.dark-mode:not(.admin-red-mode) .section-soft-inner,\nbody.dark-mode:not(.admin-red-mode) .subscriber-post-promo,\nbody.dark-mode:not(.admin-red-mode) .homepage-form-submit{\n  background:#17212d!important;\n  border-color:#354256!important;\n  color:#eef3fa!important;\n}\nbody.dark-mode:not(.admin-red-mode) .listing-photo-slot.is-empty{background:#121b26!important}\nbody.dark-mode:not(.admin-red-mode) .listing-photo-slot.is-empty:hover,\nbody.dark-mode:not(.admin-red-mode) .listing-photo-slot.is-drop-target,\nbody.dark-mode:not(.admin-red-mode) .listing-video-dropzone:hover,\nbody.dark-mode:not(.admin-red-mode) .listing-video-dropzone.is-drop-target{\n  background:#1b2a3b!important;\n  border-color:#5686d8!important;\n}\nbody.dark-mode:not(.admin-red-mode) .compact-post-form label,\nbody.dark-mode:not(.admin-red-mode) .compact-post-form label>span,\nbody.dark-mode:not(.admin-red-mode) .homepage-form-heading h2,\nbody.dark-mode:not(.admin-red-mode) .homepage-form-submit h2{color:#eef3fa!important}\nbody.dark-mode:not(.admin-red-mode) .compact-post-form input,\nbody.dark-mode:not(.admin-red-mode) .compact-post-form select,\nbody.dark-mode:not(.admin-red-mode) .compact-post-form textarea{\n  background:#0f1721!important;\n  border-color:#3b485c!important;\n  color:#eef3fa!important;\n}\nbody.dark-mode:not(.admin-red-mode) .compact-post-form option{background:#111923!important;color:#eef3fa!important}\n@media(max-width:620px){\n  .photo-slot-manager.photo-slot-manager-ready .listing-photo-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}\n}\n\n\n/* ========================================================================
   REVISION 211 — ALIGNED PHOTO SLOTS + REAL VIDEO PREVIEW
   ======================================================================== */
.photo-slot-manager.photo-slot-manager-ready,
.photo-slot-manager.photo-slot-manager-ready *{box-sizing:border-box}
.photo-slot-manager.photo-slot-manager-ready{overflow:hidden!important}
.photo-slot-manager.photo-slot-manager-ready .listing-photo-slot-grid{
  display:grid!important;
  grid-template-columns:repeat(var(--photo-slot-cols,5),minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
.photo-slot-manager.photo-slot-manager-ready .listing-photo-slot{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:0!important;
  aspect-ratio:4/3!important;
  margin:0!important;
}
.listing-video-dropzone.has-file{
  display:block!important;
  padding:14px!important;
  text-align:left!important;
}
.listing-video-dropzone.has-file > strong,
.listing-video-dropzone.has-file > span,
.listing-video-dropzone.has-file > [data-video-drop-label]{display:none!important}
.listing-video-preview-wrap{
  display:grid;
  grid-template-columns:minmax(180px,300px) minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  width:100%;
}
.listing-video-preview-wrap[hidden]{display:none!important}
.listing-video-preview{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:10px;
  background:#090d12;
  border:1px solid var(--line);
}
.listing-video-preview-meta{display:grid;gap:5px;min-width:0}
.listing-video-preview-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}
.listing-video-preview-meta span{font-size:.72rem;color:var(--muted)}
.listing-video-remove{
  align-self:center!important;
  width:auto!important;
  min-height:38px!important;
  padding:8px 12px!important;
  border-radius:9px!important;
}
@media(max-width:760px){
  .photo-slot-manager.photo-slot-manager-ready .listing-photo-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .listing-video-preview-wrap{grid-template-columns:1fr!important}
  .listing-video-remove{justify-self:start!important}
}


/* ========================================================================
   REVISION 212 — CREATE/EDIT DARK MODE FINAL OVERRIDE
   ======================================================================== */
body.dark-mode:not(.admin-red-mode) .post-hero,
body.dark-mode:not(.admin-red-mode) .compact-post-hero,
body.dark-mode:not(.admin-red-mode) .wanted-post-create-hero{
  background:radial-gradient(circle at 84% 24%,rgba(62,104,160,.10),transparent 28%),linear-gradient(135deg,#0b1017,#111923)!important;
  color:#eef3fa!important;
}
body.dark-mode:not(.admin-red-mode) .post-hero .post-hero-copy,
body.dark-mode:not(.admin-red-mode) .post-hero .post-hero-copy h1,
body.dark-mode:not(.admin-red-mode) .post-hero .post-hero-copy p,
body.dark-mode:not(.admin-red-mode) .post-hero .post-hero-card,
body.dark-mode:not(.admin-red-mode) .post-hero .top-swap-card,
body.dark-mode:not(.admin-red-mode) .post-hero .top-swap-empty{
  color:#eef3fa!important;
}
body.dark-mode:not(.admin-red-mode) .post-hero .post-hero-copy p,
body.dark-mode:not(.admin-red-mode) .post-hero .post-hero-card p,
body.dark-mode:not(.admin-red-mode) .post-hero .post-hero-card small{color:#aeb9c9!important}
body.dark-mode:not(.admin-red-mode) .post-hero .post-hero-card,
body.dark-mode:not(.admin-red-mode) .post-hero .top-swap-card,
body.dark-mode:not(.admin-red-mode) .post-hero .top-swap-empty{
  background:#17212d!important;border-color:#354256!important;box-shadow:none!important;
}
body.dark-mode:not(.admin-red-mode) .post-hero .trust-row span{background:#151e2a!important;border-color:#334054!important;color:#dfe6ef!important}
body.dark-mode:not(.admin-red-mode) .post-form-band,
body.dark-mode:not(.admin-red-mode) .post-form-container,
body.dark-mode:not(.admin-red-mode) .edit-listing-band{background:#0f151d!important}
body.dark-mode:not(.admin-red-mode) .compact-post-form,
body.dark-mode:not(.admin-red-mode) .compact-post-form .homepage-form-section,
body.dark-mode:not(.admin-red-mode) .compact-post-form .homepage-form-submit,
body.dark-mode:not(.admin-red-mode) .compact-post-form .homepage-photo-card,
body.dark-mode:not(.admin-red-mode) .compact-post-form .photo-order-manager,
body.dark-mode:not(.admin-red-mode) .compact-post-form .listing-photo-slot,
body.dark-mode:not(.admin-red-mode) .compact-post-form .form-alert{
  background:#17212d!important;border-color:#354256!important;color:#eef3fa!important;
}
body.dark-mode:not(.admin-red-mode) .compact-post-form input,
body.dark-mode:not(.admin-red-mode) .compact-post-form select,
body.dark-mode:not(.admin-red-mode) .compact-post-form textarea{background:#0f1721!important;border-color:#3b485c!important;color:#eef3fa!important}
body.dark-mode:not(.admin-red-mode) .compact-post-form option{background:#111923!important;color:#eef3fa!important}


/* ========================================================================
   REVISION 218 — EXPLICIT ADMIN/MOD UNBAN CONTROLS
   ======================================================================== */
.admin-unban-control-panel{margin:18px 0 24px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.admin-unban-control-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px}
.admin-unban-control-head h2{margin:3px 0 5px}.admin-unban-control-head p{margin:0;color:var(--muted)}
.admin-unban-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.admin-unban-card{display:flex;flex-direction:column;gap:14px;min-width:0;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2,#121b27)}
.admin-unban-card h3{margin:3px 0 5px}.admin-unban-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.45}
.admin-unban-form{display:grid;gap:10px;margin-top:auto}.admin-unban-form label{display:grid;gap:6px}.admin-unban-form label>span{font-size:.8rem;font-weight:700}
.admin-unban-form select{width:100%;min-height:42px}.admin-unban-form .button{width:100%;justify-content:center}.admin-unban-form small{color:var(--muted)}
body.dark-mode .admin-unban-control-panel,body.dark-mode .admin-unban-card{background:#121b27;border-color:#354256;color:#eef3fa}
body.dark-mode .admin-unban-form select{background:#0f1721;border-color:#3b485c;color:#eef3fa}
body.admin-red-mode .admin-unban-control-panel{background:#0d0d0f;border-color:#53313a}
body.admin-red-mode .admin-unban-card{background:#171719;border-color:#4a3439}
body.admin-red-mode .admin-unban-form select{background:#0f0f11;border-color:#60404a;color:#f6f2f3}
@media(max-width:900px){.admin-unban-control-grid{grid-template-columns:1fr}}


/* Revision 222 - Member Manage moderation controls kept together */
.admin-member-control-body .admin-moderation-action-row{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:7px!important;
  margin-top:2px!important;
}
.admin-member-control-body .admin-hidden-submit-form{display:none!important}
.admin-member-control-body .admin-current-restriction{
  margin:0!important;
  padding:7px 9px!important;
  border:1px solid var(--line)!important;
  border-radius:8px!important;
  background:var(--soft)!important;
  font-size:.72rem!important;
}
.admin-member-control-body .admin-moderation-action-row .button[disabled]{
  opacity:.52!important;
  cursor:not-allowed!important;
}
body.dark-mode .admin-member-control-body .admin-current-restriction{
  background:#172334!important;
  border-color:#35465d!important;
  color:#eef3f8!important;
}


/* ========================================================================
   REVISION 226 — STABLE PAGE POSITION + UNIFORM LOCAL SERVICES FEATURE TILE
   ======================================================================== */
/* Never animate document scrolling. POST/setting saves that return to the same
   page are restored to their exact previous viewport by the shared scripts. */
html{scroll-behavior:auto!important}

/* Local Services is a normal feature tile, not a special floating link. */
.hero-feature-strip.hero-feature-strip-upgraded>a.hero-feature-service-link{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  min-height:46px!important;
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:0 6px!important;
  align-items:start!important;
  padding:6px 8px!important;
  border:1px solid #e1e6eb!important;
  border-radius:7px!important;
  background:#f7f8fa!important;
  color:var(--muted)!important;
  font-size:.68rem!important;
  font-weight:750!important;
  text-decoration:none!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.hero-feature-strip.hero-feature-strip-upgraded>a.hero-feature-service-link>strong{
  grid-row:1/3!important;
  display:inline-grid!important;
  place-items:center!important;
  min-width:18px!important;
  color:var(--brand)!important;
  font-size:.66rem!important;
}
.hero-feature-strip.hero-feature-strip-upgraded>a.hero-feature-service-link>b,
.hero-feature-strip.hero-feature-strip-upgraded>a.hero-feature-service-link>small{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.hero-feature-strip.hero-feature-strip-upgraded>a.hero-feature-service-link>small{
  line-height:1.2!important;
}
body.dark-mode .hero-feature-strip.hero-feature-strip-upgraded>a.hero-feature-service-link{
  background:#151f2d!important;
  border-color:#35465d!important;
  color:#eef3f8!important;
}
body.admin-red-mode .hero-feature-strip.hero-feature-strip-upgraded>a.hero-feature-service-link{
  background:#17191d!important;
  border-color:#3a3e45!important;
  color:#e8eaed!important;
}
body.admin-red-mode .hero-feature-strip.hero-feature-strip-upgraded>a.hero-feature-service-link>strong{
  color:#e84b5e!important;
}
body.admin-red-mode .hero-feature-strip.hero-feature-strip-upgraded>a.hero-feature-service-link>small{
  color:#9da2aa!important;
}
@media(max-width:720px){
  .hero-feature-strip.hero-feature-strip-upgraded>a.hero-feature-service-link{
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    padding:10px!important;
  }
}
@media(max-width:430px){
  .hero-feature-strip.hero-feature-strip-upgraded>a.hero-feature-service-link{padding:8px!important}
}


/* REVISION 228 — chat message control cleanup.
   Only the current delete control is permitted in the message-control column.
   This prevents stale/legacy one-letter controls from leaking into the room UI. */
.chat-message-modtools{overflow:hidden!important}
.chat-message-modtools button:not(.chat-message-delete){display:none!important}
.chat-message-modtools .chat-message-delete{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  padding:0!important;
  line-height:1!important;
  font-family:Arial,sans-serif!important;
  font-size:16px!important;
}


/* ========================================================================
   REVISION 229 - CHATROOM HEADER + SCROLLABLE NEWEST-FIRST MEMBER DIRECTORY
   ======================================================================== */
/* Keep the standalone Chatroom heading in normal header layout. The older
   absolute-positioned title could escape its header when the chat columns
   changed width (notably while webcam streams were open), leaving a clipped
   letter over the room. */
body.chat-standalone-shell .chat-standalone-brand{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
}
body.chat-standalone-shell .chat-standalone-brand-left{
  grid-column:1!important;
  justify-self:start!important;
  min-width:0!important;
}
body.chat-standalone-shell .chat-standalone-title{
  grid-column:2!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  justify-self:center!important;
  align-self:center!important;
  margin:0!important;
  width:auto!important;
  max-width:100%!important;
  overflow:visible!important;
  white-space:nowrap!important;
  text-align:center!important;
  z-index:auto!important;
}
@media(max-width:700px){
  body.chat-standalone-shell .chat-standalone-brand{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  body.chat-standalone-shell .chat-standalone-brand-left{grid-column:1!important}
  body.chat-standalone-shell .chat-standalone-title{
    grid-column:2!important;
    justify-self:end!important;
    white-space:normal!important;
    text-align:right!important;
  }
}

/* The public member directory is a contained scrolling window. */
.members-page-compact .member-directory-scroll{
  max-height:520px;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding:0 6px 2px 0;
  border-radius:12px;
}
.members-page-compact .member-directory-scroll:focus-visible{
  outline:2px solid var(--brand);
  outline-offset:3px;
}
@media(max-width:820px){
  .members-page-compact .member-directory-scroll{
    max-height:65vh;
    padding-right:4px;
  }
}

/* Revision 230: public members directory is always a visible, fixed-height scroll window. */
.members-page-compact .member-directory-scroll{
  height:440px!important;
  max-height:440px!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding:10px!important;
  border:1px solid var(--line)!important;
  border-radius:14px!important;
  background:var(--white)!important;
}
body.dark-mode .members-page-compact .member-directory-scroll{
  background:#131a24!important;
  border-color:#394353!important;
}
@media(max-width:820px){
  .members-page-compact .member-directory-scroll{
    height:60vh!important;
    min-height:360px!important;
    max-height:60vh!important;
    padding:8px!important;
  }
}


/* ========================================================================
   REVISION 231 — GUARANTEED MEMBER DIRECTORY WINDOW
   The Members page also has these critical dimensions inline so stylesheet
   ordering/caching cannot make the window disappear.
   ======================================================================== */
.members-page-compact .member-directory-scroll{
  height:440px!important;
  min-height:440px!important;
  max-height:440px!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable both-edges!important;
  overscroll-behavior:contain!important;
  padding:12px!important;
  border:2px solid var(--line)!important;
  border-radius:14px!important;
  background:var(--soft)!important;
  box-sizing:border-box!important;
  box-shadow:inset 0 0 0 1px rgba(49,86,216,.05)!important;
}
.members-page-compact .member-directory-scroll>.member-grid{margin:0!important;}
body.dark-mode .members-page-compact .member-directory-scroll{
  background:#111b28!important;
  border-color:#3b4b60!important;
}
@media(max-width:820px){
  .members-page-compact .member-directory-scroll{
    height:60vh!important;min-height:360px!important;max-height:60vh!important;
  }
}

/* Revision 232: Blog comment moderation inside Admin / Moderator panel */
.admin-blog-comments-heading{margin-bottom:12px}
.admin-blog-comment-posts{display:grid;gap:14px}
.admin-blog-comment-post{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}
.admin-blog-comment-post-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--soft)}
.admin-blog-comment-post-head h3{margin:3px 0 4px;font-size:.83rem}
.admin-blog-comment-post-head small{color:var(--muted);font-size:.52rem}
.admin-blog-comment-list{display:grid}
.admin-blog-comment-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;padding:14px 16px;border-bottom:1px solid var(--line)}
.admin-blog-comment-row:last-child{border-bottom:0}
.admin-blog-comment-copy{min-width:0}
.admin-blog-comment-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:7px}
.admin-blog-comment-meta strong{font-size:.64rem}
.admin-blog-comment-meta small{color:var(--muted);font-size:.49rem}
.admin-blog-comment-copy p{margin:0;white-space:normal;overflow-wrap:anywhere;line-height:1.55}
.admin-blog-comment-actions{display:flex;align-items:flex-start;justify-content:flex-end}
.admin-blog-comment-actions form{margin:0}
.admin-blog-comment-protected{display:inline-block;padding:7px 9px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:.48rem;font-weight:800;white-space:nowrap}
body.dark-mode .admin-blog-comment-post{background:#1a202a;border-color:#394353}
body.dark-mode .admin-blog-comment-post-head{background:#151b24;border-color:#394353}
body.dark-mode .admin-blog-comment-row{border-color:#394353}
body.dark-mode .admin-blog-comment-protected{border-color:#394353;color:#aeb9c8}
@media(max-width:720px){.admin-blog-comment-post-head,.admin-blog-comment-row{grid-template-columns:1fr;display:grid}.admin-blog-comment-post-head .button{justify-self:start}.admin-blog-comment-actions{justify-content:flex-start}}

/* Revision 237: enlarged listing photo lightbox for all marketplace post types. */
.listing-photo-lightbox-trigger{cursor:zoom-in}
.listing-photo-lightbox-trigger:focus-visible{outline:3px solid var(--brand);outline-offset:-3px}
body.listing-lightbox-open{overflow:hidden}
.listing-photo-lightbox[hidden]{display:none!important}
.listing-photo-lightbox{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:22px;background:rgba(3,10,19,.82);backdrop-filter:blur(4px)}
.listing-photo-lightbox-dialog{width:min(1080px,calc(100vw - 44px));max-height:calc(100vh - 44px);display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:10px;padding:12px;border:1px solid rgba(190,210,235,.32);border-radius:16px;background:#101b2a;color:#f7fbff;box-shadow:0 24px 70px rgba(0,0,0,.45)}
.listing-photo-lightbox-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-width:0}
.listing-photo-lightbox-counter{font-size:.78rem;font-weight:850;color:#dbe8f8}
.listing-photo-lightbox-zoom{display:flex;align-items:center;gap:5px}
.listing-photo-lightbox-zoom button,.listing-photo-lightbox-close,.listing-photo-lightbox-nav{border:1px solid #435a78;background:#17283d;color:#fff;font:inherit;font-weight:900;cursor:pointer}
.listing-photo-lightbox-zoom button{min-width:42px;height:38px;padding:0 10px;border-radius:9px}
.listing-photo-lightbox-zoom [data-lightbox-zoom-reset]{min-width:66px;font-size:.72rem}
.listing-photo-lightbox-close{width:40px;height:40px;border-radius:10px;font-size:1.55rem;line-height:1}
.listing-photo-lightbox-zoom button:hover,.listing-photo-lightbox-close:hover,.listing-photo-lightbox-nav:hover{background:#244262}
.listing-photo-lightbox-stage{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:stretch;min-height:360px;height:min(68vh,720px);overflow:hidden;border-radius:12px;background:#080f18}
.listing-photo-lightbox-pan{min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;touch-action:none;cursor:default}
.listing-photo-lightbox-pan.is-zoomed{cursor:grab}
.listing-photo-lightbox-pan.is-dragging{cursor:grabbing}
.listing-photo-lightbox-pan img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none;transition:transform .08s ease-out;transform-origin:center center}
.listing-photo-lightbox-pan.is-dragging img{transition:none}
.listing-photo-lightbox-nav{z-index:2;align-self:center;width:44px;height:64px;margin:4px;border-radius:10px;font-size:2rem;line-height:1}
.listing-photo-lightbox-prev{justify-self:start}.listing-photo-lightbox-next{justify-self:end}
.listing-photo-lightbox-help{text-align:center;font-size:.68rem;color:#aebed2}
.listing-photo-lightbox-thumbs{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 4px;scrollbar-width:thin}
.listing-photo-lightbox-thumb{flex:0 0 72px;width:72px;height:58px;padding:3px;border:2px solid transparent;border-radius:9px;background:#17283d;cursor:pointer}
.listing-photo-lightbox-thumb.is-active{border-color:#55a7ff}
.listing-photo-lightbox-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:5px}
@media(max-width:700px){
  .listing-photo-lightbox{padding:10px}
  .listing-photo-lightbox-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px);padding:9px;border-radius:12px}
  .listing-photo-lightbox-toolbar{grid-template-columns:minmax(0,1fr) auto}.listing-photo-lightbox-zoom{grid-column:1/-1;grid-row:2;justify-content:center}
  .listing-photo-lightbox-close{grid-column:2;grid-row:1}.listing-photo-lightbox-counter{grid-column:1;grid-row:1}
  .listing-photo-lightbox-stage{grid-template-columns:42px minmax(0,1fr) 42px;min-height:260px;height:min(60vh,560px)}
  .listing-photo-lightbox-nav{width:36px;height:56px;font-size:1.7rem;margin:2px}
  .listing-photo-lightbox-thumb{flex-basis:62px;width:62px;height:50px}
  .listing-photo-lightbox-help{font-size:.62rem}
}


/* ========================================================================
   REVISION 243 — COMPLETE MANUAL ADSENSE PLACEHOLDER COVERAGE
   - Every standard horizontal/inline placeholder uses the responsive horizontal unit.
   - Both desktop side rails use the responsive vertical unit.
   - Chat replaces the old "Chatroom" title with a real top banner and gains a
     matching bottom banner. Inline chat ads are immediate + every 20 messages.
   ======================================================================== */
body.chat-standalone-shell .chat-standalone-brand{
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:16px!important;
  min-height:112px!important;
  padding:10px 18px!important;
}
body.chat-standalone-shell .chat-standalone-brand-left{
  grid-column:1!important;
  justify-self:start!important;
}
body.chat-standalone-shell .chat-standalone-top-ad{
  grid-column:2!important;
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.chat-standalone-shell .chat-standalone-top-ad .site-ad-slot,
body.chat-standalone-shell .chat-standalone-bottom-ad .site-ad-slot{
  width:min(970px,100%)!important;
  margin:0 auto!important;
}
body.chat-standalone-shell .chat-standalone-top-ad .google-ad-slot,
body.chat-standalone-shell .chat-standalone-bottom-ad .google-ad-slot,
body.chat-standalone-shell .chat-standalone-top-ad .adsbygoogle,
body.chat-standalone-shell .chat-standalone-bottom-ad .adsbygoogle{
  width:100%!important;
}
body.chat-standalone-shell .chat-standalone-bottom-ad{
  width:100%!important;
  margin:16px auto 8px!important;
  padding:0 4px!important;
}
@media(max-width:760px){
  body.chat-standalone-shell .chat-standalone-brand{
    grid-template-columns:1fr!important;
    gap:6px!important;
    min-height:0!important;
    padding:7px 8px 9px!important;
  }
  body.chat-standalone-shell .chat-standalone-brand-left{
    grid-column:1!important;
    justify-self:start!important;
  }
  body.chat-standalone-shell .chat-standalone-top-ad{
    grid-column:1!important;
    width:100%!important;
  }
  body.chat-standalone-shell .chat-standalone-top-ad .site-ad-slot,
  body.chat-standalone-shell .chat-standalone-bottom-ad .site-ad-slot{
    width:100%!important;
  }
}

/* ========================================================================
   REVISION 244 — DIRECT-AD CTA + ADSENSE-SAFE EMPTY SLOT FALLBACK
   - Keep the self-service advertising link outside the Google creative area.
   - Direct WotUGot campaigns still replace Google for their booked placement.
   - If Google explicitly marks a manual unit unfilled, reveal the WotUGot
     house-ad creative without overlapping or altering a filled Google ad.
   ======================================================================== */
.site-ad-placement{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  max-width:100%;
}
.site-ad-placement-top,
.site-ad-placement-bottom,
.site-ad-placement-inline{
  width:min(970px,100%);
  margin-inline:auto;
}
.site-ad-placement-inline{margin:18px auto}
.site-ad-placement-inline .site-ad-inline{width:100%;margin:0!important;min-height:90px}
.site-ad-placement-top .site-ad-top,
.site-ad-placement-bottom .site-ad-bottom{margin:0!important}
.site-ad-label{
  display:block;
  color:var(--muted);
  font-size:.55rem;
  font-weight:800;
  letter-spacing:.09em;
  line-height:1;
  text-transform:uppercase;
}
.site-ad-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  min-height:18px;
}
.site-ad-actions .ad-kit-link,
.site-ad-actions .direct-ad-report-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:3px 6px;
  border-radius:6px;
  font-size:.58rem;
  line-height:1.2;
  text-decoration:none;
}
.site-ad-actions .ad-kit-link{color:var(--brand);font-weight:800}
.site-ad-actions .ad-kit-link:hover{text-decoration:underline}
.site-ad-actions .direct-ad-report-link{color:var(--muted)}
.site-ad-actions .direct-ad-report-link:hover{color:var(--ink);text-decoration:underline}
.site-ad-house-link,
.site-ad-house-fallback{
  width:100%;
  height:100%;
}
.site-ad-house-link{display:block}
.site-ad-house-fallback[hidden]{display:none!important}
.site-ad-house-fallback.is-visible{display:block!important}
.google-ad-slot{position:relative;width:100%;height:100%}

/* Side rails: position the whole placement (creative + clear booking link), not
   just the 160x600 creative, so the Media Kit link can never be clipped. */
.site-ad-placement-side{
  position:fixed;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  width:160px;
  z-index:80;
}
.site-ad-placement-side[data-ad-placement="global_side_left"]{left:12px;right:auto}
.site-ad-placement-side .site-ad-side{
  position:static!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;
  width:160px!important;
  height:600px!important;
  margin:0!important;
}
.site-ad-placement-side .site-ad-label{margin-bottom:1px}
.site-ad-placement-side .site-ad-actions{width:160px}
@media(max-width:1799px){.site-ad-placement-side{display:none!important}}
@media(min-width:1800px){body.has-site-ads .site-ad-placement-side{display:flex!important}}

@media(max-width:720px){
  .site-ad-placement{gap:4px}
  .site-ad-placement-inline{margin:12px auto}
  .site-ad-placement-inline .site-ad-inline{min-height:72px}
  .site-ad-label{font-size:.52rem}
  .site-ad-actions .ad-kit-link,.site-ad-actions .direct-ad-report-link{font-size:.56rem}
}

/* Media Kit: real inventory cards with direct booking actions. */
.media-kit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}
.media-kit-card{display:grid;grid-template-rows:auto auto auto 1fr auto;gap:8px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--white)}
.media-kit-card.is-requested{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 18%,transparent)}
.media-kit-card-preview{display:grid;place-items:center;min-height:112px;padding:10px;border-radius:10px;background:var(--soft);overflow:hidden}
.media-kit-card-preview img{display:block;max-width:100%;max-height:150px;object-fit:contain}
.media-kit-card-side .media-kit-card-preview{min-height:220px}.media-kit-card-side .media-kit-card-preview img{max-height:210px;width:auto}
.media-kit-card h2{font-size:1rem;margin:0}.media-kit-card p,.media-kit-card small{margin:0;color:var(--muted)}
.media-kit-prices{display:flex;gap:8px;flex-wrap:wrap}.media-kit-prices span{padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:var(--soft);font-size:.68rem;font-weight:800}
.media-kit-card .button{justify-self:start;margin-top:3px}
@media(max-width:700px){.media-kit-grid{grid-template-columns:1fr}}

/* Revision 244 chat advert action row can wrap safely on narrow screens. */
.chat-inline-ad-note{flex-wrap:wrap!important}

/* ========================================================================
   Revision 247 — LiveKit music streaming / dual audio mixer
   ======================================================================== */
.chat-user-stream-button.is-music,
.chat-user-stream-indicator.is-music{border-color:#8f63ff!important;background:#251b44!important;color:#efe7ff!important}
.chat-music-start.is-live,#chat-music-toggle.is-live{border-color:#8f63ff!important;background:#2b1d50!important;color:#f2ecff!important}
.chat-stream-mixer-controls{
  min-width:170px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:4px!important;
}
.chat-stream-volume-row{
  display:grid!important;
  grid-template-columns:18px 25px minmax(72px,1fr)!important;
  align-items:center!important;
  gap:4px!important;
  margin:0!important;
}
.chat-stream-volume-icon{font-size:.7rem;line-height:1;text-align:center}
.chat-stream-volume-row[hidden],.chat-stream-duck-toggle[hidden]{display:none!important}
.chat-stream-duck-toggle{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  color:#bfc9d7!important;
  font-size:.46rem!important;
  font-weight:800!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
.chat-stream-duck-toggle input{accent-color:#8f63ff}
.chat-stream-tile.is-ducking .chat-stream-duck-toggle{color:#d9caff!important}
.chat-stream-tile.is-ducking .chat-stream-duck-toggle::before{content:'↘';color:#b99cff;font-weight:950}
.chat-stream-tile.has-music.audio-only video{
  background:radial-gradient(circle at 50% 42%,rgba(143,99,255,.35),rgba(25,19,45,.9) 42%,#05070a 78%)!important;
}
.chat-stream-tile.has-music.audio-only video::after{content:'🎵'}
.chat-call-controls{flex-wrap:wrap!important}
@media(max-width:760px){
  .chat-mobile-stream-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .chat-stream-tile-caption{align-items:flex-start!important;flex-direction:column!important}
  .chat-stream-mixer-controls{width:100%!important;min-width:0!important}
  .chat-stream-volume-row{grid-template-columns:20px 30px minmax(0,1fr)!important}
  .chat-stream-volume-controls input[type="range"]{width:100%!important}
  .chat-stream-duck-toggle{justify-content:flex-start!important}
}


/* Revision 251: per-user chat sound controls */
.chat-sound-settings{margin-top:14px;padding-top:12px;border-top:1px solid #303948;display:grid;gap:8px}
.chat-sound-settings-head{display:flex;justify-content:space-between;gap:8px;align-items:center}
.chat-sound-settings-head strong{font-size:.82rem}
.chat-sound-settings-head small{font-size:.62rem;color:var(--muted)}
.chat-sound-option{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:var(--soft);cursor:pointer;font-size:.75rem;font-weight:700}
.chat-sound-option input{width:16px;height:16px;margin:0;accent-color:var(--brand)}
.chat-sound-option-master{margin-top:2px}
body.dark-mode .chat-sound-option{background:#151b24;border-color:#394353}
@media (max-width:900px){.chat-sound-settings{margin-top:12px}.chat-sound-option{padding:9px 10px;font-size:.8rem}}


/* Revision 253 — simplified analytics snapshot */
.analytics-snapshot-block{
  margin-top:14px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--white);
}
.analytics-snapshot-block .analytics-mini-heading{margin-bottom:10px}
.analytics-simple-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.analytics-simple-grid article{padding:13px 14px;min-height:108px;display:flex;flex-direction:column;justify-content:center}
.analytics-simple-grid strong{font-size:1.55rem;line-height:1}
.analytics-simple-grid span{margin-top:7px;font-size:.82rem;font-weight:800;color:var(--text)}
.analytics-simple-grid article small{margin-top:5px;font-size:.67rem;line-height:1.35}
.analytics-simple-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.analytics-snapshot-ads{border-color:rgba(243,177,63,.42)}
.analytics-ad-explainer{
  display:grid;
  gap:4px;
  margin:0 0 10px;
  padding:11px 13px;
  border-left:4px solid #f3b13f;
  border-radius:0 10px 10px 0;
  background:var(--soft);
}
.analytics-ad-explainer strong{font-size:.86rem}
.analytics-ad-explainer span{font-size:.72rem;color:var(--muted);line-height:1.4}
body.dark-mode .analytics-snapshot-block{background:#172334;border-color:#35465d}
body.dark-mode .analytics-snapshot-ads{border-color:rgba(243,177,63,.48)}
body.dark-mode .analytics-ad-explainer{background:#101c2a}
@media(max-width:900px){
  .analytics-simple-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .analytics-simple-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
  .analytics-simple-grid,.analytics-simple-grid-3{grid-template-columns:1fr 1fr}
  .analytics-simple-grid-3 article:last-child{grid-column:1/-1}
}

/* Revision 254 — direct Shift/Seek contact + Local Service reviews */
.service-card-reviews{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:10px 0 2px;padding:8px 10px;border-radius:10px;background:var(--soft);font-size:.76rem}.service-card-reviews strong{font-size:.78rem}.service-card-reviews small{color:var(--muted)}
.service-reviews-panel{margin-top:28px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--white)}
.service-reviews-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.service-reviews-heading h2{margin:4px 0 5px}.service-reviews-heading p{margin:0;color:var(--muted)}
.service-review-summary-card{min-width:145px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--soft);display:grid;gap:4px;text-align:right}.service-review-summary-card>strong{font-size:1.45rem}.service-review-summary-card small{color:var(--muted)}
.service-review-list{display:grid;gap:10px}.service-review-card{padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff}.service-review-card p{margin:10px 0 0;white-space:normal}.service-review-author{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center}.service-review-author img{width:40px;height:40px;border-radius:50%;object-fit:cover}.service-review-author strong,.service-review-author small{display:block}.service-review-author small{color:var(--muted);font-size:.72rem}
.service-review-empty,.service-review-owner-note{padding:14px;border:1px dashed var(--line);border-radius:14px;background:var(--soft)}.service-review-empty p{margin:4px 0 0;color:var(--muted)}.service-review-owner-note{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between}.service-review-owner-note span{color:var(--muted)}
.service-review-form{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--soft);display:grid;gap:12px}.service-review-form h3{margin:4px 0}.service-review-form p{margin:0;color:var(--muted)}.service-review-form label{display:grid;gap:6px}.service-review-form select,.service-review-form textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;color:var(--ink);font:inherit}.service-review-signin{margin-top:14px}.direct-complete-form{display:inline-flex}
body.dark-mode .service-card-reviews,body.dark-mode .service-review-summary-card,body.dark-mode .service-review-form,body.dark-mode .service-review-empty,body.dark-mode .service-review-owner-note{background:#101c2a;border-color:#35465d}body.dark-mode .service-reviews-panel,body.dark-mode .service-review-card{background:#172334;border-color:#35465d}body.dark-mode .service-review-form select,body.dark-mode .service-review-form textarea{background:#0f1824;border-color:#35465d;color:#fff}
@media(max-width:700px){.service-reviews-heading{display:grid}.service-review-summary-card{min-width:0;text-align:left}.service-review-author{grid-template-columns:36px 1fr}.service-review-author img{width:36px;height:36px}.service-review-author>.rating-stars{grid-column:2}.leaderboard-highlight-grid{grid-template-columns:1fr}}


/* Revision 255 — clean leaderboard marketplace highlights */
.leaderboard-marketplace-strip{
  margin:24px 0;
  padding:18px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--white);
}
.leaderboard-marketplace-strip-heading{margin-bottom:14px}
.leaderboard-marketplace-strip-heading h2{margin:4px 0 5px}
.leaderboard-marketplace-strip-heading p{margin:0;color:var(--muted)}
.leaderboard-marketplace-strip-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.leaderboard-marketplace-card{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:12px;
  align-items:center;
  min-width:0;
  padding:12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--soft);
  color:var(--ink);
  text-decoration:none;
}
.leaderboard-marketplace-card:hover{transform:translateY(-1px);border-color:var(--brand)}
.leaderboard-marketplace-card img{
  width:72px;height:72px;object-fit:cover;border-radius:11px;background:#fff;
}
.leaderboard-marketplace-card>span{min-width:0;display:grid;gap:4px}
.leaderboard-marketplace-card small{font-size:.66rem;font-weight:900;letter-spacing:.04em;color:var(--brand)}
.leaderboard-marketplace-card strong{font-size:.84rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.leaderboard-marketplace-card em{font-size:.69rem;line-height:1.35;color:var(--muted);font-style:normal}
.leaderboard-marketplace-card.is-empty{grid-template-columns:1fr;min-height:98px}
body.dark-mode .leaderboard-marketplace-strip{background:#172334;border-color:#35465d}
body.dark-mode .leaderboard-marketplace-card{background:#101c2a;border-color:#35465d;color:#fff}
@media(max-width:1000px){.leaderboard-marketplace-strip-grid{grid-template-columns:1fr}}
@media(max-width:620px){
  .leaderboard-marketplace-strip{padding:14px}
  .leaderboard-marketplace-card{grid-template-columns:58px minmax(0,1fr)}
  .leaderboard-marketplace-card img{width:58px;height:58px}
}


/* ==========================================================
   Revision 257 — Leaderboards page layout restoration
   Dedicated rules are intentionally scoped to .leaderboard-page.
   ========================================================== */

.leaderboard-page{
  padding:34px 0 54px;
  background:var(--soft);
}
.leaderboard-page>.container{
  display:grid;
  gap:18px;
  background:transparent;
  border:0;
  padding:0;
}

.leaderboard-page .leaderboard-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  padding:24px 26px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--white);
}
.leaderboard-page .leaderboard-hero-copy h1{
  margin:4px 0 8px;
  font-size:clamp(2rem,3vw,3.1rem);
  line-height:1.02;
  letter-spacing:-.04em;
}
.leaderboard-page .leaderboard-hero-copy p{
  margin:0;
  max-width:760px;
}
.leaderboard-page .leaderboard-hero-month{
  min-width:120px;
  display:grid;
  justify-items:center;
  gap:0;
  padding:14px 18px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--soft);
}
.leaderboard-page .leaderboard-hero-month span{
  color:var(--brand);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.12em;
}
.leaderboard-page .leaderboard-hero-month strong{
  font-size:1.55rem;
  line-height:1.1;
}
.leaderboard-page .leaderboard-hero-month small{
  margin-top:3px;
  color:var(--muted);
  font-size:.68rem;
}

.leaderboard-page .leaderboard-feature-section,
.leaderboard-page .leaderboard-marketplace-highlights,
.leaderboard-page .leaderboard-records-panel,
.leaderboard-page .leaderboard-board{
  padding:20px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--white);
}
.leaderboard-page .leaderboard-section-heading{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:18px;
  margin-bottom:14px;
}
.leaderboard-page .leaderboard-section-heading h2,
.leaderboard-page .leaderboard-standings-intro h2{
  margin:3px 0 4px;
  font-size:1.35rem;
  letter-spacing:-.025em;
}
.leaderboard-page .leaderboard-section-heading p,
.leaderboard-page .leaderboard-standings-intro p{
  margin:0;
  font-size:.82rem;
  color:var(--muted);
}
.leaderboard-page .leaderboard-section-heading>small{
  color:var(--muted);
  font-size:.7rem;
}

/* Current leaders: restore the original clean four-card grid. */
.leaderboard-page .leaderboard-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.leaderboard-page .leaderboard-feature-grid .hero-top-swapper-card{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:auto!important;
  max-width:none!important;
  min-width:0;
  height:100%;
  margin:0!important;
  padding:13px!important;
  transform:none!important;
  border-radius:13px!important;
  box-shadow:none!important;
  overflow:hidden;
}
.leaderboard-page .leaderboard-feature-grid .hero-top-swapper-card:hover{
  transform:translateY(-2px)!important;
}
.leaderboard-page .leaderboard-feature-card .hero-top-swapper-head{
  margin-bottom:10px;
}
.leaderboard-page .leaderboard-feature-card .hero-top-swapper-badge{
  font-size:.58rem;
  padding:5px 7px;
}
.leaderboard-page .leaderboard-feature-card .hero-top-swapper-head>small{
  font-size:.61rem;
}
.leaderboard-page .leaderboard-feature-body{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  grid-template-areas:
    "image detail"
    "title title"
    "link link";
  gap:6px 9px!important;
  align-items:center;
}
.leaderboard-page .leaderboard-feature-body>img{
  grid-area:image;
  width:40px!important;
  height:40px!important;
  max-width:40px!important;
  border-radius:50%!important;
  object-fit:cover!important;
}
.leaderboard-page .leaderboard-feature-body>div{
  grid-area:detail;
  min-width:0;
}
.leaderboard-page .leaderboard-feature-body>div span,
.leaderboard-page .leaderboard-feature-body>div small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.64rem;
}
.leaderboard-page .leaderboard-feature-body>.hero-card-title{
  grid-area:title;
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.8rem;
}
.leaderboard-page .leaderboard-feature-body>em{
  grid-area:link!important;
  font-size:.64rem!important;
}

/* New marketplace highlights are deliberately separate from the original 4 leaders. */
.leaderboard-page .leaderboard-marketplace-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.leaderboard-page .leaderboard-market-card{
  min-width:0;
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:11px;
  border:1px solid var(--line);
  border-radius:13px;
  background:var(--soft);
  transition:.18s ease;
}
.leaderboard-page a.leaderboard-market-card:hover{
  transform:translateY(-2px);
  border-color:#aebcff;
}
.leaderboard-page .leaderboard-market-card img{
  width:86px!important;
  height:68px!important;
  max-width:86px!important;
  object-fit:cover!important;
  border-radius:10px;
  background:#e8edf3;
}
.leaderboard-page .leaderboard-market-card>div{
  min-width:0;
  display:grid;
  gap:3px;
}
.leaderboard-page .leaderboard-market-card span{
  color:var(--brand);
  font-size:.59rem;
  font-weight:900;
  letter-spacing:.055em;
}
.leaderboard-page .leaderboard-market-card strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.78rem;
}
.leaderboard-page .leaderboard-market-card small{
  color:var(--muted);
  font-size:.64rem;
}
.leaderboard-page .leaderboard-market-card.is-empty{
  grid-template-columns:1fr;
  min-height:92px;
}

/* Jump navigation */
.leaderboard-page .leaderboard-jump{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
}
.leaderboard-page .leaderboard-jump a{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:46px;
  padding:9px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--white);
  font-size:.75rem;
  font-weight:850;
}
.leaderboard-page .leaderboard-jump a:hover{
  border-color:#aebcff;
  color:var(--brand);
}
.leaderboard-page .leaderboard-jump b{
  color:var(--brand);
  font-size:1rem;
}

/* Hall of Fame */
.leaderboard-page .leaderboard-trophy{
  font-size:1.35rem;
  color:#f3b13f;
}
.leaderboard-page .leaderboard-record-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
.leaderboard-page .leaderboard-record-card{
  min-width:0;
  display:grid;
  gap:9px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:13px;
  background:var(--soft);
}
.leaderboard-page .leaderboard-record-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#e9eeff;
  color:var(--brand);
  font-weight:950;
}
.leaderboard-page .leaderboard-record-title span{
  font-size:.76rem;
  font-weight:900;
}
.leaderboard-page .leaderboard-record-person{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:8px;
  align-items:center;
  min-width:0;
}
.leaderboard-page .leaderboard-record-person img{
  width:34px!important;
  height:34px!important;
  max-width:34px!important;
  border-radius:50%!important;
  object-fit:cover!important;
}
.leaderboard-page .leaderboard-record-person div{
  min-width:0;
}
.leaderboard-page .leaderboard-record-person strong,
.leaderboard-page .leaderboard-record-person small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.leaderboard-page .leaderboard-record-person strong{font-size:.74rem}
.leaderboard-page .leaderboard-record-person small{font-size:.61rem;color:var(--muted)}
.leaderboard-page .leaderboard-record-score{
  display:flex;
  align-items:baseline;
  gap:5px;
}
.leaderboard-page .leaderboard-record-score strong{
  font-size:1.05rem;
}
.leaderboard-page .leaderboard-record-score span,
.leaderboard-page .leaderboard-record-empty{
  color:var(--muted);
  font-size:.64rem;
}

/* Full standings */
.leaderboard-page .leaderboard-standings-intro{
  padding:5px 2px 0;
}
.leaderboard-page .leaderboard-board-stack{
  display:grid;
  gap:14px;
}
.leaderboard-page .leaderboard-board{
  padding:0;
  overflow:hidden;
}
.leaderboard-page .leaderboard-board-heading{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:14px 16px;
  border-bottom:1px solid var(--line);
  background:var(--soft);
}
.leaderboard-page .leaderboard-board-symbol{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#e9eeff;
  color:var(--brand);
  font-size:1.05rem;
  font-weight:950;
}
.leaderboard-page .leaderboard-board-heading-copy{
  min-width:0;
}
.leaderboard-page .leaderboard-board-heading-copy h2{
  margin:1px 0 2px;
  font-size:1.05rem;
}
.leaderboard-page .leaderboard-board-heading-copy p{
  margin:0;
  font-size:.68rem;
}
.leaderboard-page .leaderboard-back-top{
  padding:7px 9px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--white);
  color:var(--brand);
  font-size:.65rem;
  font-weight:850;
}
.leaderboard-page .leaderboard-current-wrap{
  padding:12px;
}
.leaderboard-page .leaderboard-current-list{
  display:grid;
  gap:7px;
}
.leaderboard-page .leaderboard-current-row{
  display:grid;
  grid-template-columns:30px 34px minmax(0,1fr) auto 18px;
  gap:9px;
  align-items:center;
  min-width:0;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--white);
}
.leaderboard-page .leaderboard-current-row.is-winner{
  border-color:#b9c9ff;
  background:#f7f9ff;
}
.leaderboard-page .leaderboard-rank{
  text-align:center;
  color:var(--brand);
  font-weight:950;
}
.leaderboard-page .leaderboard-avatar img{
  width:34px!important;
  height:34px!important;
  max-width:34px!important;
  border-radius:50%!important;
  object-fit:cover!important;
}
.leaderboard-page .leaderboard-member{
  min-width:0;
}
.leaderboard-page .leaderboard-member strong,
.leaderboard-page .leaderboard-member small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.leaderboard-page .leaderboard-member strong{font-size:.75rem}
.leaderboard-page .leaderboard-member small{font-size:.61rem;color:var(--muted)}
.leaderboard-page .leaderboard-score{
  text-align:right;
}
.leaderboard-page .leaderboard-score strong,
.leaderboard-page .leaderboard-score small{
  display:block;
}
.leaderboard-page .leaderboard-score strong{font-size:.78rem}
.leaderboard-page .leaderboard-score small{font-size:.59rem;color:var(--muted)}
.leaderboard-page .leaderboard-arrow{color:var(--brand)}
.leaderboard-page .leaderboard-current-empty{
  display:grid;
  gap:3px;
  padding:14px;
  border:1px dashed var(--line);
  border-radius:10px;
  background:var(--soft);
}
.leaderboard-page .leaderboard-current-empty strong{font-size:.75rem}
.leaderboard-page .leaderboard-current-empty span{font-size:.64rem;color:var(--muted)}

.leaderboard-page .leaderboard-history{
  border-top:1px solid var(--line);
}
.leaderboard-page .leaderboard-history summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:12px 16px;
  cursor:pointer;
  list-style:none;
  background:var(--soft);
}
.leaderboard-page .leaderboard-history summary::-webkit-details-marker{display:none}
.leaderboard-page .leaderboard-history summary span{
  display:grid;
}
.leaderboard-page .leaderboard-history summary strong{font-size:.72rem}
.leaderboard-page .leaderboard-history summary small{font-size:.61rem;color:var(--muted)}
.leaderboard-page .leaderboard-history-body{
  padding:12px 16px 16px;
}
.leaderboard-page .leaderboard-history-table{
  display:grid;
  gap:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:10px;
}
.leaderboard-page .leaderboard-history-head,
.leaderboard-page .leaderboard-history-row{
  display:grid;
  grid-template-columns:110px minmax(0,1fr) 90px 90px;
  gap:8px;
  align-items:center;
  padding:8px 10px;
  font-size:.65rem;
}
.leaderboard-page .leaderboard-history-head{
  background:var(--soft);
  font-weight:900;
}
.leaderboard-page .leaderboard-history-row{
  border-top:1px solid var(--line);
}
.leaderboard-page .leaderboard-history-row a{
  color:var(--brand);
  font-weight:800;
}
.leaderboard-page .leaderboard-history-empty{
  margin:0;
  font-size:.68rem;
}

/* Dark/admin modes */
body.dark-mode .leaderboard-page,
body.admin-red-mode .leaderboard-page{
  background:#090d13;
}
body.dark-mode .leaderboard-page .leaderboard-hero,
body.dark-mode .leaderboard-page .leaderboard-feature-section,
body.dark-mode .leaderboard-page .leaderboard-marketplace-highlights,
body.dark-mode .leaderboard-page .leaderboard-records-panel,
body.dark-mode .leaderboard-page .leaderboard-board,
body.dark-mode .leaderboard-page .leaderboard-jump a,
body.admin-red-mode .leaderboard-page .leaderboard-hero,
body.admin-red-mode .leaderboard-page .leaderboard-feature-section,
body.admin-red-mode .leaderboard-page .leaderboard-marketplace-highlights,
body.admin-red-mode .leaderboard-page .leaderboard-records-panel,
body.admin-red-mode .leaderboard-page .leaderboard-board,
body.admin-red-mode .leaderboard-page .leaderboard-jump a{
  background:#111820;
  border-color:#35404d;
}
body.dark-mode .leaderboard-page .leaderboard-hero-month,
body.dark-mode .leaderboard-page .leaderboard-market-card,
body.dark-mode .leaderboard-page .leaderboard-record-card,
body.dark-mode .leaderboard-page .leaderboard-board-heading,
body.dark-mode .leaderboard-page .leaderboard-history summary,
body.dark-mode .leaderboard-page .leaderboard-history-head,
body.dark-mode .leaderboard-page .leaderboard-current-empty,
body.admin-red-mode .leaderboard-page .leaderboard-hero-month,
body.admin-red-mode .leaderboard-page .leaderboard-market-card,
body.admin-red-mode .leaderboard-page .leaderboard-record-card,
body.admin-red-mode .leaderboard-page .leaderboard-board-heading,
body.admin-red-mode .leaderboard-page .leaderboard-history summary,
body.admin-red-mode .leaderboard-page .leaderboard-history-head,
body.admin-red-mode .leaderboard-page .leaderboard-current-empty{
  background:#172332;
  border-color:#35404d;
}
body.dark-mode .leaderboard-page .leaderboard-current-row,
body.dark-mode .leaderboard-page .leaderboard-back-top,
body.admin-red-mode .leaderboard-page .leaderboard-current-row,
body.admin-red-mode .leaderboard-page .leaderboard-back-top{
  background:#101820;
  border-color:#35404d;
}
body.dark-mode .leaderboard-page .leaderboard-current-row.is-winner,
body.admin-red-mode .leaderboard-page .leaderboard-current-row.is-winner{
  background:#14233a;
  border-color:#526a8c;
}

@media(max-width:1050px){
  .leaderboard-page .leaderboard-feature-grid,
  .leaderboard-page .leaderboard-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .leaderboard-page .leaderboard-marketplace-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .leaderboard-page{padding:18px 0 32px}
  .leaderboard-page .leaderboard-hero{grid-template-columns:1fr;padding:17px}
  .leaderboard-page .leaderboard-hero-month{justify-self:start;min-width:104px}
  .leaderboard-page .leaderboard-feature-section,
  .leaderboard-page .leaderboard-marketplace-highlights,
  .leaderboard-page .leaderboard-records-panel{padding:14px}
  .leaderboard-page .leaderboard-feature-grid,
  .leaderboard-page .leaderboard-record-grid{grid-template-columns:1fr}
  .leaderboard-page .leaderboard-jump{grid-template-columns:repeat(2,1fr)}
  .leaderboard-page .leaderboard-section-heading{align-items:start;flex-direction:column}
  .leaderboard-page .leaderboard-current-row{
    grid-template-columns:26px 32px minmax(0,1fr) auto;
  }
  .leaderboard-page .leaderboard-current-row .leaderboard-arrow{display:none}
  .leaderboard-page .leaderboard-history-table{overflow-x:auto}
  .leaderboard-page .leaderboard-history-head,
  .leaderboard-page .leaderboard-history-row{min-width:430px}
}


/* backup259 — live Analytics status */
.analytics-live-heading{align-items:flex-start}
.analytics-live-actions{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
}
.analytics-live-status{
  display:grid;
  grid-template-columns:9px auto;
  column-gap:7px;
  align-items:center;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--soft);
  min-width:190px;
}
.analytics-live-status i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#42d392;
  box-shadow:0 0 0 4px rgba(66,211,146,.12);
  grid-row:1/3;
}
.analytics-live-status span{
  font-size:.7rem;
  font-weight:900;
  line-height:1.15;
}
.analytics-live-status small{
  color:var(--muted);
  font-size:.61rem;
  line-height:1.15;
}
.analytics-live-status.is-error i{
  background:#f3b13f;
  box-shadow:0 0 0 4px rgba(243,177,63,.13);
}
@media(max-width:720px){
  .analytics-live-actions{width:100%;justify-content:flex-start}
  .analytics-live-status{min-width:0}
}


/* backup261 — compact leader row on Members page; existing card design retained */
.members-page .members-top-leaders-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  margin:16px 0 12px;
}
.members-page .members-top-leaders-grid .members-top-swapper{
  margin:0;
  min-width:0;
  grid-template-columns:38px minmax(0,1fr);
  gap:9px;
  padding:11px 12px;
  border-radius:14px;
}
.members-page .members-top-leaders-grid .members-top-icon{
  width:38px;
  height:38px;
  font-size:1.1rem;
}
.members-page .members-top-leaders-grid .members-top-swapper small{
  font-size:.62rem;
}
.members-page .members-top-leaders-grid .members-top-swapper strong{
  font-size:.86rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.members-page .members-top-leaders-grid .members-top-swapper em{
  font-size:.68rem;
  line-height:1.3;
}
.members-page .members-top-leaders-grid .members-top-arrow{
  grid-column:1/-1;
  font-size:.65rem;
  padding-top:2px;
}
.members-page .members-page-newest-member{
  margin:0 0 14px;
  padding:0!important;
  border:0;
  background:transparent!important;
}
.members-page .members-page-newest-member .newest-member-card{
  margin:0!important;
}
@media(max-width:900px){
  .members-page .members-top-leaders-grid{grid-template-columns:1fr}
}


/* backup262 — Analytics true in-page live updates */
.analytics-live-status i{
  animation:analytics-live-pulse 1.8s ease-in-out infinite;
}
@keyframes analytics-live-pulse{
  0%,100%{transform:scale(.88);opacity:.7}
  50%{transform:scale(1.18);opacity:1}
}
.analytics-live-value-changed{
  animation:analytics-live-value-pop .55s ease;
}
@keyframes analytics-live-value-pop{
  0%{transform:translateY(0)}
  35%{transform:translateY(-2px)}
  100%{transform:translateY(0)}
}
[data-live-graph]{
  transition:opacity .18s ease,transform .18s ease;
}
.analytics-live-graph-refreshing{
  opacity:.35;
  transform:translateY(2px);
}
.analytics-live-refreshing{
  opacity:.45;
  transition:opacity .16s ease;
}


/* backup266 — homepage galleries: 10 items inside compact scroll boxes */
.home-gallery-scroll{
  max-height:390px;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  padding-right:5px;
}
.home-gallery-scroll::-webkit-scrollbar{
  width:8px;
}
.home-gallery-scroll::-webkit-scrollbar-thumb{
  background:rgba(95,120,155,.45);
  border-radius:999px;
}
.home-gallery-scroll::-webkit-scrollbar-track{
  background:transparent;
}
.home-gallery-scroll-services{
  max-height:520px;
}
.home-gallery-see-all{
  display:flex;
  justify-content:center;
  padding-top:12px;
}
.home-gallery-see-all .button{
  min-width:180px;
  justify-content:center;
}
@media(max-width:1000px){
  .home-gallery-scroll{
    max-height:460px;
  }
  .home-gallery-scroll-services{
    max-height:560px;
  }
}
@media(max-width:620px){
  .home-gallery-scroll,
  .home-gallery-scroll-services{
    max-height:520px;
  }
}


/* backup268 — listing pop-out gallery: every uploaded photo starts fitted to the viewer */
.listing-photo-lightbox-pan img{
  flex:none;
  object-fit:contain;
}


/* backup270 — make deal communication and safety impossible to miss */
.deal-contact-guide,
.deal-message-reminder{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  margin:16px 0;
  padding:20px;
  border:2px solid var(--accent);
  border-radius:18px;
  background:var(--white);
  box-shadow:0 10px 28px rgba(20,40,70,.08);
}
.deal-contact-guide h2,
.deal-message-reminder h2{
  margin:.2rem 0 .5rem;
}
.deal-contact-guide p,
.deal-message-reminder p{
  margin:.35rem 0;
  color:var(--muted);
}
.deal-contact-guide-actions,
.deal-message-reminder-actions{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:210px;
}
.deal-contact-guide-actions .button,
.deal-message-reminder-actions .button{
  justify-content:center;
  text-align:center;
}
.deal-safety-reminder{
  padding-top:7px;
  border-top:1px solid var(--line);
}
.deal-safety-reminder a,
.deal-message-reminder a:not(.button){
  font-weight:900;
  text-decoration:underline;
}
@media(max-width:760px){
  .deal-contact-guide,
  .deal-message-reminder{
    grid-template-columns:1fr;
  }
  .deal-contact-guide-actions,
  .deal-message-reminder-actions{
    min-width:0;
  }
}




/* backup282 — obvious whole-control notification attention */
.header-action-strip>a.needs-attention,.nav-dropdown-menu>a.needs-attention,.profile-activity-grid>a.has-attention,.profile-manage-section.needs-attention,.account-profile-summary>a.needs-attention,.notification-centre-item.needs-attention{border-color:#d52e3f!important;outline:3px solid #d52e3f!important;outline-offset:-2px;box-shadow:0 0 0 3px rgba(213,46,63,.14)!important}
.header-action-strip>a.needs-attention,.profile-activity-grid>a.has-attention,.account-profile-summary>a.needs-attention{background:rgba(213,46,63,.06)!important}
.nav-dropdown-menu>a.needs-attention{border:2px solid #d52e3f!important;border-radius:8px;background:rgba(213,46,63,.07)!important;font-weight:900!important}
.profile-manage-section.needs-attention{border-width:2px!important}
.notification-centre-item.is-unread{border-left-width:1px!important;border-color:#d52e3f!important}
.notification-centre-main{display:block;min-width:0;flex:1 1 auto;color:inherit!important;text-decoration:none!important;border-radius:9px;padding:4px}
.notification-direct-hint{display:block;margin-top:9px;color:#b51f31;font-size:.78rem;font-weight:900}
body.dark-mode .header-action-strip>a.needs-attention,body.dark-mode .profile-activity-grid>a.has-attention,body.dark-mode .account-profile-summary>a.needs-attention,body.dark-mode .notification-centre-item.needs-attention,body.dark-mode .profile-manage-section.needs-attention{background:rgba(213,46,63,.13)!important}
.activity-attention-dot,.section-attention-badge,.header-activity-count,.header-friends-count,.message-count{display:none!important}


/* backup286 — opened-attention destination highlight */
.attention-arrival-highlight,
.message-bubble:target,
.profile-manage-section:target,
.friends-hub-section:target{
  outline:4px solid #f0a500!important;
  outline-offset:3px;
  box-shadow:0 0 0 7px rgba(240,165,0,.18)!important;
  scroll-margin-top:110px;
}
.message-bubble:target,
.attention-arrival-highlight.message-bubble{
  background:rgba(240,165,0,.11)!important;
}
body.dark-mode .attention-arrival-highlight,
body.dark-mode .message-bubble:target,
body.dark-mode .profile-manage-section:target,
body.dark-mode .friends-hub-section:target{
  box-shadow:0 0 0 7px rgba(240,165,0,.24)!important;
}