:root{--red:#c5050c;--red-dark:#9b0000;--red-tint:#fdebea;--ink:#1d1a17;--ink-soft:#5b564f;--ink-faint:#8c867c;--paper:#fbf8f2;--paper-alt:#f3ede0;--line:#e6dfd1;--white:#fff;--shadow-sm:0 1px 2px #1d1a170f, 0 1px 1px #1d1a170a;--shadow-md:0 8px 24px #1d1a171a, 0 2px 6px #1d1a170f;--shadow-lg:0 20px 50px #1d1a172e;--radius-s:8px;--radius-m:14px;--radius-l:20px;--header-h:84px;--toolbar-h:118px;--footer-h:44px}*{box-sizing:border-box}html,body{height:100%}body{color:var(--ink);background:var(--paper);flex-direction:column;height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;overflow:hidden}h1,h2,h3{margin:0;font-family:Fraunces,Georgia,serif}p{margin:0}button{cursor:pointer;font-family:inherit}a{color:var(--red)}::selection{background:var(--red-tint);color:var(--red-dark)}.site-header{background:var(--paper);border-bottom:1px solid var(--line);flex:none;position:relative}.site-header:after{content:"";background:linear-gradient(90deg, var(--red), var(--red-dark));height:3px;position:absolute;bottom:-3px;left:0;right:0}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:1400px;margin:0 auto;padding:14px 28px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{background:radial-gradient(circle at 30% 25%, var(--red-dark), var(--red));color:#fff;width:46px;height:46px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Fraunces,serif;font-size:22px;font-weight:700;display:flex}.brand-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:2px;font-size:11px;font-weight:600}.brand-text h1{color:var(--ink);letter-spacing:-.01em;font-size:26px;font-weight:600;line-height:1}.tagline{color:var(--ink-soft);max-width:420px;font-size:14.5px;line-height:1.45}.toolbar{background:var(--white);border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm);z-index:20;flex:none;position:relative}.toolbar-inner{flex-wrap:wrap;align-items:center;gap:16px;max-width:1400px;margin:0 auto;padding:12px 28px 8px;display:flex}.search-box{background:var(--paper-alt);border:1px solid var(--line);border-radius:999px;flex:0 300px;align-items:center;gap:9px;min-width:240px;padding:9px 16px;transition:border-color .15s,box-shadow .15s;display:flex}.search-box:focus-within{border-color:var(--red);box-shadow:0 0 0 3px var(--red-tint);background:var(--white)}.search-box i{color:var(--ink-faint);font-size:13px}.search-box input{color:var(--ink);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:14px}.search-box input::placeholder{color:var(--ink-faint)}.category-pills{flex-wrap:wrap;gap:8px;display:flex}.pill-btn{border:1px solid var(--line);background:var(--white);color:var(--ink-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.pill-btn i{font-size:11px}.pill-btn:hover{border-color:var(--red);color:var(--red)}.pill-btn.active{background:var(--ink);border-color:var(--ink);color:var(--white)}.pill-btn.active.cat-active{background:var(--dot-color,var(--red));border-color:var(--dot-color,var(--red))}.tag-row{flex-wrap:wrap;gap:8px;max-width:1400px;margin:0 auto;padding:0 28px 12px;display:flex}.tag-chip{border:1px dashed var(--line);color:var(--ink-soft);background:0 0;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:500;transition:all .15s}.tag-chip:hover{border-color:var(--red);color:var(--red);border-style:solid}.tag-chip.active{background:var(--red-tint);border:1px solid var(--red);color:var(--red-dark);border-style:solid;font-weight:600}.app{flex:auto;grid-template-columns:420px 1fr;width:100%;max-width:1400px;min-height:0;margin:0 auto;display:grid;overflow:hidden}.view-toggle-mobile{display:none}.list-pane{border-right:1px solid var(--line);background:var(--paper);padding:18px 18px 32px;overflow-y:auto}.results-count{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;margin:2px 4px 12px;font-size:12.5px;font-weight:600}.spot-list{flex-direction:column;gap:10px;display:flex}.spot-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-m);cursor:pointer;border-left:4px solid #0000;gap:12px;padding:13px 15px;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex}.spot-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.spot-card.selected{border-left-color:var(--card-color,var(--red));box-shadow:var(--shadow-md);background:linear-gradient(180deg, var(--paper-alt), var(--white) 40%)}.spot-icon{color:#fff;background:var(--card-color,var(--red));width:36px;height:36px;box-shadow:var(--shadow-sm);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;display:flex}.spot-body{flex:1;min-width:0}.spot-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.spot-name{color:var(--ink);font-family:Fraunces,serif;font-size:15.5px;font-weight:600;line-height:1.25}.spot-category{text-transform:uppercase;letter-spacing:.05em;color:var(--card-color,var(--red));white-space:nowrap;flex-shrink:0;font-size:10.5px;font-weight:700}.spot-address{color:var(--ink-soft);align-items:flex-start;gap:5px;margin-top:3px;font-size:12.5px;line-height:1.4;display:flex}.spot-address i{color:var(--ink-faint);margin-top:2px;font-size:10px}.spot-desc{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:7px;font-size:12.8px;line-height:1.5;display:-webkit-box;overflow:hidden}.spot-tags{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.mini-tag{background:var(--paper-alt);color:var(--ink-soft);border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:600}.empty-state{text-align:center;color:var(--ink-faint);padding:60px 20px}.empty-state i{color:var(--line);margin-bottom:12px;font-size:28px}.empty-state p{margin-bottom:14px;font-size:14px}.empty-state button{border:1px solid var(--red);background:var(--white);color:var(--red);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600}.empty-state button:hover{background:var(--red-tint)}.map-pane{position:relative}#map{background:var(--paper-alt);position:absolute;inset:0}.leaflet-popup-content-wrapper{border-radius:var(--radius-s)}.leaflet-container{font-family:Inter,sans-serif}.marker-pin{background:var(--pin-color,var(--red));border:2px solid #fff;border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:30px;height:30px;display:flex;transform:rotate(-45deg);box-shadow:0 3px 8px #00000059}.marker-pin i{color:#fff;font-size:12px;transform:rotate(45deg)}.marker-pin.is-dim{opacity:.28}.spot-tooltip{background:var(--ink);color:#fff;box-shadow:var(--shadow-md);border:none;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:600}.spot-tooltip:before{border-top-color:var(--ink)!important}.legend{z-index:400;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--line);border-radius:var(--radius-m);box-shadow:var(--shadow-md);background:#fffffff0;max-width:190px;padding:12px 14px;font-size:12px;position:absolute;bottom:20px;left:14px}.legend-title{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);margin-bottom:8px;font-size:10.5px;font-weight:700}.legend-row{color:var(--ink-soft);align-items:center;gap:8px;padding:2px 0;font-weight:500;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.drawer-backdrop{opacity:0;pointer-events:none;z-index:900;background:#1d1a1759;transition:opacity .2s;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{background:var(--white);width:420px;max-width:92vw;height:100%;box-shadow:var(--shadow-lg);z-index:950;transition:transform .28s cubic-bezier(.32,.72,0,1);position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.drawer.open{transform:translate(0)}.drawer-close{float:right;border:1px solid var(--line);background:var(--white);width:34px;height:34px;color:var(--ink-soft);box-shadow:var(--shadow-sm);z-index:2;border-radius:50%;justify-content:center;align-items:center;margin-right:14px;font-size:14px;display:flex;position:sticky;top:14px}.drawer-close:hover{background:var(--paper-alt);color:var(--ink)}.drawer-content{clear:both;padding:20px 26px 40px}.drawer-hero{color:#fff;background:var(--drawer-color,var(--red));width:56px;height:56px;box-shadow:var(--shadow-sm);border-radius:16px;justify-content:center;align-items:center;margin-bottom:16px;font-size:22px;display:flex}.drawer-eyebrow{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:4px 9px;font-size:10.5px;font-weight:700}.badge-category{background:var(--drawer-color-tint,var(--red-tint));color:var(--drawer-color,var(--red))}.badge-university{background:var(--red-tint);color:var(--red-dark);border:1px solid var(--red)}.badge-offcampus{background:var(--paper-alt);color:var(--ink-soft);border:1px solid var(--line)}.drawer h2{color:var(--ink);margin-bottom:12px;font-size:26px;font-weight:600;line-height:1.15}.drawer-address{color:var(--ink-soft);align-items:flex-start;gap:8px;margin-bottom:14px;font-size:13.5px;line-height:1.5;display:flex}.drawer-address i{color:var(--ink-faint);margin-top:3px}.directions-btn{background:var(--ink);color:#fff;border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:10px 16px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.directions-btn:hover{background:var(--red)}.drawer-divider{background:var(--line);height:1px;margin:0 0 20px}.drawer-section-label{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-faint);margin-bottom:10px;font-size:11px;font-weight:700}.drawer-desc{color:var(--ink);margin-bottom:24px;font-size:14.5px;line-height:1.7}.drawer-tags{flex-wrap:wrap;gap:7px;display:flex}.drawer-tag{background:var(--paper-alt);color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.site-footer{background:var(--paper-alt);border-top:1px solid var(--line);flex:none;padding:11px 28px}.site-footer p{max-width:1400px;color:var(--ink-faint);text-align:center;margin:0 auto;font-size:11.5px;line-height:1.5}.site-footer a{color:var(--ink-soft);font-weight:600}@media (width<=880px){.header-inner{gap:10px;padding:14px 16px}.tagline{display:none}.brand-text h1{font-size:22px}.toolbar-inner{padding:10px 16px 6px}.tag-row{padding:0 16px 10px}.search-box{flex-basis:100%}.category-pills{flex-wrap:nowrap;width:100%;padding-bottom:2px;overflow-x:auto}.category-pills::-webkit-scrollbar{display:none}.view-toggle-mobile{background:var(--white);border-bottom:1px solid var(--line);gap:8px;padding:10px 16px;display:flex}.view-btn{border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px;font-size:13.5px;font-weight:600;display:flex}.view-btn.active{background:var(--ink);border-color:var(--ink);color:#fff}.app{grid-template-columns:1fr}.list-pane{border-right:none}.list-pane.hidden-mobile,.map-pane.hidden-mobile{display:none}.drawer{border-radius:20px 20px 0 0;width:100%;max-width:100%;height:85vh;top:auto;bottom:0;transform:translateY(100%)}.drawer.open{transform:translateY(0)}.site-footer p{text-align:left}}