*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a1a;color:#f0f0f0;min-height:100vh}.app{max-width:600px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.header{background:#000;padding:16px 20px;border-bottom:3px solid #c4a35a;position:sticky;top:0;z-index:1000}.header h1{font-size:1.5rem;color:#c4a35a;text-align:center;margin-bottom:12px;letter-spacing:1px}.nav{display:flex;gap:8px}.nav-btn{flex:1;padding:8px;border:1px solid #333;background:#222;color:#aaa;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.nav-btn.active{background:#c4a35a;color:#000;border-color:#c4a35a;font-weight:600}.nav-btn:hover:not(.active){background:#333;color:#fff}.main{flex:1;padding:16px 20px}.status-msg{text-align:center;color:#888;padding:20px;font-size:.95rem}.status-msg.error{color:#e74c3c}.search-input{width:100%;padding:10px 14px;border:1px solid #333;background:#222;color:#f0f0f0;border-radius:8px;font-size:.95rem;margin-bottom:12px}.search-input:focus{outline:none;border-color:#c4a35a}.nearby-pubs h2,.ratings-list h2,.map-wrapper h2{font-size:1.15rem;color:#c4a35a;margin-bottom:12px}.pub-list,.rated-list{list-style:none}.pub-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#222;border-radius:8px;margin-bottom:8px;border:1px solid #333}.pub-info{display:flex;flex-direction:column;gap:2px}.pub-info strong{color:#f0f0f0;font-size:.95rem}.pub-address{font-size:.8rem;color:#888}.pub-distance{font-size:.8rem;color:#c4a35a}.btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:opacity .2s}.btn:hover{opacity:.85}.btn-checkin{background:#c4a35a;color:#000;white-space:nowrap}.btn-submit{background:#c4a35a;color:#000}.btn-cancel{background:#444;color:#f0f0f0}.btn-delete{background:transparent;color:#e74c3c;border:1px solid #e74c3c;font-size:.75rem;padding:4px 10px;margin-top:8px}.rating-form-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.rating-form{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:24px;width:100%;max-width:420px}.rating-form h2{color:#c4a35a;margin-bottom:4px}.checked-into{color:#888;margin-bottom:20px;font-size:.9rem}.rating-field{margin-bottom:16px}.rating-field label{display:flex;justify-content:space-between;margin-bottom:6px;font-size:.9rem;color:#ccc}.rating-value{color:#c4a35a;font-weight:600}.rating-field input[type=range]{width:100%;accent-color:#c4a35a}.rating-field textarea{width:100%;background:#222;border:1px solid #333;color:#f0f0f0;border-radius:6px;padding:10px;font-family:inherit;font-size:.9rem;resize:vertical}.rating-field textarea:focus{outline:none;border-color:#c4a35a}.overall-score{text-align:center;font-size:1.2rem;color:#f0f0f0;padding:12px;background:#222;border-radius:8px;margin-bottom:16px}.overall-score strong{color:#c4a35a;font-size:1.4rem}.form-actions{display:flex;gap:10px;margin-top:8px}.form-actions .btn{flex:1;padding:10px;font-size:.95rem}.rated-item{padding:14px;background:#222;border-radius:8px;margin-bottom:8px;border:1px solid #333}.rated-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.rated-header strong{font-size:.95rem}.rated-date{font-size:.8rem;color:#888}.rated-scores{display:flex;gap:12px;flex-wrap:wrap;font-size:.85rem;color:#ccc}.rated-scores .overall{color:#c4a35a}.rated-notes{margin-top:8px;font-size:.85rem;color:#999;font-style:italic}.map-wrapper{height:calc(100vh - 140px);display:flex;flex-direction:column}.map-container{flex:1;border-radius:8px;min-height:400px}.guinness-marker{filter:hue-rotate(15deg) saturate(1.5)}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{background:#000;border:1px solid #333;border-top:3px solid #c4a35a;border-radius:12px;padding:32px 28px;width:100%;max-width:380px;text-align:center;display:flex;flex-direction:column;gap:14px}.auth-card h1{color:#c4a35a;font-size:1.6rem}.auth-card p{color:#aaa;font-size:.9rem}.btn-google{background:#fff;color:#1a1a1a;padding:12px;font-size:.95rem}.header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.header-top h1{margin-bottom:0;text-align:left;font-size:1.3rem}.account{display:flex;align-items:center;gap:8px}.account-name{color:#c4a35a;font-size:.85rem;font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-small{padding:5px 10px;font-size:.75rem}.friends h2,.profile h2{font-size:1.15rem;color:#c4a35a;margin-bottom:12px}.add-friend{display:flex;gap:8px;margin-bottom:8px}.add-friend .search-input{margin-bottom:0}.friend-list{list-style:none}.friend-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#222;border-radius:8px;margin-bottom:8px;border:1px solid #333}.friend-name{background:none;border:none;color:#c4a35a;font-size:.95rem;font-weight:600;cursor:pointer;padding:0;text-align:left}.friend-name:hover{text-decoration:underline}.profile-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.profile-header h2{margin-bottom:0}.rated-author{font-size:.8rem;color:#c4a35a;margin-bottom:6px}.filter-tabs{display:flex;gap:8px;margin-bottom:14px}.filter-btn{flex:1;padding:8px;border:1px solid #333;background:#222;color:#aaa;border-radius:20px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s}.filter-btn.active{background:#c4a35a;color:#000;border-color:#c4a35a}.filter-btn:hover:not(.active){background:#333;color:#fff}