*{box-sizing:border-box}html.theme-dark{--color-bg:#12101a;--color-surface:#1f1b29;--color-surface-translucent:rgba(31,27,41,.85);--color-border:#2f2a3d;--color-text:#eceaf3;--color-text-muted:#a9a3ba;--color-accent:#6a2ab9;--color-accent-alt:#9333ea;--color-input-bg:#181524;--color-error:#f87171;--color-gradient:linear-gradient(135deg,#6a2ab9,#9333ea,#c026d3)}html.theme-light{--color-bg:#f6f5fa;--color-surface:#ffffff;--color-surface-translucent:rgba(255,255,255,.85);--color-border:#e2dff0;--color-text:#2d2640;--color-text-muted:#665c7d;--color-accent:#6a2ab9;--color-accent-alt:#7e3fd6;--color-input-bg:#ffffff;--color-error:#dc2626;--color-gradient:linear-gradient(135deg,#6a2ab9,#7e3fd6,#9333ea)}body{margin:0;background:var(--color-bg);color:var(--color-text);transition:background .4s ease,color .4s ease;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif}a{color:var(--color-accent)}form{max-width:480px;margin:0 auto}input.ng-invalid.ng-touched{border-color:var(--color-error)}button{cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease}.chicago-events-container{max-width:960px;margin:0 auto;padding:2rem 1rem 5rem}.page-header{text-align:center;margin-bottom:2rem}.page-header h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;background:var(--color-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{margin:0;color:var(--color-text-muted);font-size:1rem}.search-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.search-input-wrapper{position:relative;max-width:500px;margin:0 auto}.search-input{width:100%;padding:.65rem .75rem .65rem 2.5rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-input-bg);color:var(--color-text);font-size:.95rem;outline:none;transition:all .25s ease;box-sizing:border-box}.search-input:focus{outline:2px solid var(--color-accent);border-color:var(--color-accent)}.search-input:disabled{opacity:.6;cursor:not-allowed}.search-input.loading{opacity:.75;filter:saturate(.6);background:linear-gradient(90deg,var(--color-input-bg) 0%,var(--color-border) 50%,var(--color-input-bg) 100%);background-size:200% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:-200% 50%}}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:1rem;color:var(--color-text-muted)}.inline-clear-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--color-text-muted);font-size:1.1rem;line-height:1;padding:0;cursor:pointer;opacity:.7;transition:opacity .2s ease,color .2s ease}.inline-clear-btn:hover{opacity:1;color:var(--color-text)}.inline-clear-btn:disabled{opacity:.3;cursor:not-allowed}.search-info{text-align:center;margin-top:1rem;color:var(--color-text-muted);font-size:.9rem}.results-count{font-weight:600;color:var(--color-accent)}.loading-state,.error-state,.no-results{text-align:center;padding:3rem 2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 8px #0000001a}.loading-spinner{width:50px;height:50px;border:4px solid var(--color-border);border-top:4px solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.loading-spinner.small{width:30px;height:30px;border-width:3px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-icon{font-size:3rem;margin-bottom:1rem}.retry-button{background:var(--color-accent);color:#fff;border:none;padding:.6rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;margin-top:1rem;transition:background .25s ease}.retry-button:hover{opacity:.9}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.events-section{opacity:0;transform:translateY(8px) scale(.985);transition:opacity .45s ease,transform .5s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}.events-section.fade-in{opacity:1;transform:translateY(0) scale(1)}@media (prefers-reduced-motion: reduce){.events-section{opacity:1;transform:none;transition:none!important}.events-section.fade-in{opacity:1;transform:none}.search-input.loading{animation:none!important;background:var(--color-input-bg);filter:none}}.event-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .2s ease;position:relative}.event-card{opacity:0;transform:translateY(14px)}.event-card.in-view{opacity:1;transform:translateY(0);transition:opacity .55s ease,transform .6s cubic-bezier(.22,.61,.36,1)}.event-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.event-card.highlighted{border-color:var(--color-accent);box-shadow:0 4px 16px #0003}.date-badge{position:absolute;top:15px;right:15px;background:var(--color-gradient);color:#fff;padding:8px;border-radius:8px;text-align:center;min-width:60px;font-size:.85rem;font-weight:600;z-index:1}.date-day{font-size:1.2rem;font-weight:700}.date-month{font-size:.8rem;text-transform:uppercase;margin-top:2px}.event-content{padding:20px 90px 20px 20px}.event-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0 0 .5rem;line-height:1.3}.event-time{color:var(--color-text-muted);font-size:.9rem;font-weight:500}.venue-name{font-weight:600;color:var(--color-text);margin-bottom:.3rem}.genre-tag{background:var(--color-border);color:var(--color-text-muted);padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.ticket-button{display:inline-flex;align-items:center;gap:.4rem;background:var(--color-accent);color:#fff;padding:.6rem 1rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .25s ease}.ticket-button:hover{opacity:.9;transform:translateY(-1px)}.interest-actions{margin-top:.75rem;display:flex;flex-direction:column;gap:.4rem;border-top:1px solid var(--color-border);padding-top:.75rem}.interest-buttons{display:flex;flex-wrap:wrap;gap:.4rem}.interest-btn{background:var(--color-border);border:none;padding:.35rem .6rem;border-radius:6px;font-size:.7rem;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;font-weight:600;color:var(--color-text);transition:background .2s ease,transform .15s ease}.interest-btn:hover{background:var(--color-accent);color:#fff;transform:translateY(-1px)}.interest-btn.active{background:var(--color-accent);color:#fff;box-shadow:0 0 0 2px #ffffff14 inset}.interest-btn.active.danger{background:#b3261e;color:#fff}.interest-btn.danger{background:#3d1d1d;color:#ffb3b3}.interest-btn.danger:hover{background:#b3261e;color:#fff}.loading-skeletons{padding:2rem 0}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.skeleton-card{position:relative;border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;padding:1.25rem;min-height:180px;overflow:hidden}.skeleton-card:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#ffffff08,#ffffff14 18%,#ffffff08 33%);background-size:200% 100%;animation:sk-shimmer 1.4s linear infinite;opacity:.6}.sk-date{position:absolute;top:14px;right:14px;width:56px;height:60px;border-radius:8px;background:var(--color-border)}.sk-lines{display:flex;flex-direction:column;gap:.55rem;margin-top:.25rem}.sk-line{height:12px;background:var(--color-border);border-radius:6px;width:100%}.sk-line.w80{width:80%}.sk-line.w70{width:70%}.sk-line.w60{width:60%}.sk-line.w40{width:40%}@keyframes sk-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stagger-card{animation:cardEnter .55s cubic-bezier(.22,.61,.36,1) backwards}@keyframes cardEnter{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.interest-attendees{background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:8px;padding:.6rem .65rem .7rem;display:flex;flex-direction:column;gap:.55rem}.interest-category{display:flex;flex-direction:column;gap:.25rem}.category-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);display:flex;align-items:center;gap:4px}.names-list{display:flex;flex-wrap:wrap;gap:.3rem}.user-name{background:var(--color-border);padding:2px 6px;border-radius:12px;font-size:.6rem;font-weight:600}.empty-attendees{font-size:.65rem;font-style:italic;color:var(--color-text-muted)}.load-more-section{text-align:center;margin:2rem 0}.load-more-button{background:var(--color-accent);color:#fff;border:none;padding:.6rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .25s ease}.load-more-button:hover:not(:disabled){opacity:.9}.load-more-button:disabled{opacity:.6;cursor:not-allowed}.loading-more{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem;color:var(--color-text-muted)}@media (max-width:768px){.chicago-events-container{padding:1rem 1rem 5rem}.page-header h1{font-size:1.75rem}.events-grid{grid-template-columns:1fr;gap:1rem}.event-content{padding:1rem;padding-right:75px}.date-badge{min-width:50px;font-size:.8rem;top:10px;right:10px}.search-section{padding:1rem}}.pre-auth-shimmer{position:relative;overflow:hidden;min-height:3rem}.pre-auth-shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#fff0,#ffffff40,#fff0 80%);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}