:root{--bg: #0F2444;--bg-card: #1A3560;--bg-elevated: #1E3A5F;--border: #1E3A5F;--accent: #0EA5E9;--accent-dim: rgba(14, 165, 233, .15);--text: #FAF7F0;--text-muted: rgba(250, 247, 240, .55);--text-dim: rgba(250, 247, 240, .35);--radius: 12px;--radius-sm: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--bg);color:var(--text);font-family:Trebuchet MS,Trebuchet,sans-serif;min-height:100dvh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none}input,select{font-family:inherit;font-size:inherit;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .75rem;outline:none;transition:border-color .15s}input:focus,select:focus{border-color:var(--accent)}input::placeholder{color:var(--text-dim)}select option{background:var(--bg-card);color:var(--text)}.nav{position:sticky;top:0;z-index:100;background:#0f2444ed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 1.25rem;display:flex;align-items:center;gap:2rem;height:56px}.nav-brand{font-weight:700;font-size:1.1rem;color:var(--accent);white-space:nowrap}.nav-links{display:flex;gap:.25rem;flex:1}.nav-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.nav-link{padding:.35rem .75rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--text-muted);transition:color .15s,background .15s}.nav-link:hover{color:var(--text);background:var(--bg-elevated)}.nav-link.active{color:var(--accent);background:#0ea5e91f}.nav-logout{font-size:.8125rem}.main-content{max-width:860px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.page-header p{color:var(--text-muted);font-size:.9rem}.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;align-items:center}.filter-bar input,.filter-bar select{flex:1;min-width:140px}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;transition:opacity .15s,background .15s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){opacity:.85}.btn-ghost{color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:#faf7f04d}.btn-danger{color:#f87171;border:1px solid rgba(248,113,113,.3)}.btn-danger:hover:not(:disabled){background:#f8717114}.btn-sm{padding:.3rem .65rem;font-size:.8rem}.toggle-btn{padding:.4rem .75rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;border:1px solid var(--border);color:var(--text-muted);transition:all .15s}.toggle-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.interest-filter-panel{position:absolute;top:calc(100% + 4px);left:0;min-width:220px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem 0;z-index:100;box-shadow:0 8px 24px #00000080;max-height:320px;overflow-y:auto}.interest-filter-group{padding:.25rem 0}.interest-filter-group+.interest-filter-group{border-top:1px solid var(--border)}.interest-filter-type{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:.35rem 1rem .2rem}.interest-filter-item{display:flex;align-items:center;gap:.5rem;padding:.3rem 1rem;font-size:.85rem;color:var(--text);cursor:pointer;transition:background .1s}.interest-filter-item:hover{background:var(--bg-elevated)}.interest-filter-item input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.event-list{display:flex;flex-direction:column;gap:.5rem}.event-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;display:grid;grid-template-columns:52px 1px 1fr;gap:0 .75rem;transition:border-color .15s}.event-card:hover{border-color:#0ea5e966}.event-card.interest-match{border-color:#0ea5e999}.event-date-col{display:flex;flex-direction:column;align-items:center;padding-top:2px;min-width:0}.event-month{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.event-day{font-size:1.625rem;font-weight:700;line-height:1;color:var(--text)}.event-dow{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.event-divider{width:1px;background:var(--border);margin:2px 0;align-self:stretch}.event-body{min-width:0;padding-top:2px}.event-artist{font-size:.9375rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.2rem}.event-meta{font-size:.8125rem;color:var(--text-muted);margin-bottom:.375rem}.event-tags{display:flex;flex-wrap:wrap;gap:.35rem}.tag{font-size:.6875rem;font-weight:500;padding:.15rem .5rem;border-radius:999px;letter-spacing:.02em}.tag-genre{background:#0ea5e926;color:var(--accent)}.tag-source{background:var(--border);color:#faf7f099}.setlist-predict-btn{margin-top:.375rem;font-size:.75rem;color:var(--text-muted);padding:.2rem 0}.setlist-predict-btn:hover{color:var(--accent)}.setlist-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#000000b3;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;overflow-y:auto}.setlist-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 40px #0009;width:100%;max-width:780px;display:flex;flex-direction:column}.setlist-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--border);gap:1rem}.setlist-modal-title{font-size:1.125rem;font-weight:700;color:var(--text)}.setlist-modal-sub{font-size:.8125rem;color:var(--text-muted);margin-top:.2rem}.setlist-modal-header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.setlist-jump-encore{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:.75rem;font-family:inherit;padding:.2rem .5rem;line-height:1.4;white-space:nowrap}.setlist-jump-encore:hover{color:var(--accent);border-color:var(--accent)}.setlist-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;padding:.2rem;line-height:1;flex-shrink:0}.setlist-close:hover{color:var(--text)}.setlist-modal-body{padding:1.25rem 1.5rem;overflow-y:auto;max-height:70vh}.setlist-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.8rem;color:var(--text-muted);margin-bottom:1rem}.setlist-data-note{font-size:.8rem;color:#fbbf24;background:#fbbf2414;border:1px solid rgba(251,191,36,.2);border-radius:var(--radius-sm);padding:.5rem .75rem;margin-bottom:1rem}.setlist-status{text-align:center;padding:2rem 1rem;color:var(--text-muted);font-size:.875rem}.setlist-status--error{color:#f87171}.setlist-section-divider{display:flex;align-items:center;gap:.75rem;margin:1.5rem 0 .75rem}.setlist-section-divider:before,.setlist-section-divider:after{content:"";flex:1;height:1px;background:var(--border)}.setlist-section-divider span{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.setlist-encore-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:1.5rem 0 .5rem}.setlist-table{width:100%;border-collapse:collapse;font-size:.82rem}.setlist-table thead th{text-align:left;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);padding:0 .5rem .5rem;border-bottom:1px solid var(--border)}.setlist-table tbody tr{border-bottom:1px solid rgba(255,255,255,.04)}.setlist-table tbody tr:last-child{border-bottom:none}.setlist-table td{padding:.5rem;vertical-align:middle}.setlist-pos{color:var(--text-muted);width:2rem;text-align:center;font-size:.75rem}.setlist-song{font-weight:500;color:var(--text);min-width:140px}.setlist-notes{color:var(--text-muted);font-size:.75rem}.setlist-notes-inline{display:none}.setlist-conf{width:120px}.setlist-conf-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden;margin-bottom:.2rem}.setlist-conf-fill{height:100%;border-radius:2px;transition:width .3s ease}.setlist-conf-pct{font-size:.72rem;color:var(--text-muted);font-variant-numeric:tabular-nums}@media(max-width:600px){.setlist-backdrop{padding:0;align-items:flex-end}.setlist-modal{border-radius:var(--radius) var(--radius) 0 0;max-height:90vh}.setlist-modal-body{max-height:75vh}.setlist-notes{display:none}.setlist-table thead th:last-child{display:none}.setlist-notes-inline{display:block;font-size:.7rem;font-weight:400;color:var(--text-muted);margin-top:.2rem}}@media(max-height:500px){.setlist-modal{max-height:95vh}.setlist-modal-body{max-height:calc(95vh - 70px)}}.state-message{text-align:center;padding:4rem 1rem;color:var(--text-muted)}.state-message h3{margin-bottom:.5rem;font-size:1rem}.state-message p{font-size:.875rem}.interest-groups{display:flex;flex-direction:column;gap:1.75rem}.interest-group h2{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.75rem}.interest-add-row{display:flex;gap:.5rem;margin-bottom:.75rem}.interest-add-row input{flex:1}.interest-chips{display:flex;flex-wrap:wrap;gap:.4rem}.interest-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .65rem .3rem .8rem;border-radius:999px;font-size:.8rem;font-weight:500;border:1px solid var(--accent-dim);background:var(--accent-dim);color:var(--accent)}.interest-chip.artist,.interest-chip.genre,.interest-chip.city,.interest-chip.venue{border-color:#0ea5e94d;color:var(--accent);background:#0ea5e91f}.chip-remove{font-size:1rem;line-height:1;color:var(--text-dim);padding:0}.chip-remove:hover{color:#f87171}.suggestion-wrapper{position:relative;display:inline-flex}.suggestion-card{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:230px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 28px #00000080;z-index:200;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease;overflow:hidden}.suggestion-card.visible{opacity:1;visibility:visible;pointer-events:auto}.suggestion-card-img{width:100%;height:110px;object-fit:cover;object-position:top center;display:block}.suggestion-card-body{padding:.65rem .75rem .7rem;display:flex;flex-direction:column;gap:.25rem}.suggestion-card-name{font-weight:700;font-size:.875rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-card-stats{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.suggestion-card-match{font-size:.72rem;font-weight:600;color:var(--accent)}.suggestion-card-listeners{font-size:.72rem;color:var(--text-muted)}.suggestion-card-bio{font-size:.72rem;color:var(--text-muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:.15rem}.suggestion-card-link{display:inline-block;font-size:.72rem;font-weight:500;color:var(--accent);margin-top:.3rem}.suggestion-card-link:hover{text-decoration:underline}.section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.75rem}.people-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.person-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.875rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.person-card--expanded{flex-direction:column;align-items:stretch}.person-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.person-card-info{display:flex;align-items:baseline;gap:.6rem;flex:1;min-width:0}.person-handle{font-weight:600;font-size:.9375rem;color:var(--text);white-space:nowrap}.person-name{font-size:.8125rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-interests{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.person-interest-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.person-interest-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);min-width:3.5rem}.sources-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.source-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.875rem 1rem;display:flex;align-items:center;gap:.75rem}.source-info{flex:1;min-width:0}.source-name{font-weight:600;font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-meta{font-size:.8125rem;color:var(--text-muted);margin-top:.15rem}.source-actions{display:flex;gap:.4rem;flex-shrink:0}.source-type-badge{font-size:.6875rem;padding:.15rem .5rem;border-radius:999px;background:#0ea5e91f;color:var(--accent);font-weight:500;letter-spacing:.02em;flex-shrink:0}.add-source-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.add-source-form h2{font-size:1rem;margin-bottom:1rem}.form-row{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.875rem}.form-row label{font-size:.8rem;color:var(--text-muted);font-weight:500}.form-row input,.form-row select{width:100%}.form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.guide-page{max-width:720px}.guide-sections{display:flex;flex-direction:column;gap:.75rem}.guide-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem}.guide-section h2{font-size:1rem;font-weight:600;color:var(--text);margin:0 0 .75rem}.guide-section h3{font-size:.875rem;font-weight:600;color:var(--text);margin:1rem 0 .4rem}.guide-section p{font-size:.875rem;color:var(--text-muted);line-height:1.6;margin:0 0 .6rem}.guide-section p:last-child{margin-bottom:0}.guide-section ul,.guide-section ol{font-size:.875rem;color:var(--text-muted);line-height:1.6;margin:0 0 .6rem;padding-left:1.25rem}.guide-section li{margin-bottom:.3rem}.guide-section li strong,.guide-section p strong{color:var(--text)}.guide-section p em{color:var(--text);font-style:italic}.guide-section code{font-size:.78rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;padding:.15rem .4rem;color:var(--text);word-break:break-all}.share-target-page{display:flex;flex-direction:column;align-items:center;padding:3rem 1rem;text-align:center}.share-target-page h1{font-size:1.5rem;margin-bottom:.5rem}.share-target-page p{color:var(--text-muted);margin-bottom:2rem}.share-url-box{width:100%;max-width:500px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;font-size:.875rem;color:var(--text-muted);word-break:break-all;text-align:left;margin-bottom:1.5rem}.share-results{width:100%;max-width:600px;margin-top:2rem;text-align:left}.notif-bell-wrap{position:relative;display:flex;align-items:center}.notif-bell-btn{position:relative;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:.35rem;border-radius:var(--radius-sm);color:var(--text-muted);transition:color .15s,background .15s}.notif-bell-btn:hover,.notif-bell-btn.active{color:var(--text);background:var(--bg-elevated)}.notif-bell-icon{width:20px;height:20px}.notif-badge{position:absolute;top:0;right:0;min-width:16px;height:16px;padding:0 3px;background:var(--accent);color:#fff;font-size:.625rem;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;line-height:1;pointer-events:none}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 32px #0009;z-index:200;overflow:hidden}.notif-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.notif-dropdown-title{font-size:.875rem;font-weight:600;color:var(--text)}.notif-dropdown-actions{display:flex;gap:.5rem}.notif-action-btn{background:none;border:none;cursor:pointer;font-size:.75rem;font-family:inherit;color:var(--text-muted);padding:.2rem .4rem;border-radius:4px;transition:color .15s,background .15s}.notif-action-btn:hover{color:var(--text);background:var(--bg-elevated)}.notif-action-btn--danger:hover{color:#f87171}.notif-list{max-height:400px;overflow-y:auto}.notif-empty{padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:.875rem}.notif-item{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);transition:background .15s}.notif-item:last-child{border-bottom:none}.notif-item--unread{background:#0ea5e90d}.notif-item--unread:before{content:"";flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-top:.45rem}.notif-item-body{flex:1;cursor:pointer;min-width:0}.notif-item-body:hover .notif-item-title{color:var(--accent)}.notif-item-top{display:flex;align-items:baseline;gap:.5rem;min-width:0}.notif-item-title{flex:1;display:block;font-size:.875rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}.notif-item-time{flex-shrink:0;font-size:.7rem;color:var(--text-muted);white-space:nowrap}.notif-item-sub{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-item-date{display:inline-block;margin-top:.25rem;font-size:.7rem;color:var(--accent);font-weight:600}.notif-item-dismiss{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:1rem;color:var(--text-muted);padding:0 .25rem;line-height:1;border-radius:4px;transition:color .15s,background .15s}.notif-item-dismiss:hover{color:var(--text);background:var(--bg-elevated)}@media(max-width:640px){.nav{height:auto;padding:.5rem .75rem;gap:.4rem;flex-wrap:wrap}.nav-brand{flex:1;font-size:.95rem}.nav-actions{order:2}.nav-links{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;gap:.15rem;padding-bottom:2px}.nav-links::-webkit-scrollbar{display:none}.nav-link{flex-shrink:0}.main-content{padding:1rem .75rem 4rem}.page-header h1{font-size:1.25rem}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar input,.filter-bar select,.filter-bar button{width:100%}.event-card{grid-template-columns:44px 1px 1fr;gap:0 .625rem;padding:.75rem}.event-day{font-size:1.375rem}.source-card{flex-wrap:wrap}.source-actions{width:100%;justify-content:flex-end;margin-top:.25rem}.notif-dropdown{position:fixed;top:96px;right:.75rem;left:.75rem;width:auto}.person-card,.person-card-header,.interest-add-row{flex-wrap:wrap}.interest-add-row input{min-width:0}.guide-section{padding:1rem 1.125rem}.form-actions{flex-wrap:wrap}.form-actions .btn{flex:1;justify-content:center}}