:root{--bg-color:#faf8f5;--text-color:#1c1b19;--text-muted:#5c5a56;--accent-color:#8b2635;--accent-hover:#6d1e29;--accent-light:#f4ece7;--wsmip-tag:#1c3f2d;--wsmip-tag-bg:#e8f5e9;--outside-tag:#965b00;--outside-tag-bg:#fff3e0;--border-color:#e5e1da;--card-bg:#fff;--shadow-sm:0 2px 4px #1c1b190a;--shadow-md:0 4px 12px #1c1b190f;--font-serif-header:"Playfair Display", Georgia, serif;--font-serif-body:"Lora", Georgia, serif;--font-sans:"Inter", -apple-system, sans-serif;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.app-container{background-color:var(--bg-color);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;display:flex}.app-header{background-color:var(--bg-color);border-bottom:2px double var(--border-color);z-index:10;padding:24px 20px 16px;position:sticky;top:0}.header-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.header-logo{font-family:var(--font-serif-header);color:var(--accent-color);letter-spacing:-.5px;font-size:24px;font-weight:700;text-decoration:none}.header-logo span{color:var(--text-color);font-style:italic;font-weight:400}.refresh-button{border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;transition:var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.refresh-button:active{background-color:var(--accent-light);transform:scale(.95)}.refresh-button.spinning svg{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-subtitle{font-family:var(--font-serif-body);color:var(--text-muted);border-top:1px solid var(--border-color);justify-content:space-between;margin-top:4px;padding-top:8px;font-size:13px;font-style:italic;display:flex}.toolbar{background:var(--bg-color);border-bottom:1px solid var(--border-color);flex-direction:column;gap:12px;padding:12px 20px;display:flex}.search-box{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:8px;padding:10px 14px;display:flex}.search-box input{width:100%;font-family:var(--font-sans);color:var(--text-color);background:0 0;border:none;font-size:14px}.search-box input:focus{outline:none}.filter-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;display:flex;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.tab-button{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);white-space:nowrap;cursor:pointer;transition:var(--transition-fast);border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500}.tab-button.active{background-color:var(--accent-color);color:var(--bg-color);border-color:var(--accent-color)}.event-list{flex-direction:column;flex:1;gap:16px;padding:16px 20px;display:flex}.event-card{background-color:var(--card-bg);border:1px solid var(--border-color);transition:transform var(--transition-fast), box-shadow var(--transition-fast);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;gap:12px;padding:18px;display:flex;position:relative}.event-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.tag-container{flex-wrap:wrap;gap:6px;display:flex}.tag{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.tag.wsmip{background-color:var(--wsmip-tag-bg);color:var(--wsmip-tag)}.tag.outside{background-color:var(--outside-tag-bg);color:var(--outside-tag)}.hours-tag{background-color:var(--accent-light);color:var(--accent-color);border:1px solid #8b263526;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.event-title{font-family:var(--font-serif-header);color:var(--text-color);margin-top:4px;font-size:18px;font-weight:700;line-height:1.35;text-decoration:none}.event-title:hover{color:var(--accent-color)}.event-description{font-family:var(--font-serif-body);color:var(--text-muted);-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.meta-details{border-top:1px dashed var(--border-color);color:var(--text-muted);grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;padding-top:12px;font-size:13px;display:grid}.meta-item{align-items:center;gap:6px;display:flex}.meta-item svg{color:var(--accent-color);flex-shrink:0}.meta-item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.state-container{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.state-container svg{color:var(--accent-color);opacity:.8;margin-bottom:16px}.state-title{font-family:var(--font-serif-header);color:var(--text-color);margin-bottom:8px;font-size:20px;font-weight:700}.state-text{max-width:320px;font-size:14px}.app-footer{text-align:center;border-top:1px solid var(--border-color);color:var(--text-muted);background-color:var(--bg-color);padding:24px 20px;font-size:12px}.app-footer a{color:var(--accent-color);text-decoration:none}.rule-summary{background-color:var(--accent-light);border:1px solid var(--border-color);text-align:left;border-radius:8px;margin-bottom:20px;padding:12px;font-size:13px}.rule-summary h4{font-family:var(--font-serif-header);color:var(--accent-color);margin-bottom:6px;font-size:14px}