html,body,#app{width:100%;height:100%;margin:0;padding:0;overflow:hidden}#app{position:relative}.search-bar{z-index:20;width:280px;position:absolute;top:12px;left:12px}.search-bar input{background:#fffffff7;border:none;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:system-ui,-apple-system,sans-serif;font-size:14px;box-shadow:0 2px 12px #00000026}.search-results{background:#fff;border-radius:8px;max-height:280px;margin-top:6px;font-family:system-ui,-apple-system,sans-serif;display:none;overflow-y:auto;box-shadow:0 4px 16px #00000026}.search-item{cursor:pointer;border-bottom:1px solid #f0f0f0;padding:8px 12px}.search-item:hover{background:#f8f9fa}.search-item:last-child{border-bottom:none}.search-name{color:#1a1a1a;font-size:13px;font-weight:500;display:block}.search-meta{color:#666;margin-top:1px;font-size:11px;display:block}.quick-zoom{z-index:20;flex-wrap:wrap;gap:6px;max-width:320px;display:flex;position:absolute;bottom:24px;left:12px}.quick-zoom button{cursor:pointer;color:#333;background:#fffffff2;border:none;border-radius:6px;padding:6px 10px;font-family:system-ui,-apple-system,sans-serif;font-size:12px;transition:background .15s;box-shadow:0 2px 8px #0000001f}.quick-zoom button:hover{background:#fff;box-shadow:0 2px 10px #0000002e}.layer-control{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#fffffff7;border-radius:10px;width:230px;max-height:calc(100vh - 48px);padding:14px 16px;font-family:system-ui,-apple-system,sans-serif;position:absolute;top:12px;right:12px;overflow-y:auto;box-shadow:0 2px 16px #00000026}.layer-control h3{color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;font-size:13px;font-weight:700}.layer-group-title{color:#666;text-transform:uppercase;letter-spacing:.5px;margin:10px 0 4px;font-size:10px;font-weight:600}.layer-subgroup{flex-direction:column;gap:1px;display:flex}.layer-item{border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:center;padding:5px 0;display:flex}.layer-item:last-child{border-bottom:none}.layer-name{color:#333;align-items:center;gap:7px;font-size:12px;display:flex}.layer-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.layer-dot.primary{background:#2563eb}.layer-dot.secondary{background:#16a34a}.layer-dot.combined{background:#9333ea}.layer-dot.gov{background:#0ea5e9}.layer-dot.cath{background:#f59e0b}.layer-dot.ind{background:#14b8a6}.layer-dot.catchments{background:#f97316}.layer-dot.senior-catchments{background:#ec4899}.layer-dot.lga{background:#64748b}.layer-dot.rail{background:#e11d48}.layer-dot.bus{background:#06b6d4}.layer-dot.bikes{background:#84cc16}.layer-dot.walkways{background:#a855f7}.layer-divider{background:#e8e8e8;height:1px;margin:8px 0}.filter-row{background:#f8f9fa;margin:0 -16px;padding:7px 16px}.filter-icon{font-size:11px}.toggle-switch{cursor:pointer;flex-shrink:0;width:32px;height:18px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{background:#ccc;border-radius:18px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;bottom:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background:#2563eb}.toggle-switch input:checked+.toggle-slider:before{transform:translate(14px)}