:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.screen{display:flex;flex-direction:column;height:100vh;background-color:#fff;position:relative;overflow-x:hidden;width:100vw}.screen.property-listing{width:100vw}.screen.filter-options{padding:20px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.property-listing .header{padding:16px;box-shadow:0 2px 4px #0000001a}.back-button{position:absolute;top:20px;left:20px;background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;z-index:10}.header-actions{display:flex;gap:16px;z-index:10;width:100%}.search-button,.notification-button,.more-button{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.more-button{margin-left:auto}.content{flex:1;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#97ecff3b,#f3e0bfaf)}.container{padding:0 30px}.property-listing .content{display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;padding:16px}.title{font-size:24px;font-weight:600;color:#1f2937;margin-bottom:8px}.subtitle{font-size:16px;color:#6b7280;margin-bottom:32px}.filter-form{display:flex;flex-direction:column;gap:24px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#374151}.select-wrapper{position:relative;width:100%;padding:2px;border-radius:12px;background:linear-gradient(90deg,#ff7a59,gold);margin-bottom:8px;box-sizing:border-box;min-height:60px}.select-wrapper select{min-height:60px}.select-wrapper select{width:100%;padding:12px 40px 12px 16px;border:none;border-radius:10px;background:#fff;font-size:16px;color:#1f2937;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;outline:none;box-sizing:border-box;display:block}.select-wrapper select:focus{outline:none;box-shadow:0 0 0 2px #ff7a591a}.select-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none}.select-wrapper.location{display:flex;align-items:center}.location-pin{position:absolute;right:40px;top:50%;transform:translateY(-50%)}.price-range input{display:flex;flex-direction:column;gap:8px;color:#fff}.price-labels{display:flex;justify-content:space-between;font-size:14px;color:#6b7280}.current-price{color:#1f2937;font-weight:500}.range-slider{width:100%;height:4px;-webkit-appearance:none;background:#ffd9007a;border-radius:2px;outline:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#ff7a59;border-radius:50%;cursor:pointer;transform:translateY(-50%)}.range-slider::-moz-range-thumb{width:20px;height:20px;background:#ff7a59;border-radius:50%;cursor:pointer;border:none;transform:translateY(-50%)}.advanced-filter-button{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(90deg,#ff7a598c,#ffd9007a);border:1px solid #FF7A59;border-radius:8px;font-size:16px;color:#1f2937;cursor:pointer;margin-top:16px}.property-image-container{position:relative;height:75vh;border-radius:12px;border:4px solid #F7AB5F;overflow:hidden;margin-bottom:16px;z-index:99}.property-image{width:100%;height:100%;object-fit:cover}.property-info-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(to top,rgba(0,0,0,1),transparent);color:#fff}.property-title{margin:0;font-size:24px;font-weight:600}.property-subtitle{margin:4px 0 0;font-size:16px;font-weight:400}.property-features-tags{display:flex;gap:8px;margin-top:8px}.feature-tag{background-color:#fff3;padding:4px 8px;border-radius:4px;font-size:12px}.property-action-buttons{display:flex;justify-content:space-around;padding:16px 0;margin-bottom:16px}.action-button{width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s;no-styles:true}.action-button:hover{transform:scale(1.1)}.action-button.red{background-color:#ff7a59}.action-button.red svg path{fill:#fff;stroke:#fff}.action-button.yellow{background-color:gold}.action-button.yellow svg path{fill:#fff;stroke:#fff}.action-button.green{background-color:#4caf50}.action-button.blue{background-color:#3730a3}.reset-button{position:absolute;top:20px;left:20px;background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;z-index:10}.footer{width:100%;margin-top:0;padding:0}.apply-filters-button{width:100%;padding:16px;background-color:#ff7a59;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.apply-filters-button:hover{background-color:#ff6a45}.bottom-navigation{position:sticky;bottom:0;width:100%;display:flex;justify-content:space-around;padding:16px;background-color:#fff;box-shadow:0 -2px 4px #0000001a}.nav-button{background:none;border:none;cursor:pointer;padding:8px}.nav-button.active svg path{fill:#ff7a59;stroke:#ff7a59;width:24px;height:24px}@media (max-width: 768px){.property-image-container{height:60vh}.property-title{font-size:20px}.property-subtitle{font-size:14px}}.screen.property-details{width:100vw;background:#fff;display:flex;flex-direction:column;min-height:100vh}.property-details .header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:24px 16px 8px;background:#fff;box-shadow:0 2px 4px #0000000a}.property-details .back-button{position:absolute;top:16px;left:16px;background:none;border:none;cursor:pointer;z-index:2;padding:8px}.property-details .header-actions{display:flex;gap:12px;margin-left:auto}.property-details .search-button,.property-details .more-button{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center}.property-details .content{flex:1;padding:0 16px 16px;overflow-y:auto;background:linear-gradient(180deg,#f8fafc,#f1e9db)}.property-header{margin-top:32px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a;padding:24px 16px}.property-title-container{display:flex;align-items:center;justify-content:space-between;gap:16px}.property-details-title{font-size:24px;font-weight:700;color:#1f2937;margin:0}.property-rating{display:flex;gap:8px}.rating-button{width:32px;height:32px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:box-shadow .2s;box-shadow:0 1px 2px #0000000a}.rating-button.red{background:#ff7a59}.rating-button.yellow{background:gold}.rating-button.green{background:#4caf50}.property-description{margin:16px 0 0;color:#374151;font-size:16px;line-height:1.1}.property-tabs{display:flex;gap:8px;margin:24px 0 16px}.tab-button{padding:8px 20px;border:none;background:#f3f4f6;color:#374151;border-radius:20px;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s,color .2s}.tab-button.active{background:#ff7a59;color:#fff}.property-gallery{margin-bottom:24px}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.gallery-image{width:100%;height:120px;object-fit:cover;border-radius:10px;background:#e5e7eb;border:1px solid #f3f4f6}.property-features{margin-top:16px}.features-title{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:8px}.features-list{display:flex;gap:24px}.feature-item{display:flex;align-items:center;gap:6px;background:#f3f4f6;border-radius:8px;padding:6px 12px;font-size:15px}.feature-icon{font-size:18px}.feature-text{font-size:15px;color:#374151}@media (max-width: 600px){.property-header{padding:16px 4px;margin-top:16px}.property-title{font-size:18px}.gallery-image{height:90px}.features-list{gap:8px}}.favorites-tabs{display:flex;justify-content:center;gap:12px;margin:32px 0 24px}.favorites-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 16px 32px}.favorite-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000012;padding:0 0 16px;cursor:pointer;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column;align-items:center}.favorite-card:hover{box-shadow:0 4px 16px #ff7a5926;transform:translateY(-4px) scale(1.03)}.favorite-image-container{width:100%;height:160px;border-radius:16px 16px 0 0;overflow:hidden;position:relative;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.favorite-image{width:100%;height:100%;object-fit:cover}.favorite-rating{position:absolute;bottom:8px;right:12px;background:#292929a4;border-radius:12px;padding:2px 8px;display:flex;align-items:center;font-size:14px;font-weight:500;color:#ff7a59;box-shadow:0 1px 4px #0000000f}.camera-icon{width:11px;height:10px;margin-right:4px}.camera-count,.rating-value{color:#fff}.rating-icon{margin-right:4px}.favorite-title{margin-top:14px;font-size:17px;font-weight:600;color:#1f2937;text-align:center;padding:0 8px;word-break:break-word}@media (max-width: 600px){.favorite-image-container{height:120px}.favorite-title{font-size:15px}}.likes-interests .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;position:relative}.likes-interests .back-button{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.likes-interests .skip-button{background:none;border:none;color:#ff7a59;font-size:16px;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:8px;transition:background .2s}.likes-interests .skip-button:hover{background:#fff3ed}.likes-interests .preferences-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.preference-button{position:relative;z-index:1;border:none;display:flex;align-items:center;justify-content:center;padding:20px 10px;background:#fff;border-radius:48px;font-size:16px;color:#1f2937;cursor:pointer;transition:border .2s,background .2s,color .2s;min-height:100px;box-shadow:0 1px 4px #00000008;gap:8px}.preference-button.selected:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:48px;padding:4px;background:linear-gradient(90deg,#ff7a59,gold);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.preference-button .icon{margin-right:8px;font-size:24px}.preference-button.selected{border:2px solid #fcc3b59c;background:#f5f1ee;color:#ff7a59}.preference-button.selected .icon{filter:drop-shadow(0 0 2px #FF7A59)}.likes-interests .footer{width:100%;display:flex;justify-content:center;margin-top:16px}.continue-button{position:relative;width:100%;min-height:60px;max-width:320px;padding:16px;background:linear-gradient(90deg,#ff7a59,gold);color:#fff;border:none;border-radius:48px;font-size:18px;font-weight:600;cursor:pointer;transition:background .2s;z-index:1;overflow:hidden;margin-bottom:16px}.continue-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;padding:2px;background:linear-gradient(90deg,#ff7a59,gold);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;pointer-events:none}@media (max-width: 600px){.preference-button{font-size:14px;min-height:80px;padding:14px 4px}.continue-button{font-size:16px;padding:12px}}.stacked-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s,z-index 0s;box-shadow:0 4px 16px #0000001f;cursor:pointer}.stacked-image-0{transform:rotate(0) scale(1);z-index:3}.stacked-image-1{transform:rotate(-8deg) scale(.96) translateY(10px);z-index:2;opacity:.7;pointer-events:none}.stacked-image-2{transform:rotate(8deg) scale(.92) translateY(20px);z-index:1;opacity:.5;pointer-events:none}.shift-image-container{position:absolute;height:50vh;width:75vw;z-index:3;border-radius:12px;border:4px solid #F7AB5F;overflow:hidden;margin-bottom:16px;transform:rotate(-8deg) scale(.96) translateY(-20px) translate(-20px)}.shift-image-container2{transform:rotate(5deg) scale(.96) translateY(-20px) translate(60px)}.shift-image{width:100%;height:100%}