:root{--bg: #3ec6f0;--bg-deep: #2eb5e0;--panel: #ffffff;--ink: #111111;--line: #111111;--text: #111111;--muted: #4a4a4a;--yellow: #ffe14a;--yellow-hot: #ffd000;--red: #e53935;--red-hot: #ff3b30;--green: #2ecc71;--green-deep: #27ae60;--cyan: #3ec6f0;--accent: var(--yellow-hot);--accent-2: var(--red);--danger: var(--red-hot);--shadow: 4px 4px 0 #111;--shadow-lg: 6px 6px 0 #111;--radius: 14px;--font: "Nunito", system-ui, sans-serif;--display: "Bangers", "Nunito", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--nav-h: 68px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--halftone: radial-gradient(circle, rgba(17, 17, 17, .12) 1.1px, transparent 1.2px)}*{box-sizing:border-box}html,body,#root{height:100%;width:100%;max-width:100%;overflow:hidden;overscroll-behavior:none}html{background:var(--bg)}body{margin:0;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:100%;font-family:var(--font);color:var(--text);background:transparent;touch-action:pan-y;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-color:var(--bg);background-image:var(--halftone),radial-gradient(ellipse 120% 80% at 50% -10%,var(--yellow) 0%,transparent 55%),linear-gradient(180deg,#5ed0f5 0%,var(--bg) 40%,#2aa8d4 100%);background-size:10px 10px,auto,auto}.app{height:100%;max-height:100%;width:100%;max-width:100%;display:flex;flex-direction:column;overflow:hidden;padding-bottom:calc(var(--nav-h) + var(--safe-bottom))}.main{flex:1;min-height:0;min-width:0;width:100%;max-width:100%;padding:calc(12px + var(--safe-top)) 14px 12px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.app.has-brand .main{padding-top:12px;scroll-snap-type:y mandatory;scroll-padding-top:12px}.main::-webkit-scrollbar{width:0;height:0;display:none}.topbar{display:flex;justify-content:center;gap:12px;align-items:center;margin-bottom:16px;text-align:center}.topbar h1{margin:0 0 4px;font-family:var(--display);font-size:1.8rem;font-weight:400;letter-spacing:.02em;line-height:1.1;color:var(--ink);text-shadow:3px 3px 0 #fff,5px 5px 0 #111}.topbar-brand{position:relative;flex:0 0 auto;z-index:10;justify-content:center;align-items:center;min-height:3.4rem;margin:0;padding:calc(10px + var(--safe-top)) 14px 10px;background:var(--yellow);border-bottom:4px solid #111;box-shadow:none}.app.detail-open .topbar-brand{visibility:hidden;pointer-events:none}.topbar-brand .brand{margin:0;font-family:var(--display);font-size:clamp(2.6rem,12vw,3.6rem);font-weight:400;letter-spacing:.03em;line-height:.95;text-align:center;color:#111;-webkit-text-stroke:1.5px #111;text-shadow:3px 3px 0 #fff,6px 6px 0 #111;transform:rotate(-2deg);animation:brand-pop .55s cubic-bezier(.34,1.4,.64,1) both}.brand-tag{margin:6px 0 0;font-family:var(--font);font-weight:800;font-size:12px;letter-spacing:.02em;color:#111;background:#fff;border:3px solid #111;border-radius:999px;padding:4px 12px;box-shadow:3px 3px #111;display:inline-block;transform:rotate(1deg)}@keyframes brand-pop{0%{transform:rotate(-2deg) scale(.7);opacity:0}to{transform:rotate(-2deg) scale(1);opacity:1}}.meta{margin:0;color:var(--muted);font-size:13px;font-weight:700}.filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.filters input,.filters select{width:100%;background:#fff;border:3px solid #111;color:var(--text);border-radius:12px;padding:11px 14px;font:inherit;font-weight:700;min-width:0;box-shadow:3px 3px #111}.note{font-size:13px;font-weight:700;line-height:1.4;margin:0 0 10px;padding:10px 12px;background:#fff;border:3px solid #111;border-radius:12px;box-shadow:3px 3px #111}.note.bad{color:#fff;background:var(--red);border-color:#111}.scroll-sentinel{height:1px;width:100%;pointer-events:none}.end-note{margin:8px 0 20px;text-align:center;color:#111;font-size:13px;font-weight:800;background:var(--yellow);border:3px solid #111;border-radius:999px;padding:8px 12px;box-shadow:3px 3px #111}.grid{display:grid;grid-template-columns:1fr;gap:14px}.card{background:#fff;border:4px solid #111;border-radius:var(--radius);padding:12px;cursor:pointer;box-shadow:var(--shadow-lg);transition:transform .12s,box-shadow .12s;scroll-snap-align:start;scroll-snap-stop:always}.card:active{transform:translate(2px,2px);box-shadow:2px 2px #111}.card-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(112px,42%);gap:10px;align-items:stretch;min-height:148px}.card-main{min-width:0;display:flex;flex-direction:column;gap:8px}.card-title-row{display:flex;align-items:flex-start;gap:8px}.card-map{min-width:0;display:flex}.card-map .schematic-wrap{width:100%;height:100%;min-height:140px;border-radius:12px;border:3px solid #111;background:var(--halftone),linear-gradient(160deg,#dff7ff,#b8ecff);background-size:8px 8px,auto;box-shadow:3px 3px #111}.card-map .schematic-wrap svg{width:100%;height:100%;min-height:140px;aspect-ratio:auto;padding:4px;object-fit:contain}.map-placeholder{width:100%;min-height:140px;border-radius:12px;border:3px dashed #111;display:grid;place-items:center;color:var(--muted);font-size:12px;font-weight:800;background:#eaf9ff}.fav-btn{border:3px solid #111;background:var(--yellow);color:#111;border-radius:12px;min-width:36px;height:36px;padding:0 8px;font:inherit;font-size:16px;line-height:1;cursor:pointer;flex:0 0 auto;box-shadow:2px 2px #111;font-weight:800}.fav-btn.on{color:#fff;background:var(--red)}.detail-actions{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;flex-shrink:0;position:sticky;top:0;z-index:2;margin:0;padding:16px 16px 12px;background:var(--yellow);border-bottom:4px solid #111}.detail-actions .icon-btn{width:42px;height:42px;margin:0;padding:0;border:3px solid #111;border-radius:12px;background:#fff;color:#111;font:inherit;font-size:18px;line-height:1;cursor:pointer;display:grid;place-items:center;flex-shrink:0;box-shadow:2px 2px #111}.detail-actions .icon-btn.fav-icon.on{color:#fff;background:var(--red)}.detail-actions .avito-btn{width:100%;height:42px;margin:0;border:3px solid #111;border-radius:12px;background:var(--red);color:#fff;font:inherit;font-family:var(--display);font-size:1.05rem;letter-spacing:.03em;cursor:pointer;box-shadow:3px 3px #111}.detail-actions .avito-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #111}.detail-actions .avito-btn-spacer{min-height:42px}.detail-body{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:4px 16px 16px;scrollbar-width:none;-ms-overflow-style:none;background:var(--halftone),#fffbe8;background-size:10px 10px,auto}.detail-body::-webkit-scrollbar{width:0;height:0;display:none}.card h3{margin:0;font-size:17px;font-weight:800;line-height:1.25;flex:1;min-width:0;color:#111}.card .row{display:flex;flex-wrap:wrap;gap:6px;margin:0}.card .meta-row{flex-wrap:wrap;gap:6px}.card .meta-row .pill{flex:0 1 auto;white-space:nowrap}.card p{margin:0;color:var(--muted);font-size:12px;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;flex:1}.schematic-wrap{flex:1;width:100%;margin:0;border-radius:12px;overflow:hidden;border:3px solid #111;background:#dff7ff}.schematic-wrap svg{display:block;width:100%;height:auto;aspect-ratio:200 / 140;padding:3px}.schematic-district{fill-opacity:.22;stroke:#111;stroke-opacity:.7;stroke-width:.8;stroke-linejoin:round}.schematic-district.active{fill-opacity:.55;stroke-opacity:1;stroke-width:1.2}.schematic-dlabel{fill:#11111173;font-size:6.5px;font-family:var(--mono);pointer-events:none}.schematic-dlabel.active{fill:#111;font-size:7px;font-weight:700}.schematic-dot{fill:var(--red);stroke:#fff;stroke-width:1.4}.schematic-status{display:grid;place-items:center;min-height:56px;color:var(--muted);font-size:11px;font-weight:800}.detail .schematic-wrap{width:100%;max-width:220px;margin:0 0 10px auto;min-height:120px}.photo-gallery{margin:12px 0;width:100%;max-width:100%}.photo-gallery.status{min-height:180px;border-radius:14px;border:3px dashed #111;display:grid;place-items:center;color:var(--muted);font-size:13px;font-weight:800;background:#fff}.photo-main{position:relative;width:100%;height:clamp(200px,34vh,280px);border-radius:14px;overflow:hidden;border:4px solid #111;background:#111;box-shadow:var(--shadow)}.photo-main img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.photo-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border:3px solid #111;border-radius:12px;background:var(--yellow);color:#111;font-size:22px;font-weight:800;line-height:1;cursor:pointer;box-shadow:2px 2px #111}.photo-nav.prev{left:8px}.photo-nav.next{right:8px}.photo-count{position:absolute;right:10px;bottom:10px;padding:4px 10px;border-radius:999px;background:var(--yellow);border:2px solid #111;color:#111;font-size:11px;font-weight:800;font-family:var(--mono)}.photo-thumbs{display:flex;gap:6px;overflow-x:auto;margin-top:8px;padding-bottom:2px}.photo-thumb{flex:0 0 auto;width:56px;height:42px;border-radius:8px;overflow:hidden;border:3px solid #111;padding:0;background:#fff;cursor:pointer}.photo-thumb.active{border-color:var(--red);box-shadow:2px 2px #111}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pill{font-size:12px;font-weight:800;padding:5px 9px;border-radius:999px;background:#fff;border:2.5px solid #111;color:#111;box-shadow:2px 2px #111}.pill.price{color:#111;background:var(--yellow)}.pill.ok{color:#fff;background:var(--green-deep)}.pill.bad{color:#fff;background:var(--red)}.pill.muted{color:#111;background:#e8e8e8}.pill.secret{color:#111;background:#ffb347}.secret-note{margin:0 0 12px;padding:10px 12px;border-radius:12px;border:3px solid #111;background:#ffb347;color:#111;font-size:.9rem;font-weight:800;line-height:1.35;box-shadow:var(--shadow)}.detail-map{margin:4px 0 12px}.detail-map .schematic-wrap{width:100%;max-width:320px;margin:0 auto}.empty{border:4px solid #111;border-radius:var(--radius);padding:40px 20px;text-align:center;color:#111;font-weight:800;background:var(--yellow);box-shadow:var(--shadow-lg)}.profile-section{margin-bottom:16px}.profile-section h3{margin:0 0 10px;font-family:var(--display);font-size:1.35rem;font-weight:400;letter-spacing:.02em;color:#111;text-shadow:2px 2px 0 #fff}.profile-section .filters{margin-bottom:0}.profile-card{display:flex;gap:14px;align-items:center;background:#fff;border:4px solid #111;border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:var(--shadow-lg)}.profile-avatar{width:64px;height:64px;border-radius:16px;overflow:hidden;background:var(--red);color:#fff;border:3px solid #111;display:grid;place-items:center;font-size:1.4rem;font-weight:800;flex:0 0 auto;box-shadow:3px 3px #111}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info{display:grid;gap:4px;min-width:0}.profile-info strong{font-size:1.15rem;font-weight:800}.profile-info small{color:var(--muted);font-size:12px;font-weight:700;word-break:break-word}.profile-info .mono{font-family:var(--mono)}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.stat{background:#fff;border:3px solid #111;border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.stat:nth-child(5n+1){background:#d6f5ff}.stat:nth-child(5n+2){background:#d8ffe8}.stat:nth-child(5n+3){background:var(--yellow)}.stat:nth-child(5n+4){background:#ffd6d6}.stat:nth-child(5n+5){background:#e8e0ff}.stat b{display:block;font-size:1.35rem;margin-bottom:4px;font-weight:900}.stat span{color:#111;font-size:12px;font-weight:800}.profile-hint{margin:0 0 12px;color:#111;font-size:13px;font-weight:700;line-height:1.4;background:#fff;border:3px solid #111;border-radius:12px;padding:10px 12px;box-shadow:3px 3px #111}.profile-actions{display:grid;gap:8px}.profile-actions .ghost-btn,.profile-actions .mail-btn{width:100%;border:3px solid #111;background:#fff;color:#111;border-radius:12px;padding:12px 14px;font:inherit;font-weight:800;cursor:pointer;box-shadow:3px 3px #111}.profile-actions .mail-btn{background:var(--red);color:#fff;font-family:var(--display);font-size:1.15rem;letter-spacing:.03em;font-weight:400}.profile-actions .mail-btn.on{background:var(--green-deep);color:#fff}.profile-actions .mail-btn:disabled{opacity:.6;cursor:wait}.profile-actions .ghost-btn:active,.profile-actions .mail-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #111}.detail{position:fixed;top:0;left:0;right:0;bottom:calc(var(--nav-h) + var(--safe-bottom));width:100%;max-width:none;max-height:none;margin:0;z-index:40;display:flex;flex-direction:column;background:#fffbe8;border:0;border-radius:0;padding:0;overflow:hidden;box-shadow:none}.detail .detail-actions{padding-top:calc(12px + var(--safe-top))}.detail .ghost-btn{width:100%;border:3px solid #111;background:#fff;color:#111;border-radius:12px;padding:10px 14px;font:inherit;font-weight:800;cursor:pointer;margin:0;box-shadow:3px 3px #111}.detail .fav-btn{background:var(--yellow)}.detail h2{margin:8px 0 12px;font-family:var(--display);font-size:1.55rem;font-weight:400;letter-spacing:.02em;color:#111;text-shadow:2px 2px 0 #fff}.detail dl{margin:0 0 8px;display:grid;gap:10px}.detail dt{color:#111;font-size:11px;font-family:var(--mono);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.detail dd{margin:4px 0 0;font-size:14px;font-weight:700;word-break:break-word}.detail a{color:var(--red);font-weight:800}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;min-height:var(--nav-h);padding:8px 10px calc(8px + var(--safe-bottom));background:var(--yellow);border-top:4px solid #111}.bottom-nav button{border:3px solid transparent;background:transparent;color:#111;border-radius:12px;padding:8px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;display:grid;gap:2px;place-items:center}.bottom-nav button.active{color:#fff;background:var(--red);border-color:#111;box-shadow:3px 3px #111}.nav-icon{font-size:18px;line-height:1}.app-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-content:center;justify-items:center;gap:14px;padding:24px;background-color:var(--bg);background-image:var(--halftone),radial-gradient(ellipse 100% 70% at 50% 0%,var(--yellow) 0%,transparent 60%);background-size:10px 10px,auto}.loader-title{margin:0;font-family:var(--display);font-weight:400;font-size:2.4rem;letter-spacing:.03em;color:#111;text-shadow:3px 3px 0 #fff,6px 6px 0 #111;transform:rotate(-2deg)}.loader-hint{margin:0;color:#111;font-size:14px;font-weight:800;background:#fff;border:3px solid #111;border-radius:999px;padding:6px 14px;box-shadow:3px 3px #111}.loader-spinner{width:40px;height:40px;border-radius:50%;border:4px solid #111;border-top-color:var(--red);background:var(--yellow);animation:spin .75s linear infinite;box-shadow:3px 3px #111}.loader-spinner.sm{width:16px;height:16px;border-width:3px;box-shadow:1px 1px #111}.inline-loader{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:10px 12px;border:3px solid #111;border-radius:12px;color:#111;font-size:13px;font-weight:800;background:#fff;box-shadow:3px 3px #111}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:760px){.main{max-width:720px;margin:0 auto;width:100%;padding:20px 20px 28px}.filters{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}