:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.home{padding:12px 12px 70px;background:#fafafa;min-height:100vh}.header{margin-bottom:16px}.location-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.location{display:flex;align-items:center;gap:4px;font-size:11px;color:#1a1a1a;font-weight:500}.location svg{color:#1a1a1a}.profile-btn{width:30px;height:30px;border-radius:50%;border:none;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px #00000014;transition:all .2s}.profile-btn:active{transform:scale(.95)}.header h1{font-size:24px;font-weight:700;margin-bottom:4px;color:#1a1a1a;letter-spacing:-.5px}.subtitle{font-size:12px;color:#666;font-weight:400}.filter-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.filter-card{background:#fff;padding:12px;border-radius:12px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;border:1.5px solid transparent;box-shadow:0 1px 4px #0000000f}.filter-card:active{transform:scale(.98)}.filter-card.active{border-color:#1a1a1a;box-shadow:0 2px 8px #0000001a}.filter-icon{font-size:20px;width:34px;height:34px;background:#f5f5f5;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.filter-content{flex:1}.filter-title{font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:2px}.filter-subtitle{font-size:10px;color:#666;font-weight:400}.results-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:8px}.results-left{flex:1;display:flex;flex-direction:column;gap:6px}.results-count{font-size:12px;color:#666;font-weight:500}.active-filters{display:flex;gap:6px;flex-wrap:wrap}.filter-chip{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#fff;border:1px solid #e0e0e0;border-radius:16px;font-size:11px;font-weight:500;color:#1a1a1a}.filter-chip button{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:#666;transition:color .2s}.filter-chip button:active{color:#1a1a1a}.filter-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border:none;border-radius:16px;background:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 1px 4px #00000014;color:#1a1a1a;flex-shrink:0}.filter-btn:active{transform:scale(.95)}.salons-list{display:flex;flex-direction:column;gap:10px}.salon-card{background:#fff;border-radius:12px;overflow:hidden;display:flex;gap:12px;padding:10px;cursor:pointer;transition:all .2s;box-shadow:0 1px 4px #0000000f}.salon-card:active{transform:scale(.99);box-shadow:0 2px 8px #0000001a}.salon-image-container{position:relative;flex-shrink:0}.salon-image{width:85px;height:85px;object-fit:cover;border-radius:10px}.salon-info{flex:1;display:flex;flex-direction:column;gap:5px;padding:2px 0}.salon-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.salon-header h3{font-size:14px;font-weight:600;color:#1a1a1a;line-height:1.3}.salon-distance{font-size:11px;color:#666;font-weight:500;flex-shrink:0}.salon-rating{display:flex;align-items:center;gap:4px}.salon-rating .rating{font-size:12px;font-weight:600;color:#1a1a1a}.salon-rating .reviews{font-size:12px;color:#666;font-weight:400}.salon-details{display:flex;flex-direction:column;gap:4px;margin-top:auto}.salon-next{display:flex;align-items:center;gap:5px;font-size:11px;color:#666}.salon-next strong{color:#1a1a1a;font-weight:600}.salon-address{display:flex;align-items:flex-start;gap:5px;font-size:11px;color:#999;line-height:1.4}.salon-address svg{margin-top:1px;flex-shrink:0;color:#999}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;width:100%;max-width:480px;border-radius:20px 20px 0 0;max-height:75vh;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #f0f0f0}.modal-header h2{font-size:18px;font-weight:700;color:#1a1a1a}.close-btn{width:28px;height:28px;border-radius:50%;border:none;background:#f5f5f5;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-btn:active{transform:scale(.95);background:#e5e5e5}.modal-body{padding:16px 18px;overflow-y:auto;flex:1}.filter-group{margin-bottom:20px}.filter-group:last-child{margin-bottom:0}.filter-label{display:block;font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:10px}.filter-options{display:flex;gap:8px;flex-wrap:wrap}.filter-option{padding:8px 14px;border:1.5px solid #e5e5e5;border-radius:10px;background:#fff;font-size:12px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.filter-option:active{transform:scale(.97)}.filter-option.active{border-color:#1a1a1a;background:#1a1a1a;color:#fff}.modal-footer{display:flex;gap:10px;padding:14px 18px;border-top:1px solid #f0f0f0}.reset-btn{flex:1;padding:12px;border:1.5px solid #e5e5e5;border-radius:10px;background:#fff;font-size:13px;font-weight:600;color:#666;cursor:pointer;transition:all .2s}.reset-btn:active{transform:scale(.98);background:#f5f5f5}.apply-btn{flex:2;padding:12px;border:none;border-radius:10px;background:#1a1a1a;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.apply-btn:active{transform:scale(.98);opacity:.9}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa}#root{max-width:480px;margin:0 auto;background-color:#fafafa;min-height:100vh}