*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body-stack);font-weight:400;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--clr-bg);color:var(--clr-fg);min-height:100vh;background-image:var(--gradient-glow);background-attachment:fixed;background-repeat:no-repeat}html body:not(.light-mode),html:not(.light-mode){background-color:var(--landing-color-dark)}html body:not(.light-mode){color:var(--clr-fg);min-height:100vh;background-image:var(--gradient-glow);background-attachment:fixed;background-repeat:no-repeat}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input{font-family:inherit}img{display:block;max-width:100%}.font-display{font-family:var(--font-display-stack)}.page-wrapper{margin-left:auto;margin-right:auto;max-width:80rem;padding:2.5rem 1.5rem 6rem}.page-wrapper--premium{padding-top:1rem}.page-wrapper--premium .hero{margin-top:.75rem}@media (min-width:768px){.page-wrapper{padding-left:2.5rem;padding-right:2.5rem}}.header{display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-display-stack);font-size:1.875rem;font-weight:700;letter-spacing:-.02em;color:var(--clr-fg);line-height:1}.logo-accent{color:var(--clr-primary)}.hc-admin-link{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:9999px;border:1px solid #00fff559;background:#00fff514;color:#00fff5;font-size:.78rem;font-weight:600;text-decoration:none;cursor:pointer}.hc-admin-link--muted{border-color:#4b5563;background:#0000;color:#d1d5db}.header-actions{gap:.625rem}.header-actions,.icon-btn{display:flex;align-items:center}.icon-btn{width:2.5rem;height:2.5rem;border-radius:9999px;border:1px solid var(--clr-border);background:var(--clr-surface-el);backdrop-filter:blur(12px);color:var(--clr-muted);justify-content:center;font-size:.8125rem;font-weight:600;transition:color .2s,border-color .2s,transform .2s;outline:none}.icon-btn:hover{color:var(--clr-fg);border-color:hsl(var(--primary)/.4);transform:translateY(-1px)}.hero{margin-top:3rem;max-width:48rem;background:none;border:none;padding:0}.eyebrow{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.2em;color:hsl(var(--primary)/.8)}.eyebrow,.hero-title{margin-bottom:1.25rem}.hero-title{font-family:var(--font-display-stack);font-size:clamp(2.5rem,5vw,3.75rem);font-weight:700;line-height:1.08;letter-spacing:-.03em;color:var(--clr-fg)}.hero-title em{font-style:italic;color:var(--clr-primary)}.hero-sub{font-size:1.0625rem;font-weight:300;color:var(--clr-muted);line-height:1.7;max-width:38rem}.search-bar{margin-top:2.5rem;display:flex;align-items:center;gap:.75rem;padding:0 1.25rem;height:3.25rem;border-radius:1.5rem;border:1px solid var(--clr-border);background:hsl(var(--surface)/.7);backdrop-filter:blur(16px);transition:border-color .25s,box-shadow .25s}.search-bar:focus-within{border-color:hsl(var(--primary)/.5);box-shadow:0 0 0 3px hsl(var(--primary)/.08)}.search-icon{color:var(--clr-muted);flex-shrink:0;font-size:.9375rem}.search-input{flex:1;background:#0000;border:none;outline:none;color:var(--clr-fg);font-size:.9375rem;font-weight:400}.search-input::placeholder{color:hsl(var(--muted)/.6)}.kbd-hint{display:flex;align-items:center;gap:.25rem;flex-shrink:0}@media (max-width:639px){.kbd-hint{display:none}}.kbd{background:hsl(var(--surface-elevated));border:1px solid var(--clr-border);border-radius:.375rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:500;color:var(--clr-muted);letter-spacing:.03em}.chips{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.chip{display:inline-flex;align-items:center;padding:.375rem 1rem;border-radius:9999px;border:1px solid var(--clr-border);background:hsl(var(--surface-elevated));backdrop-filter:blur(12px);color:var(--clr-muted);font-size:.8125rem;font-weight:500;transition:all .2s;cursor:pointer}.chip:hover{color:var(--clr-fg);border-color:hsl(var(--primary)/.3)}.chip-active{border-color:hsl(var(--primary)/.6);background:hsl(var(--primary)/.08);color:var(--clr-primary);box-shadow:0 0 12px hsl(var(--primary)/.15)}.chip:disabled{opacity:.42;cursor:not-allowed;pointer-events:none}.hc-section-filter{display:flex;align-items:stretch;gap:.2rem;padding:.3rem;margin-top:1.35rem;margin-bottom:0;max-width:28rem;border-radius:9999px;background:hsl(var(--surface)/.55);border:1px solid var(--clr-border);box-shadow:inset 0 1px 0 #ffffff0a,0 4px 18px #06090f38;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hc-section-filter-btn{flex:1 1 0;min-width:0;border:none;border-radius:9999px;padding:.52rem .75rem;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1.15;color:var(--clr-muted);background:#0000;cursor:pointer;transition:color .22s ease,background .22s ease,box-shadow .22s ease}.hc-section-filter-btn:hover:not(.is-active){color:var(--clr-fg);background:hsl(var(--surface-elevated)/.45)}.hc-section-filter-btn.is-active{color:hsl(var(--foreground));background:linear-gradient(145deg,hsl(var(--primary)/.28) 0,hsl(var(--accent)/.14) 100%);box-shadow:0 0 0 1px hsl(var(--primary)/.38),0 6px 16px hsl(var(--primary)/.12)}.hc-section-filter-btn:focus-visible{outline:2px solid hsl(var(--primary)/.65);outline-offset:2px}.hc-section-filter-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-wrapper .hc-section-filter{margin-top:1.75rem;margin-bottom:1.5rem}.section-header.section-header--after-type-filter{margin-top:0}.section-header{margin-top:3.5rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem}.section-label{display:flex;flex-direction:column;gap:.375rem}.section-eyebrow{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.18em;color:var(--clr-muted)}.section-eyebrow-primary{color:hsl(var(--primary)/.9)}.section-title{font-family:var(--font-display-stack);font-size:1.5rem;font-weight:400;letter-spacing:-.01em;color:var(--clr-fg)}.section-right{display:flex;align-items:center;gap:1rem;flex-shrink:0}.divider-line{width:8rem;height:1px;background:linear-gradient(to right,#0000,var(--clr-border),#0000)}.listing-count{font-size:.6875rem;font-weight:600;letter-spacing:.1em;color:var(--clr-muted);white-space:nowrap;text-transform:uppercase}.property-grid{margin-top:2rem;display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:640px){.property-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.property-grid{grid-template-columns:repeat(3,1fr)}}.property-card{position:relative;border-radius:var(--radius);background:var(--gradient-card);box-shadow:var(--shadow-card);border:1px solid var(--clr-border);overflow:hidden;transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s cubic-bezier(.22,.61,.36,1);cursor:pointer}.property-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card-hover)}.property-card:hover .card-image img{transform:scale(1.06)}.card-image{position:relative;overflow:hidden;height:13rem;background:hsl(var(--surface-elevated))}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,.61,.36,1)}.card-image-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000 50%,hsl(var(--surface)/.6) 100%)}.card-badge{position:absolute;top:.875rem;left:.875rem;padding:.25rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;backdrop-filter:blur(12px);background:hsl(var(--surface)/.85);border:1px solid var(--clr-border);color:var(--clr-fg)}.card-badge.badge-sale{border-color:hsl(var(--primary)/.5);color:var(--clr-primary)}.card-badge.badge-prestige,.card-badge.badge-rent{border-color:hsl(var(--accent)/.5);color:var(--clr-accent)}.card-save-btn{position:absolute;top:.875rem;right:.875rem;width:2rem;height:2rem;border-radius:9999px;border:1px solid hsl(var(--border)/.8);background:hsl(var(--surface)/.85);backdrop-filter:blur(12px);color:var(--clr-muted);display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s,border-color .2s,transform .2s;cursor:pointer}.card-save-btn:hover{color:var(--clr-fg);border-color:hsl(var(--primary)/.4);transform:scale(1.1)}.card-save-btn.saved{color:#e05252;border-color:#e0525266;background:#e052521a}.card-body{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.card-title{font-family:var(--font-display-stack);font-size:1.125rem;font-weight:600;letter-spacing:-.01em;color:var(--clr-fg);line-height:1.3}.card-location{font-size:.8125rem;font-weight:700;color:var(--clr-muted);display:flex;align-items:center;gap:.375rem;margin-top:.5rem}.card-meta{display:flex;gap:1rem;flex-wrap:wrap}.card-meta-item{display:flex;align-items:center;gap:.3rem;font-size:.8125rem;font-weight:700;color:var(--clr-muted)}.card-meta-item span.icon,.card-meta-item svg{font-size:.875rem;color:hsl(var(--primary)/.7)}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--clr-border);margin-top:.25rem}.card-price{font-family:var(--font-display-stack);font-size:1.375rem;font-weight:700;color:var(--clr-primary);letter-spacing:-.02em}.card-area{font-size:.8125rem;color:var(--clr-muted);font-weight:400}.private-card:focus-visible,.property-card:focus-visible{outline:2px solid hsl(var(--primary)/.7);outline-offset:2px}.empty-state{grid-column:1/-1;border:1.5px dashed var(--clr-border);border-radius:var(--radius);padding:3rem 2rem;text-align:center;color:var(--clr-muted);font-size:.9375rem;font-weight:400}.empty-state strong{display:block;font-family:var(--font-display-stack);font-size:1.25rem;font-weight:600;color:hsl(var(--foreground)/.5);margin-bottom:.5rem}.private-section{margin-top:6rem}.page-wrapper .private-section.hc-listings-panel,.page-wrapper .video-section.hc-listings-panel,.private-section .section-header{margin-top:0}.section-description{font-size:.9375rem;color:var(--clr-muted);line-height:1.65;margin-top:.75rem;max-width:30rem}.private-card{--mx:50%;--my:50%;position:relative;border-radius:var(--radius);overflow:hidden;background:hsl(var(--surface));box-shadow:var(--shadow-card);transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s;cursor:pointer;isolation:isolate}.private-card-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at var(--mx) var(--my),hsl(var(--primary)/.12) 0,#0000 70%),linear-gradient(135deg,hsl(var(--surface-elevated)) 0,hsl(var(--background)) 100%);transition:background .12s;z-index:0}.private-card:before{background-image:linear-gradient(hsl(var(--primary)/.05) 1px,#0000 1px),linear-gradient(90deg,hsl(var(--primary)/.05) 1px,#0000 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 100% 0,#000 20%,#0000 70%);mask-image:radial-gradient(ellipse 80% 70% at 100% 0,#000 20%,#0000 70%);z-index:1}.private-card:after,.private-card:before{content:"";position:absolute;inset:0;pointer-events:none}.private-card:after{border-radius:var(--radius);padding:1px;background:linear-gradient(135deg,hsl(var(--primary)/.6),#0000 40%,hsl(var(--accent)/.4));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;transition:opacity .3s;z-index:2}.private-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #111318a6,0 0 0 1px hsl(var(--primary)/.25)}.private-card:hover:after{opacity:1}.private-card-content{position:relative;z-index:3;padding:1.75rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.private-card-tag{display:inline-flex;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--clr-primary);padding:.3rem .75rem;border-radius:9999px;border:1px solid hsl(var(--primary)/.3);background:hsl(var(--primary)/.06);width:fit-content}.private-card-title{font-family:var(--font-display-stack);font-size:1.25rem;font-weight:600;letter-spacing:-.015em;color:var(--clr-fg);line-height:1.3}.private-card-location{font-size:.8125rem;font-weight:700;color:var(--clr-muted);display:flex;align-items:center;gap:.375rem;margin-top:.5rem}.private-card-notice{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;border-radius:calc(var(--radius) * .6);border:1px dashed hsl(var(--primary)/.35);background:hsl(var(--primary)/.05)}.private-card-notice-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--clr-primary);flex-shrink:0}.private-card-notice-text{font-size:.75rem;font-weight:700;letter-spacing:.01em;line-height:1.35;color:var(--clr-muted)}.private-card-specs{display:flex;flex-wrap:wrap;gap:.625rem 1.25rem;padding-top:.75rem;border-top:1px solid hsl(var(--border)/.5)}.private-spec{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--clr-muted);font-weight:700}.private-spec svg{color:var(--clr-primary);flex-shrink:0}.private-spec strong{color:var(--clr-fg);font-weight:600}.private-card-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.5rem}.private-card-footer--with-contact{flex-wrap:wrap;align-items:flex-end}.private-card-footer--with-contact .contact-actions--card{width:100%;margin-top:0}.private-price{font-family:var(--font-display-stack);font-size:1.375rem;font-weight:700;color:var(--clr-primary);letter-spacing:-.02em}.enquire-btn{padding:.5rem 1.125rem;border-radius:9999px;border:1px solid hsl(var(--primary)/.4);background:hsl(var(--primary)/.08);color:var(--clr-primary);font-size:.8125rem;font-weight:600;letter-spacing:.02em;transition:all .2s}.enquire-btn:hover{background:hsl(var(--primary)/.15);border-color:hsl(var(--primary)/.65);box-shadow:0 0 16px hsl(var(--primary)/.2)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width:1023px){.page-wrapper{padding-top:1.75rem;padding-bottom:5rem}.page-wrapper--premium{padding-top:.75rem}.page-wrapper--premium .hero{margin-top:.5rem}.section-header{gap:1rem}.divider-line{width:4rem}.private-section{margin-top:4rem}}@media (max-width:639px){.page-wrapper{padding:1.25rem 1rem 4rem}.page-wrapper--premium{padding-top:.5rem}.page-wrapper--premium .hero{margin-top:.35rem}.logo{font-size:1.5rem}.icon-btn{width:2.25rem;height:2.25rem}.hero{margin-top:2rem}.eyebrow{font-size:.625rem;letter-spacing:.15em;margin-bottom:.875rem}.hero-title{font-size:clamp(2rem,8vw,2.75rem);line-height:1.1;margin-bottom:1rem}.hero-sub{font-size:.9375rem;line-height:1.65}.search-bar{margin-top:1.75rem;height:3rem;padding:0 1rem;gap:.625rem}.search-input{font-size:.875rem}.chips{margin-top:1rem;gap:.375rem;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.25rem}.chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0;padding:.3125rem .875rem;font-size:.75rem}.section-header{margin-top:2.5rem;flex-direction:column;align-items:flex-start;gap:.625rem}.section-right{align-self:stretch;gap:.75rem}.divider-line{flex:1;width:auto}.section-title{font-size:1.25rem}.property-grid{margin-top:1.25rem;gap:1rem}.card-image{height:11rem}.card-body{padding:1rem;gap:.625rem}.card-title{font-size:1rem}.card-price{font-size:1.125rem}.card-meta{gap:.75rem}.private-section{margin-top:3rem}.section-description{font-size:.875rem}.private-card-content{padding:1.375rem 1.25rem;gap:.875rem}.private-card-title{font-size:1.0625rem}.private-price{font-size:1.125rem}.enquire-btn{padding:.4375rem .875rem;font-size:.75rem}.empty-state{padding:2rem 1.25rem}}@media (max-width:400px){.page-wrapper{padding-left:.875rem;padding-right:.875rem}.logo{font-size:1.3125rem}.hero-title{font-size:clamp(1.75rem,9vw,2.25rem)}.hero-sub{font-size:.875rem}.card-image{height:10rem}.card-footer{gap:.25rem}.card-footer,.private-card-footer{flex-direction:column;align-items:flex-start}.private-card-footer{gap:.75rem}.enquire-btn{align-self:stretch;text-align:center}}@media (hover:none){.property-card:hover{transform:none;box-shadow:var(--shadow-card)}.property-card:hover .card-image img{transform:none}.private-card:hover{transform:none;box-shadow:var(--shadow-card)}.card-save-btn:hover,.icon-btn:hover{transform:none}}html body.light-mode,html.light-mode{background-color:var(--landing-color-dark)}html body.light-mode{color:var(--clr-fg);min-height:100vh;background-image:var(--gradient-glow);background-attachment:fixed;background-repeat:no-repeat}body.light-mode .logo{color:hsl(var(--foreground))}body.light-mode .icon-btn{background:hsl(var(--surface-elevated));border-color:var(--clr-border);color:hsl(var(--muted))}body.light-mode .icon-btn:hover{color:hsl(var(--foreground));border-color:hsl(var(--primary)/.5)}body.light-mode .eyebrow{color:hsl(var(--primary)/.85)}body.light-mode .hero-sub{color:hsl(var(--muted))}body.light-mode .search-bar{background:hsl(var(--surface)/.9);border-color:var(--clr-border)}body.light-mode .search-input{color:hsl(var(--foreground))}body.light-mode .search-input::placeholder{color:hsl(var(--muted)/.6)}body.light-mode .chip,body.light-mode .kbd{background:hsl(var(--surface-elevated));border-color:var(--clr-border);color:hsl(var(--muted))}body.light-mode .chip:hover{color:hsl(var(--foreground));border-color:hsl(var(--primary)/.4)}body.light-mode .chip-active{background:hsl(var(--primary)/.1);border-color:hsl(var(--primary)/.5);color:hsl(var(--primary))}body.light-mode .hc-section-filter{background:hsl(var(--surface)/.92);box-shadow:inset 0 1px 0 #ffffffa6,0 4px 14px #242e4214}body.light-mode .hc-section-filter-btn.is-active{color:hsl(var(--foreground));box-shadow:0 0 10px hsl(var(--primary)/.12)}body.light-mode .section-eyebrow{color:hsl(var(--muted))}body.light-mode .section-title{color:hsl(var(--foreground))}body.light-mode .listing-count,body.light-mode .section-description{color:hsl(var(--muted))}body.light-mode .divider-line{background:linear-gradient(to right,#0000,var(--clr-border),#0000)}body.light-mode .property-card{background:var(--gradient-card);border-color:var(--clr-border)}body.light-mode .card-title{color:hsl(var(--foreground))}body.light-mode .card-area,body.light-mode .card-location,body.light-mode .card-meta-item{color:hsl(var(--muted))}body.light-mode .card-footer{border-top-color:var(--clr-border)}body.light-mode .card-save-btn{background:hsl(var(--surface)/.9);border-color:var(--clr-border);color:hsl(var(--muted))}body.light-mode .card-save-btn:hover{color:hsl(var(--foreground));border-color:hsl(var(--primary)/.4)}body.light-mode .private-card{background:hsl(var(--surface))}body.light-mode .private-card-bg{background:radial-gradient(ellipse 60% 80% at var(--mx) var(--my),hsl(var(--primary)/.07) 0,#0000 70%),linear-gradient(135deg,hsl(var(--surface-elevated)) 0,hsl(var(--surface)) 100%)}body.light-mode .private-card:before{background-image:linear-gradient(hsl(var(--primary)/.06) 1px,#0000 1px),linear-gradient(90deg,hsl(var(--primary)/.06) 1px,#0000 1px)}body.light-mode .private-card-title{color:hsl(var(--foreground))}body.light-mode .private-card-location,body.light-mode .private-card-notice-text,body.light-mode .private-spec{color:hsl(var(--muted))}body.light-mode .private-spec strong{color:hsl(var(--foreground))}body.light-mode .private-card-specs{border-top-color:hsl(var(--border)/.7)}body.light-mode .enquire-btn{background:hsl(var(--primary)/.08);border-color:hsl(var(--primary)/.4);color:hsl(var(--primary))}body.light-mode .enquire-btn:hover{background:hsl(var(--primary)/.15);border-color:hsl(var(--primary)/.6)}body.light-mode .empty-state{border-color:var(--clr-border);color:hsl(var(--muted))}body.light-mode .empty-state strong{color:hsl(var(--foreground)/.55)}.hc-api-notice{margin:0 1.5rem 1rem;padding:.65rem 1rem;border-radius:.5rem;font-size:.875rem;color:hsl(var(--muted));background:hsl(var(--primary)/.08);border:1px solid hsl(var(--primary)/.25)}.hsb-root{margin:2.5rem 0 0;flex-direction:column}.hsb-bar,.hsb-root{display:flex;gap:.75rem}.hsb-bar{position:relative;align-items:center;padding:.5rem .55rem .5rem 1.15rem;height:3.6rem;border-radius:1.75rem;border:1px solid var(--clr-border);background:linear-gradient(180deg,hsl(var(--surface)/.72) 0,hsl(var(--surface)/.55) 100%);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:inset 0 1px 0 #ffffff0a,0 6px 22px #06090e59;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease,transform .2s ease}.hsb-bar:hover{border-color:hsl(var(--primary)/.35)}.hsb-bar:focus-within{border-color:hsl(var(--primary)/.6);box-shadow:inset 0 1px 0 #ffffff0f,0 0 0 4px hsl(var(--primary)/.1),0 10px 28px #06090e73}.hsb-search-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--clr-muted);flex-shrink:0;transition:color .2s ease,transform .2s ease}.hsb-bar:focus-within .hsb-search-icon{color:var(--clr-primary);transform:scale(1.05)}.hsb-input{flex:1;min-width:0;background:#0000;border:none;outline:none;color:var(--clr-fg);font-family:inherit;font-size:.9375rem;font-weight:400;letter-spacing:.005em}.hsb-input::placeholder{color:hsl(var(--muted)/.65);font-weight:300}.hsb-clear-input{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:9999px;border:none;background:hsl(var(--surface-elevated));color:var(--clr-muted);cursor:pointer;flex-shrink:0;transition:background .2s ease,color .2s ease,transform .2s ease}.hsb-clear-input:hover{background:hsl(var(--primary)/.18);color:var(--clr-primary);transform:scale(1.08)}.hsb-kbd{display:inline-flex;align-items:center;height:1.5rem;padding:0 .5rem;border:1px solid var(--clr-border);border-radius:.45rem;background:hsl(var(--surface-elevated)/.6);color:var(--clr-muted);font-size:.6875rem;font-weight:500;letter-spacing:.05em;flex-shrink:0}.hsb-divider{width:1px;height:1.6rem;background:linear-gradient(180deg,#0000 0,var(--clr-border) 50%,#0000 100%);flex-shrink:0}.hsb-filters-btn{display:inline-flex;align-items:center;gap:.5rem;height:2.6rem;padding:0 .95rem;border-radius:1.3rem;border:1px solid var(--clr-border);background:hsl(var(--surface-elevated)/.85);color:var(--clr-fg);font-family:inherit;font-size:.8125rem;font-weight:500;letter-spacing:.01em;cursor:pointer;flex-shrink:0;transition:all .2s ease}.hsb-filters-btn:hover{border-color:hsl(var(--primary)/.5);background:hsl(var(--primary)/.08);color:var(--clr-primary)}.hsb-filters-btn.is-open{border-color:hsl(var(--primary)/.6);background:hsl(var(--primary)/.12);color:var(--clr-primary);box-shadow:0 0 0 3px hsl(var(--primary)/.1)}.hsb-filters-btn.has-active{border-color:hsl(var(--primary)/.55);color:var(--clr-primary)}.hsb-filters-btn-label{font-weight:500}.hsb-filters-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;height:1.35rem;padding:0 .4rem;border-radius:9999px;background:hsl(var(--primary)/.95);color:hsl(var(--surface)/1);font-size:.6875rem;font-weight:700;letter-spacing:.02em;box-shadow:0 0 12px hsl(var(--primary)/.45)}.hsb-pills{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;padding:0 .5rem;animation:hsb-fade-in .25s ease both}.hsb-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .55rem .35rem .85rem;border-radius:9999px;border:1px solid hsl(var(--primary)/.4);background:hsl(var(--primary)/.1);color:var(--clr-primary);font-family:inherit;font-size:.78125rem;font-weight:500;letter-spacing:.01em;cursor:pointer;transition:all .18s ease}.hsb-pill:hover{background:hsl(var(--primary)/.18);border-color:hsl(var(--primary)/.6);transform:translateY(-1px)}.hsb-pill-x{display:inline-flex;align-items:center;justify-content:center;width:1.05rem;height:1.05rem;border-radius:9999px;background:hsl(var(--primary)/.2);color:var(--clr-primary);transition:background .18s ease}.hsb-pill:hover .hsb-pill-x{background:hsl(var(--primary)/.4)}.hsb-pill-clear{background:none;border:none;color:var(--clr-muted);font-family:inherit;font-size:.78125rem;font-weight:500;letter-spacing:.02em;cursor:pointer;padding:.35rem .5rem;text-decoration:underline;text-decoration-color:#0000;text-underline-offset:4px;transition:color .18s ease,text-decoration-color .18s ease}.hsb-pill-clear:hover{color:var(--clr-primary);text-decoration-color:hsl(var(--primary)/.7)}.hsb-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.22,1,.36,1);overflow:hidden}.hsb-panel.is-open{grid-template-rows:1fr}.hsb-panel-inner{min-height:0;display:flex;flex-direction:column;gap:1.1rem;padding:1.35rem 1.4rem;margin-top:.25rem;border-radius:1.25rem;border:1px solid var(--clr-border);background:linear-gradient(180deg,hsl(var(--surface)/.78) 0,hsl(var(--surface)/.62) 100%);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:inset 0 1px 0 #ffffff0a,0 10px 30px #06090e6b;transform:translateY(-6px);opacity:0;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .25s ease}.hsb-panel.is-open .hsb-panel-inner{transform:translateY(0);opacity:1}.hsb-group{display:grid;grid-template-columns:8.5rem 1fr;align-items:center;gap:1rem}.hsb-group-label{font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--clr-muted)}.hsb-segment{display:inline-flex;flex-wrap:wrap;gap:.3rem;padding:.25rem;border-radius:9999px;background:hsl(var(--surface-elevated)/.55);border:1px solid var(--clr-border)}.hsb-segment-btn{border:none;background:#0000;color:var(--clr-muted);font-family:inherit;font-size:.8125rem;font-weight:500;letter-spacing:.01em;padding:.4rem .95rem;border-radius:9999px;cursor:pointer;transition:all .18s ease}.hsb-segment-btn:hover{color:var(--clr-fg);background:hsl(var(--surface)/.55)}.hsb-segment-btn.is-active{background:linear-gradient(180deg,hsl(var(--primary)/.95) 0,hsl(var(--primary)/.78) 100%);color:hsl(var(--surface)/1);font-weight:600;box-shadow:0 1px 0 #ffffff1a inset,0 4px 14px hsl(var(--primary)/.35)}.hsb-tags{flex-wrap:wrap;gap:.4rem}.hsb-tag,.hsb-tags{display:inline-flex}.hsb-tag{align-items:center;border:1px solid var(--clr-border);background:hsl(var(--surface-elevated)/.55);color:var(--clr-muted);font-family:inherit;font-size:.8125rem;font-weight:500;letter-spacing:.01em;padding:.4rem .95rem;border-radius:9999px;cursor:pointer;transition:all .18s ease}.hsb-tag:hover{color:var(--clr-fg);border-color:hsl(var(--primary)/.4)}.hsb-tag.is-active{background:hsl(var(--primary)/.14);border-color:hsl(var(--primary)/.55);color:var(--clr-primary);box-shadow:0 0 12px hsl(var(--primary)/.18)}.hsb-price{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.65rem .85rem}.hsb-price-field{display:flex;flex-direction:column;gap:.3rem;min-width:0}.hsb-price-label{font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--clr-muted)}.hsb-price-input-wrap{position:relative;display:inline-flex;align-items:center;border:1px solid var(--clr-border);border-radius:.85rem;background:hsl(var(--surface-elevated)/.55);padding:0 .75rem 0 .65rem;height:2.5rem;width:12.5rem;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.hsb-price-input-wrap:hover{border-color:hsl(var(--primary)/.4)}.hsb-price-input-wrap:focus-within{border-color:hsl(var(--primary)/.6);background:hsl(var(--surface)/.65);box-shadow:0 0 0 3px hsl(var(--primary)/.1)}.hsb-price-prefix{font-size:.7rem;font-weight:600;letter-spacing:.08em;color:var(--clr-muted);padding:0 .55rem 0 .25rem;border-right:1px solid var(--clr-border);margin-right:.55rem;flex-shrink:0}.hsb-price-input{flex:1;min-width:0;background:#0000;border:none;outline:none;color:var(--clr-fg);font-family:inherit;font-size:.9375rem;font-weight:500;letter-spacing:.01em;padding:0;-moz-appearance:textfield;appearance:textfield}.hsb-price-input::-webkit-inner-spin-button,.hsb-price-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.hsb-price-input::placeholder{color:hsl(var(--muted)/.55);font-weight:400}.hsb-price-hint{font-size:.6875rem;font-weight:500;color:hsl(var(--primary)/.85);letter-spacing:.02em;padding-left:.15rem}.hsb-price-sep{color:var(--clr-muted);font-size:1rem;font-weight:400;padding:0 .05rem;align-self:center;margin-bottom:.15rem}.hsb-price-unit-hint{font-size:.6875rem;font-weight:500;letter-spacing:.03em;color:hsl(var(--muted)/.85);padding-left:.6rem;margin-left:auto;align-self:center;white-space:nowrap}.hsb-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.85rem;margin-top:.15rem;border-top:1px dashed hsl(var(--border)/.7)}.hsb-result-count{font-size:.8125rem;font-weight:500;color:var(--clr-muted);letter-spacing:.01em}.hsb-panel-actions{display:inline-flex;align-items:center;gap:.55rem}.hsb-btn-ghost,.hsb-btn-primary{display:inline-flex;align-items:center;justify-content:center;height:2.4rem;padding:0 1.1rem;border-radius:1.2rem;font-family:inherit;font-size:.8125rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:all .2s ease}.hsb-btn-ghost{border:1px solid var(--clr-border);background:#0000;color:var(--clr-muted)}.hsb-btn-ghost:hover:not(:disabled){color:var(--clr-fg);border-color:hsl(var(--primary)/.45)}.hsb-btn-ghost:disabled{opacity:.4;cursor:not-allowed}.hsb-btn-primary{border:1px solid hsl(var(--primary)/.7);background:linear-gradient(180deg,hsl(var(--primary)/.95) 0,hsl(var(--primary)/.78) 100%);color:hsl(var(--surface)/1);box-shadow:inset 0 1px 0 #ffffff1f,0 6px 18px hsl(var(--primary)/.35)}.hsb-btn-primary:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffffff24,0 10px 24px hsl(var(--primary)/.45)}@keyframes hsb-fade-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media (max-width:720px){.hsb-divider,.hsb-filters-btn-label,.hsb-kbd{display:none}.hsb-bar{height:3.15rem;padding-left:1rem;gap:.5rem;border-radius:1.5rem}.hsb-filters-btn{height:2.3rem;padding:0 .75rem;gap:.4rem;border-radius:1.15rem}.hsb-panel-inner{padding:1.1rem 1rem;gap:.9rem;border-radius:1rem}.hsb-group{grid-template-columns:1fr;gap:.45rem}.hsb-group-label{font-size:.625rem}.hsb-segment-btn,.hsb-tag{padding:.35rem .8rem;font-size:.75rem}.hsb-price{width:100%;flex-wrap:wrap;gap:.5rem .65rem}.hsb-price-field{flex:1 1 calc(50% - 1.1rem);min-width:0}.hsb-price-input-wrap{width:100%;height:2.35rem}.hsb-price-sep{display:none}.hsb-price-unit-hint{flex-basis:100%;text-align:center;margin-left:0;padding-left:0}.hsb-panel-footer{flex-direction:column;align-items:stretch;gap:.65rem}.hsb-result-count{text-align:center}.hsb-panel-actions{justify-content:stretch}.hsb-btn-ghost,.hsb-btn-primary{flex:1}}body.light-mode .hsb-bar{background:linear-gradient(180deg,hsl(var(--surface)/.95) 0,hsl(var(--surface)/.85) 100%);border-color:var(--clr-border);box-shadow:inset 0 1px 0 #fff9,0 8px 24px #242e421a}body.light-mode .hsb-bar:focus-within{box-shadow:inset 0 1px 0 #fff9,0 0 0 4px hsl(var(--primary)/.1),0 12px 30px #242e4224}body.light-mode .hsb-input{color:hsl(var(--foreground))}body.light-mode .hsb-input::placeholder{color:hsl(var(--muted)/.7)}body.light-mode .hsb-kbd{border-color:var(--clr-border);color:hsl(var(--muted))}body.light-mode .hsb-clear-input,body.light-mode .hsb-filters-btn,body.light-mode .hsb-kbd{background:hsl(var(--surface-elevated))}body.light-mode .hsb-filters-btn{border-color:var(--clr-border);color:hsl(var(--foreground))}body.light-mode .hsb-filters-btn:hover{border-color:hsl(var(--primary)/.5);background:hsl(var(--primary)/.08);color:hsl(var(--primary))}body.light-mode .hsb-filters-btn.is-open{background:hsl(var(--primary)/.12);color:hsl(var(--primary))}body.light-mode .hsb-filters-badge{background:hsl(var(--primary));color:#fff}body.light-mode .hsb-pill{background:hsl(var(--primary)/.1);border-color:hsl(var(--primary)/.4);color:hsl(var(--primary))}body.light-mode .hsb-pill:hover{background:hsl(var(--primary)/.18)}body.light-mode .hsb-panel-inner{background:linear-gradient(180deg,hsl(var(--surface)/.95) 0,hsl(var(--surface)/.88) 100%);border-color:var(--clr-border);box-shadow:inset 0 1px 0 #fff9,0 12px 30px #242e421f}body.light-mode .hsb-segment{background:hsl(var(--surface-elevated));border-color:var(--clr-border)}body.light-mode .hsb-segment-btn{color:hsl(var(--muted))}body.light-mode .hsb-segment-btn:hover{color:hsl(var(--foreground));background:hsl(var(--surface)/.6)}body.light-mode .hsb-segment-btn.is-active{color:#fff}body.light-mode .hsb-tag{background:hsl(var(--surface-elevated));border-color:var(--clr-border);color:hsl(var(--muted))}body.light-mode .hsb-tag:hover{color:hsl(var(--foreground));border-color:hsl(var(--primary)/.4)}body.light-mode .hsb-tag.is-active{background:hsl(var(--primary)/.1);border-color:hsl(var(--primary)/.55);color:hsl(var(--primary))}body.light-mode .hsb-price-input-wrap{background:hsl(var(--surface-elevated));border-color:var(--clr-border)}body.light-mode .hsb-price-input-wrap:focus-within{background:hsl(var(--surface)/.95)}body.light-mode .hsb-price-input{color:hsl(var(--foreground))}body.light-mode .hsb-price-input::placeholder{color:hsl(var(--muted)/.7)}body.light-mode .hsb-price-label,body.light-mode .hsb-price-prefix,body.light-mode .hsb-price-unit-hint{color:hsl(var(--muted))}body.light-mode .hsb-price-prefix{border-right-color:var(--clr-border)}body.light-mode .hsb-price-hint{color:hsl(var(--primary))}body.light-mode .hsb-price-sep,body.light-mode .hsb-result-count{color:hsl(var(--muted))}body.light-mode .hsb-btn-ghost{border-color:var(--clr-border);color:hsl(var(--muted))}body.light-mode .hsb-btn-ghost:hover:not(:disabled){color:hsl(var(--foreground));border-color:hsl(var(--primary)/.45)}body.light-mode .hsb-btn-primary{color:#fff}.hsb-bar--trigger{width:100%;text-align:left;font:inherit;color:var(--clr-fg);cursor:pointer}.hsb-bar--trigger:hover{transform:translateY(-1px)}.hsb-bar--trigger.has-active,.hsb-bar--trigger:hover{border-color:hsl(var(--primary)/.45)}.hsb-trigger-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:400;color:var(--clr-fg)}.hsb-trigger-text.is-placeholder{color:hsl(var(--muted)/.65);font-weight:300}.hsb-bar--trigger .hsb-filters-btn{pointer-events:none}.hsb-bar--trigger:hover .hsb-filters-btn{border-color:hsl(var(--primary)/.5);background:hsl(var(--primary)/.08);color:var(--clr-primary)}.hsm-overlay{position:fixed;inset:0;z-index:9600;display:flex;align-items:flex-start;justify-content:center;padding:4vh 1rem;background:#06090f9e;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);animation:hsm-overlay-in .2s ease both}@keyframes hsm-overlay-in{0%{opacity:0}to{opacity:1}}.hsm-dialog{position:relative;display:flex;flex-direction:column;width:100%;max-width:46rem;max-height:92vh;border-radius:1.5rem;border:1px solid var(--clr-border);background:linear-gradient(180deg,hsl(var(--surface)/.96) 0,hsl(var(--surface)/.92) 100%);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:inset 0 1px 0 #ffffff0d,0 24px 70px #04070b99;overflow:hidden;animation:hsm-dialog-in .28s cubic-bezier(.22,1,.36,1) both}@keyframes hsm-dialog-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.hsm-head{display:flex;flex-direction:column;gap:1rem;padding:1.4rem 1.6rem 1.15rem;border-bottom:1px solid hsl(var(--border)/.7);background:radial-gradient(120% 140% at 0 0,hsl(var(--primary)/.08) 0,#0000 55%)}.hsm-head-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.hsm-head-titles{display:flex;flex-direction:column;gap:.2rem}.hsm-eyebrow{font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:hsl(var(--primary)/.9)}.hsm-title{font-size:1.5rem;font-weight:600;letter-spacing:-.01em;color:var(--clr-fg);line-height:1.1}.hsm-close{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex-shrink:0;border-radius:9999px;border:1px solid var(--clr-border);background:hsl(var(--surface-elevated)/.6);color:var(--clr-muted);transition:all .18s ease}.hsm-close:hover{color:var(--clr-primary);border-color:hsl(var(--primary)/.5);background:hsl(var(--primary)/.1);transform:rotate(90deg)}.hsm-search{display:flex;align-items:center;gap:.7rem;height:3.1rem;padding:0 .85rem 0 1.05rem;border-radius:1rem;border:1px solid var(--clr-border);background:hsl(var(--surface-elevated)/.55);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.hsm-search:focus-within{border-color:hsl(var(--primary)/.6);background:hsl(var(--surface)/.6);box-shadow:0 0 0 4px hsl(var(--primary)/.1)}.hsm-search-icon{display:inline-flex;color:var(--clr-muted);flex-shrink:0}.hsm-search:focus-within .hsm-search-icon{color:var(--clr-primary)}.hsm-search-input{flex:1;min-width:0;background:#0000;border:none;outline:none;color:var(--clr-fg);font-family:inherit;font-size:1rem;font-weight:400}.hsm-search-input::placeholder{color:hsl(var(--muted)/.65);font-weight:300}.hsm-search-clear{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:9999px;border:none;background:hsl(var(--surface-elevated));color:var(--clr-muted);flex-shrink:0;transition:all .18s ease}.hsm-search-clear:hover{background:hsl(var(--primary)/.18);color:var(--clr-primary)}.hsm-body{flex:1;min-height:0;overflow-y:auto;padding:1.35rem 1.6rem;display:flex;flex-direction:column;gap:1.6rem;scrollbar-width:thin;scrollbar-color:hsl(var(--primary)/.4) #0000}.hsm-body::-webkit-scrollbar{width:9px}.hsm-body::-webkit-scrollbar-thumb{background:hsl(var(--primary)/.35);border-radius:9999px;border:2px solid #0000;background-clip:padding-box}.hsm-section{display:flex;flex-direction:column;gap:1rem}.hsm-section-title{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--clr-primary);padding-bottom:.55rem;border-bottom:1px dashed hsl(var(--border)/.8)}.hsm-groups{display:flex;flex-direction:column;gap:1rem}.hsb-group--stack{grid-template-columns:8.5rem 1fr}@media (max-width:640px){.hsb-group--stack{grid-template-columns:1fr}}.hsb-area-input-wrap{width:11rem;padding:0 .5rem 0 .75rem}.hsb-area-suffix{border-right:none;border-left:1px solid var(--clr-border);margin-right:0;margin-left:.55rem;padding:0 .25rem 0 .55rem}.hsm-feature-groups{display:flex;flex-direction:column;gap:1.1rem}.hsm-feature-group{display:flex;flex-direction:column;gap:.55rem}.hsm-feature-label{font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--clr-muted)}.hsm-tag-icon{font-size:.95rem;line-height:1}.hsm-tag-check{font-size:.7rem;margin-left:.1rem}.hsm-foot{justify-content:space-between;gap:1rem;padding:1.05rem 1.6rem;border-top:1px solid hsl(var(--border)/.7);background:hsl(var(--surface-elevated)/.4)}.hsm-foot,.hsm-foot-meta{display:flex;align-items:center}.hsm-foot-meta{gap:.6rem}.hsm-count{font-size:.875rem;font-weight:600;color:var(--clr-fg)}.hsm-active-count{font-size:.6875rem;font-weight:600;letter-spacing:.02em;color:var(--clr-primary);padding:.2rem .55rem;border-radius:9999px;background:hsl(var(--primary)/.12);border:1px solid hsl(var(--primary)/.35)}.hsm-foot-actions{display:inline-flex;align-items:center;gap:.6rem}@media (max-width:640px){.hsm-overlay{padding:0;align-items:stretch}.hsm-dialog{max-width:100%;max-height:100%;height:100%;border-radius:0;border:none}.hsm-body,.hsm-foot,.hsm-head{padding-left:1.1rem;padding-right:1.1rem}.hsm-title{font-size:1.3rem}.hsm-foot{flex-direction:column;align-items:stretch}.hsm-foot-actions{justify-content:stretch}.hsm-foot-actions .hsb-btn-ghost,.hsm-foot-actions .hsb-btn-primary{flex:1}.hsb-area-input-wrap{width:100%}}body.light-mode .hsm-overlay{background:#2d395359}body.light-mode .hsm-dialog{background:linear-gradient(180deg,hsl(var(--surface)/.98) 0,hsl(var(--surface)/.95) 100%);border-color:var(--clr-border);box-shadow:inset 0 1px 0 #ffffffb3,0 24px 60px #242e4238}body.light-mode .hsm-close,body.light-mode .hsm-search{background:hsl(var(--surface-elevated));border-color:var(--clr-border)}body.light-mode .hsm-search-input{color:hsl(var(--foreground))}body.light-mode .hsm-search-input::placeholder{color:hsl(var(--muted)/.7)}body.light-mode .hsm-count{color:hsl(var(--foreground))}body.light-mode .hsm-foot{background:hsl(var(--surface-elevated)/.55)}body.light-mode .hsb-trigger-text{color:hsl(var(--foreground))}body.light-mode .hsb-trigger-text.is-placeholder{color:hsl(var(--muted)/.7)}