:root{--accent:#6d24f5;--accent-2:#b33cff;--accent-deep:#2b0968;--accent-soft:#f2edff;--ink:#211633;--muted:#7d748c;--line:#ece7f4;--rail:76px;--sidebar:360px;--shadow:0 10px 34px #34116d18}
*{box-sizing:border-box;letter-spacing:0}body{margin:0;font:14px/1.45 "Segoe UI",Arial,sans-serif;color:var(--ink);overflow:hidden;background:#f3f0f8}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{cursor:wait;opacity:.5}svg{width:20px;height:20px;stroke-width:1.8;flex-shrink:0}input{min-width:0;color:var(--ink)}button:hover{background:#f5f1ff}button.primary:hover{filter:brightness(.93)}.hidden{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:20px;line-height:1.3}h2{font-size:17px}h3{font-size:15px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.workspace{height:100dvh;width:100%;position:relative}#map{position:absolute;inset:0 0 0 calc(var(--rail) + var(--sidebar));background:#f0edf6}.rail{position:absolute;z-index:6;inset:0 auto 0 0;width:var(--rail);background:#fff;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;padding:18px 7px;gap:14px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,var(--accent-2),var(--accent-deep));color:#fff;margin-bottom:17px;box-shadow:0 8px 20px #6d24f544}.brand-mark:hover{background:linear-gradient(145deg,#c655ff,#5617d2)}.brand-mark svg{width:27px;height:27px;fill:#fff;stroke:var(--accent)}.nav-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:62px;min-height:62px;border-radius:14px;color:#80758f;font-size:11px}.nav-button.active{color:var(--accent);background:var(--accent-soft);font-weight:700}.nav-button svg{width:23px;height:23px}.rail-bottom{margin-top:auto}.sidebar{position:absolute;z-index:5;left:var(--rail);top:0;bottom:0;width:var(--sidebar);background:#fdfcff;box-shadow:6px 0 24px #32115f12;display:flex;flex-direction:column;min-height:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 14px}.sidebar-header>div{display:flex;gap:14px;align-items:center}.wordmark{display:flex;align-items:center;gap:8px;font-size:29px;line-height:32px;letter-spacing:-1.8px;color:var(--accent-deep)}.qalay-pin{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent-2),var(--accent));color:#fff}.qalay-pin svg{width:18px;height:18px;fill:#fff;stroke:var(--accent)}.city-label{color:var(--muted);font-size:12px;letter-spacing:0}.icon-button{height:38px;width:38px;display:inline-grid;place-items:center;border-radius:11px;flex-shrink:0}.search-box{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e6def3;border-radius:16px;margin:0 18px 14px;padding:4px 5px 4px 14px;min-height:50px;box-shadow:0 8px 24px #34116d0d}.search-box>svg{color:var(--accent);width:19px}.search-box:focus-within{border-color:#a56dff;box-shadow:0 0 0 3px #8a43ff16}.search-box input{border:0;outline:none;background:transparent;flex:1;width:100%;font-size:13px}.search-box .icon-button{width:34px;height:34px;color:#fff;background:linear-gradient(145deg,var(--accent-2),var(--accent));border-radius:11px}.view{overflow:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#dcd3ea transparent}.quick-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:3px 14px 15px;border-bottom:1px solid var(--line)}.quick-categories button{display:flex;align-items:center;flex-direction:column;gap:8px;padding:13px 3px 10px;border-radius:13px;font-size:12px}.quick-categories svg,.quick-categories button:nth-child(n) svg{padding:9px;box-sizing:content-box;border-radius:12px;background:linear-gradient(145deg,#f8f4ff,#ece4ff);color:var(--accent);width:20px;height:20px;box-shadow:inset 0 0 0 1px #e5d9fa}.filter-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 17px;gap:8px;border-bottom:1px solid var(--line);font-size:12px}.filter-bar label{display:flex;align-items:center;gap:4px;white-space:nowrap}.filter-bar input{accent-color:var(--accent)}.small-button{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:7px 10px;font-size:12px;min-height:36px}.small-button svg{width:16px;height:16px;color:var(--accent)}.results-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 13px}.results-heading h1{font-size:18px;margin-bottom:4px}.results-heading span{font-size:12px;color:var(--muted)}.results-heading>svg{width:18px;color:var(--accent)}.result{display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid var(--line);padding:17px 20px;width:100%;text-align:left;border-left:3px solid transparent;min-height:112px}.result.selected{background:var(--accent-soft);border-left-color:var(--accent)}.result-icon{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;background:#f3effa;border-radius:12px;color:var(--accent)}.result-icon svg{width:19px}.result-copy{min-width:0;flex:1}.result h3{font-size:14px;font-weight:700;line-height:1.35;margin:0 0 5px;overflow-wrap:anywhere}.result p{font-size:12px;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.result p.category{color:#5d506f;margin-bottom:3px}.result-meta{display:flex;gap:10px;font-size:11px;color:var(--muted);margin-top:6px}.result-meta svg{width:12px;height:12px;vertical-align:-2px;margin-right:3px}.result-arrow{width:15px;height:15px;margin-top:3px;color:#b3a7c4}.sidebar-footer{border-top:1px solid var(--line);padding:11px 16px;display:flex;gap:6px;align-items:center;font-size:10px;color:var(--muted);flex-shrink:0}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px #6d24f518}.footer-city{margin-left:auto}.more{display:block;margin:16px auto;padding:10px 30px;border:1px solid var(--line);border-radius:10px;color:var(--accent)}.empty{padding:26px 20px;color:var(--muted);font-size:13px}.map-top{position:absolute;z-index:2;top:20px;left:calc(var(--sidebar) + var(--rail) + 24px);display:flex;gap:12px;align-items:center}.map-top>span{background:#ffffffef;border-radius:12px;box-shadow:var(--shadow);padding:9px 12px;font-size:12px;display:flex;align-items:center;gap:6px}.map-top svg{width:15px;height:15px;color:var(--accent)}.map-top .small-button{box-shadow:var(--shadow);border:0;min-height:39px}.map-tools{position:absolute;right:22px;top:50%;transform:translateY(-50%);z-index:4;display:flex;flex-direction:column;gap:7px}.map-tools .icon-button{width:42px;height:42px;box-shadow:var(--shadow);background:#fff;border:1px solid var(--line);border-radius:13px}.map-tools .icon-button:hover{background:var(--accent-soft);color:var(--accent)}.layers{position:absolute;z-index:7;right:74px;top:50%;transform:translateY(-20%);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);width:220px;padding:17px}.layers h2{margin-bottom:10px;font-size:15px}.layers label{display:flex;gap:9px;align-items:center;padding:8px 0;font-size:13px}.layers input{accent-color:var(--accent)}.swatch{width:13px;height:13px;border-radius:4px;display:inline-block}.building{background:#d9d1e2}.road{background:#fff}.footway{background:#b8a8ca}.lrt{background:var(--accent)}.railway{background:#81748e}.poi{background:var(--accent)}.detail{position:absolute;z-index:8;left:calc(var(--sidebar) + var(--rail) + 12px);top:12px;bottom:28px;width:350px;max-width:calc(100% - var(--sidebar) - var(--rail) - 85px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);scrollbar-width:thin}.detail-top{padding:13px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.detail-heading{padding:22px}.detail-heading>.result-icon{width:52px;height:52px;background:var(--accent-soft);color:var(--accent);margin-bottom:16px}.detail h2{font-size:23px;overflow-wrap:anywhere;line-height:1.25;margin-bottom:8px}.detail-heading p{color:var(--muted);font-size:13px}.detail-actions{display:flex;gap:8px;padding:0 22px 22px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--accent-2),var(--accent));box-shadow:0 8px 18px #6d24f52d;color:#fff;border-radius:12px;padding:11px 16px;font-weight:700;min-height:44px;font-size:13px}.primary svg{width:17px}.detail-actions .primary{flex:1}.detail-actions .icon-button{border:1px solid var(--line);height:42px;width:42px}.detail-actions .saved{color:var(--accent);background:var(--accent-soft)}.detail-section{border-top:1px solid var(--line);padding:19px 22px}.detail-section>h3{font-size:13px;margin-bottom:15px}.contact-row{display:flex;gap:12px;margin:0 0 15px;font-size:13px;overflow-wrap:anywhere}.contact-row:last-child{margin-bottom:0}.contact-row>svg{color:#9ca4aa;width:18px}.contact-row>div{min-width:0}.contact-row small{display:block;color:var(--muted);margin-bottom:4px}.contact-row p{white-space:pre-line;line-height:1.65}.detail .text-button{color:var(--accent);font-size:12px;padding:5px 0;margin-top:5px}.hours-row{font-size:12px;margin-top:7px;color:#625671}.category-panel{border-bottom:1px solid var(--line);padding:14px 18px}.category-panel>input{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px}.category-panel>div{max-height:260px;overflow:auto;margin-top:7px}.category-option{display:flex;justify-content:space-between;gap:8px;text-align:left;width:100%;padding:9px 5px;font-size:12px}.category-option span{color:var(--muted)}.active-filter{display:flex;justify-content:space-between;align-items:center;background:var(--accent-soft);color:var(--accent);margin:12px 18px 0;padding:5px 8px;border-radius:9px;font-size:12px}.active-filter button{display:flex;padding:5px}.active-filter svg{width:14px;height:14px}.route-view,.info-view{padding:20px}.route-view h1,.info-view h1{margin-bottom:20px}.route-view form{display:flex;flex-direction:column;gap:13px}.route-view label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}.route-view input{padding:12px;border:1px solid var(--line);border-radius:10px;width:100%}.route-view p,.info-view p{font-size:13px;color:var(--muted);line-height:1.6;margin-top:20px}.info-view dl{display:grid;grid-template-columns:1fr auto;row-gap:12px;margin:25px 0;font-size:13px}.info-view dd{font-weight:700;margin:0;color:var(--accent)}.toast{position:absolute;z-index:20;bottom:32px;left:calc(var(--rail) + var(--sidebar) + 20px);max-width:400px;background:var(--accent-deep);color:#fff;padding:13px 18px;border-radius:12px;box-shadow:var(--shadow);font-size:13px}.maplibregl-ctrl-attrib{font-size:10px!important}.maplibregl-ctrl-scale{border-color:#7d6a91!important;color:#635471!important;font-size:10px!important;background:#ffffffcc!important}.selected-pin{background:var(--accent);border:3px solid #fff;box-shadow:0 3px 10px #0003;width:22px;height:22px;border-radius:50%}.location-pin{background:var(--accent);border:3px solid #fff;box-shadow:0 0 0 8px #6d24f526;width:17px;height:17px;border-radius:50%}
@media(min-width:1500px){:root{--sidebar:390px}}@media(max-width:1100px) and (min-width:701px){:root{--sidebar:320px;--rail:65px}.detail{left:calc(var(--rail) + 6px);max-width:calc(var(--sidebar) - 12px);width:340px;top:6px;bottom:6px}.map-top{left:calc(var(--sidebar) + var(--rail) + 12px)}}
@media(max-width:700px){:root{--rail:0px;--sidebar:0px}.rail{inset:auto 0 0;width:100%;height:58px;flex-direction:row;padding:3px 12px;justify-content:space-around;border-top:1px solid var(--line);gap:3px}.brand-mark{display:none}.nav-button{width:70px;min-height:48px;gap:1px;font-size:10px}.nav-button svg{width:19px;height:19px}.rail-bottom{margin:0}.sidebar{left:0;top:43dvh;bottom:58px;width:100%;border-radius:12px 12px 0 0;box-shadow:0 -4px 24px #252a3018}.sidebar-header{padding:12px 17px 7px}.wordmark{font-size:22px}.sidebar-header>.icon-button{height:30px}.search-box{margin:0 14px 8px;min-height:42px}.quick-categories{grid-template-columns:repeat(6,minmax(0,1fr));padding:0 8px 8px}.quick-categories button{font-size:10px;gap:5px;padding:6px 1px}.quick-categories svg{width:17px;height:17px;padding:6px}.filter-bar{padding:8px 14px}.results-heading{padding:13px 17px 9px}.results-heading h1{font-size:16px}.result{padding:13px 17px;min-height:100px}.sidebar-footer{display:none}#map{inset:0 0 57dvh;height:43dvh}.map-top{left:12px;top:12px}.map-top>span{display:none}.map-tools{right:12px;top:15px;transform:none;gap:5px}.map-tools .icon-button{width:34px;height:34px}.map-tools #compass{display:none}.detail{left:0;top:43dvh;bottom:58px;max-width:none;width:100%;border-radius:12px 12px 0 0}.detail-heading{padding:16px 20px}.detail-heading>.result-icon{display:none}.detail h2{font-size:21px}.detail-actions{padding:0 20px 16px}.layers{right:54px;top:15px;transform:none;width:210px;max-height:38dvh;overflow:auto}.layers label{padding:5px 0}.toast{left:12px;right:12px;bottom:calc(57dvh + 6px);max-width:none;padding:10px 13px;font-size:12px}.info-view,.route-view{padding:15px 20px}}
.category-option small{color:var(--muted)}.category-option.selected{background:var(--accent-soft);color:var(--accent);font-weight:600}.active-filter{justify-content:flex-start;flex-wrap:wrap;gap:6px;padding:7px}.active-filter button{padding:5px 7px;border-radius:5px}.active-filter .filter-chip{background:white;border:1px solid #f1c8cd}.active-filter .filter-reset{margin-left:auto;text-decoration:underline}