@import"https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=DM+Sans:wght@400;500;600&display=swap";:root{--bg: #faf6ed;--bg-card: #ffffff;--bg-elevated: #f0e9d8;--border: #ddd3bc;--accent: #1a5cf5;--accent-dim: rgba(26, 92, 245, .1);--text: #100f0c;--text-muted: #6c6250;--text-dim: #a8998a;--tag-artist: #7c22ce;--tag-genre: #0e5fa3;--tag-city: #166534;--tag-venue: #a16207;--radius: 10px;--radius-sm: 6px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;min-height:100dvh;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Syne,sans-serif}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)}.nav{position:sticky;top:0;z-index:100;background:#faf6eded;-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-family:Syne,sans-serif;font-weight:700;font-size:1.1rem;color:var(--accent);white-space:nowrap}.nav-links{display:flex;gap:.25rem;flex:1}.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,.nav-link.active{color:var(--text);background:var(--bg-elevated)}.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:.5;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:var(--text-muted)}.btn-danger{color:#dc2626;border:1px solid rgba(220,38,38,.3)}.btn-danger:hover:not(:disabled){background:#dc262614}.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-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem 0;z-index:100;box-shadow:0 8px 24px #0006;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-card)}.interest-filter-item input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.event-list{display:flex;flex-direction:column;gap:.75rem}.event-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.125rem;display:grid;grid-template-columns:56px 1fr;gap:.75rem 1rem;transition:border-color .15s}.event-card:hover{border-color:#b8b2a8}.event-card.interest-match{border-left:3px solid var(--accent)}.event-card.interest-match:hover{border-color:var(--accent)}.event-date-col{display:flex;flex-direction:column;align-items:center;padding-top:2px;min-width:0}.event-month{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.event-day{font-family:Syne,sans-serif;font-size:1.75rem;font-weight:700;line-height:1;color:var(--text)}.event-dow{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.event-body{min-width:0}.event-artist{font-family:Syne,sans-serif;font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.2rem}.event-meta{font-size:.8rem;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:.3rem .75rem;margin-bottom:.5rem}.event-meta span{display:flex;align-items:center;gap:.25rem}.event-tags{display:flex;flex-wrap:wrap;gap:.35rem}.tag{font-size:.7rem;font-weight:500;padding:.15rem .5rem;border-radius:999px;letter-spacing:.02em}.tag-genre{background:#0369a11a;color:#0369a1}.tag-source{background:#0000000d;color:var(--text-dim)}.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(--text-muted);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(--border);background:var(--bg-elevated);color:var(--text)}.interest-chip.artist{border-color:var(--tag-artist);color:var(--tag-artist)}.interest-chip.genre{border-color:var(--tag-genre);color:var(--tag-genre)}.interest-chip.city{border-color:var(--tag-city);color:var(--tag-city)}.interest-chip.venue{border-color:var(--tag-venue);color:var(--tag-venue)}.chip-remove{font-size:1rem;line-height:1;color:var(--text-dim);padding:0}.chip-remove:hover{color:#dc2626}.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 #0000002e;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-family:Syne,sans-serif;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(--text-muted);margin-bottom:.75rem}.people-list{display:flex;flex-direction:column;gap:.75rem;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:.9rem;color:var(--text);white-space:nowrap}.person-name{font-size:.85rem;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:.75rem;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:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-meta{font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.source-actions{display:flex;gap:.4rem;flex-shrink:0}.source-type-badge{font-size:.65rem;padding:.15rem .45rem;border-radius:4px;background:var(--bg-elevated);color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;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:10px;padding:1.25rem 1.5rem}.guide-section h2{font-family:Space Grotesk,sans-serif;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:6px;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 #00000080;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;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:#e05555}.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:#f04e230f}.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-title{display:block;font-size:.875rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}.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}.notif-bell-wrap{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 1fr;gap:.5rem .75rem;padding:.75rem .875rem}.event-day{font-size:1.5rem}.source-card{flex-wrap:wrap}.source-actions{width:100%;justify-content:flex-end;margin-top:.25rem}.notif-dropdown{width:calc(100vw - 1.5rem);right:-.75rem}.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}}