:root{--color-bg: #f8f9fa;--color-card: #ffffff;--color-text: #212529;--color-text-muted: #6c757d;--color-primary: #0d6efd;--color-primary-hover: #0b5ed7;--color-border: #dee2e6;--color-success: #198754;--color-ev: #22c55e;--color-weekday: #6366f1;--color-holiday: #ef4444;--radius: 8px;--shadow: 0 2px 8px rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:0 16px}.header{background:var(--color-card);border-bottom:1px solid var(--color-border);padding:12px 0;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.logo{font-size:1.25rem;font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:10px}.logo-subtitle{display:block;font-size:.7rem;font-weight:400;color:var(--color-text-muted)}.header-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all .15s ease;border:none;white-space:nowrap}.btn-icon{padding:8px 10px;background:var(--color-bg);border:1px solid var(--color-border);font-size:.75rem;font-weight:600}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-outline:hover{background:var(--color-bg)}.btn-coffee{background:#fd0;color:#000}.btn-coffee:hover{background:#e5c700}.search-box{position:relative;display:flex;align-items:center;margin-top:16px}.search-icon{position:absolute;left:14px;color:var(--color-text-muted);pointer-events:none}.search-input{width:100%;padding:12px 42px;font-size:1rem;border:1px solid var(--color-border);border-radius:24px;background:var(--color-card);color:var(--color-text);transition:all .2s ease;box-shadow:var(--shadow)}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0d6efd26}.search-input::placeholder{color:var(--color-text-muted)}.search-clear{position:absolute;right:10px;background:var(--color-bg);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);transition:all .15s ease}.search-clear:hover{background:var(--color-border);color:var(--color-text)}.filters{padding:16px 0;display:flex;flex-direction:column;gap:12px}.filter-group{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.filter-group-districts{padding-left:8px;border-left:3px solid var(--color-primary);animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filter-btn{padding:6px 12px;border-radius:20px;font-size:.875rem;background:var(--color-card);border:1px solid var(--color-border);cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:4px}.filter-btn:hover{border-color:var(--color-primary)}.filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.filter-btn-ev.active{background:var(--color-ev);border-color:var(--color-ev)}.filter-btn-district{padding:4px 10px;font-size:.8rem;background:#f0f0f0}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:16px 0 32px}.card{background:var(--color-card);border-radius:var(--radius);border:1px solid var(--color-border);padding:16px;box-shadow:var(--shadow);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.card-ev{border-left:3px solid var(--color-ev)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:8px}.card-title{font-size:1rem;font-weight:600;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.card-district{font-size:.75rem;color:var(--color-text-muted);margin-top:2px}.card-badge{font-size:.625rem;padding:2px 6px;border-radius:4px;background:#e9ecef;color:var(--color-text-muted);white-space:nowrap}.badge{font-size:.625rem;padding:2px 6px;border-radius:4px;font-weight:500}.badge-ev{background:var(--color-ev);color:#fff}.ev-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--color-ev);background:#dcfce7;padding:4px 8px;border-radius:4px;margin-bottom:12px}.ev-badge-large{font-size:.875rem;padding:8px 12px;margin-bottom:16px}.offers-list{display:flex;flex-direction:column;gap:8px}.offer-item{display:flex;align-items:center;gap:8px;padding:8px;background:var(--color-bg);border-radius:var(--radius)}.offer-hours{font-size:1.25rem;font-weight:700;color:var(--color-success);min-width:50px}.offer-hours span{font-size:.7rem;font-weight:400}.offer-spend{font-size:.875rem;flex:1}.offer-type{font-size:.625rem;padding:2px 6px;border-radius:4px;font-weight:500;white-space:nowrap}.offer-type-weekday{background:#e0e7ff;color:var(--color-weekday)}.offer-type-holiday{background:#fee2e2;color:var(--color-holiday)}.offer-type-daily{background:#dbeafe;color:#2563eb}.card-link{display:inline-flex;align-items:center;gap:4px;margin-top:12px;font-size:.8rem;color:var(--color-primary);text-decoration:none}.card-link:hover{text-decoration:underline}.card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px;flex-wrap:wrap;gap:8px}.card-actions-left{display:flex;gap:16px}.card-link-nav{color:#22c55e}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.modal{background:var(--color-card);border-radius:var(--radius);padding:24px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-muted);line-height:1}.modal-title{font-size:1.25rem;margin-bottom:4px}.modal-subtitle{font-size:.875rem;color:var(--color-text-muted);margin-bottom:16px}.modal-section-title{font-size:.875rem;font-weight:600;margin-bottom:12px;color:var(--color-text-muted)}.modal-offers{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.modal-offer-item{display:flex;align-items:center;gap:12px;padding:10px;background:var(--color-bg);border-radius:var(--radius)}.modal-offer-detail{font-size:.9rem}.modal-updated{font-size:.75rem;color:var(--color-text-muted);margin-bottom:16px}.modal-btn{width:100%;justify-content:center}.modal-btn+.modal-btn{margin-top:8px}.btn-navigate{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-navigate:hover{background:linear-gradient(135deg,#16a34a,#15803d)}.footer{text-align:center;padding:24px 0;color:var(--color-text-muted);font-size:.75rem;border-top:1px solid var(--color-border)}.footer a{color:var(--color-primary);text-decoration:none}.empty-state{text-align:center;padding:48px 16px;color:var(--color-text-muted)}.card-remarks{background:#fff3cd;color:#856404;padding:8px 12px;border-radius:var(--radius);font-size:.75rem;margin-top:12px;display:flex;align-items:flex-start;gap:8px;line-height:1.4}.modal-remarks{background:#fff3cd;color:#856404;padding:12px;border-radius:var(--radius);font-size:.875rem;margin-bottom:16px;display:flex;align-items:flex-start;gap:8px;line-height:1.5}@media(max-width:640px){.header-content{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.btn-text{display:none}.cards-grid{grid-template-columns:1fr}.filter-group{width:100%;justify-content:space-between}.filter-btn{flex:1;justify-content:center;padding:8px 6px;font-size:.8rem}}.visitor-counter{position:fixed;bottom:16px;right:16px;background:#000000bf;color:#fff;padding:8px 12px;border-radius:20px;font-size:.75rem;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0003;z-index:50}