:root{--color-primary:#4c51bf;--color-primary-dark:#434190;--color-primary-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color-accent:#8b5cf6;--color-accent-dark:#7c3aed;--color-accent-gradient:linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--color-gold:#ffc107;--color-bg-page:#f5f5f5;--color-bg-subtle:#f8f9fa;--color-bg-muted:#f0f0f0;--color-border:#e0e0e0;--color-border-light:#ddd;--color-border-hover:#bbb;--color-text-primary:#333;--color-text-secondary:#666;--color-text-muted:#6b6b6b;--color-surface:#fff;--color-success-bg:#d4edda;--color-success-text:#155724;--color-success-border:#c3e6cb;--color-error-bg:#f8d7da;--color-error-text:#721c24;--color-error-border:#f5c6cb;--color-warning-bg:#fff3cd;--color-warning-text:#856404;--color-warning-border:#ffc107;--color-danger:#dc3545;--color-danger-dark:#c82333;--color-amenity-bg:#e3f2fd;--color-amenity-text:#1976d2;--color-overlay:#000000b3;--color-glass-bg:#ffffff1a;--color-glass-border:#fff3;--color-focus-ring:#8b5cf626;--space-3xs:4px;--space-2xs:6px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:20px;--space-xl:24px;--space-2xl:32px;--space-3xl:40px;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.75rem;--font-size-3xl:2rem;--font-size-4xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:600;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:50px;--radius-full:50%;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 12px #0000001f;--shadow-lg:0 8px 24px #0003;--shadow-xl:0 20px 60px #0000004d;--shadow-up-lg:0 -4px 16px #00000026;--shadow-focus:0 0 0 3px var(--color-focus-ring);--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease-out;--z-ad-banner:900;--z-detail-panel:1000;--z-modal:2000}body{margin:0;padding:0}#root{width:100%;height:100vh}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg-page);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden}.app-container{flex-direction:column;height:100vh;display:flex}.app-header{background:var(--color-primary-gradient);color:#fff;padding:var(--space-md);box-shadow:0 2px 10px #0000001a}.app-header-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.app-header-title{text-align:left}.app-header h1{margin-bottom:var(--space-3xs);font-size:1.8rem}.app-header p{font-size:var(--font-size-sm);opacity:.9}.app-header-actions{align-items:center;display:flex}.header-signin-button{background:var(--color-surface);color:var(--color-primary);border-radius:var(--radius-md);font-size:.95rem;font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-base);border:none;padding:.6rem 1.5rem}.header-signin-button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.header-profile-button{padding:var(--space-3xs) var(--space-md) var(--space-3xs) var(--space-3xs);color:#fff;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);background:#fff3;border:1px solid #ffffff4d;border-radius:25px;align-items:center;gap:.5rem;display:flex}.header-profile-button:hover{background:#ffffff4d;transform:translateY(-2px)}.header-profile-avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid #fff;width:32px;height:32px}.header-profile-avatar-placeholder{border-radius:var(--radius-full);background:var(--color-surface);width:32px;height:32px;color:var(--color-primary);font-weight:700;font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.header-profile-name{font-weight:var(--font-weight-medium)}@media (width<=768px){.app-header-content{flex-direction:column;gap:.75rem}.app-header-title{text-align:center}.header-profile-name{display:none}}.terms-update-banner{padding:.5rem var(--space-md);background:#fff8e1;border-bottom:1px solid #f0d78c;justify-content:space-between;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.terms-update-dismiss{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.25rem .5rem;font-size:1.25rem;line-height:1}.search-empty{padding:.5rem var(--space-md);background:var(--color-surface);margin:0;font-size:.9rem}.search-container{padding:var(--space-md);background:var(--color-surface);gap:.5rem;display:flex;box-shadow:0 2px 5px #0000001a}#search-input{border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color var(--transition-slow);outline:none;flex:1;padding:.75rem}#search-input:focus{border-color:var(--color-primary)}.locate-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;min-width:44px;min-height:44px;transition:background var(--transition-slow);border:none;padding:.75rem 1rem;font-size:1.2rem}.locate-btn:hover{background:var(--color-primary-dark)}.trip-toggle-btn.trip-active{background:#ff9800;box-shadow:0 0 10px #ff980080}.trip-toggle-btn.trip-active:hover{background:#f57c00}.app-main{flex-direction:column;flex:1;min-height:0;display:flex}.map-wrap{flex-direction:column;flex:1;display:flex;position:relative}#map{flex:1;width:100%}.map-loading-badge{top:var(--space-md);z-index:1000;font-size:var(--font-size-sm);pointer-events:none;background:#fff;border-radius:999px;padding:.4rem .9rem;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0003}.detail-panel{background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:60vh;transition:transform var(--transition-slow);z-index:var(--z-detail-panel);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -5px 20px #0003}.detail-panel.show{transform:translateY(0)}.detail-panel.hidden{display:block}.close-btn{top:var(--space-md);right:var(--space-md);background:var(--color-bg-muted);border-radius:var(--radius-full);width:44px;height:44px;font-size:var(--font-size-xl);cursor:pointer;transition:background var(--transition-slow);border:none;justify-content:center;align-items:center;display:flex;position:absolute}.close-btn:hover{background:var(--color-border)}.detail-content{padding:var(--space-2xl)}.detail-content h2{color:var(--color-text-primary);padding-right:var(--space-2xl);margin-bottom:.5rem}.bathroom-address{color:var(--color-text-secondary);margin-bottom:var(--space-md)}.rating-display{margin:var(--space-md) 0;align-items:center;gap:.5rem;display:flex}.stars{font-size:var(--font-size-xl);color:var(--color-gold)}.rating-text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.amenities{margin:var(--space-md) 0;flex-wrap:wrap;gap:.5rem;display:flex}.amenity-tag{background:var(--color-amenity-bg);color:var(--color-amenity-text);padding:var(--space-3xs) var(--space-xs);border-radius:15px;font-size:.85rem}.reviews{margin:1.5rem 0}.review-item{padding:var(--space-md);background:var(--color-bg-subtle);border-radius:var(--radius-md);margin-bottom:.75rem}.review-header{justify-content:space-between;margin-bottom:.5rem;display:flex}.review-author{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.review-date{color:var(--color-text-muted);font-size:.85rem}.review-stars{color:var(--color-gold);margin-bottom:.5rem}.review-text{color:var(--color-text-secondary);line-height:1.5}.btn-primary,.btn-secondary{width:100%;padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-slow);border:none;margin-bottom:.5rem}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-bg-muted);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-border)}.modal{background:var(--color-overlay);z-index:var(--z-modal);padding:var(--space-md);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal.hidden{display:none}.modal-content{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-2xl);width:100%;max-width:500px;max-height:90vh;position:relative;overflow-y:auto}.modal-content h2{color:var(--color-text-primary);margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--color-text-primary);font-weight:var(--font-weight-medium);margin-bottom:.5rem;display:block}.star-input{gap:.25rem;font-size:2rem;display:flex}.star-input .star{cursor:pointer;color:var(--color-border-light);transition:color var(--transition-base);justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.star-input .star:hover,.star-input .star.active{color:var(--color-gold)}textarea{border:2px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-family:inherit;font-size:var(--font-size-base);resize:vertical;transition:border-color var(--transition-slow);outline:none;padding:.75rem}textarea:focus{border-color:var(--color-primary)}.custom-marker{background:var(--color-surface);border:3px solid var(--color-primary);border-radius:var(--radius-full);width:40px;height:40px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.custom-marker.shiny{border-color:var(--color-gold)}.custom-marker.stinky{background:#fff5e6;border-color:#8b4513}.custom-marker.unrated{border-color:#9e9e9e}.custom-marker.trending{animation:2s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 2px 8px #ffc10766}50%{box-shadow:0 2px 16px #ffc107cc}}.loading-screen{background:var(--color-bg-page);flex:1;justify-content:center;align-items:center;display:flex}.loading-spinner{font-size:var(--font-size-xl);color:var(--color-primary);animation:1.5s infinite pulseOpacity}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseOpacity{0%,to{opacity:1}50%{opacity:.5}}@media (width>=768px){.detail-panel{left:auto;right:var(--space-md);bottom:var(--space-md);border-radius:var(--radius-lg);max-width:400px;transform:translate(120%)}.detail-panel.show{transform:translate(0)}}.header-signin-button:focus-visible,.header-profile-button:focus-visible{outline-offset:2px;outline:2px solid #fff}.close-btn:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.locate-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.star-input .star:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}#search-input:focus-visible,textarea:focus-visible{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary:disabled:hover{background:var(--color-primary);transform:none}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary:disabled:hover{background:var(--color-bg-muted);transform:none}.empty-state-decorated{text-align:center;padding:var(--space-2xl) var(--space-md);color:var(--color-text-secondary)}.empty-state-decorated:before{content:attr(data-emoji);font-size:var(--font-size-4xl);margin-bottom:var(--space-sm);display:block}.warning-box{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-md);margin:var(--space-md) 0;font-size:var(--font-size-sm);padding:.75rem}.warning-box-items{margin-top:.5rem}.empty-state{color:var(--color-text-secondary);padding:var(--space-md) 0}.rating-display-info{flex-direction:column;align-items:flex-start;display:flex}.rating-text-label{font-weight:var(--font-weight-bold)}.stars-large{font-size:1.8rem}.review-meta{color:var(--color-text-secondary);margin-top:.5rem;font-size:.85rem}.rating-level-description{color:var(--color-text-secondary);margin-bottom:var(--space-md);font-size:var(--font-size-sm)}.rating-level-actions{margin-top:1.5rem}.rating-level-heading{margin-bottom:var(--space-md)}.rating-level-heading-sm{margin-bottom:.5rem}.rating-level-section{margin-top:var(--space-2xl)}.issue-checklist{flex-direction:column;gap:.5rem;display:flex}.issue-checklist-item{cursor:pointer;align-items:center;display:flex}.issue-checklist-item input[type=checkbox]{margin-right:.5rem}.modal-subtitle{margin-bottom:var(--space-md);color:var(--color-text-secondary)}.profile-edit-input{border-radius:var(--radius-md);border:2px solid var(--color-border);font-size:var(--font-size-base);text-align:center;width:100%;max-width:250px;padding:.5rem}.profile-edit-section{margin-top:.5rem}.profile-edit-actions{justify-content:center;gap:.5rem;margin-top:.5rem;display:flex}.profile-message{padding:.5rem var(--space-md);border-radius:var(--radius-md);text-align:center;margin:.5rem 1.5rem;font-size:.85rem}.profile-message-success{color:#2e7d32;background:#e8f5e9}.profile-message-error{color:#c62828;background:#ffebee}.skeleton-shimmer{background:linear-gradient(90deg, var(--color-bg-muted) 25%, var(--color-border) 50%, var(--color-bg-muted) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-review{padding:var(--space-md);background:var(--color-bg-subtle);border-radius:var(--radius-md);margin-bottom:.75rem}.skeleton-review-header{justify-content:space-between;margin-bottom:.5rem;display:flex}.skeleton-detail-panel{padding:var(--space-2xl)}.skeleton-amenities{margin-bottom:var(--space-md);flex-wrap:wrap;gap:.5rem;display:flex}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}