:root{--ink:#071a2d;--ink-2:#16344d;--paper:#f5f7f4;--white:#fff;--lime:#d9ff5a;--blue:#4579ff;--coral:#ff705d;--line:#dce3e5;--muted:#667785;--shadow:0 16px 40px rgba(7,26,45,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px}button,input{font:inherit}button,a{transition:.2s ease}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:28px 22px 22px;background:var(--ink);color:#fff;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-family:Manrope,sans-serif;font-weight:800;font-size:19px;letter-spacing:-.5px}.brand small{display:block;color:#9dafba;font:700 9px/1 DM Sans,sans-serif;letter-spacing:2.8px;margin-top:3px}.brand-mark{position:relative;width:38px;height:42px;background:var(--lime);color:var(--ink);display:grid;place-items:center;border-radius:7px 7px 12px 7px;font-size:21px}.brand-mark:after{content:"";position:absolute;right:0;top:0;border-top:10px solid var(--ink);border-left:10px solid transparent}.brand-mark span{position:absolute;font-size:10px;right:4px;bottom:5px}.side-nav{display:grid;gap:6px;margin-top:44px}.side-nav a{display:flex;align-items:center;gap:13px;color:#9eb0bc;text-decoration:none;padding:12px 13px;border-radius:10px;font-weight:600}.side-nav a span{font-size:21px;width:22px;text-align:center}.side-nav a:hover,.side-nav a.active{background:#17334a;color:#fff}.side-nav a.active:after{content:"";margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--lime)}.trust-note{margin-top:auto;border:1px solid #29465d;background:#102b42;padding:16px;border-radius:14px}.receipt-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--lime);color:var(--ink);font-size:18px;margin-bottom:10px}.trust-note strong{font:700 14px Manrope}.trust-note p{font-size:12px;line-height:1.55;color:#a9bac5;margin:7px 0 10px}.trust-note a{font-size:12px;color:var(--lime);text-decoration:none}.support-btn{margin-top:12px;width:100%;border:1px solid #3e5669;background:transparent;color:#fff;padding:11px;border-radius:10px;font-weight:700}.support-btn:hover{border-color:var(--lime);color:var(--lime)}main{min-width:0}.topbar{height:78px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:rgba(245,247,244,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.location-pill{font-weight:600}.location-pill>span{color:var(--coral);font-size:11px;margin-right:7px}.location-pill b{margin-left:7px}.top-actions{display:flex;align-items:center;gap:9px}.top-actions button{height:42px;border-radius:10px;padding:0 15px;font-weight:700}.lang-btn,.icon-btn{background:transparent;border:0;color:var(--ink)}.lang-btn span{color:#9aa7af}.icon-btn{position:relative;font-size:21px}.icon-btn i{position:absolute;right:5px;top:2px;font:700 9px DM Sans;background:var(--coral);color:#fff;border-radius:10px;padding:2px 5px}.outline-btn{border:1px solid #b8c4c9;background:#fff}.primary-btn{border:1px solid var(--ink);background:var(--ink);color:#fff}.primary-btn:hover{background:#173c57}.mobile-menu{display:none;border:0;background:none;font-size:23px}.content{max-width:1260px;margin:0 auto;padding:0 4vw}.search-panel{position:relative;padding:66px 0 38px}.search-panel:after{content:"";position:absolute;right:2%;top:44px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,var(--lime) 0 3px,transparent 4px);background-size:17px 17px;opacity:.4;z-index:-1}.eyebrow,.kicker{font-size:12px;letter-spacing:2.2px;font-weight:800;color:#587082}.eyebrow span{display:inline-block;width:24px;border-top:2px solid var(--coral);vertical-align:middle;margin-right:8px}.search-panel h1{font:800 clamp(42px,6vw,75px)/.98 Manrope,sans-serif;letter-spacing:-4px;max-width:760px;margin:17px 0 17px}.search-panel h1 em{font-style:normal;color:var(--blue)}.search-panel>p{font-size:18px;color:var(--muted);margin-bottom:32px}.search-tabs{display:flex;gap:28px}.search-tabs button{background:none;border:0;padding:10px 0 11px;color:var(--muted);font-weight:700;border-bottom:3px solid transparent}.search-tabs button.active{color:var(--ink);border-color:var(--ink)}.searchbar{display:grid;grid-template-columns:30px 1fr auto;align-items:center;max-width:900px;background:#fff;border:1px solid #bac8ce;padding:7px 7px 7px 18px;border-radius:13px;box-shadow:0 6px 0 rgba(7,26,45,.05)}.searchbar>span{font-size:24px}.searchbar input{border:0;outline:0;height:48px;min-width:0;font-size:17px}.searchbar button{height:48px;padding:0 27px;border:0;border-radius:9px;background:var(--lime);color:var(--ink);font-weight:800}.quick-filters{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.quick-filters button{border:1px solid var(--line);background:#fff;border-radius:30px;padding:8px 13px;color:#43596a;font-size:13px}.quick-filters span{margin-left:7px}.results{padding:28px 0 52px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.section-heading h2,.rental-strip h2{font:800 27px Manrope;margin:5px 0 0;letter-spacing:-.8px}.sort{font-size:13px;color:var(--muted)}.sort button{border:0;background:none;font-weight:700;color:var(--ink)}.listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.listing-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:.2s}.listing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b9c7cc}.card-image{height:200px;background-size:cover;background-position:center;position:relative}.image-mac{background-image:linear-gradient(135deg,rgba(9,25,42,.15),rgba(69,121,255,.1)),url('https://images.unsplash.com/photo-1517336714731-489689fd1ca8?auto=format&fit=crop&w=1000&q=80')}.image-tv{background-image:url('https://images.unsplash.com/photo-1629446859203-4003e18334ca?auto=format&fit=crop&w=1000&q=80')}.image-game{background-image:url('https://images.unsplash.com/photo-1665791007795-c2c7d3c0047e?auto=format&fit=crop&w=1000&q=80')}.card-image>button{position:absolute;right:12px;top:12px;border:0;background:rgba(255,255,255,.9);width:36px;height:36px;border-radius:50%;font-size:19px}.badge{position:absolute;left:12px;top:12px;padding:6px 9px;border-radius:7px;background:rgba(7,26,45,.88);color:#fff;font-size:11px;font-weight:700;backdrop-filter:blur(5px)}.badge.verified{background:var(--lime);color:var(--ink)}.card-body{padding:16px}.price{font:800 21px Manrope}.price span{font:700 10px DM Sans;color:#456072;border:1px solid var(--line);border-radius:20px;padding:4px 7px;margin-left:5px;vertical-align:3px}.card-body h3{font:700 16px Manrope;margin:7px 0 5px}.card-body>p{font-size:12px;color:var(--muted);margin:0 0 17px}.seller{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:9px;border-top:1px solid #edf0f0;padding-top:13px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}.avatar.lime{background:var(--lime)}.avatar.blue{background:#cbd8ff}.avatar.coral{background:#ffd0ca}.seller b,.seller small{display:block;font-size:12px}.seller small{color:var(--muted);margin-top:2px}.seller time{font-size:11px;color:#8c9aa4}.rental-strip{margin-bottom:50px;background:var(--ink);color:#fff;border-radius:18px;padding:31px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;overflow:hidden;position:relative}.rental-strip:before{content:"";position:absolute;width:260px;height:260px;border:60px solid #163d59;border-radius:50%;right:-80px;top:-110px}.rental-strip>div{position:relative}.rental-strip .kicker{color:var(--lime)}.rental-strip p{color:#b5c3cc;max-width:610px;line-height:1.55}.rental-strip button{border:0;background:var(--lime);padding:11px 16px;border-radius:9px;font-weight:800}.rental-preview{min-height:190px;border-radius:13px;background:linear-gradient(to top,rgba(7,26,45,.9),rgba(7,26,45,.05)),url('https://assets.rentsync.com/fitzrovia/images/gallery/1152/1715691238785_24037-214.jpg') center/cover;display:flex;flex-direction:column;justify-content:space-between;padding:14px}.distance{align-self:flex-end;background:#fff;color:var(--ink);font-size:11px;font-weight:700;padding:6px 9px;border-radius:20px}.rental-preview div{display:grid}.rental-preview b{font:800 20px Manrope}.rental-preview b small{font:500 11px DM Sans}.rental-preview div>span{font-size:12px;color:#dbe3e7}.rental-preview strong{font-size:12px;color:var(--lime);margin-top:4px}.rental-preview strong small{color:#dbe3e7;margin-left:5px}footer{display:flex;align-items:center;gap:17px;border-top:1px solid var(--line);padding:25px 0 40px;color:var(--muted);font-size:13px}footer>span{font:800 14px Manrope;color:var(--ink)}footer p{margin:0}footer div{margin-left:auto;display:flex;gap:18px}footer a{color:var(--muted);text-decoration:none}.bottom-nav{display:none}.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}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-menu{display:block}.topbar{height:68px}.listing-grid{grid-template-columns:repeat(2,1fr)}.listing-card:last-child{display:none}.search-panel{padding-top:42px}.search-panel h1{letter-spacing:-2.8px}.bottom-nav{display:flex;position:fixed;z-index:30;bottom:0;left:0;right:0;height:66px;background:#fff;border-top:1px solid var(--line);justify-content:space-around;align-items:center}.bottom-nav a{display:grid;place-items:center;color:#7b8c97;text-decoration:none;font-size:18px}.bottom-nav a span{font-size:10px;margin-top:2px}.bottom-nav a.active{color:var(--ink)}.bottom-nav>button{width:44px;height:44px;border:0;border-radius:14px;background:var(--ink);color:var(--lime);font-size:25px}footer{padding-bottom:88px}}@media(max-width:680px){.content,.topbar{padding-left:18px;padding-right:18px}.location-pill{font-size:13px}.lang-btn,.icon-btn{display:none}.outline-btn{display:none}.primary-btn{width:41px!important;padding:0!important;font-size:0}.primary-btn:first-letter{font-size:21px}.search-panel:after{display:none}.search-panel h1{font-size:43px;letter-spacing:-2px}.search-panel>p{font-size:15px}.search-tabs{gap:18px}.searchbar{grid-template-columns:25px 1fr auto;padding-left:12px}.searchbar input{font-size:14px}.searchbar button{padding:0 14px}.quick-filters{flex-wrap:nowrap;overflow:auto;padding-bottom:4px}.quick-filters button{white-space:nowrap}.listing-grid{grid-template-columns:1fr}.listing-card:last-child{display:block}.card-image{height:218px}.rental-strip{grid-template-columns:1fr;padding:23px}.section-heading{align-items:start}.sort{margin-top:5px;font-size:0}.sort button{font-size:12px}.rental-preview{min-height:180px}footer{align-items:flex-start;flex-wrap:wrap}footer div{width:100%;margin-left:0}}
body{background:#fff}
body[data-theme="dark"]{--ink:#fff;--ink-2:#eee;--paper:#000;--white:#000;--line:#333;--muted:#b8b8b8;--shadow:0 16px 40px rgba(0,0,0,.55);background:#000;color:#fff}
body[data-theme="dark"] .topbar{background:rgba(0,0,0,.92);border-color:#333}
body[data-theme="dark"] .sidebar{background:#000;border-right:1px solid #333}
body[data-theme="dark"] .searchbar,body[data-theme="dark"] .listing-card,body[data-theme="dark"] .quick-filters button,body[data-theme="dark"] .outline-btn,body[data-theme="dark"] .amount-row button,body[data-theme="dark"] .bottom-nav{background:#0b0b0b;color:#fff;border-color:#333}
body[data-theme="dark"] .searchbar input,body[data-theme="dark"] .stack-form input,body[data-theme="dark"] .stack-form textarea,body[data-theme="dark"] .stack-form select{background:#0b0b0b;color:#fff;border-color:#444}
body[data-theme="dark"] .modal{background:#0b0b0b;color:#fff}
body[data-theme="dark"] .modal-close{background:#222;color:#fff}
body[data-theme="dark"] .notification-list article,body[data-theme="dark"] .empty-state{background:#0b0b0b;border-color:#333}
body[data-theme="dark"] .message.theirs{background:#222;color:#fff}
body[data-theme="dark"] .safety-banner{background:#26220f;color:#f0df8c}
body[data-theme="dark"] .side-nav a:hover,body[data-theme="dark"] .side-nav a.active{background:#1a1a1a}
.theme-btn{border:1px solid var(--line);background:transparent;color:var(--ink);width:42px;height:42px;border-radius:10px;font-size:20px;line-height:1}.theme-btn:hover{background:var(--ink);color:var(--paper)}