*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif;background:#f5f7fa;color:#333;font-size:14px}.container{max-width:800px;margin:0 auto;padding:12px}.header{background:#ff7043;color:white;padding:16px;text-align:center;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px rgba(0,0,0,.15)}.header h1{font-size:18px;font-weight:700;margin-bottom:4px}.header p{font-size:11px;opacity:.9}.filters{display:flex;gap:8px;padding:12px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-btn{flex-shrink:0;padding:6px 14px;border-radius:20px;border:1.5px solid #ff7043;background:white;color:#ff7043;font-size:13px;cursor:pointer;white-space:nowrap;transition:all .2s}.filter-btn.active{background:#ff7043;color:white}.event-list{display:flex;flex-direction:column;gap:10px;padding-bottom:24px}.event-card{background:white;border-radius:12px;padding:14px;box-shadow:0 1px 4px rgba(0,0,0,.08);border-left:4px solid #ff7043}.event-date{font-size:12px;font-weight:700;color:#ff7043;margin-bottom:4px}.event-name{font-size:15px;font-weight:700;color:#222;margin-bottom:6px;line-height:1.4}.event-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:#666}.event-meta span{display:flex;align-items:center;gap:3px}.event-location{color:#555}.event-price{background:#e8f5e9;color:#2e7d32;padding:2px 8px;border-radius:10px;font-weight:700}.event-price.free{background:#fff3e0;color:#e65100}.event-link{display:inline-block;margin-top:8px;color:#1976d2;text-decoration:none;font-size:12px;border:1px solid #1976d2;padding:3px 10px;border-radius:10px}.event-link:hover{background:#e3f2fd}.date-divider{font-size:13px;font-weight:700;color:#555;padding:8px 4px 4px;border-bottom:1px solid #ddd;margin-top:4px}.empty{text-align:center;padding:40px 20px;color:#999;font-size:15px}.last-updated{font-size:11px;padding:8px}.last-updated,.loading{text-align:center;color:#aaa}.loading{padding:40px;font-size:15px}