:root{
  --tech-bg:#07171d;
  --tech-bg-deep:#041015;
  --tech-panel:#10272d;
  --tech-panel-soft:#163238;
  --tech-glass:rgba(16,39,45,.82);
  --tech-text:#f4fbfa;
  --tech-muted:#a8c2c2;
  --tech-line:rgba(126,224,211,.22);
  --tech-cyan:#35e4cf;
  --tech-cyan-deep:#12aa9d;
  --tech-cyan-soft:rgba(53,228,207,.13);
  --tech-coral:#ff8b78;
  --tech-coral-deep:#e9675d;
  --tech-shadow:0 16px 38px rgba(0,8,12,.3);
}
html,body,.catalog{background:linear-gradient(145deg,var(--tech-bg-deep) 0%,var(--tech-bg) 48%,#0b2227 100%) fixed!important;color:var(--tech-text)!important;letter-spacing:0!important}
button,input,select{letter-spacing:0!important}
.topbar{height:70px!important;background:rgba(5,20,25,.86)!important;border-bottom:1px solid var(--tech-line)!important;box-shadow:0 12px 34px rgba(0,8,12,.28)!important;backdrop-filter:blur(18px) saturate(130%)!important}
.city-button,.header-search{background:rgba(17,43,49,.78)!important;border:1px solid var(--tech-line)!important;color:var(--tech-text)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important}
.city-button{height:42px!important;min-width:88px!important;border-radius:999px!important}.city-button::after{border-top-color:var(--tech-cyan)!important}
.header-search{height:44px!important;border-radius:999px!important;overflow:hidden!important}.header-search input{color:var(--tech-text)!important}.header-search input::placeholder{color:#78999a!important}.search-icon{color:var(--tech-cyan)!important}
.header-search button{height:100%!important;padding:0 22px!important;background:linear-gradient(135deg,var(--tech-cyan-deep),var(--tech-cyan))!important;color:#04201f!important;box-shadow:none!important}.header-search button:hover{background:linear-gradient(135deg,var(--tech-cyan),#7af5e3)!important}
.topbar nav button{color:var(--tech-muted)!important}.topbar nav button.active{background:var(--tech-cyan-soft)!important;color:var(--tech-cyan)!important}
.catalog{max-width:1260px!important;padding-top:30px!important}
.catalog-head .segments{gap:10px!important}.catalog-head .segments button,.catalog-head .segments button:nth-child(1),.catalog-head .segments button:nth-child(2),.catalog-head .segments button:nth-child(3){height:42px!important;border:1px solid var(--tech-line)!important;border-radius:999px!important;background:rgba(16,39,45,.72)!important;color:var(--tech-muted)!important;font-weight:750!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
.catalog-head .segments button:hover{border-color:rgba(53,228,207,.48)!important;background:rgba(22,56,62,.86)!important;color:var(--tech-text)!important}
.catalog-head .segments button.active,.catalog-head .segments button[data-cat].active{background:linear-gradient(135deg,var(--tech-cyan-deep),var(--tech-cyan))!important;border-color:transparent!important;color:#03211f!important;box-shadow:0 8px 24px rgba(28,208,190,.22)!important}
.catalog-head .segments .cat-icon{color:var(--tech-cyan)!important;filter:none!important}.catalog-head .segments button.active .cat-icon{color:#03211f!important}.catalog-head .segments .icon-medium{border-color:currentColor!important;background:currentColor!important}.catalog-head .segments .icon-medium::before,.catalog-head .segments .icon-medium::after{background:var(--tech-panel)!important}
.filter-bar{padding:12px!important;margin:16px 0 20px!important;border:1px solid var(--tech-line)!important;border-radius:8px!important;background:rgba(12,34,40,.72)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;backdrop-filter:blur(14px)!important}
.filter-bar select,.filter-bar select:nth-child(1),.filter-bar select:nth-child(2),.filter-bar select:nth-child(3),.filter-bar select:nth-child(4){height:42px!important;border:0!important;border-right:1px solid var(--tech-line)!important;border-radius:0!important;background:transparent!important;color:var(--tech-muted)!important;font-weight:700!important;box-shadow:none!important}.filter-bar select:last-child{border-right:0!important}.filter-bar select:hover,.filter-bar select:focus{background:var(--tech-cyan-soft)!important;color:var(--tech-text)!important;box-shadow:inset 0 -2px 0 var(--tech-cyan)!important}.filter-bar select.is-selected{background:var(--tech-cyan-soft)!important;color:var(--tech-cyan)!important}
.cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}.card,.card:nth-child(4n),.card:nth-child(4n+1),.card:nth-child(4n+2),.card:nth-child(4n+3){border:1px solid var(--tech-line)!important;border-radius:8px!important;background:linear-gradient(155deg,rgba(22,50,56,.96),rgba(11,31,37,.96))!important;box-shadow:var(--tech-shadow)!important;overflow:hidden!important}.card:hover{transform:translateY(-3px)!important;border-color:rgba(53,228,207,.52)!important;box-shadow:0 20px 48px rgba(0,8,12,.45),0 0 0 1px rgba(53,228,207,.08)!important}
.photo{height:auto!important;aspect-ratio:4/5!important;background:#0a2025!important}.photo img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important}
.photo-id{height:30px!important;padding:0 12px!important;border:1px solid rgba(117,242,225,.3)!important;border-radius:0 0 6px 0!important;background:rgba(5,24,29,.82)!important;color:#dffefa!important;font-size:11px!important;box-shadow:none!important;backdrop-filter:blur(9px)!important}.photo-price{height:30px!important;padding:0 12px!important;border:1px solid rgba(255,180,162,.32)!important;border-radius:0 0 0 6px!important;background:linear-gradient(135deg,rgba(222,91,81,.93),rgba(255,139,120,.94))!important;color:#fff!important;font-size:11px!important;box-shadow:none!important}.photo-region{height:29px!important;padding:0 11px!important;border:1px solid rgba(117,242,225,.26)!important;border-radius:0 6px 0 0!important;background:rgba(8,31,36,.82)!important;color:#dffefa!important;box-shadow:none!important;backdrop-filter:blur(9px)!important}
.card-body{padding:14px 14px 16px!important;background:transparent!important}.name-row{align-items:flex-start!important}.name-row h3{color:var(--tech-text)!important;font-size:17px!important;line-height:1.35!important;font-weight:800!important}.name-fav{height:28px!important;border:1px solid var(--tech-line)!important;border-radius:999px!important;background:rgba(255,255,255,.03)!important;color:var(--tech-muted)!important;box-shadow:none!important}.name-fav:hover{border-color:rgba(53,228,207,.5)!important;color:var(--tech-cyan)!important}.name-fav.on{border-color:rgba(255,139,120,.56)!important;background:rgba(255,139,120,.14)!important;color:var(--tech-coral)!important}
.bio-label{min-height:22px!important;margin-top:9px!important;padding:2px 7px!important;border:1px solid var(--tech-line)!important;border-radius:3px!important;background:var(--tech-cyan-soft)!important;color:var(--tech-cyan)!important;box-shadow:none!important;font-weight:750!important}.card-bio{margin-top:7px!important;color:var(--tech-muted)!important;font-size:12px!important;line-height:1.55!important}
.bottom-nav{background:rgba(7,27,33,.92)!important;border:1px solid var(--tech-line)!important;border-radius:24px!important;box-shadow:0 16px 40px rgba(0,7,10,.46)!important;backdrop-filter:blur(18px) saturate(130%)!important}.bottom-nav button{background:transparent!important;color:var(--tech-muted)!important}.bottom-nav button.active{background:linear-gradient(135deg,var(--tech-cyan-deep),var(--tech-cyan))!important;border-color:transparent!important;color:#03211f!important;box-shadow:none!important}.bottom-nav button em{background:var(--tech-coral)!important;color:#fff!important}
.home-top,.detail-top{border:1px solid var(--tech-line)!important;background:rgba(13,39,45,.94)!important;color:var(--tech-cyan)!important;box-shadow:0 8px 24px rgba(0,8,12,.34)!important}
#detailDialog,.detail-page{background:linear-gradient(145deg,var(--tech-bg-deep),var(--tech-bg) 55%,#0b2429)!important;color:var(--tech-text)!important}#detailDialog{border:1px solid var(--tech-line)!important;box-shadow:0 28px 90px rgba(0,7,10,.68)!important}
.detail-title,.detail-pair,.detail-bio{border:1px solid var(--tech-line)!important;border-radius:8px!important;background:linear-gradient(145deg,rgba(22,50,56,.9),rgba(10,31,37,.9))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}.detail-title{padding-top:26px!important;padding-bottom:22px!important}.detail-title h2{color:var(--tech-text)!important}.detail-title span{color:var(--tech-cyan)!important}.detail-info-row{border-color:var(--tech-line)!important}.detail-price-row span,.detail-location-row span,.detail-bio h3,.detail-section h3{color:var(--tech-cyan)!important}.detail-info-row strong,.detail-bio p,.detail-section>p{color:var(--tech-text)!important}.detail-section{border-color:var(--tech-line)!important}.detail-photos img,.detail-videos video{border:1px solid var(--tech-line)!important;border-radius:6px!important;background:#02090c!important;box-shadow:0 12px 30px rgba(0,6,9,.34)!important}
.copy-id,#detailDialog .close{background:linear-gradient(135deg,var(--tech-cyan-deep),var(--tech-cyan))!important;border-color:transparent!important;color:#03211f!important;box-shadow:0 8px 24px rgba(28,208,190,.2)!important}.copy-id:hover,#detailDialog .close:hover{background:linear-gradient(135deg,var(--tech-cyan),#7af5e3)!important}
.region-dialog,.region-list{background:var(--tech-panel)!important;border-color:var(--tech-line)!important;color:var(--tech-text)!important}.region-list button{color:var(--tech-muted)!important}.region-list button:hover,.region-list button.active{background:var(--tech-cyan-soft)!important;color:var(--tech-cyan)!important}
.access-gate{background:linear-gradient(145deg,var(--tech-bg-deep),var(--tech-bg) 55%,#0c292e)!important;color:var(--tech-text)!important}.access-panel{border:1px solid var(--tech-line)!important;border-radius:8px!important;background:linear-gradient(150deg,rgba(22,50,56,.94),rgba(8,28,34,.96))!important;box-shadow:0 28px 80px rgba(0,7,10,.56)!important}.access-visual{border-radius:6px!important}.access-panel h1,.access-panel label{color:var(--tech-text)!important}.access-panel>p:not(.access-kicker),.access-kicker{color:var(--tech-muted)!important}.access-input-row{border-color:var(--tech-line)!important;background:rgba(3,17,21,.58)!important}.access-input-row:focus-within{border-color:var(--tech-cyan)!important;box-shadow:0 0 0 3px rgba(53,228,207,.12)!important}.access-input-row input{color:var(--tech-text)!important}.access-submit{background:linear-gradient(135deg,var(--tech-cyan-deep),var(--tech-cyan))!important;color:#03211f!important;box-shadow:none!important}.access-error{color:var(--tech-coral)!important}
#toast{background:rgba(9,31,37,.96)!important;color:var(--tech-text)!important;border:1px solid var(--tech-line)!important;box-shadow:0 16px 38px rgba(0,7,10,.44)!important}
@media(max-width:860px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){
  .topbar{height:62px!important;background:rgba(5,20,25,.93)!important}.catalog{padding:12px 7px 64px!important}.catalog-head .segments{gap:7px!important}.catalog-head .segments button{height:38px!important;padding:0 7px!important}.filter-bar{padding:5px!important;margin:8px 0 10px!important;border-radius:6px!important}.filter-bar select{height:36px!important;padding:0 5px!important;font-size:11px!important}.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.card{box-shadow:0 8px 22px rgba(0,7,10,.3)!important}.photo{aspect-ratio:4/5!important}.card-body{padding:10px 9px 12px!important}.name-row h3{font-size:13px!important}.name-fav{height:25px!important;padding:0 6px!important}.card-bio{font-size:11px!important}.photo-id,.photo-price{height:26px!important;padding:0 7px!important;font-size:9px!important}.photo-region{height:26px!important;font-size:9px!important}.detail-title,.detail-pair,.detail-bio{border-radius:7px!important}
}

/* Ice-glass light variant */
:root{
  --tech-bg:#edf8f7;
  --tech-bg-deep:#dcefee;
  --tech-panel:#ffffff;
  --tech-panel-soft:#eef9f8;
  --tech-glass:rgba(255,255,255,.84);
  --tech-text:#17363b;
  --tech-muted:#668187;
  --tech-line:rgba(20,139,132,.2);
  --tech-shadow:0 14px 34px rgba(31,83,83,.12);
}
html,body,.catalog{background:linear-gradient(145deg,#dcefee 0%,#edf8f7 48%,#f8fbfa 100%) fixed!important}
.topbar{background:rgba(248,253,252,.9)!important;box-shadow:0 10px 30px rgba(31,83,83,.1)!important}
.city-button,.header-search,.catalog-head .segments button,.catalog-head .segments button:nth-child(1),.catalog-head .segments button:nth-child(2),.catalog-head .segments button:nth-child(3){background:rgba(255,255,255,.82)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important}
.catalog-head .segments button:hover{background:#fff!important;border-color:rgba(18,170,157,.42)!important}
.catalog-head .segments button.active,.catalog-head .segments button[data-cat].active{background:linear-gradient(135deg,var(--tech-cyan-deep),var(--tech-cyan))!important}
.filter-bar{background:rgba(255,255,255,.72)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important}
.card,.card:nth-child(4n),.card:nth-child(4n+1),.card:nth-child(4n+2),.card:nth-child(4n+3){background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(239,249,248,.96))!important}
.card:hover{border-color:rgba(18,170,157,.42)!important;box-shadow:0 20px 44px rgba(31,83,83,.16),0 0 0 1px rgba(53,228,207,.08)!important}
.name-fav{background:rgba(255,255,255,.82)!important}.name-fav:hover{color:var(--tech-cyan-deep)!important}.name-fav.on{border-color:rgba(233,103,93,.4)!important;color:var(--tech-coral-deep)!important}
.bottom-nav{background:rgba(255,255,255,.92)!important;box-shadow:0 14px 34px rgba(31,83,83,.17)!important}
.home-top,.detail-top{background:rgba(255,255,255,.94)!important;color:var(--tech-cyan-deep)!important;box-shadow:0 8px 22px rgba(31,83,83,.16)!important}
#detailDialog,.detail-page{background:linear-gradient(145deg,#dcefee,#edf8f7 55%,#f8fbfa)!important}#detailDialog{box-shadow:0 28px 80px rgba(31,83,83,.22)!important}
.detail-title,.detail-pair,.detail-bio{background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(239,249,248,.95))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.88)!important}
.detail-title span,.detail-price-row span,.detail-location-row span,.detail-bio h3,.detail-section h3{color:var(--tech-cyan-deep)!important}
.region-dialog,.region-list{background:#fff!important}
.access-gate{background:linear-gradient(145deg,#dcefee,#edf8f7 55%,#f8fbfa)!important}.access-panel{background:linear-gradient(150deg,rgba(255,255,255,.97),rgba(238,249,248,.98))!important;box-shadow:0 24px 70px rgba(31,83,83,.18)!important}.access-input-row{background:rgba(255,255,255,.82)!important}.access-error{color:var(--tech-coral-deep)!important}
@media(max-width:560px){.topbar{background:rgba(248,253,252,.95)!important}.card{box-shadow:0 7px 20px rgba(31,83,83,.12)!important}}