*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#1a1a1a;background:#f5f6f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}:root{--bg:#f5f6f9;--surface:#fff;--text:#1a1a1a;--text-secondary:#666;--text-tertiary:#888;--border:#e2e2e7;--accent:#6d28d9;--accent-hover:#581cb4;--accent-soft:#6d28d914;--radius-lg:12px;--radius-md:8px;--radius-sm:6px}.app{background:var(--bg);flex-direction:column;height:100vh;display:flex}.screen{background:var(--bg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;min-height:52px;padding:8px 20px;display:flex}.logo{letter-spacing:-.4px;color:var(--accent);align-items:center;gap:7px;font-size:17px;font-weight:700;display:flex}.logo-icon{border-radius:6px;flex-shrink:0;width:24px;height:24px}.header-right{gap:10px;display:flex}.btn-header{border:1px solid var(--border);color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;min-width:38px;min-height:38px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:flex}.btn-header:hover,.btn-header:focus{border-color:var(--accent);color:var(--accent);outline:none}.btn-header.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.content{-webkit-overflow-scrolling:touch;flex:1;padding:20px;overflow-y:auto}.page-title{letter-spacing:-.4px;color:var(--text);margin-bottom:18px;font-size:22px;font-weight:700}.filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.search-field{border:1px solid var(--border);background:var(--surface);width:100%;max-width:560px;min-height:44px;color:var(--text-tertiary);cursor:text;border-radius:999px;align-items:center;gap:10px;margin-bottom:18px;padding:0 16px;transition:border-color .15s,box-shadow .15s;display:flex}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);color:var(--accent)}.search-field input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.search-field input::placeholder{color:var(--text-tertiary)}.ai-fab-wrap{z-index:20;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:80px;right:16px}.ai-fab{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .15s;display:flex;box-shadow:0 6px 16px #6d28d959}.ai-fab svg{width:20px;height:20px}.ai-fab:hover{background:var(--accent-hover)}.ai-popup{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:280px;max-width:calc(100vw - 32px);padding:12px;box-shadow:0 12px 28px #14121f24}.ai-popup-header{color:var(--accent);align-items:center;gap:6px;margin-bottom:8px;font-size:12.5px;font-weight:600;display:flex}.ai-popup-header span{flex:1}.ai-popup-close{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:2px;font-family:inherit;font-size:13px}.modal-overlay{z-index:30;background:#14121f73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border-radius:var(--radius-lg);width:340px;max-width:100%;max-height:85vh;padding:20px;overflow-y:auto;box-shadow:0 20px 48px #14121f40}.modal-header{color:var(--text);align-items:center;margin-bottom:14px;font-size:15px;font-weight:700;display:flex}.modal-header span{flex:1}.modal-field{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.modal-input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);width:100%;color:var(--text);resize:vertical;padding:10px 12px;font-family:inherit;font-size:13px}.modal-input:focus{border-color:var(--accent);outline:none}.ai-bar-query{color:var(--text-secondary);background:var(--bg);border-radius:var(--radius-md);margin-bottom:6px;padding:8px 12px;font-size:12.5px}.ai-bar-reply{color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-md);margin-bottom:8px;padding:8px 12px;font-size:12.5px}.ai-bar-form{background:var(--bg);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:6px 6px 6px 14px;display:flex}.ai-bar-form svg{color:var(--accent);flex-shrink:0}.ai-bar-input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.ai-bar-input::placeholder{color:var(--text-tertiary)}.ai-bar-send{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;flex-shrink:0;padding:8px 16px;font-family:inherit;font-size:12.5px;font-weight:600}.ai-bar-send:hover{background:var(--accent-hover)}.ai-bar-send:disabled{opacity:.6;cursor:default}.filter-tag{background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;min-height:36px;padding:7px 12px;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.filter-tag:hover,.filter-tag:focus{background:#6d28d926;outline:none}.filter-x{cursor:pointer;font-weight:700}.filter-add{border:1px solid var(--border);color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;min-height:36px;padding:7px 12px;font-family:inherit;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.filter-add:hover,.filter-add:focus{border-color:var(--accent);color:var(--accent);outline:none}.filter-add.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.filter-bar{margin-bottom:18px;position:relative}.filter-bar .filters{margin-bottom:0}.filter-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:5;flex-direction:column;gap:14px;padding:16px;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 8px 24px #14121f1a}.filter-panel-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-tertiary);margin-bottom:8px;font-size:11px;font-weight:600}.filter-panel-options{flex-wrap:wrap;gap:8px;display:flex}.filter-pill{background:var(--bg);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:7px 12px;font-family:inherit;font-size:12.5px;font-weight:500;transition:all .15s}.filter-pill:hover{border-color:var(--accent);color:var(--accent)}.filter-pill.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.filter-pill:disabled{opacity:.4;cursor:not-allowed;border-color:var(--border);color:var(--text-secondary)}.prefs-page{background:radial-gradient(circle at 12% 8%, #6d28d91a, transparent 40%), radial-gradient(circle at 90% 60%, #a855f71a, transparent 40%), var(--bg)}.prefs-wrap{width:100%;max-width:760px;margin:0 auto;padding:16px 12px 32px}.prefs-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px 20px 0;box-shadow:0 20px 44px #14121f14}.prefs-progress{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:20px;display:grid}.prefs-progress span{background:var(--border);border-radius:999px;height:4px}.prefs-progress span.active{background:linear-gradient(90deg, var(--accent) 0%, #a855f7 100%)}.prefs-step{letter-spacing:.4px;text-transform:uppercase;color:var(--accent);margin-bottom:6px;font-size:12px;font-weight:600}.prefs-title{letter-spacing:-.6px;color:var(--text);margin-bottom:6px;font-size:26px;font-weight:800}.prefs-hint{color:var(--text-secondary);margin-bottom:22px;font-size:14px}.prefs-tiles{grid-template-columns:1fr;gap:12px;display:grid}.prefs-tile{text-align:left;border:1.5px solid var(--border);background:var(--surface);cursor:pointer;border-radius:14px;align-items:center;gap:14px;width:100%;padding:16px;font-family:inherit;transition:border-color .15s,box-shadow .15s,background .15s,transform .15s;display:flex}.prefs-tile:hover:not(:disabled){border-color:#6d28d980;transform:translateY(-1px)}.prefs-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.prefs-tile.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 6px 18px #6d28d924}.prefs-tile:disabled{opacity:.45;cursor:not-allowed}.prefs-tile-icon,.prefs-section-icon{width:44px;height:44px;color:var(--accent);background:var(--accent-soft);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.prefs-tile.selected .prefs-tile-icon{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, #a855f7 100%)}.prefs-tile-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.prefs-tile-name{color:var(--text);font-size:15.5px;font-weight:700}.prefs-tile-blurb{color:var(--text-secondary);font-size:13px}.prefs-tile-check{border:1.5px solid var(--border);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.prefs-tile.selected .prefs-tile-check{border-color:var(--accent);background:var(--accent)}.prefs-section{border-top:1px solid var(--border);padding:18px 0}.prefs-section:first-of-type{border-top:none;padding-top:0}.prefs-section-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.prefs-section-icon{border-radius:10px;width:38px;height:38px}.prefs-section-label{letter-spacing:.4px;text-transform:uppercase;color:var(--text-tertiary);font-size:11.5px;font-weight:600}.prefs-question{color:var(--text);font-size:16.5px;font-weight:700}.prefs-chips{flex-wrap:wrap;gap:8px;display:flex}.prefs-chip{border:1.5px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);cursor:pointer;border-radius:999px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s}.prefs-chip:hover{border-color:#6d28d980}.prefs-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.prefs-chip.selected{border-color:var(--accent);background:var(--accent);color:#fff}.prefs-error{margin-bottom:14px}.prefs-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);background:#fffffff0;border-radius:0 0 20px 20px;justify-content:space-between;align-items:center;gap:12px;margin:22px -20px 0;padding:14px 20px;display:flex;position:sticky;bottom:0}.prefs-count{color:var(--text-secondary);font-size:13.5px}.prefs-page .btn-primary.prefs-next{background:linear-gradient(135deg, var(--accent) 0%, #a855f7 100%);border-radius:999px;padding:12px 28px}.prefs-page .btn-primary.prefs-next:disabled{opacity:.4;cursor:not-allowed}@media (width>=640px){.prefs-wrap{padding:40px 24px 56px}.prefs-card{padding:36px 40px 0}.prefs-footer{margin:28px -40px 0;padding:18px 40px}.prefs-title{font-size:32px}.prefs-tiles{grid-template-columns:1fr 1fr;gap:14px}.prefs-tile{flex-direction:column;align-items:flex-start;min-height:150px;padding:20px;position:relative}.prefs-tile-check{position:absolute;top:18px;right:18px}}.events-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-bottom:20px;display:grid}.category-section{margin-bottom:24px}.category-title{color:var(--text);margin-bottom:10px;font-size:15px;font-weight:700}.events-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:14px;display:flex;overflow-x:auto}.events-row .event-card{flex:0 0 150px;width:150px}.events-row::-webkit-scrollbar{display:none}@media (width>=768px){.events-row .event-card{flex-basis:190px;width:190px}}.event-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;transition:all .15s;display:flex;position:relative;overflow:hidden}.event-card:hover{border-color:var(--accent);transform:translateY(-2px)}.event-card:focus-within{outline:2px solid var(--accent);outline-offset:2px}.event-image{background:#eceef2;flex-shrink:0;width:100%;height:100px}.event-info{flex-direction:column;flex:1;gap:5px;min-width:0;padding:12px;display:flex}.event-title{color:var(--text);word-break:break-word;font-size:13.5px;font-weight:600;line-height:1.3}.event-meta{color:var(--text-tertiary);font-size:11.5px}.event-price{color:var(--accent);font-size:12.5px;font-weight:600}.event-save-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;z-index:2;background:#fffffff2;border:none;justify-content:center;align-items:center;font-size:15px;transition:all .15s;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 1px 4px #0000001a}.event-save-btn:hover,.event-save-btn:focus{background:#fff;outline:none;transform:scale(1.08)}.event-save-btn.saved{color:var(--accent)}.event-save-btn.pop{transform:scale(1.2)}.bottom-nav{border-top:1px solid var(--border);background:var(--surface);padding-bottom:max(0px, env(safe-area-inset-bottom));flex-shrink:0;justify-content:space-around;display:flex}.tab{padding:7px 0;padding-bottom:calc(7px + max(0px, env(safe-area-inset-bottom)));text-align:center;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-top:2px solid #0000;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:34px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:flex}.tab-label{font-size:10.5px}.tab:hover,.tab:focus{color:var(--text-secondary);outline:none}.tab.active{color:var(--accent);border-top-color:var(--accent)}.tab-center{border-top:none}.tab-center-circle{background:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s;display:flex;overflow:hidden}.tab-center-circle img{object-fit:cover;width:100%;height:100%;display:block}.tab-center:hover .tab-center-circle,.tab-center:focus .tab-center-circle,.tab-center.active .tab-center-circle{background:var(--accent-hover)}.landing-page{background:radial-gradient(circle at 15% 10%, #6d28d91f, transparent 40%), radial-gradient(circle at 85% 45%, #a855f71f, transparent 40%), var(--bg)}.landing-nav{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1120px;margin:0 auto;padding:16px 20px;display:flex}.landing-nav-brand{letter-spacing:-.5px;color:var(--accent);align-items:center;gap:8px;font-size:19px;font-weight:800;display:flex}.landing-nav-icon{border-radius:8px;width:30px;height:30px}.landing-nav-actions{align-items:center;gap:8px;display:flex}.landing-link{color:var(--accent);font:inherit;cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;min-height:44px;padding:10px 12px;font-size:14px;font-weight:600}.landing-link:hover,.landing-link:focus-visible{background:var(--accent-soft);outline:none}.landing-page .btn-primary.landing-nav-cta{box-shadow:none;padding:10px 18px;font-size:14px}.landing-hero{flex-direction:column;align-items:center;gap:40px;width:100%;max-width:1120px;margin:0 auto;padding:40px 20px 56px;display:flex}.landing-hero-text{text-align:center;flex-direction:column;align-items:center;display:flex}.landing-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.landing-preview{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:400px;padding:18px;box-shadow:0 24px 48px #14121f1f}.landing-preview-search{color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);border-radius:999px;margin-bottom:16px;padding:10px 14px;font-size:13px}.landing-preview-heading{color:var(--text);margin-bottom:8px;font-size:14px;font-weight:700}.landing-preview-row{border-top:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.landing-preview-thumb{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, #a855f7 100%);border-radius:10px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:grid}.landing-preview-info{flex:1;min-width:0}.landing-preview-title{color:var(--text);font-size:14px;font-weight:600}.landing-preview-meta{color:var(--text-tertiary);margin-top:2px;font-size:12px}.landing-preview-side{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.landing-preview-chip{color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.landing-preview-price{color:var(--text-secondary);font-size:12px;font-weight:600}.landing-features{width:100%;max-width:1120px;margin:0 auto;padding:16px 20px 56px}.landing-features-title{letter-spacing:-.4px;color:var(--text);text-align:center;margin-bottom:20px;font-size:22px;font-weight:700}.landing-features-grid{gap:14px;display:grid}.landing-feature{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.landing-feature-num{width:28px;height:28px;color:var(--accent);background:var(--accent-soft);border-radius:8px;place-items:center;margin-bottom:12px;font-size:13px;font-weight:700;display:grid}.landing-feature h3{color:var(--text);margin-bottom:6px;font-size:16px;font-weight:700}.landing-feature p{color:var(--text-secondary);font-size:14px;line-height:1.55}.landing-footer{text-align:center;color:var(--text-tertiary);border-top:1px solid var(--border);padding:24px 20px 32px;font-size:12px}.landing-logo{justify-content:center;align-items:center;gap:10px;margin-bottom:22px;display:flex}.landing-logo-icon{border-radius:10px;width:44px;height:44px}.landing-logo-text{letter-spacing:-1px;background:linear-gradient(135deg, var(--accent) 0%, #a855f7 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:38px;font-weight:800}.landing-title{letter-spacing:-.5px;max-width:480px;color:var(--text);margin-bottom:14px;font-size:27px;font-weight:700;line-height:1.3}.landing-desc{color:var(--text-secondary);max-width:420px;margin-bottom:28px;font-size:15px;line-height:1.5}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;min-width:44px;min-height:44px;padding:13px 30px;font-family:inherit;font-size:15px;font-weight:600;transition:all .15s}.btn-primary:hover,.btn-primary:focus{background:var(--accent-hover);outline:none}.landing-page .btn-primary{background:linear-gradient(135deg, var(--accent) 0%, #a855f7 100%);border-radius:999px;box-shadow:0 10px 24px #6d28d94d}.landing-page .btn-primary:hover,.landing-page .btn-primary:focus{background:linear-gradient(135deg, var(--accent) 0%, #a855f7 100%);transform:translateY(-1px);box-shadow:0 14px 28px #6d28d961}.auth{background:radial-gradient(circle at 20% 20%,#6d28d91f,#0000 45%),radial-gradient(circle at 80% 75%,#a855f71f,#0000 45%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px 20px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:340px;max-width:100%;padding:24px;box-shadow:0 12px 28px #14121f1a}.auth-title{letter-spacing:-.3px;color:var(--text);margin-bottom:18px;font-size:19px;font-weight:700}.auth-error{color:#b91c1c;border-radius:var(--radius-md);background:#b91c1c14;margin-top:12px;padding:8px 12px;font-size:12.5px}.auth-switch{text-align:center;width:100%;color:var(--accent);cursor:pointer;background:0 0;border:none;margin-top:16px;font-family:inherit;font-size:12.5px;font-weight:500;display:block}.auth-switch:hover,.auth-switch:focus{color:var(--accent-hover);outline:none}.placeholder-content{justify-content:center;align-items:center;display:flex}.placeholder-title{color:var(--text);margin-bottom:6px;font-size:16px;font-weight:600}.placeholder-desc{color:var(--text-tertiary);font-size:13px}.content::-webkit-scrollbar{width:6px}.content::-webkit-scrollbar-track{background:0 0}.content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media (width>=768px){.header{min-height:56px;padding:8px 32px}.content{padding:32px}.page-title{margin-bottom:28px;font-size:28px}.events-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.event-image{height:130px}.landing-logo-icon{width:54px;height:54px}.landing-logo-text{font-size:46px}.landing-title{font-size:38px}.landing-nav{padding:20px 32px}.landing-hero{padding:56px 32px 72px}.landing-features{padding:16px 32px 72px}.landing-features-grid{grid-template-columns:repeat(3,1fr);gap:20px}.filters{margin-bottom:28px}.events-grid{margin-bottom:32px}}@media (width>=1024px){.landing-hero{flex-direction:row;justify-content:space-between;gap:64px;padding:88px 32px 96px}.landing-hero-text{text-align:left;flex:1;align-items:flex-start}.landing-hero-text .landing-title{letter-spacing:-1.5px;max-width:560px;margin-bottom:20px;font-size:52px;line-height:1.1}.landing-hero-text .landing-desc{max-width:460px;margin-bottom:32px;font-size:18px}.landing-ctas{justify-content:flex-start}.landing-preview{flex:0 0 420px;max-width:420px;transform:rotate(1.5deg)}}