*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-restaurant: #F4845F;--color-bar: #4ECDC4;--color-snack: #FFD93D;--color-sidebar-bg: #1c1c1e;--color-sidebar-text: #ffffff;--color-sidebar-muted: #8e8e93;--color-sidebar-input: #2c2c2e;--color-sidebar-border: #3a3a3c;--color-accent: #FF6B6B;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html,body,#root{height:100%;width:100%;overflow:hidden;font-family:var(--font)}.app{display:flex;flex-direction:column;width:100%;height:100%}.app__content{position:relative;flex:1;min-height:0}.password-gate{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-sidebar-bg);display:flex;align-items:center;justify-content:center;z-index:1000}.password-gate__card{background:#2c2c2e;border-radius:16px;padding:40px 32px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:20px}.password-gate__collage{display:flex;align-items:center;justify-content:center;height:96px;margin-bottom:-8px}.password-gate__photo{width:76px;height:76px;object-fit:cover;border-radius:12px;border:3px solid #2c2c2e;box-shadow:0 4px 12px #00000059;background:var(--color-sidebar-input)}.password-gate__photo--1{transform:rotate(-9deg) translate(10px);z-index:1}.password-gate__photo--2{width:92px;height:92px;transform:rotate(3deg);z-index:2}.password-gate__photo--3{transform:rotate(10deg) translate(-10px);z-index:1}.password-gate__title{font-size:24px;font-weight:700;color:var(--color-sidebar-text);text-align:center}.password-gate__subtitle{font-size:14px;color:var(--color-sidebar-muted);text-align:center;margin-top:-12px}.password-gate__input{width:100%;padding:14px 16px;background:var(--color-sidebar-input);border:1px solid var(--color-sidebar-border);border-radius:10px;color:var(--color-sidebar-text);font-size:16px;outline:none;transition:border-color .15s}.password-gate__input:focus{border-color:var(--color-accent)}.password-gate__btn{width:100%;padding:14px;background:var(--color-accent);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .15s}.password-gate__btn:hover{opacity:.9}.password-gate__btn:disabled{opacity:.5;cursor:not-allowed}.password-gate__error{font-size:13px;color:#ff453a;text-align:center}.map-container{position:absolute;top:0;right:0;bottom:0;left:0}.view-toggle{display:flex;gap:2px;background:var(--color-sidebar-input);border:1px solid var(--color-sidebar-border);border-radius:8px;padding:2px}.view-toggle__option{padding:5px 12px;border-radius:6px;border:none;background:transparent;color:var(--color-sidebar-muted);font-size:12px;font-weight:600;cursor:pointer}.view-toggle__option--active{background:var(--color-sidebar-text);color:var(--color-sidebar-bg)}.list-view{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-sidebar-bg);display:flex;flex-direction:column}.list-view__scroll{flex:1;overflow-y:auto;padding:16px}.list-view__add-btn{width:100%;padding:12px;background:var(--color-accent);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:16px}.list-view__count{font-size:12px;color:var(--color-sidebar-muted);margin-bottom:10px}.list-row{padding:12px 0;border-bottom:1px solid var(--color-sidebar-border)}.list-row__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.list-row__top-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.list-row__edit{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--color-sidebar-input);border:1px solid var(--color-sidebar-border);border-radius:7px;color:var(--color-sidebar-muted);cursor:pointer;flex-shrink:0}.list-row__name{font-size:15px;font-weight:600;color:var(--color-sidebar-text)}.list-row__facts{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--color-sidebar-muted);margin-top:2px}.list-row__reviews-link{flex-shrink:0}.list-row__neighborhood,.list-row__hours{font-size:12px;color:var(--color-sidebar-muted);margin-top:2px}.list-row__notes{font-size:13px;color:var(--color-sidebar-text);margin-top:4px;line-height:1.4}.place-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:flex-end}.place-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.place-modal__sheet{position:relative;width:100%;max-height:85vh;overflow-y:auto;background:var(--color-sidebar-bg);border-radius:16px 16px 0 0;padding:20px;box-shadow:0 -4px 24px #0006}.place-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}@media (min-width: 768px){.place-modal{align-items:center;justify-content:center}.place-modal__sheet{width:420px;max-height:80vh;border-radius:16px}}.add-place-form{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--color-sidebar-input);border:1px solid var(--color-sidebar-border);border-radius:12px;margin-bottom:16px}.add-place-form__field{position:relative}.add-place-form__notes{width:100%;padding:11px 14px;background:var(--color-sidebar-bg);border:1px solid var(--color-sidebar-border);border-radius:10px;color:var(--color-sidebar-text);font-size:15px;outline:none;resize:vertical;font-family:inherit}.add-place-form__notes::placeholder{color:var(--color-sidebar-muted)}.add-place-form__error{font-size:13px;color:#ff6b6b}.add-place-form__submit{padding:11px;background:var(--color-accent);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer}.add-place-form__submit:disabled{opacity:.6;cursor:default}.add-place-form__hint{font-size:11px;color:var(--color-sidebar-muted);margin:0}.add-place-form__delete-trigger{padding:11px;background:transparent;border:1px solid var(--color-sidebar-border);border-radius:10px;color:#ff6b6b;font-size:14px;cursor:pointer}.add-place-form__delete-confirm{display:flex;flex-direction:column;gap:10px;padding:12px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.4);border-radius:10px;font-size:13px;color:var(--color-sidebar-text)}.add-place-form__delete-confirm-actions{display:flex;gap:8px}.add-place-form__cancel{flex:1;padding:10px;background:var(--color-sidebar-input);border:1px solid var(--color-sidebar-border);border-radius:8px;color:var(--color-sidebar-text);font-size:14px;cursor:pointer}.add-place-form__delete{flex:1;padding:10px;background:#ff6b6b;border:none;border-radius:8px;color:#fff;font-weight:600;font-size:14px;cursor:pointer}.add-place-form__delete:disabled,.add-place-form__cancel:disabled{opacity:.6;cursor:default}.marker-pin{width:20px;height:20px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:1.5px solid rgba(0,0,0,.15);cursor:pointer;transition:transform .15s}.marker-pin:hover{transform:rotate(-45deg) scale(1.15)}.marker-pin--restaurant{background:var(--color-restaurant)}.marker-pin--bar{background:var(--color-bar)}.marker-pin--snack{background:var(--color-snack)}.marker-pin--want{opacity:.55}.info-window{min-width:220px;max-width:290px;font-family:var(--font)}.info-window__name{font-size:15px;font-weight:700;color:#1c1c1e;margin-bottom:3px}.info-window__facts{font-size:13px;color:#3a3a3c;margin-bottom:5px}.info-window__row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#636366;margin-bottom:4px}.info-window__neighborhood{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-window__badge{background:#f2f2f7;padding:2px 7px;border-radius:10px;flex-shrink:0}.info-window__rating-link{color:#007aff;text-decoration:none;font-size:12px;flex-shrink:0}.info-window__rating-link:hover{text-decoration:underline}.info-window__notes{font-size:13px;color:#3a3a3c;line-height:1.4;margin-top:2px}.info-window__hours--unknown{color:#c9a227;font-style:italic}.filter-bar{flex-shrink:0;width:100%;background:#1c1c1ef0;border-bottom:.5px solid rgba(255,255,255,.1);padding:10px 16px}.filter-bar__row{display:flex;align-items:center;gap:8px}.filter-bar__search-wrap{position:relative;flex:1;min-width:0}.filter-bar__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-sidebar-muted);pointer-events:none}.filter-bar__input{width:100%;padding:9px 12px 9px 34px;background:var(--color-sidebar-input);border:1px solid var(--color-sidebar-border);border-radius:9px;color:var(--color-sidebar-text);font-size:14px;outline:none;transition:border-color .15s}.filter-bar__input::placeholder{color:var(--color-sidebar-muted)}.filter-bar__input:focus{border-color:var(--color-accent)}.filter-bar__settings{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--color-sidebar-input);border:1px solid var(--color-sidebar-border);border-radius:9px;color:var(--color-sidebar-text);cursor:pointer}.filter-bar__badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 3px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:#fff;font-size:10px;font-weight:700;border-radius:8px}.filter-bar__count{font-size:12px;color:var(--color-sidebar-muted);margin-top:8px}.filter-bar__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.filter-sidebar__title{font-size:18px;font-weight:700;color:var(--color-sidebar-text)}.filter-sidebar__close{background:none;border:none;color:var(--color-sidebar-muted);font-size:24px;cursor:pointer;line-height:1;padding:4px}.filter-section__label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-sidebar-muted);margin-bottom:10px}.filter-section__label--spaced{margin-top:16px}.filter-toggle-group{display:flex;gap:8px;flex-wrap:wrap}.filter-toggle-group--spaced{margin-top:16px}.filter-toggle{padding:7px 14px;border-radius:20px;border:1px solid var(--color-sidebar-border);background:transparent;color:var(--color-sidebar-muted);font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap}.filter-toggle:hover{border-color:#636366;color:var(--color-sidebar-text)}.filter-toggle--active,.filter-toggle--active:hover{background:var(--color-sidebar-text);color:var(--color-sidebar-bg);border-color:var(--color-sidebar-text);font-weight:600}.filter-toggle--restaurant.filter-toggle--active,.filter-toggle--restaurant.filter-toggle--active:hover{background:var(--color-restaurant);border-color:var(--color-restaurant);color:#fff}.filter-toggle--bar.filter-toggle--active,.filter-toggle--bar.filter-toggle--active:hover{background:var(--color-bar);border-color:var(--color-bar);color:#fff}.filter-toggle--snacks.filter-toggle--active,.filter-toggle--snacks.filter-toggle--active:hover{background:var(--color-snack);border-color:var(--color-snack);color:#1c1c1e}.token-field__tag{display:flex;align-items:center;gap:4px;padding:7px 14px;border-radius:20px;border:1px solid transparent;color:#fff;font-size:13px;cursor:pointer;flex-shrink:0}.token-field__tag--restaurant{background:var(--color-restaurant)}.token-field__tag--bar{background:var(--color-bar)}.token-field__tag--snacks{background:var(--color-snack);color:#1c1c1e}.token-field__tag--neighborhood{background:#5e5ce6}.token-field__tag--neutral{background:var(--color-sidebar-input);border-color:var(--color-sidebar-border);color:var(--color-sidebar-text)}.filter-search{width:100%;padding:11px 14px;background:var(--color-sidebar-input);border:1px solid var(--color-sidebar-border);border-radius:10px;color:var(--color-sidebar-text);font-size:15px;outline:none;transition:border-color .15s}.filter-search::placeholder{color:var(--color-sidebar-muted)}.token-field__suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:10;background:var(--color-sidebar-input);border:1px solid var(--color-sidebar-border);border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #00000059}.token-field__suggestion{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;padding:10px 14px;background:transparent;border:none;color:var(--color-sidebar-text);font-size:14px;cursor:pointer}.token-field__suggestion:hover{background:#ffffff14}.token-field__suggestion-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-field__suggestion-kind{flex-shrink:0;font-size:11px;color:var(--color-sidebar-muted)}.filter-switch-row{display:flex;align-items:center;justify-content:space-between;color:var(--color-sidebar-text);font-size:15px}.filter-switch-row--nested{margin-top:10px;padding-left:12px;font-size:13px;opacity:.8}.filter-switch{position:relative;width:44px;height:26px}.filter-switch input{opacity:0;width:0;height:0}.filter-switch__track{position:absolute;top:0;right:0;bottom:0;left:0;background:#3a3a3c;border-radius:13px;cursor:pointer;transition:background .2s}.filter-switch__track:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s}.filter-switch input:checked+.filter-switch__track{background:#30d158}.filter-switch input:checked+.filter-switch__track:after{transform:translate(18px)}.filter-reset{width:100%;padding:12px;background:transparent;border:1px solid var(--color-sidebar-border);color:var(--color-sidebar-muted);border-radius:10px;font-size:14px;cursor:pointer;transition:all .15s}.filter-reset--spaced{margin-top:20px}.filter-reset:hover{border-color:var(--color-sidebar-text);color:var(--color-sidebar-text)}.last-updated{position:fixed;bottom:16px;right:16px;background:#1c1c1ed9;color:#ebebf5cc;font-size:11px;padding:5px 10px;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;pointer-events:none;letter-spacing:.02em}@media (min-width: 768px){.last-updated{right:16px}}