@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500&display=swap");:root{--font-display:"Instrument Serif",Georgia,serif;--font-body:"DM Sans",-apple-system,sans-serif;--off-white:#FAFAF9;--off-black:#1C1C1A;--mid:#8A8A86;--border:#E5E5E3;--action:#C4704B;--action-hover:#A85A38;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-full:9999px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);font-size:1rem;line-height:1.5;color:var(--off-black);background:var(--off-white);min-height:100vh}h1,h2,h3{font-family:var(--font-display);font-weight:400}a{color:inherit;text-decoration:none}.container{max-width:600px;margin:0 auto;padding:var(--space-4) var(--space-5)}.header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) 0;margin-bottom:var(--space-5);border-bottom:1px solid var(--border)}.header h1{font-size:1.25rem;font-style:italic}.nav{display:flex;gap:var(--space-1);background:var(--border);padding:3px}.nav,.nav a{border-radius:var(--radius-full)}.nav a{padding:var(--space-2) var(--space-4);font-size:.875rem;color:var(--mid);transition:all .15s ease}.nav a.active,.nav a:hover{color:var(--off-black)}.nav a.active{background:var(--off-white)}.card{background:white;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--mid);margin-bottom:var(--space-2)}.form-row-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}input,select{width:100%;padding:var(--space-3);font-family:var(--font-body);font-size:1rem;color:var(--off-black);background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .15s ease}input:focus,select:focus{outline:none;border-color:var(--off-black)}select{-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%238A8A86' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}.area-toggles{display:flex;gap:var(--space-2)}.area-toggle{padding:var(--space-2) var(--space-4);font-size:.875rem;background:var(--off-white);color:var(--mid);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:all .15s ease}.area-toggle:hover{border-color:var(--off-black);color:var(--off-black)}.area-toggle.active{background:var(--off-black);border-color:var(--off-black);color:var(--off-white)}.btn-primary{width:100%;padding:var(--space-4);font-family:var(--font-body);font-size:1rem;font-weight:500;color:white;background:var(--action);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .15s ease}.btn-primary:hover{background:var(--action-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.results-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-4)}.results-header h2{font-size:1.125rem;font-style:italic}.results-meta{font-size:.75rem;color:var(--mid)}.results-grid{display:flex;flex-direction:column;gap:var(--space-4)}.venue-card{background:white;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.venue-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-1)}.venue-name{font-family:var(--font-display);font-size:1.125rem;transition:opacity .15s ease}.venue-name:hover{opacity:.6}.venue-badges{display:flex;gap:var(--space-2)}.badge{font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:var(--mid);padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.venue-address{font-size:.875rem;color:var(--mid);margin-bottom:var(--space-4)}.slots-container{display:flex;flex-wrap:wrap;gap:var(--space-2)}.time-slot{display:inline-flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:.875rem;font-weight:500;color:var(--off-black);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);transition:all .15s ease}.time-slot:hover{border-color:var(--action);color:var(--action)}.time-slot-meta{font-size:.7rem;font-weight:400;color:var(--mid)}.empty-state{text-align:center;padding:var(--space-8);color:var(--mid)}.empty-state p{font-family:var(--font-display);font-style:italic}.loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);color:var(--mid)}.loading:before{content:"";width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--action);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.no-availability-section{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border)}.no-availability-header{font-family:var(--font-body);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--mid);margin-bottom:var(--space-3)}.no-availability-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.no-availability-venue{font-size:.8rem;color:var(--mid);padding:var(--space-1) var(--space-2);background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius-sm)}.mt-6{margin-top:var(--space-6)}.add-form{display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}.add-form input{flex:1}.btn-add{padding:var(--space-3) var(--space-5);font-family:var(--font-body);font-size:.875rem;font-weight:500;color:white;background:var(--action);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .15s ease}.btn-add:hover{background:var(--action-hover)}.btn-add:disabled{opacity:.5}.error-msg{padding:var(--space-3) var(--space-4);font-size:.875rem;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md)}.error-msg,.venues-header{margin-bottom:var(--space-4)}.venues-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.venues-header h2{font-size:1.125rem;font-style:italic}.filters{display:flex;gap:var(--space-2);align-items:center}.filters select{width:auto;padding:var(--space-2) var(--space-6) var(--space-2) var(--space-3);font-size:.875rem}.venues-list{display:flex;flex-direction:column;gap:var(--space-3)}.venue-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:white;border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .15s ease}.venue-row:hover{border-color:var(--mid)}.venue-info{flex:1;min-width:0}.venue-main{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-1)}.venue-meta{font-size:.8rem;color:var(--mid)}.fav-btn{padding:0;font-size:1rem;color:var(--mid);background:none;border:none;cursor:pointer;transition:color .15s ease}.fav-btn.active,.fav-btn:hover{color:var(--action)}.venue-actions{display:flex;gap:var(--space-3)}.action-link{font-size:.8rem;color:var(--mid);background:none;border:none;cursor:pointer;transition:color .15s ease}.action-link:hover{color:var(--off-black)}.action-link.delete:hover{color:#b91c1c}.view-toggle{display:flex;gap:var(--space-1);background:var(--border);padding:3px;border-radius:var(--radius-full)}.view-toggle button{padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:.875rem;color:var(--mid);background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all .15s ease}.view-toggle button:hover{color:var(--off-black)}.view-toggle button.active{background:var(--off-white);color:var(--off-black)}.map-container{margin-top:var(--space-4)}.map-loading{display:flex;align-items:center;justify-content:center;height:400px;background:white;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--mid)}.map-note{margin-top:var(--space-2);font-size:.75rem;color:var(--mid);text-align:center}.map-popup{font-family:var(--font-body)}.map-popup strong{display:block;font-family:var(--font-display);font-size:1rem;margin-bottom:var(--space-1)}.map-popup-meta{font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;color:var(--mid);margin-bottom:var(--space-1)}.map-popup-slots{font-size:.8rem;color:var(--off-black);margin-bottom:var(--space-2)}.map-popup-link{font-size:.8rem;color:var(--action)}.map-popup-link:hover{text-decoration:underline}@media (max-width:600px){.header{flex-direction:column;gap:var(--space-4);text-align:center}.form-row-4{grid-template-columns:repeat(2,1fr)}.area-toggles{justify-content:center}.time-slot{padding:var(--space-3) var(--space-4);min-height:44px}.add-form,.venues-header{flex-direction:column}.venues-header{align-items:flex-start;gap:var(--space-3)}.filters{width:100%;justify-content:flex-start}.venue-row{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.venue-actions{width:100%;justify-content:flex-end}}