:root { color-scheme: light; --bg:#fbf5f1; --card:#fffaf8; --text:#343039; --muted:#847983; --graphite:#343039; --cream:#fff8f2; --powder:#f3dfe2; --accent:#d97991; --accent-soft:#f8e8eb; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui,-apple-system,sans-serif; background:var(--bg); color:var(--text); }
header { display:flex; justify-content:space-between; align-items:center; padding:14px 16px 10px; background:var(--cream); border-bottom:1px solid var(--powder); }
h1 { margin:0; font-size:20px; } p { margin:4px 0 0; color:var(--muted); font-size:13px; }
#locate { border:0; border-radius:50%; width:38px; height:38px; font-size:22px; color:white; background:var(--accent); box-shadow:0 3px 10px #d9799155; }
#map { height:52vh; min-height:320px; }
.list { padding:10px; display:grid; gap:9px; }
.card, .salon { background:var(--card); border:1px solid var(--powder); border-radius:16px; margin:10px; padding:13px; box-shadow:0 4px 14px #8a657018; }
.salon { margin:0; } .salon h2 { margin:0 0 4px; font-size:16px; }
.muted { color:var(--muted); font-size:13px; } .actions { display:flex; gap:8px; margin-top:10px; }
a, button.action { display:inline-block; border:0; border-radius:12px; padding:9px 12px; background:var(--accent); color:white; text-decoration:none; font-size:14px; }
.secondary { background:var(--accent-soft) !important; color:var(--text) !important; }
.hidden { display:none; }
@media (prefers-color-scheme: dark) { :root { color-scheme:dark; --bg:#2b252b; --card:#382f36; --cream:#352b31; --text:#fff4f3; --muted:#d4bfc6; --powder:#624653; --accent-soft:#553842; } }