@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#243e36;background:#f8faf7;font-synthesis:none;--green:#256b57;--muted:#73827a;--line:#e4eae3}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}header{height:82px;padding:0 38px;display:flex;align-items:center;gap:60px;border-bottom:1px solid var(--line);background:white}.brand{text-decoration:none;color:#234e3e;font-family:Manrope,sans-serif;font-weight:800;font-size:31px;display:flex;align-items:center;gap:10px}.logo{font-size:43px}.beta{font:10px 'DM Sans';letter-spacing:1px;padding:4px 7px;border:1px solid #d5e3d7;border-radius:5px;margin-left:4px}nav{display:flex;height:100%;gap:30px}nav button{border:0;background:none;color:var(--muted);font-size:14px;position:relative}nav button.active{color:var(--green);font-weight:700}nav button.active:after{content:'';height:3px;background:var(--green);position:absolute;bottom:0;left:0;right:0}.header-note{margin-left:auto;font-size:12px;color:var(--muted)}.intro{padding:30px 38px 24px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--green);font-weight:700;text-transform:uppercase}h1{font-family:Manrope,sans-serif;font-size:29px;letter-spacing:-1px;margin:7px 0 8px}p{line-height:1.6;color:var(--muted);font-size:13px;margin:0}.location{background:#fff;border:1px solid var(--line);padding:12px 16px;border-radius:12px;font-size:12px;display:flex;gap:9px;align-items:center}.location strong{display:block;font-size:13px}.toolbar{padding:0 38px 22px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.search{background:white;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;padding:0 15px;width:325px}.search input{border:0;background:transparent;width:100%;padding:13px 10px;font-size:12px}.chip{border:1px solid var(--line);border-radius:9px;padding:12px 15px;font-size:12px;background:white;color:#53695e}.chip.selected{border-color:var(--green);background:#eaf3ed;color:var(--green)}.toolbar .locate{margin-left:auto}.primary{background:var(--green);color:white;border:0;border-radius:9px;padding:12px 16px}.workspace{display:grid;grid-template-columns:440px 1fr;height:calc(100vh - 274px);min-height:500px;border-top:1px solid var(--line)}.results{padding:22px 24px 30px 38px;overflow:auto;background:#fff}.results-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:13px}.results-title small{color:var(--muted);font-size:11px}.card{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);cursor:pointer}.card:hover h3{color:var(--green)}.art{width:98px;height:102px;flex-shrink:0;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:38px;position:relative;overflow:hidden}.art:before,.art:after{content:'';position:absolute;border-radius:50%;width:90px;height:90px;background:#ffffff45;left:-35px;bottom:-40px}.art:after{left:auto;right:-50px;top:-20px}.sand{background:#eaddbf}.lavender{background:#e3def0}.green{background:#d2e4d1}.pink{background:#ecdadd}.blue{background:#d7e5ed}.peach{background:#efddcb}.category{font-size:10px;color:var(--muted)}h3{font-family:Manrope,sans-serif;font-size:15px;margin:5px 0 5px}.address{font-size:10px;margin-bottom:9px}.tags{display:flex;flex-wrap:wrap;gap:5px}.tag{font-size:9px;color:#446d58;background:#eff5ee;padding:4px 7px;border-radius:5px}.meta{font-size:10px;color:var(--muted);margin-top:10px}.meta span{color:var(--green)}.map-wrap{position:relative;background:#e8ede4;overflow:hidden}#map{height:100%;width:100%;background:linear-gradient(35deg,#e4eadf 45%,#f3f1e9 45%,#f3f1e9 48%,#e4eadf 48%)}.map-label{position:absolute;z-index:500;top:20px;left:20px;background:white;border:1px solid #dae3d6;border-radius:10px;padding:12px 16px;box-shadow:0 4px 12px #273c3410;font-size:12px}.map-label small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.map-note{position:absolute;z-index:500;bottom:28px;left:20px;background:#fffef7ed;border-radius:8px;padding:10px 13px;max-width:340px;font-size:10px;color:#6d7564}.pin{background:var(--green);color:white;border:3px solid white;border-radius:50%;width:38px!important;height:38px!important;display:flex!important;align-items:center;justify-content:center;font-size:17px;box-shadow:0 3px 10px #0002}.leaflet-container{font-family:'DM Sans',sans-serif}.view-toggle{display:none}.panel{max-width:1140px;margin:35px auto;padding:0 25px}.banner{background:#edf3ec;border:1px solid #d7e4d3;padding:14px 18px;border-radius:12px;font-size:12px;line-height:1.6;margin:20px 0}.panel-head{display:flex;align-items:center;justify-content:space-between}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.stat{background:white;border:1px solid var(--line);padding:23px;border-radius:14px}.stat strong{font-size:28px;display:block;margin-top:10px}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:18px;border-bottom:1px solid var(--line)}th{font-size:11px;color:var(--muted);background:#fbfcfa}td button{border:1px solid var(--line);background:white;border-radius:6px;padding:7px 10px;color:var(--green);margin:2px}dialog{border:0;border-radius:20px;padding:28px;width:min(540px,calc(100vw - 30px));color:#243e36;box-shadow:0 25px 100px #153e3930}dialog::backdrop{background:#183e3655;backdrop-filter:blur(3px)}.close{float:right;border:0;background:#f0f4ee;border-radius:50%;width:32px;height:32px}.detail-art{width:100%;height:135px;margin:20px 0;font-size:60px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.detail-grid div{padding:15px;background:#f6f8f3;border-radius:10px;font-size:12px}.detail-grid strong{display:block;margin-top:5px}label.field{display:block;font-size:12px;margin:13px 0}.field input,.field select,.field textarea{width:100%;padding:11px;border:1px solid #dce5da;border-radius:7px;margin-top:6px;background:white}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#234e3e;color:white;z-index:2000;padding:13px 22px;border-radius:10px;font-size:13px;display:none}.empty{padding:40px 0;text-align:center}.favorite{border:0;background:none;float:right;font-size:17px;color:var(--green)}.recommend{font-size:11px;padding:12px;background:#f0f5ec;border-radius:9px;line-height:1.6;margin-bottom:8px}
@media(min-width:1500px){.workspace{grid-template-columns:480px 1fr}}@media(max-width:900px){header{padding:0 20px;gap:25px}.header-note{display:none}.intro{padding:25px 20px}.toolbar{padding:0 20px 20px}.workspace{grid-template-columns:370px 1fr}.results{padding-left:20px}.chip{padding:10px}.search{width:280px}h1{font-size:25px}}@media(max-width:650px){header{height:70px;padding:0 16px;gap:18px}.brand{font-size:25px}.logo{font-size:32px}.beta{display:none}nav{gap:12px}nav button{font-size:10px}.intro{padding:23px 16px 17px}.intro .location{display:none}h1{font-size:25px}.intro p{font-size:12px}.toolbar{padding:0 16px 16px;gap:8px}.search{width:100%}.chip{font-size:10px}.toolbar .locate{margin-left:0}.workspace{display:block;height:auto;min-height:0}.results{padding:20px 16px}.map-wrap{height:440px;display:none}.workspace.show-map .results{display:none}.workspace.show-map .map-wrap{display:block}.view-toggle{display:block;position:fixed;z-index:900;bottom:24px;right:20px;border:0;padding:12px 20px;border-radius:25px;background:var(--green);color:white;box-shadow:0 4px 15px #183e3633}.card{gap:13px}.art{width:90px}.stats{gap:9px}.stat{padding:15px;font-size:10px}.stat strong{font-size:23px}.panel{padding:0 16px;margin-top:25px}.panel-head{gap:12px}.panel-head h1{font-size:22px}.panel-head button{font-size:11px}.form-row{grid-template-columns:1fr}.map-note{max-width:270px}}

.detail-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.directions{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;min-height:44px}.directions:hover{background:#1c5545}.directions-note{font-size:11px;margin-top:12px}

.navigation-options{display:grid;gap:12px;margin:25px 0}.navigation-option{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:12px;padding:18px;color:#243e36;text-decoration:none;min-height:80px}.navigation-option:hover{background:#eff5ee;border-color:var(--green)}.navigation-option strong{display:block;font-size:16px}.navigation-option small{display:block;margin-top:6px;color:var(--muted);font-size:11px}.navigation-option>span:last-child{margin-left:auto}.navigation-icon{display:grid;place-items:center;background:#e3efdf;color:#256b57;width:42px;height:42px;border-radius:12px;font-size:24px;flex-shrink:0}.navigation-icon.waze{background:#dff2f8;color:#287b96}

.permission-help{padding:15px;background:#f6f8f3;border-radius:12px;margin-top:18px}.permission-help h3{margin-top:15px}.direct-site{display:inline-block;margin-top:18px;color:var(--green);font-size:12px}.map-dialog{width:min(900px,calc(100vw - 30px))}.provider-map{display:block;width:100%;height:min(420px,50vh);min-height:260px;border:0;border-radius:12px;margin:20px 0}.chip:disabled{opacity:.65;cursor:wait}