:root{--color-page:#f7f7f2;--color-surface:#fff;--color-ink:#202124;--color-muted:#69716d;--color-border:#dfe3dc;--color-teal:#0f766e;--color-teal-soft:#dff4ef;--color-coral:#e0523f;--color-amber:#f0b429;--color-lime:#6f9d32;--color-blue:#4077a8;--color-route:#0b5fff;--color-corridor:#44514b;--shadow-panel:0 16px 42px #2021241a;--radius:8px;color:var(--color-ink);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{background:var(--color-page)}body{background:linear-gradient(180deg, #0f766e1a, transparent 300px), var(--color-page);min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:78px 16px 92px}.topbar{z-index:20;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f7f2e6;justify-content:space-between;align-items:center;gap:12px;padding:12px max(16px,50vw - 560px);display:flex;position:fixed;top:0;left:0;right:0}main{width:min(1120px,100%);margin:0 auto}.brand,.ghost-button,.text-button,.primary-button,.secondary-button,.bottom-nav button,.category-chip,.shop-card{border:0}.brand{color:var(--color-ink);text-align:left;background:0 0;align-items:center;gap:10px;padding:0;display:flex}.brand small,.shop-card small,.eyebrow,.info-tile span{color:var(--color-muted);font-size:.78rem;display:block}.brand-mark{border-radius:var(--radius);background:var(--color-teal);color:#fff;place-items:center;width:40px;height:40px;font-weight:800;display:inline-grid}.ghost-button,.text-button{border-radius:var(--radius);color:var(--color-teal);background:0 0;padding:10px 12px;font-weight:700}.primary-button,.secondary-button{border-radius:var(--radius);min-height:44px;padding:10px 16px;font-weight:800}.primary-button{background:var(--color-teal);color:#fff}.secondary-button{background:var(--color-teal-soft);color:#075f58}.page-stack{gap:18px;display:grid}.finder-hero,.shop-detail,.picked-card,.panel,.map-panel{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-panel)}.finder-hero{gap:20px;padding:22px;display:grid}.finder-hero h1,.page-header h1,.shop-detail h1{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(2rem,5vw,4.2rem);line-height:1.02}.page-header h1{font-size:clamp(2rem,4vw,3.25rem)}.eyebrow{letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-weight:800}.search-form{gap:8px;display:grid}.search-form label,.select-field span,.textarea-field span{color:var(--color-muted);font-size:.86rem;font-weight:700}.search-row{grid-template-columns:1fr auto;gap:8px;display:grid}.search-row input,.select-field select,.textarea-field textarea{border:1px solid var(--color-border);border-radius:var(--radius);width:100%;color:var(--color-ink);background:#fff}.search-row input{min-height:52px;padding:0 14px}.search-form.compact{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:14px}.info-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.info-tile{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);min-height:112px;color:var(--color-ink);text-align:left;padding:14px}.floor-directory-board h3,.map-inspector h3{margin:0;font-size:1.15rem;line-height:1.25}.section,.page-header{gap:12px;display:grid}.section-header,.map-toolbar{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.section-header h2,.map-toolbar h2,.panel h2,.picked-card h2{margin:0;font-size:1.35rem;line-height:1.2}.chip-grid,.floor-tabs{flex-wrap:wrap;gap:8px;display:flex}.category-chip,.floor-tabs button{border-radius:var(--radius);border:1px solid var(--color-border);color:var(--color-ink);background:#fff;padding:10px 12px;font-weight:800}.category-chip.teal,.floor-tabs .active{background:var(--color-teal-soft);border-color:#9edbd0}.category-chip.active{border-color:var(--color-teal);box-shadow:0 0 0 3px #0f766e1f}.category-chip.lime{background:#eff8d8}.category-chip.coral,.category-chip.rose{background:#ffe2dc}.category-chip.amber{background:#fff3c4}.category-chip.slate{background:#e8eef0}.category-chip.blue,.category-chip.cyan{background:#dff0fa}.category-chip.violet{background:#eee6ff}.category-chip.brown{background:#efe4d6}.shop-list{gap:10px;display:grid}.shop-card{border-radius:var(--radius);border:1px solid var(--color-border);min-height:74px;color:var(--color-ink);text-align:left;background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.quality,.start-badge{border-radius:var(--radius);color:#725200;text-transform:capitalize;background:#fff3c4;flex:none;padding:6px 8px;font-size:.75rem;font-weight:800}.start-badge.neutral{color:#49545a;background:#e8eef0}.quality.verified{background:var(--color-teal-soft);color:#075f58}.shop-detail,.panel,.picked-card,.map-panel{padding:16px}.shop-detail{grid-template-columns:1fr auto;gap:16px;display:grid}.shop-detail p,.panel p,.picked-card p{color:var(--color-muted)}.detail-actions{flex-wrap:wrap;gap:8px;display:flex}.info-grid{grid-template-columns:repeat(4,1fr)}.info-tile{align-content:space-between;min-height:86px;display:grid}.info-tile strong{text-transform:capitalize}.route-summary{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.map-panel{gap:12px;display:grid}.map-toolbar-meta{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.map-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:stretch;gap:12px;display:grid}.map-layout.route-only{grid-template-columns:minmax(0,1fr)}.map-scroll{border:1px solid var(--color-border);border-radius:var(--radius);touch-action:pan-x pan-y;background:linear-gradient(90deg,#49545a14 0 1px,#0000 1px 46px),linear-gradient(#49545a14 0 1px,#0000 1px 46px),#eee7e6;max-height:min(74vh,780px);overflow:auto}.indoor-map{width:auto;max-width:none;height:auto;display:block}.directory-map{background:#f1e9e8;min-width:1740px}.map-grid-bg{opacity:1}.map-grid-line{fill:none;stroke:#49545a1a;stroke-width:1px}.directory-paper{fill:#fffefa;stroke:#dfe3dc;stroke-width:2px}.floor-medallion{fill:var(--color-coral);letter-spacing:0;font-size:50px;font-weight:900}.mall-plan-shell{fill:#f6dedd;stroke:#8e8b86;stroke-width:2px}.walkway-main{fill:none;stroke:#fff1ea;stroke-width:104px;stroke-linecap:round;stroke-linejoin:round}.walkway-branch{fill:none;stroke:#fff1ea;stroke-linecap:round;stroke-linejoin:round;stroke-width:48px}.centre-walk-label rect{fill:#fffefad1;stroke:#d8c9c2;stroke-width:1px}.centre-walk-label text{fill:#5e665f;letter-spacing:0;text-anchor:middle;text-transform:uppercase;font-size:11px;font-weight:900}.zone-label{fill:#49545a;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:900}.map-zone-segment rect{fill:#0000;stroke:#8e8b86;stroke-width:1px;stroke-dasharray:5 6;opacity:.35}.map-zone-segment line{stroke:#8e8b86;stroke-width:1px;stroke-dasharray:7 8;opacity:.28}.map-zone-segment text{fill:#49545a;letter-spacing:0;text-transform:uppercase;font-size:13px;font-weight:900}.map-edge{stroke:#a9b5ae;stroke-width:3px;stroke-linecap:round;stroke-dasharray:8 8;opacity:.24}.map-edge.highlighted{stroke:var(--color-route);stroke-width:10px;opacity:1}.shop-cell{cursor:pointer}.shop-cell rect{fill:var(--shop-fill,#eef1ef);stroke:#5f5a56;stroke-width:1.1px;filter:drop-shadow(0 1px 1px #20212414)}.shop-cell:hover rect,.shop-cell.selected rect{stroke:var(--shop-accent,var(--color-route));stroke-width:4px}.shop-cell.selected rect{fill:#fffaf7;filter:drop-shadow(0 5px 10px #e0523f40)}.shop-cell text{fill:var(--shop-text,var(--color-ink));letter-spacing:0;pointer-events:none;text-anchor:middle;font-size:8.4px;font-weight:900}.shop-cell .primary-lot{opacity:1;font-size:12px}.shop-cell .shop-name-text{opacity:.78;font-size:7.4px}.landmark circle{fill:var(--color-teal);stroke:#fff;stroke-width:4px}.landmark.toilet circle{fill:var(--color-blue)}.landmark.surau circle{fill:var(--color-lime)}.landmark.parking circle{fill:#49545a}.landmark.information circle,.landmark.entrance circle{fill:var(--color-coral)}.landmark.lift circle,.landmark.escalator circle{fill:#69716d}.landmark text{fill:#fff;letter-spacing:0;pointer-events:none;text-anchor:middle;font-size:8.5px;font-weight:900}.map-route-casing,.map-route-path{fill:none;stroke-linecap:round;stroke-linejoin:round}.map-route-casing{stroke:#fff;stroke-width:13px}.map-route-path{stroke:var(--color-route);stroke-width:6px;filter:drop-shadow(0 2px 4px #2021242e)}.route-arrow{fill:var(--color-route)}.route-turn-dot{fill:var(--color-route);stroke:#fff;stroke-width:3px}.start-marker circle{fill:var(--color-route);stroke:#fff;stroke-width:5px}.start-marker text{fill:var(--color-ink);letter-spacing:0;pointer-events:none;font-size:14px;font-weight:900}.map-legend{color:var(--color-muted);flex-wrap:wrap;gap:12px;font-size:.86rem;font-weight:700;display:flex}.legend-line,.legend-dot{vertical-align:middle;margin-right:6px;display:inline-block}.legend-line{border-radius:99px;width:28px;height:4px}.legend-line.route{background:var(--color-route)}.legend-line.corridor{background:var(--color-corridor);opacity:.5}.legend-dot{background:var(--color-teal);border-radius:50%;width:10px;height:10px}.legend-dot.store{background:var(--color-coral);border-radius:2px}.map-inspector{border-left:1px solid var(--color-border);align-content:start;gap:12px;padding:12px 0 12px 12px;display:grid}.map-inspector p{color:var(--color-muted);margin:0}.map-inspector dl{gap:8px;margin:0;display:grid}.map-inspector dl div{gap:2px;display:grid}.map-inspector dt{color:var(--color-muted);text-transform:uppercase;font-size:.75rem;font-weight:800}.map-inspector dd{margin:0;font-weight:800}.floor-directory-board{gap:12px;padding-top:4px;display:grid}.floor-directory-board.empty p{color:var(--color-muted);margin:0}.directory-lanes{gap:18px;display:grid}.directory-filters{flex-wrap:wrap;gap:8px;display:flex}.directory-filters button{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--shop-fill,#fff);color:var(--shop-text,var(--color-ink));padding:8px 10px;font-size:.82rem;font-weight:900}.directory-filters button.active{border-color:var(--shop-accent,var(--color-teal));box-shadow:0 0 0 3px #0f766e1f}.lot-lane{gap:8px;display:grid}.lane-title{color:var(--color-muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:.82rem;font-weight:900;display:flex}.lane-title strong{color:var(--color-ink)}.lot-card-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px;display:grid}.lot-card{border:1px solid var(--color-border);border-top:5px solid var(--shop-accent,var(--color-teal));border-radius:var(--radius);background:var(--shop-fill,#fff);min-height:92px;color:var(--shop-text,var(--color-ink));text-align:left;align-content:start;gap:4px;padding:10px;display:grid}.lot-card.active{border-color:var(--shop-accent,var(--color-route));background:#fffaf7;box-shadow:0 0 0 3px #e0523f1f}.lot-card .lot-code{color:var(--shop-accent,var(--color-teal));font-size:.74rem;font-weight:900}.lot-card strong{line-height:1.2}.lot-card small{color:var(--shop-text,var(--color-muted));opacity:.74;text-transform:capitalize;font-size:.74rem;font-weight:800}.facility-card{cursor:default}.source-note-list{gap:6px;display:grid}.source-note-list span{border-left:3px solid var(--color-teal-soft);color:var(--color-muted);padding-left:10px}.steps{gap:8px;margin:12px 0 0;padding-left:22px;display:grid}.filter-panel{grid-template-columns:repeat(5,1fr);align-items:end;gap:10px;display:grid}.select-field,.textarea-field{gap:6px;display:grid}.select-field select{min-height:44px;padding:0 10px}.textarea-field textarea{resize:vertical;padding:10px}.state-panel{justify-items:start;gap:10px;display:grid}.bottom-nav{z-index:20;grid-template-columns:repeat(var(--nav-count,5), 1fr);border:1px solid var(--color-border);border-radius:var(--radius);width:min(560px,100vw - 24px);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;display:grid;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.bottom-nav button{min-height:52px;color:var(--color-muted);background:0 0;font-weight:800}.bottom-nav button.active{color:var(--color-teal)}.modal-backdrop{z-index:50;background:#2021246b;place-items:end center;padding:16px;display:grid;position:fixed;inset:0}.issue-modal{border-radius:var(--radius);width:min(680px,100%);max-height:min(760px,100vh - 32px);box-shadow:var(--shadow-panel);background:#fff;gap:12px;padding:16px;display:grid;overflow:auto}.issue-preview{border-radius:var(--radius);color:#f7f7f2;white-space:pre-wrap;background:#202124;max-height:220px;margin:0;padding:12px;overflow:auto}.toast{z-index:60;border-radius:var(--radius);background:var(--color-ink);color:#fff;padding:12px 14px;font-weight:800;position:fixed;bottom:82px;right:16px}.loading-screen{place-items:center;min-height:100vh;padding:16px;display:grid}.loader-card{border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-panel);text-align:center;background:#fff;justify-items:center;gap:10px;padding:22px;display:grid}@media (width<=820px){.app-shell{padding-inline:12px}.finder-hero,.shop-detail,.info-grid,.route-summary,.filter-panel,.map-layout{grid-template-columns:1fr}.map-inspector{border-left:0;padding:0}.search-row{grid-template-columns:1fr}.topbar{padding-inline:12px}.brand small{display:none}.finder-hero h1,.page-header h1,.shop-detail h1{font-size:2.15rem}}