:root{--primary: #FF5A5F;--primary-hover: #E00007;--background: #FFFFFF;--surface: #F7F7F7;--border: #DDDDDD;--text-primary: #222222;--text-secondary: #717171;--text-tertiary: #AAAAAA;--success: #008A05;--star: #FF385C;--superhost-bg: #FF5A5F;--superhost-text: #fff;--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--max-width: 1760px;--card-gap: 24px;--section-spacing: 48px;--border-radius-card: 12px;--border-radius-input: 8px;--border-radius-pill: 32px;--shadow-card: 0 6px 20px rgba(0,0,0,.12);--shadow-navbar: 0 1px 0px #DDDDDD;--shadow-modal: 0 8px 28px rgba(0,0,0,.28);--shadow-search: 0 3px 12px rgba(0,0,0,.15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--background);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.container{max-width:var(--max-width);margin:0 auto;padding:0 80px}@media (max-width: 640px){.container{padding:0 24px}}.hero-heading{font-size:48px;font-weight:700;color:var(--text-primary);line-height:1.1}.page-heading{font-size:32px;font-weight:600;color:var(--text-primary)}.section-heading{font-size:22px;font-weight:600;color:var(--text-primary)}.card-title{font-size:16px;font-weight:600;color:var(--text-primary)}.body-text{font-size:14px;font-weight:400;color:var(--text-secondary);line-height:1.6}.price-text{font-size:16px;font-weight:600;color:var(--text-primary)}.label{font-size:12px;font-weight:400;color:var(--text-secondary)}.btn-primary{background:var(--primary);color:#fff;padding:12px 24px;border-radius:var(--border-radius-input);font-size:16px;font-weight:500;transition:background .1s ease}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-primary);padding:8px 16px;border-radius:var(--border-radius-pill);transition:background .1s ease}.btn-outline:hover{background:var(--surface)}.flex-center{display:flex;align-items:center;justify-content:center}.grid{display:grid;gap:var(--card-gap)}.card-grid{display:grid;gap:var(--card-gap);grid-template-columns:repeat(5,1fr)}@media (max-width: 1280px){.card-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.card-grid{grid-template-columns:1fr}}.card{transition:transform .2s ease,box-shadow .2s ease;overflow:hidden;border-radius:var(--border-radius-card)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.image-zoom{overflow:hidden}.image-zoom img{transition:transform .3s ease}.image-zoom:hover img{transform:scale(1.03)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .25s ease}.modal-content{background:#fff;border-radius:var(--border-radius-card);box-shadow:var(--shadow-modal);padding:24px;max-width:500px;width:90%;animation:slideUp .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.heart-icon{transition:transform .2s ease}.heart-icon.active{animation:pop .2s ease}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.navbar{position:sticky;top:0;background:var(--background);border-bottom:1px solid var(--border);z-index:100;padding:0 80px}.category-strip{display:flex;gap:16px;overflow-x:auto;padding:12px 80px;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.category-strip::-webkit-scrollbar{display:none}.search-pill{display:flex;align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--border-radius-pill);box-shadow:var(--shadow-search);padding:0 8px;height:48px}.search-pill .section{padding:0 16px;border-right:1px solid var(--border);cursor:pointer;transition:background .1s ease}.search-pill .section:last-of-type{border-right:none}.search-pill .section.active{background:#fff;transform:scale(1.02)}.listing-card{border-radius:var(--border-radius-card);overflow:hidden;cursor:pointer}.listing-card .image-container{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:var(--border-radius-card)}.listing-card .image-container img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.listing-card:hover .image-container img{transform:scale(1.03)}.superhost-badge{background:var(--superhost-bg);color:var(--superhost-text);padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.star{color:var(--star);fill:currentColor}.map-toggle{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#fff;border:1px solid var(--border);border-radius:var(--border-radius-pill);padding:8px 16px;box-shadow:var(--shadow-card);z-index:50;cursor:pointer}