:root{--bg: #f5f0e8;--bg-surface: #fff;--text: #1a1a2e;--text-muted: #666;--border: #d4c9b8;--accent: #5a4a3a;--pill-bg: #e8e0d4;--pill-inactive-text: #8a7a6a;--pill-active-bg: #5a4a3a;--pill-active-text: #f5f0e8;--date-header: #8a7a6a;--link: #4a6741;--shadow: rgba(0, 0, 0, .06);--tap-highlight: rgba(90, 74, 58, .04);--cat-music: #4a7ab5;--cat-theatre: #b5504a;--cat-art: #8a5ab5;--cat-festival: #b5854a;--cat-community: #5a8a5a;--cat-film: #4a8a8a;--cat-dance: #b55a8a;--cat-other: #8a8a8a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.5;-webkit-text-size-adjust:100%}body{max-width:40rem;margin:0 auto;padding:1rem;min-height:100vh}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.date-header{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--date-header);padding:1.25rem 0 .375rem;border-bottom:1px solid var(--border);margin-bottom:.5rem}.date-header:first-of-type{padding-top:.5rem}.date-header.today{color:var(--accent);border-bottom-color:var(--accent)}.event-card{display:flex;gap:.625rem;padding:.625rem .375rem;margin:0 -.375rem;border-bottom:1px solid var(--border);border-radius:.375rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .1s;text-decoration:none;color:inherit}.event-card:hover{background:var(--tap-highlight);text-decoration:none}.event-card:active{background:var(--tap-highlight)}.event-card:last-child{border-bottom:none}.event-dot{flex-shrink:0;width:.5rem;height:.5rem;border-radius:50%;margin-top:.4rem}.event-body{flex:1;min-width:0}.event-footer{display:flex;align-items:baseline;gap:1.25rem;margin-top:.125rem}.event-category{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;opacity:.7}.event-title{font-size:1rem;font-weight:600;line-height:1.3}.event-meta{font-size:.8125rem;color:var(--text-muted);margin-top:.125rem}.event-meta span+span:before{content:" · "}.event-link{font-size:.75rem;opacity:.5}.event-link:before{content:"→ "}.footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-muted);text-align:center}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.load-more{display:block;width:100%;padding:.75rem;margin-top:1rem;background:var(--pill-bg);border:1px solid var(--border);border-radius:.5rem;color:var(--text);font-size:.875rem;cursor:pointer;text-align:center}.load-more:hover{border-color:var(--accent)}