:root{--surface:#fff;--surface-sunken:#f8f9fa;--surface-page:#f5f6f8;--border-subtle:#f0f0f0;--border:#e9ecef;--border-strong:#dee2e6;--border-input:#ccc;--text:#333;--text-sub:#555;--text-muted:#6e6e6e;--text-faint:#949494;--accent:#0069d9;--accent-strong:#0056b3;--accent-border:#93c5fd;--accent-bg:#f0f7ff;--success:#28a745;--success-strong:#1e7e34;--danger:#dc3545;--danger-strong:#b02a37;--warning:#f59e0b;--badge-amber-bd:#fcd34d;--badge-amber-bg:#fef3c7;--badge-amber-fg:#92400e;--badge-emerald-bd:#6ee7b7;--badge-emerald-bg:#d1fae5;--badge-emerald-fg:#065f46;--badge-green-bd:#86efac;--badge-green-bg:#dcfce7;--badge-green-fg:#166534;--badge-indigo-bd:#a5b4fc;--badge-indigo-bg:#eef2ff;--badge-indigo-fg:#3730a3;--badge-orange-bd:#fdba74;--badge-orange-bg:#fff7ed;--badge-orange-fg:#9a3412;--badge-pink-bd:#f9a8d4;--badge-pink-bg:#fce7f3;--badge-pink-fg:#9d174d;--badge-red-bd:#fca5a5;--badge-red-bg:#fee2e2;--badge-red-fg:#991b1b;--badge-sky-bd:#7dd3fc;--badge-sky-bg:#e0f2fe;--badge-sky-fg:#0369a1;--badge-violet-bd:#c4b5fd;--badge-violet-bg:#ede9fe;--badge-violet-fg:#5b21b6;--badge-yellow-bd:#fde047;--badge-yellow-bg:#fefce8;--badge-yellow-fg:#854d0e;--solid-violet:#7c3aed;--solid-teal:#0e7490;--header-bg:#343a40}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--surface-page);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.list-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.sort-toggle-btn{background:var(--surface);border:1px solid var(--border-input);border-radius:4px;cursor:pointer;font-size:.8rem;padding:4px 10px;white-space:nowrap}.sort-toggle-btn:hover{background:var(--border-subtle)}.sort-toggle-btn--small{font-size:.75rem;padding:3px 8px}.corner-label{background-color:var(--badge-amber-bg);border:1px solid var(--badge-amber-bd);border-radius:3px;color:var(--badge-orange-fg);display:block;font-size:.72em;margin-bottom:4px;margin-left:0;padding:1px 6px;width:-webkit-fit-content;width:fit-content}.collab-label{background-color:var(--badge-sky-bg);border:1px solid var(--badge-sky-bd);border-radius:3px;color:var(--badge-sky-fg)}.collab-label,.venue-badge{display:inline-block;font-size:.72em;margin-left:8px;padding:1px 6px;vertical-align:middle}.venue-badge{background-color:var(--badge-emerald-bg);border:1px solid var(--badge-emerald-bd);border-radius:3px;color:var(--badge-emerald-fg)}.App{display:flex;flex-direction:column;min-height:100vh;text-align:center}.app-content{flex:1 1;margin:0 auto;max-width:960px;padding:20px;width:100%}.section-divider{border:0;border-top:1px solid var(--border-subtle);margin:30px 0}.login-page{background-color:var(--surface);border:1px solid var(--border-strong);border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:60px auto;max-width:400px;padding:30px}.login-page h2{color:var(--text);margin-bottom:25px;text-align:center}.login-form .form-group{margin-bottom:20px}.login-form label{color:var(--text-sub);display:block;font-weight:700;margin-bottom:8px}.login-form input[type=email],.login-form input[type=password]{border:1px solid var(--border-input);border-radius:4px;font-size:1em;padding:12px;width:100%}.login-form .login-button{background-color:var(--accent);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;padding:12px;transition:background-color .2s ease;width:100%}.login-form .login-button:hover{background-color:var(--accent-strong)}.login-form .login-button:disabled{background-color:var(--text-faint);cursor:not-allowed}.login-error{color:var(--danger);margin-bottom:12px}.login-error,.login-toggle{font-size:.9em;text-align:center}.login-toggle{color:var(--text-sub);margin-top:20px}.toggle-button{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.9em;padding:0 4px;text-decoration:underline}.toggle-button:hover{color:var(--accent-strong)}.terms-agree{color:var(--text-sub);font-size:.9em}.terms-agree label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:8px}.terms-agree input[type=checkbox]{cursor:pointer;width:auto}.terms-agree span{line-height:1.5}.login-friend-notice{background-color:var(--badge-sky-bg);border:1px solid var(--accent-border);border-radius:6px;color:var(--accent);font-size:.9em;margin-bottom:16px;padding:10px 14px;text-align:center}.forgot-description{color:var(--text-sub);font-size:.9em;line-height:1.5;margin-bottom:20px}.login-page.signup{background-color:var(--surface-page);border-color:var(--badge-green-bd)}.login-page.signup h2{color:var(--success-strong)}.login-page.signup .login-form input[type=email]:focus,.login-page.signup .login-form input[type=password]:focus{border-color:var(--badge-green-fg);outline:2px solid var(--success)}.login-page.signup .login-form .login-button{background-color:var(--badge-green-fg)}.login-page.signup .login-form .login-button:hover{background-color:var(--success-strong)}.login-page.signup .toggle-button{color:var(--badge-green-fg)}.login-page.signup .toggle-button:hover{color:var(--success-strong)}.search-result-item{background-color:var(--surface);border:1px solid var(--border-strong);border-radius:6px;box-shadow:0 2px 4px #0000000f;margin-bottom:16px;padding:18px 22px;transition:box-shadow .2s ease,transform .2s ease}.search-result-item.clickable{cursor:pointer}.search-result-item:hover{box-shadow:0 5px 12px #0000001a;transform:translateY(-2px)}.result-arrow{color:var(--text-muted);font-size:1.2em;font-weight:400}.search-result-item p{color:var(--text-sub);font-size:.95em;line-height:1.5;margin:8px 0}.search-result-item p strong{color:var(--text);display:inline-block;margin-right:5px;min-width:55px}.search-result-item .live-title strong{color:var(--text);display:block;font-size:1.2em;font-weight:700;margin-bottom:5px}.attended-badge-search{background-color:var(--badge-green-bg);border-radius:3px;color:green;display:inline-block;font-size:.9em;font-weight:700;margin-left:5px;padding:2px 5px}.search-result-item.not-attended-event{background-color:var(--surface-sunken)}.matched-song-info{background-color:var(--accent-bg);border-left:3px solid var(--accent);border-radius:0 4px 4px 0;font-size:.9em!important;margin-top:10px!important;padding:8px 10px}.matched-song-info strong{color:var(--accent-strong)}.matched-field-info{background-color:var(--badge-violet-bg);border-left:3px solid var(--solid-violet);border-radius:0 4px 4px 0;font-size:.9em!important;margin-top:10px!important;padding:8px 10px}.matched-field-info strong{color:var(--badge-violet-fg)}.last-heard-section{margin-bottom:12px}.last-heard-toggle-btn{align-items:center;background:var(--surface-page);border:1px solid var(--badge-emerald-bg);border-radius:4px;color:var(--badge-green-fg);cursor:pointer;display:flex;font-size:.85em;font-weight:700;justify-content:space-between;padding:8px 10px;width:100%}.last-heard-toggle-btn:hover{background:var(--border-subtle)}.search-results-groups{display:flex;flex-direction:column;gap:8px}.search-result-group-header{align-items:center;background:var(--surface-sunken);border:1px solid var(--border-strong);border-radius:4px;color:var(--text);cursor:pointer;display:flex;font-size:1em;font-weight:700;justify-content:space-between;padding:12px 15px;text-align:left;width:100%}.search-result-group-header:hover{background:var(--border-subtle)}.search-result-group-count{color:var(--text-muted);font-size:.85em;font-weight:400;white-space:nowrap}.search-result-group .search-results-list{margin-left:8px;margin-top:8px}.show-more-btn{background:var(--surface);border:1px solid var(--border-input);border-radius:4px;cursor:pointer;font-size:.8rem;margin-top:4px;padding:4px 12px}.show-more-btn:hover{background:var(--border-subtle)}.song-search-section h3{border-bottom:2px solid var(--success);color:var(--text);font-size:1.4em;margin-bottom:20px;margin-top:0;padding-bottom:10px}.search-form{display:flex;margin-bottom:25px}.search-input{border:1px solid var(--border-input);border-radius:4px;flex-grow:1;font-size:1em;padding:12px 15px;transition:border-color .2s ease}.search-form:has(.search-clear-btn) .search-input{border-radius:4px 0 0 4px}.search-input:focus{border-color:var(--badge-green-fg);outline:none}.search-clear-btn{background:var(--border);border:1px solid var(--border-input);border-left:none;border-radius:0 4px 4px 0;color:var(--text-sub);cursor:pointer;font-size:1.1em;padding:0 14px;transition:background-color .15s}.search-clear-btn:hover{background:var(--border-strong);color:var(--text)}.search-results-container h4{color:var(--text);font-size:1.2em;margin-bottom:15px;margin-top:20px}.search-results-list{list-style-type:none;padding:0}.no-results-message{background-color:var(--surface-sunken);border-radius:4px;color:var(--text-sub);font-style:italic;padding:15px;text-align:center}.last-heard-info{background-color:var(--border-subtle);border-left:4px solid var(--success);border-radius:4px;color:var(--text);font-weight:700;margin-top:20px;padding:10px}.filter-options{margin-bottom:20px;margin-top:10px;padding-left:5px;text-align:left}.filter-options label{align-items:center;color:var(--text);cursor:pointer;display:inline-flex;font-size:.95em}.filter-options input[type=checkbox]{cursor:pointer;margin-right:8px;transform:scale(1.1)}.attended-live-list-by-year h3{border-bottom:2px solid var(--accent);color:var(--text);font-size:1.4em;margin-bottom:20px;margin-top:0;padding-bottom:10px}.attended-live-list-by-year .empty-message{color:var(--text-muted);font-style:italic;padding:10px 0}.year-group{border:1px solid var(--border-subtle);border-radius:4px;margin-bottom:15px;overflow:hidden}.year-header{align-items:center;background-color:var(--surface-sunken);border-bottom:1px solid var(--border-strong);cursor:pointer;display:flex;justify-content:space-between;padding:12px 15px}.year-header:hover{background-color:var(--border)}.year-header h4{color:var(--accent-strong);font-size:1.15em;margin:0}.year-header-right{align-items:center;display:flex;gap:10px}.expansion-indicator{color:var(--accent);font-size:.9em;transition:transform .2s ease-in-out}.live-items-in-year{background-color:var(--surface);list-style-type:none;padding:0}.live-item-entry{align-items:flex-start;border-bottom:1px solid var(--border-subtle);display:flex;padding:12px 15px}.live-item-entry:last-child{border-bottom:none}.live-item-entry--clickable{cursor:pointer}.live-item-entry--clickable:hover{background-color:var(--surface-sunken)}.live-item-arrow{align-self:center;color:var(--border-input);font-size:1.2em;margin-left:auto}.live-item-date{color:var(--text-muted);flex-shrink:0;font-size:.9em;margin-right:15px;padding-top:2px;white-space:nowrap}.live-item-details{display:flex;flex-direction:column;flex-grow:1}.live-item-name{color:var(--text);font-size:1em;font-weight:700;margin-bottom:3px}.live-item-venue{color:var(--text-sub);font-size:.85em}.main-page-content{padding:0}.tour-category-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.tour-category-tab{background:var(--surface);border:1px solid var(--border-input);border-radius:16px;color:var(--text-sub);cursor:pointer;font-size:.85rem;padding:6px 12px;white-space:nowrap}.tour-category-tab:hover{background:var(--border-subtle)}.tour-category-tab--active{background:var(--accent);border-color:var(--accent);color:var(--surface)}.live-registration-page{background-color:var(--surface-sunken);border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:20px}.live-registration-page h2{color:var(--text);font-size:1.6em;margin-bottom:20px;text-align:center}.live-registration-page h3{border-bottom:1px solid var(--border-subtle);color:var(--text);font-size:1.3em;margin-bottom:15px;margin-top:0;padding-bottom:8px}.breadcrumbs{background-color:var(--surface);border:1px solid var(--border-strong);border-radius:4px;color:var(--text-sub);font-size:.95em;margin-bottom:25px;padding:10px}.breadcrumbs span{margin:0 3px}.breadcrumbs .clickable-crumb{color:var(--accent);cursor:pointer;text-decoration:none}.breadcrumbs .clickable-crumb:hover{text-decoration:underline}.breadcrumbs .active-crumb{color:var(--text);font-weight:700}.selection-list{background-color:var(--surface);border:1px solid var(--border);border-radius:6px;margin-bottom:20px;padding:20px}.selection-list ul{list-style-type:none;padding:0}.selection-list li{border-bottom:1px solid var(--border-subtle);color:var(--text);cursor:pointer;font-size:1.05em;padding:12px 15px;transition:background-color .2s ease}.selection-list li:last-child{border-bottom:none}.selection-list li:hover{background-color:var(--accent-bg);color:var(--accent-strong)}.venue-list .venue-items-list{list-style-type:none;padding:0}.venue-list .venue-item{border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:10px 0}.venue-list .venue-item:last-child{border-bottom:none}.venue-item-main{align-items:center;display:flex}.venue-list .event-checkbox{cursor:pointer;flex-shrink:0;margin-right:15px;transform:scale(1.3)}.venue-list .venue-details{display:flex;flex-direction:column;flex-grow:1}.venue-list .venue-details.clickable-label{cursor:pointer}.venue-list .venue-date{color:var(--text-muted);font-size:.85em;margin-bottom:2px}.venue-list .venue-name{color:var(--text);font-weight:500}.setlist-btn{background-color:var(--border-subtle);border:1px solid var(--border-input);border-radius:4px;color:var(--text);cursor:pointer;flex-shrink:0;font-size:.78em;margin-left:auto;padding:5px 10px;white-space:nowrap}.setlist-btn:hover{background-color:var(--border-strong)}.venue-list-header{align-items:flex-start;display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.venue-list-header h3{margin:0}.venue-list-btn-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.check-all-btn{background:none;border:1px dashed var(--text-faint);border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:.82em;padding:5px 14px}.check-all-btn:hover{background-color:var(--border-subtle);border-color:var(--text-faint)}.reset-pending-btn{background:none;border:1px solid var(--border-strong);border-radius:4px;color:var(--text-faint);cursor:pointer;font-size:.82em;padding:5px 12px}.reset-pending-btn:hover:not(:disabled){background-color:var(--border-subtle);border-color:var(--border-input);color:var(--text-sub)}.reset-pending-btn:disabled{cursor:default;opacity:.4}.venue-item.pending-change{background-color:var(--badge-yellow-bg);border-left:3px solid var(--warning)}.save-bar{align-items:center;background-color:var(--badge-sky-bg);border:1px solid var(--badge-sky-bg);border-radius:6px;display:flex;gap:12px;justify-content:space-between;margin-top:16px;padding:12px 16px}.save-bar-info{display:flex;flex-direction:column;gap:4px}.save-bar-hint{color:var(--badge-sky-fg);font-size:.88em}.save-bar-warning{color:var(--badge-orange-fg);font-size:.82em}.save-attendance-btn{background-color:var(--accent-strong);border:none;border-radius:4px;color:var(--surface);cursor:pointer;font-size:.95em;font-weight:700;padding:8px 28px}.save-attendance-btn:hover:not(:disabled){background-color:var(--badge-sky-fg)}.save-attendance-btn:disabled{background-color:var(--badge-sky-bd);cursor:default}.cf-badge{background-color:var(--solid-teal);border-radius:20px;color:var(--surface);font-weight:700;letter-spacing:.05em;margin-right:8px;padding:1px 7px}.capacity-limited-badge,.cf-badge{display:inline-block;font-size:.72em;vertical-align:middle}.capacity-limited-badge{background-color:var(--badge-orange-bg);border:1px solid var(--badge-orange-bd);border-radius:3px;color:var(--badge-orange-fg);margin-left:8px;padding:1px 6px}.fc-badge{background-color:var(--solid-violet);border-radius:20px;color:var(--surface);display:inline-block;font-size:.72em;font-weight:700;letter-spacing:.05em;margin-right:8px;padding:1px 7px;vertical-align:middle}.tour-item-group{background-color:var(--surface-sunken)}.tour-item-group:hover{background-color:var(--badge-violet-bg)!important;color:var(--badge-violet-fg)!important}.tour-participation-btn{background:none;border:1px dashed var(--badge-amber-bd);border-radius:4px;color:var(--badge-orange-fg);cursor:pointer;font-size:.82em;padding:5px 14px}.tour-participation-btn:hover{background-color:var(--badge-yellow-bg);border-color:var(--badge-orange-fg)}.tour-participation-btn--active{background-color:var(--badge-yellow-bg);border-color:var(--badge-orange-fg);border-style:solid;color:var(--badge-yellow-fg);font-weight:700}.fc-all-btn{border:none;border-radius:4px;color:var(--surface);cursor:pointer;font-size:.88em;font-weight:700;padding:6px 18px;transition:background-color .2s}.fc-all-btn,.fc-all-btn:hover:not(:disabled){background-color:var(--solid-violet)}.fc-all-btn:disabled{background-color:var(--badge-violet-bd);cursor:default}.venue-tour-hint{color:var(--text-faint);font-size:.75em;margin-top:1px}.venue-variant-badge{background-color:var(--badge-sky-bg);border:1px solid var(--badge-sky-bd);border-radius:3px;color:var(--badge-sky-fg)}.online-badge,.venue-variant-badge{display:inline-block;font-size:.72em;margin-left:8px;padding:1px 6px;vertical-align:middle}.online-badge{background-color:var(--surface-page);border:1px solid var(--badge-green-bd);border-radius:3px;color:var(--badge-green-fg)}.no-vocal-badge{background-color:var(--badge-red-bg);border:1px solid var(--badge-red-bd);border-radius:3px;color:var(--badge-red-fg)}.no-vocal-badge,.postponed-badge{display:inline-block;font-size:.72em;margin-left:8px;padding:1px 6px;vertical-align:middle}.postponed-badge{background-color:var(--badge-yellow-bg);border:1px solid var(--badge-yellow-bd);border-radius:3px;color:var(--badge-yellow-fg)}.appearance-cancelled-badge{background-color:var(--badge-orange-bg);border:1px solid var(--badge-orange-bd);border-radius:3px;color:var(--badge-orange-fg)}.appearance-cancelled-badge,.cancelled-badge{display:inline-block;font-size:.72em;margin-left:8px;padding:1px 6px;vertical-align:middle}.cancelled-badge{background-color:var(--badge-pink-bg);border:1px solid var(--badge-pink-bd);border-radius:3px;color:var(--badge-pink-fg)}.cancelled-event{opacity:.6}.attendance-btn-group{display:flex;flex-shrink:0;gap:4px;margin-right:10px}.att-btn{background:var(--surface-sunken);border:1px solid var(--border-input);border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:.78em;padding:4px 10px;transition:background-color .15s,border-color .15s,color .15s;white-space:nowrap}.att-btn:hover:not(:disabled){background:var(--surface-page);border-color:var(--text-faint);color:var(--text-sub)}.att-btn:disabled{cursor:default;opacity:.35}.att-btn--unregistered.att-btn--active{background:var(--surface-page);border-color:var(--text-faint);color:var(--text);font-weight:700}.att-btn--attended.att-btn--active{background:var(--badge-green-bg);border-color:var(--badge-emerald-bd);color:var(--badge-green-fg);font-weight:700}.att-btn--not-attended.att-btn--active{background:var(--badge-red-bg);border-color:var(--danger);color:var(--badge-red-fg);font-weight:700}.reason-area{padding:4px 0 2px}.reason-collapsed{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.reason-toggle-btn{background:none;border:none;color:var(--text-faint);cursor:pointer;font-size:.75em;padding:1px 4px}.reason-toggle-btn:hover{color:var(--text-muted)}.reason-form{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.reason-select{background:var(--surface);padding:3px 6px}.reason-note-input,.reason-select{border:1px solid var(--border-input);border-radius:4px;color:var(--text);font-size:.82em}.reason-note-input{flex:1 1;max-width:220px;min-width:120px;padding:3px 8px}.reason-close-btn{background:none;border:none;color:var(--text-faint);cursor:pointer;font-size:.75em;padding:1px 4px;white-space:nowrap}.reason-action-btn,.reason-close-btn:hover{color:var(--text-muted)}.reason-action-btn{background:none;border:1px solid var(--border-input);border-radius:3px;cursor:pointer;font-size:.75em;padding:2px 8px;white-space:nowrap}.reason-action-btn:hover{background-color:var(--surface-page);color:var(--text)}.reason-action-btn--delete{border-color:var(--badge-red-bd);color:var(--danger)}.reason-action-btn--delete:hover{background-color:var(--badge-red-bg)}.reason-badge{border-radius:3px;display:inline-block;font-size:.75em;padding:1px 7px;vertical-align:middle}.reason-badge--had_ticket{background-color:var(--badge-amber-bg);border:1px solid var(--badge-amber-bd);color:var(--badge-orange-fg)}.reason-badge--intended{background-color:var(--badge-violet-bg);border:1px solid var(--badge-violet-bd);color:var(--badge-violet-fg)}.reason-badge--not_intended{background-color:var(--surface-page);border:1px solid var(--border-input);color:var(--text-sub)}.venue-item.planning-event{background-color:var(--accent-bg)}.venue-list .venue-item.planning-event .venue-name{color:var(--accent)}.tour-participation-btn:disabled{border-color:var(--border-input);border-style:dashed;color:var(--text-faint);cursor:default;opacity:.4}.planning-expired-section{background-color:var(--badge-orange-bg);border:1px solid var(--badge-orange-bd);border-radius:6px;margin-bottom:20px;padding:14px 18px}.planning-expired-title{color:var(--badge-orange-fg);font-size:.92em;font-weight:700;margin:0 0 10px}.planning-expired-section ul{list-style:none;margin:0;padding:0}.planning-expired-section li{align-items:center;border-top:1px solid var(--badge-orange-bd);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:8px 0}.planning-expired-info{color:var(--text);display:flex;flex-direction:column;font-size:.88em;gap:2px}.planning-expired-btns{display:flex;flex-shrink:0;gap:8px}.planning-confirm-btn{border-radius:4px;cursor:pointer;font-size:.8em;padding:4px 12px;white-space:nowrap}.planning-confirm-btn--yes{background-color:var(--badge-green-bg);border:1px solid var(--badge-emerald-bd);color:var(--badge-green-fg);font-weight:700}.planning-confirm-btn--yes:hover{background-color:var(--badge-emerald-bg)}.planning-confirm-btn--no{background-color:var(--surface-page);border:1px solid var(--border-input);color:var(--text-sub)}.planning-confirm-btn--no:hover{background-color:var(--border)}@media (max-width:640px){.venue-item-main{flex-wrap:wrap;gap:4px}.venue-details{flex:0 0 100%;order:-1}.attendance-btn-group{margin-right:0}}.settings-page{margin:0 auto;max-width:480px}.avatar-setting{align-items:center;display:flex;gap:20px;margin-bottom:8px}.avatar-preview{flex-shrink:0}.avatar-img{border:2px solid var(--border-subtle);border-radius:50%;height:72px;object-fit:cover;width:72px}.avatar-placeholder{align-items:center;background:var(--text-muted);border-radius:50%;color:#fff;display:flex;font-size:1.8em;font-weight:700;height:72px;justify-content:center;width:72px}.avatar-actions{display:flex;flex-direction:column;gap:6px}.settings-section{padding:24px;text-align:left}.settings-section h3{margin-top:0}.settings-form .form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.settings-form input{border:1px solid var(--border-input);border-radius:4px;font-size:1rem;padding:8px 12px}.settings-button{background-color:var(--accent);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 24px}.settings-button:disabled{cursor:not-allowed;opacity:.6}.settings-button--small{font-size:.9rem;padding:6px 14px}.sort-order-bulk-btns{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.settings-button--secondary{background-color:var(--border-subtle);color:var(--text)}.settings-button--secondary:disabled{opacity:.4}.sort-order-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.sort-order-item{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:6px 0}.sort-order-item:last-child{border-bottom:none}.sort-order-label{color:var(--text);font-size:.95rem}.sort-order-item--dirty .sort-order-label{color:var(--badge-orange-fg)}.sort-order-item--dirty .sort-order-label:after{content:" *"}.sort-order-save-bar{display:flex;justify-content:flex-end;margin-top:14px}.settings-message{color:var(--badge-green-fg);margin-bottom:12px}.settings-description{color:var(--text-sub);font-size:.9em;margin-bottom:16px}.danger-zone{border:1px solid var(--danger);margin-top:32px}.danger-zone h3{color:var(--danger-strong)}.danger-description{color:var(--text-sub);margin-bottom:16px}.delete-error{color:var(--danger-strong);margin-bottom:12px}.delete-button{background-color:var(--danger-strong);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 24px}.delete-button:disabled{cursor:not-allowed;opacity:.6}.settings-install-btn{background:var(--surface);border:2px solid var(--accent);border-radius:24px;color:var(--accent);cursor:pointer;font-size:.95em;font-weight:700;padding:10px 24px}.settings-install-btn:hover{background:var(--accent-bg)}.songs-page{background-color:var(--surface-sunken);border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:20px}.songs-page h2{color:var(--text);font-size:1.6em;margin-bottom:20px;text-align:center}.songs-toggle{border:1px solid var(--border-strong);border-radius:6px;display:flex;margin-bottom:20px;overflow:hidden}.toggle-tab{background-color:var(--surface);border:none;color:var(--text-sub);cursor:pointer;flex:1 1;font-size:.95em;padding:10px;transition:background-color .2s}.toggle-tab:not(:last-child){border-right:1px solid var(--border-strong)}.toggle-tab.active{background-color:var(--accent);color:var(--surface);font-weight:700}.toggle-tab:not(.active):hover{background-color:var(--border-subtle)}.songs-search-wrap{display:flex;margin-bottom:16px}.songs-search{border:1px solid var(--border-strong);border-radius:6px;box-sizing:border-box;flex-grow:1;font-size:1em;outline:none;padding:10px 14px}.songs-search-wrap:has(.songs-search-clear) .songs-search{border-radius:6px 0 0 6px}.songs-search:focus{border-color:var(--accent)}.songs-search-clear{background:var(--border);border:1px solid var(--border-strong);border-left:none;border-radius:0 6px 6px 0;color:var(--text-sub);cursor:pointer;font-size:1.1em;padding:0 14px;transition:background-color .15s}.songs-search-clear:hover{background:var(--border-strong);color:var(--text)}.songs-list{background-color:var(--surface);border:1px solid var(--border);border-radius:6px;list-style:none;margin:0;padding:0}.songs-list li{align-items:center;border-bottom:1px solid var(--border-subtle);color:var(--text);display:flex;font-size:1em;padding:9px 16px}.songs-list li:last-child{border-bottom:none}.song-title{flex:1 1}.song-detail-btn{background-color:var(--border-subtle);border:1px solid var(--border-input);border-radius:4px;color:var(--text);cursor:pointer;flex-shrink:0;font-size:.75em;margin-left:8px;padding:4px 10px}.song-detail-btn:hover{background-color:var(--border-strong)}.songs-empty{color:var(--text-faint);margin-top:40px;text-align:center}.collab-section{margin-top:24px}.collab-toggle-btn{background:none;border:1px dashed var(--border-input);border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:.88em;padding:8px 16px;text-align:left;width:100%}.collab-toggle-btn:hover{background-color:var(--border-subtle);border-color:var(--text-faint)}.collab-songs-list{margin-top:8px}.main-list-toggle-btn{background:none;border:1px solid var(--border-strong);border-radius:4px;color:var(--text-sub);cursor:pointer;font-size:.88em;margin-bottom:4px;padding:7px 16px;text-align:left;width:100%}.main-list-toggle-btn:hover{background-color:var(--border-subtle);border-color:var(--border-input)}.ambiguous-section{border:1px solid var(--badge-amber-bd);border-radius:6px;margin-top:24px;overflow:hidden}.ambiguous-toggle-btn{background-color:var(--badge-yellow-bg);border:none;color:var(--badge-orange-fg);cursor:pointer;font-size:.88em;font-weight:500;padding:9px 16px;text-align:left;width:100%}.ambiguous-toggle-btn:hover{background-color:var(--badge-amber-bg)}.ambiguous-songs-list{background-color:var(--badge-yellow-bg);margin:0}.ambiguous-songs-list li{border-bottom-color:var(--badge-amber-bg)!important}.song-detail-view{background-color:var(--surface-sunken);border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:20px}.song-detail-nav-btn{background:none;border:1px solid var(--accent-strong);border-radius:4px;color:var(--accent-strong);cursor:pointer;display:block;font-size:.88em;margin-bottom:16px;padding:8px 20px;width:-webkit-fit-content;width:fit-content}.song-detail-nav-btn:hover{background-color:var(--badge-sky-bg)}.song-detail-nav-btn--bottom{margin-bottom:0;margin-top:16px}.song-detail-medley-context{color:var(--text-faint);font-size:.8em;margin:3px 0 0;text-align:left}.song-detail-medley-current{color:var(--text);font-weight:700}.song-detail-medley-sep{color:var(--border-input);margin:0 1px}.song-detail-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:16px}.song-detail-title{color:var(--text);font-size:1.2em;font-weight:700;margin:0;text-align:left}.song-detail-sort-btn{background:var(--surface);border:1px solid var(--border-input);border-radius:4px;color:var(--text-sub);cursor:pointer;flex-shrink:0;font-size:.8em;padding:4px 10px;white-space:nowrap}.song-detail-sort-btn:hover{background:var(--border-subtle)}.song-detail-lives-list{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.song-detail-tour-group{border-bottom:1px solid var(--border-subtle)}.song-detail-tour-group:last-child{border-bottom:none}.song-detail-tour-name{background-color:var(--surface-sunken);border-bottom:1px solid var(--border-subtle);color:var(--text-sub);font-size:.82em;font-weight:700;margin:0;padding:10px 16px 8px;text-align:left}.song-detail-tour-group ul{list-style:none;margin:0;padding:0}.song-detail-live-item{align-items:center;border-bottom:1px solid var(--border-subtle);cursor:pointer;display:flex;font-size:.9em;gap:10px;padding:9px 16px;transition:background-color .15s}.song-detail-live-main{flex:1 1;min-width:0}.song-detail-live-row{align-items:center;display:flex;gap:10px}.song-detail-live-item:last-child{border-bottom:none}.song-detail-live-item:hover{background-color:var(--accent-bg)}.song-detail-live-date{color:var(--text-muted);flex-shrink:0;font-size:.85em}.song-detail-live-venue{color:var(--text);flex:1 1;min-width:0;text-align:left}.song-detail-attended-badge{border-radius:3px;flex-shrink:0;font-size:.78em;font-weight:700;padding:2px 7px}.song-detail-live-item.attended .song-detail-attended-badge{background-color:var(--badge-emerald-bg);color:var(--badge-emerald-fg)}.song-detail-live-item.not-attended .song-detail-attended-badge{background-color:var(--border-subtle);color:var(--text-muted)}.song-detail-live-arrow{color:var(--accent-border);flex-shrink:0;font-size:1.2em;line-height:1}.admin-page{background-color:var(--surface-sunken);border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:20px}.admin-page h2{color:var(--text);font-size:1.6em;margin-bottom:20px;text-align:center}.admin-section-tabs{display:flex;gap:8px;margin-bottom:20px}.admin-section-tab{background:var(--surface);border:1px solid var(--border-strong);border-radius:20px;color:var(--text-sub);cursor:pointer;font-size:.92em;padding:8px 22px;transition:background-color .15s}.admin-section-tab:hover:not(.active){background-color:var(--border-subtle)}.admin-section-tab.active{background-color:var(--text-sub);border-color:var(--text-sub);color:var(--surface);font-weight:700}.test-settings-panel{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:20px 24px}.test-settings-panel h3{border-bottom:1px solid var(--border-subtle);color:var(--text);font-size:1.1em;margin:0 0 16px;padding-bottom:8px}.test-setting-row{display:flex;flex-direction:column;gap:8px}.test-setting-label{color:var(--text);font-size:.92em;font-weight:700}.test-setting-desc{color:var(--text-muted);font-size:.82em;margin:0}.test-setting-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.test-date-input{border:1px solid var(--border-input);border-radius:4px;font-size:.9em;padding:6px 10px}.test-save-btn{background-color:var(--accent-strong);border:none;border-radius:4px;color:var(--surface);cursor:pointer;font-size:.88em;font-weight:700;padding:6px 18px}.test-save-btn:hover:not(:disabled){background-color:var(--badge-sky-fg)}.test-save-btn:disabled{background-color:var(--badge-sky-bd);cursor:default}.friend-mgmt-selects{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.friend-mgmt-select{border:1px solid var(--border-input);border-radius:4px;flex:1 1;font-size:.9em;min-width:180px;padding:6px 10px}.friend-mgmt-message{color:var(--text-sub);font-size:.9em;margin:8px 0}.friend-mgmt-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:8px 0 0;padding:0}.friend-mgmt-item{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;font-size:.88em;gap:12px;justify-content:space-between;padding:6px 0}.friend-mgmt-remove{background:none;border:1px solid var(--danger);border-radius:4px;color:var(--danger);cursor:pointer;flex-shrink:0;font-size:.82em;padding:3px 10px}.friend-mgmt-remove:hover{background:var(--badge-red-bg)}.test-clear-btn{background:none;border:1px solid var(--border-input);border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:.88em;padding:6px 14px}.test-clear-btn:hover:not(:disabled){background-color:var(--surface-page)}.test-clear-btn:disabled{cursor:default;opacity:.4}.test-setting-status{font-size:.82em;margin:0}.test-status--active{color:var(--badge-orange-fg);font-weight:700}.test-status--inactive{color:var(--text-faint)}.admin-tabs{border:1px solid var(--border-strong);border-radius:6px;display:flex;margin-bottom:24px;overflow:hidden}.admin-tab{background-color:var(--surface);border:none;color:var(--text-sub);cursor:pointer;flex:1 1;font-size:.9em;padding:10px;transition:background-color .2s}.admin-tab:not(:last-child){border-right:1px solid var(--border-strong)}.admin-tab.active{background-color:var(--text-sub);color:var(--surface);font-weight:700}.admin-tab:not(.active):hover{background-color:var(--border-subtle)}.admin-content{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:24px}.admin-form{gap:20px}.admin-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:var(--text-sub);font-size:.88em;font-weight:700}.form-group input,.form-group select{border:1px solid var(--border-input);border-radius:4px;box-sizing:border-box;font-size:1em;outline:none;padding:9px 12px}.form-group input:focus,.form-group select:focus{border-color:var(--text-sub)}.live-entries-header{grid-gap:6px;color:var(--text-faint);display:grid;font-size:.78em;gap:6px;grid-template-columns:140px 1fr 1fr 1fr 28px;padding:0 2px}.live-entries{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.live-entry{grid-gap:6px;align-items:center;display:grid;gap:6px;grid-template-columns:140px 1fr 1fr 1fr 28px}.live-entry input,.live-entry select{border:1px solid var(--border-input);border-radius:4px;box-sizing:border-box;font-size:.95em;outline:none;padding:8px 10px;width:100%}.live-entry input:focus,.live-entry select:focus{border-color:var(--text-sub)}.song-entries{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.song-entry{align-items:center;display:flex;gap:8px}.song-order{color:var(--text-faint);flex-shrink:0;font-size:.85em;text-align:right;width:24px}.play-order-input{flex-shrink:0;width:70px!important}.song-entry input[type=text]{border:1px solid var(--border-input);border-radius:4px;box-sizing:border-box;flex:1 1;font-size:.95em;outline:none;padding:8px 10px}.song-entry input[type=text]:focus{border-color:var(--text-sub)}.remove-btn{background:none;border:1px solid var(--border-input);border-radius:4px;color:var(--text-faint);cursor:pointer;flex-shrink:0;font-size:.8em;height:28px;padding:0;width:28px}.remove-btn:hover:not(:disabled){background-color:var(--badge-red-bg);border-color:var(--danger);color:var(--badge-red-fg)}.remove-btn:disabled{cursor:default;opacity:.3}.add-entry-btn{align-self:flex-start;background:none;border:1px dashed var(--text-faint);border-radius:4px;color:var(--text-sub);cursor:pointer;font-size:.88em;padding:6px 14px}.add-entry-btn:hover{background-color:var(--border-subtle)}.admin-submit-btn{align-self:flex-end;background-color:var(--text-sub);border:none;border-radius:4px;color:var(--surface);cursor:pointer;font-size:1em;padding:10px 32px}.admin-submit-btn:hover:not(:disabled){background-color:var(--header-bg)}.admin-submit-btn:disabled{background-color:var(--text-faint);cursor:default}.venue-master{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.venue-add-section h3,.venue-list-section h3{border-bottom:1px solid var(--border-subtle);color:var(--text);font-size:1em;margin:0 0 12px;padding-bottom:8px}.venue-group{margin-bottom:12px}.venue-pref-label{color:var(--text-faint);font-size:.8em;font-weight:700;margin:0 0 4px}.venue-group ul{list-style:none;margin:0;padding:0}.venue-group li{align-items:center;border-bottom:1px solid var(--border-subtle);color:var(--text);display:flex;font-size:.95em;gap:6px;padding:5px 0}.current-lives-list{display:flex;flex-direction:column;gap:3px}.current-live-item{grid-gap:12px;align-items:center;background:var(--surface-sunken);border:1px solid var(--border);border-radius:4px;cursor:pointer;display:grid;font-size:.93em;gap:12px;grid-template-columns:120px 1fr auto;padding:7px 12px;transition:background-color .15s,border-color .15s}.current-live-item:hover{background-color:var(--accent-bg);border-color:var(--accent-border)}.current-live-item.editing{background-color:var(--accent-bg);border-color:var(--accent);font-weight:700}.admin-live-item-date{color:var(--text-sub)}.admin-live-item-venue{color:var(--text)}.live-item-pref{color:var(--text-faint);font-size:.82em;text-align:right}.form-actions{display:flex;gap:10px;justify-content:flex-end}.cancel-btn{background:none;border:1px solid var(--text-faint);border-radius:4px;color:var(--text-sub);cursor:pointer;font-size:1em;padding:10px 20px}.cancel-btn:hover{background-color:var(--border-subtle)}.current-setlist{background-color:var(--surface-sunken);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.9em;line-height:1.8;margin:0;padding:10px 10px 10px 32px}.current-setlist-item{border-radius:3px;cursor:pointer;padding:1px 4px;transition:background-color .15s}.current-setlist-item:hover{background-color:var(--border);color:var(--text)}.field-hint{color:var(--text-faint);font-size:.78em;font-weight:400;margin-left:6px}.setlist-notice{background-color:var(--badge-yellow-bg);border:1px solid var(--badge-amber-bd);border-radius:4px;color:var(--badge-orange-fg);font-size:.85em;margin:0 0 8px;padding:8px 12px}.variable-setlist,.variable-setlist-row{display:flex;flex-direction:column;gap:4px}.variable-setlist-item{align-items:center;background:var(--surface-sunken);border:1px solid var(--border);border-radius:4px;color:var(--text);cursor:pointer;display:flex;font-size:.93em;gap:10px;padding:7px 10px;transition:background-color .15s,border-color .15s;-webkit-user-select:none;user-select:none}.variable-setlist-item:hover{background-color:var(--accent-bg);border-color:var(--accent-border)}.variable-setlist-item.has-override{background-color:var(--accent-bg);border-color:var(--accent);color:var(--text)}.variable-base-title{flex:1 1}.variable-badge-sm{background-color:var(--badge-indigo-bd);border-radius:10px;color:var(--badge-indigo-fg);flex-shrink:0;font-size:.75em;padding:1px 7px}.variable-preview-row{align-items:center;border-bottom:1px solid var(--border-subtle);color:var(--text);display:flex;font-size:.93em;gap:10px;padding:5px 10px}.variable-arrow{color:var(--text-faint);flex-shrink:0;font-size:.85em}.variable-candidates-preview{background-color:var(--badge-amber-bg);border-radius:10px;color:var(--badge-orange-fg);font-size:.9em;padding:1px 8px}.variable-override-input{padding-left:36px}.variable-override-input input{background:var(--surface);border:1px solid var(--accent-border);border-radius:4px;box-sizing:border-box;font-size:.93em;outline:none;padding:7px 10px;width:100%}.variable-override-input input:focus{border-color:var(--accent)}.venue-city-tag{background-color:var(--border);border-radius:3px;color:var(--text-sub);font-size:.78em;padding:1px 6px}.schema-viewer{border-radius:0 0 6px 6px;border-top:1px solid var(--border);display:grid;grid-template-columns:200px 1fr;margin:-24px;min-height:400px;overflow:hidden}.schema-table-list{background:var(--surface-sunken);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.schema-table-item{align-items:center;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text);cursor:pointer;display:flex;font-family:monospace;font-size:.82em;gap:8px;justify-content:space-between;padding:9px 12px;text-align:left;transition:background-color .15s}.schema-table-item-inner{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow:hidden}.schema-table-item:hover{background-color:var(--border-subtle)}.schema-table-item.active{background-color:var(--text-sub);color:var(--surface)}.schema-table-item.active .schema-col-count{background-color:#fff3;color:var(--surface)}.schema-table-desc,.schema-table-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schema-table-desc{color:var(--text-muted);font-family:sans-serif;font-size:.75em}.schema-table-item.active .schema-table-desc{color:#fff9}.schema-col-count{background-color:var(--border-strong);border-radius:10px;color:var(--text-sub);flex-shrink:0;font-family:sans-serif;font-size:.8em;padding:1px 6px}.schema-detail{overflow:auto;padding:20px}.schema-detail-header{align-items:flex-start;border-bottom:2px solid var(--text-sub);display:flex;gap:12px;justify-content:space-between;margin-bottom:14px;padding-bottom:12px}.schema-table-heading{color:var(--text);font-family:monospace;font-size:1.1em;font-weight:700;margin:0}.schema-table-desc-detail{color:var(--text-faint);font-size:.85em;margin:4px 0 0}.schema-view-toggle{border:1px solid var(--border-strong);border-radius:4px;display:flex;flex-shrink:0;overflow:hidden}.schema-view-toggle button{background:var(--surface);border:none;color:var(--text-sub);cursor:pointer;font-size:.85em;padding:5px 14px;transition:background-color .15s}.schema-view-toggle button:not(:last-child){border-right:1px solid var(--border-strong)}.schema-view-toggle button.active{background-color:var(--text-sub);color:var(--surface);font-weight:700}.schema-view-toggle button:not(.active):hover{background-color:var(--border-subtle)}.schema-column-table{border-collapse:collapse;font-size:.88em;width:100%}.schema-column-table th{background-color:var(--surface-sunken);border-bottom:2px solid var(--border-strong);color:var(--text-sub);font-weight:700;padding:7px 10px;text-align:left;white-space:nowrap}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-header:hover{background-color:var(--border-subtle)}.sort-indicator{color:var(--text-sub);font-size:.8em}.schema-column-table td{border-bottom:1px solid var(--border-subtle);padding:7px 10px;vertical-align:middle}.schema-column-table tr:hover td{background-color:var(--surface-sunken)}.schema-column-table tr.row-fk td{background-color:var(--badge-yellow-bg)}.schema-column-table tr.row-fk:hover td{background-color:var(--badge-amber-bg)}.col-pos{color:var(--text-faint);font-size:.85em;width:30px}.col-name{color:var(--text);font-weight:700}.col-name,.col-type{font-family:monospace}.col-type{color:var(--solid-violet)}.col-nullable{color:var(--text-sub);text-align:center}.col-default{color:var(--text-faint)}.col-default,.col-fk{font-family:monospace;font-size:.85em}.col-fk{color:var(--accent)}.schema-data-view{overflow:hidden}.schema-data-meta{color:var(--text-faint);font-size:.82em;margin:0 0 10px}.schema-data-scroll{overflow-x:auto}.schema-data-table td{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-cell{color:var(--text);font-size:.85em}.null-val{color:var(--border-input);font-size:.9em;font-style:italic}.editable-cell{border-radius:3px;cursor:text;display:block;min-height:20px;min-width:80px;padding:2px 4px;transition:background-color .15s}.editable-cell:hover{background-color:var(--accent-bg);outline:1px dashed var(--accent-border)}.editable-hint{color:var(--border-input);font-size:.85em;font-style:italic}.schema-data-meta-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.schema-data-meta-row .schema-data-meta{margin:0}.schema-pagination{align-items:center;border-top:1px solid var(--border);display:flex;gap:16px;justify-content:center;margin-top:12px;padding-top:12px}.schema-pagination--top{border-top:none;gap:8px;margin-top:0;padding-top:0}.page-btn{background:var(--surface);border:1px solid var(--border-strong);border-radius:4px;color:var(--text-sub);cursor:pointer;font-size:.85em;padding:5px 14px;transition:background-color .15s}.page-btn:hover:not(:disabled){background-color:var(--border-subtle)}.page-btn:disabled{cursor:default;opacity:.4}.page-info{color:var(--text-muted);text-align:center}.cell-edit-input,.page-info{font-size:.85em;min-width:120px}.cell-edit-input{background:var(--surface);border:1px solid var(--accent);border-radius:3px;box-sizing:border-box;font-family:inherit;outline:none;padding:2px 6px;width:100%}.schema-state{color:var(--text-faint);padding:40px;text-align:center}.schema-error{color:var(--danger)}.announcements-panel{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.announcements-form-wrap h3,.announcements-list-wrap h3{border-bottom:1px solid var(--border-subtle);color:var(--text);font-size:1em;margin:0 0 12px;padding-bottom:8px}.announcements-textarea{border:1px solid var(--border-input);border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:.95em;outline:none;padding:9px 12px;resize:vertical;width:100%}.announcements-textarea:focus{border-color:var(--text-sub)}.announcements-list{display:flex;flex-direction:column;gap:10px}.announcement-item{background:var(--surface-sunken);border:1px solid var(--border);border-radius:6px;padding:10px 12px}.announcement-item.hidden{opacity:.5}.announcement-item-header{align-items:baseline;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px}.announcement-item-title{color:var(--text);font-size:.92em;font-weight:700}.announcement-item-meta{color:var(--text-faint);flex-shrink:0;font-size:.78em}.announcement-item-body{color:var(--text-sub);font-size:.85em;margin:0 0 8px;white-space:pre-line}.announcement-item-actions{display:flex;gap:6px}@media (max-width:640px){.announcements-panel{grid-template-columns:1fr}}.notif-send-form{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.notif-send-textarea{resize:vertical}.user-mgmt-loading{color:var(--text-faint);font-size:.9em;margin:8px 0}.user-mgmt-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.user-mgmt-item{align-items:center;background:var(--surface-sunken);border:1px solid var(--border);border-radius:6px;display:flex;gap:12px;justify-content:space-between;padding:8px 10px}.user-mgmt-info{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:8px;min-width:0}.user-mgmt-name{color:var(--text);font-size:.9em;font-weight:700}.user-mgmt-email{color:var(--text-faint);font-size:.82em}.user-mgmt-code{color:var(--text-faint);font-family:monospace;font-size:.78em}.user-status-badge{border-radius:10px;flex-shrink:0;font-size:.72em;font-weight:700;padding:2px 8px}.user-status--active{background:var(--badge-green-bg);color:var(--badge-green-fg)}.user-status--banned{background:var(--badge-red-bg);color:var(--badge-red-fg)}.user-status--deleted{background:var(--surface-page);color:var(--text-sub)}.user-status--unverified{background:var(--badge-amber-bg);color:var(--badge-orange-fg)}.user-mgmt-actions{display:flex;flex-shrink:0;gap:6px}.user-action-btn{border:1px solid;border-radius:4px;cursor:pointer;font-size:.82em;font-weight:700;padding:4px 12px}.user-action--ban{background:none;border-color:var(--badge-orange-fg);color:var(--badge-orange-fg)}.user-action--ban:hover{background:var(--badge-orange-bg)}.user-action--unban{background:none;border-color:var(--text-muted);color:var(--text)}.user-action--unban:hover{background:var(--surface-page)}.user-action--delete{background:none;border-color:var(--danger);color:var(--danger)}.user-action--delete:hover{background:var(--badge-red-bg)}.user-action--restore{background:none;border-color:var(--badge-green-fg);color:var(--success-strong)}.user-action--restore:hover{background:var(--border-subtle)}@media (max-width:640px){.admin-page{padding:12px}.admin-tabs{flex-wrap:wrap}.admin-tab{border-bottom:1px solid var(--border-strong);border-right:none!important;flex:0 0 50%}.admin-tab:nth-child(odd){border-right:1px solid var(--border-strong)!important}.admin-content{padding:16px 12px}.live-entries-header{display:none}.live-entry{background:var(--surface-sunken);border:1px solid var(--border);border-radius:6px;grid-template-columns:1fr 1fr 32px;grid-template-rows:auto auto auto;padding:10px}.live-entry>:first-child{grid-column:1/2;grid-row:1}.live-entry>:nth-child(5){grid-column:3;grid-row:1}.live-entry>:nth-child(2){grid-column:1;grid-row:2}.live-entry>:nth-child(3){grid-column:2;grid-row:2}.live-entry>:nth-child(4){grid-column:1/4;grid-row:3}.venue-master{grid-template-columns:1fr}.current-live-item{grid-template-columns:1fr auto;grid-template-rows:auto auto}.admin-live-item-date{grid-column:1;grid-row:1}.live-item-pref{grid-column:2;grid-row:1;text-align:right}.admin-live-item-venue{color:var(--text-sub);font-size:.88em;grid-column:1/3;grid-row:2}.form-actions{flex-direction:column-reverse;gap:8px}.form-actions .admin-submit-btn,.form-actions .cancel-btn{text-align:center;width:100%}.song-entry input[type=number].play-order-input{width:60px!important}.schema-viewer{grid-template-columns:1fr;grid-template-rows:auto 1fr}.schema-table-list{border-bottom:1px solid var(--border);border-right:none;flex-direction:row;flex-wrap:wrap;overflow-x:auto;overflow-y:visible}.schema-table-item{border-bottom:none;border-right:1px solid var(--border);flex-shrink:0}}.live-detail-page{background-color:var(--surface-sunken);border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:20px}.live-detail-nav-btn{background:none;border:1px solid var(--accent-strong);border-radius:4px;color:var(--accent-strong);cursor:pointer;display:block;font-size:.88em;margin-bottom:16px;padding:8px 20px;width:-webkit-fit-content;width:fit-content}.live-detail-nav-btn:hover{background-color:var(--badge-sky-bg)}.live-detail-nav-btn--bottom{margin-bottom:0;margin-top:16px}.live-detail-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:20px;padding:20px 24px}.live-detail-header{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.live-detail-date{color:var(--text-muted);font-size:.88em;margin:0}.live-detail-venue{color:var(--text);font-size:1.2em;font-weight:700;margin:0}.live-detail-tour{color:var(--text-sub);font-size:.92em;margin:0}.live-detail-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.badge{border:1px solid;border-radius:3px;display:inline-block;font-size:.72em;padding:2px 8px}.badge-online{background:var(--surface-page);border-color:var(--badge-green-bd);color:var(--badge-green-fg)}.badge-no-vocal{background:var(--badge-red-bg);border-color:var(--badge-red-bd);color:var(--badge-red-fg)}.badge-capacity{background:var(--badge-orange-bg);border-color:var(--badge-orange-bd);color:var(--badge-orange-fg)}.badge-postponed{background:var(--badge-yellow-bg);border-color:var(--badge-yellow-bd);color:var(--badge-yellow-fg)}.badge-appearance-cancelled{background:var(--badge-orange-bg);border-color:var(--badge-orange-bd);color:var(--badge-orange-fg)}.badge-cancelled{background:var(--badge-pink-bg);border-color:var(--badge-pink-bd);color:var(--badge-pink-fg)}.live-detail-attendance-row{display:flex;flex-direction:column;gap:8px}.live-detail-att-btn-group{display:flex;gap:4px}.live-detail-att-btn{background:var(--surface-sunken);border:1px solid var(--border-input);border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:.82em;padding:4px 14px;transition:background-color .15s,border-color .15s,color .15s;white-space:nowrap}.live-detail-att-btn:hover:not(:disabled){background:var(--surface-page);border-color:var(--text-faint);color:var(--text-sub)}.live-detail-att-btn:disabled{cursor:default;opacity:.35}.live-detail-att-btn--unregistered.active{background:var(--surface-page);border-color:var(--text-faint);color:var(--text);font-weight:700}.live-detail-att-btn--attended.active{background:var(--badge-green-bg);border-color:var(--badge-emerald-bd);color:var(--badge-green-fg);font-weight:700}.live-detail-att-btn--not-attended.active{background:var(--badge-red-bg);border-color:var(--danger);color:var(--badge-red-fg);font-weight:700}.live-detail-reason-select{align-self:flex-start;background:var(--surface);border:1px solid var(--border-input);border-radius:4px;color:var(--text);font-size:.82em;padding:4px 8px}.live-detail-save-bar{align-items:center;display:flex;gap:8px}.live-detail-save-btn{background:var(--accent-strong);border:1px solid var(--accent-strong);border-radius:4px;color:var(--surface);cursor:pointer;font-size:.85em;padding:5px 20px}.live-detail-save-btn:hover:not(:disabled){background:var(--badge-sky-fg);border-color:var(--badge-sky-fg)}.live-detail-save-btn:disabled{cursor:default;opacity:.5}.live-detail-reset-btn{background:var(--surface);border:1px solid var(--border-input);border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:.85em;padding:5px 14px}.live-detail-reset-btn:hover:not(:disabled){background:var(--surface-page)}.live-detail-reset-btn:disabled{cursor:default;opacity:.5}.live-detail-note{color:var(--text-muted);font-size:.82em}.live-detail-friends-section{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:20px;overflow:hidden}.live-detail-friends-header{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:8px;padding:12px 16px;text-align:left;width:100%}.live-detail-friends-header:hover{background:var(--surface-sunken)}.live-detail-friends-label{color:var(--text-sub);flex:1 1;font-size:.9em;font-weight:700}.live-detail-friends-count{color:var(--text-faint);font-size:.82em}.live-detail-friends-chevron{color:var(--text-faint);font-size:.7em}.live-detail-friends-body{display:flex;flex-direction:column;gap:8px;padding:4px 16px 14px}.live-detail-avatar-stack{align-items:center;cursor:pointer;display:flex;width:-webkit-fit-content;width:fit-content}.live-detail-avatar-img,.live-detail-avatar-placeholder{border:2px solid var(--surface);border-radius:50%;flex-shrink:0;height:36px;width:36px}.live-detail-avatar-img{object-fit:cover}.live-detail-avatar-placeholder{align-items:center;background:var(--text-muted);color:#fff;display:flex;font-size:.9em;font-weight:700;justify-content:center}.live-detail-avatar-img+.live-detail-avatar-img,.live-detail-avatar-img+.live-detail-avatar-placeholder,.live-detail-avatar-placeholder+.live-detail-avatar-img,.live-detail-avatar-placeholder+.live-detail-avatar-placeholder{margin-left:-10px}.live-detail-friends-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.live-detail-friends-modal{background:var(--surface);border-radius:12px;display:flex;flex-direction:column;gap:12px;max-height:70vh;padding:20px;width:280px}.live-detail-friends-modal-header{align-items:center;color:var(--text);display:flex;font-size:.95em;font-weight:700;justify-content:space-between}.live-detail-friends-modal-close{background:none;border:none;color:var(--text-faint);cursor:pointer;font-size:1em;padding:0 4px}.live-detail-friends-modal-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;overflow-y:auto;padding:0}.live-detail-friends-modal-item{align-items:center;display:flex;gap:12px}.live-detail-friends-modal-name{color:var(--text);font-size:.9em}.live-detail-setlist-section{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px 24px}.live-detail-setlist-section h3{border-bottom:1px solid var(--border-subtle);color:var(--text);font-size:1.05em;margin:0 0 14px;padding-bottom:8px}.live-detail-setlist{list-style:none;margin:0;padding-left:0}.live-detail-setlist li{align-items:flex-start;border-bottom:1px solid var(--border-subtle);color:var(--text);display:flex;font-size:.95em;gap:10px;line-height:1.5;padding:6px 0}.live-detail-setlist li:last-child{border-bottom:none}.setlist-number{color:var(--text-faint);flex-shrink:0;font-size:.78em;min-width:2.8em;padding-top:2px;text-align:right}.setlist-content{flex:1 1;text-align:left}.live-detail-setlist li.setlist-row--clickable{cursor:pointer;transition:background-color .15s}.live-detail-setlist li.setlist-row--clickable:hover{background-color:var(--accent-bg)}.live-detail-empty{color:var(--text-faint);font-size:.9em;margin:0}.variable-badge{background-color:var(--accent-bg);border:1px solid var(--badge-indigo-bd);border-radius:3px;color:var(--badge-indigo-fg);display:inline-block;font-size:.72em;margin-left:8px;padding:1px 6px;vertical-align:middle}.setlist-medley-part{cursor:pointer;display:block;padding:1px 0;transition:background-color .15s}.setlist-medley-part:hover{background-color:var(--accent-bg)}.medley-sep{color:var(--text-faint);margin-right:2px;-webkit-user-select:none;user-select:none}@media (max-width:640px){.live-detail-page{padding:14px}.live-detail-card,.live-detail-setlist-section{padding:14px 16px}}.prefecture-map-page{margin:0 auto;max-width:1000px;padding:20px}.prefecture-map-page h2{color:var(--text);margin-bottom:20px;text-align:center}.scroll-region{min-height:100vh;position:relative}.scroll-region:last-child{min-height:0}.scroll-region-sticky{max-height:calc(100vh - 24px);overflow-y:auto;padding-bottom:16px;position:-webkit-sticky;position:sticky;top:12px}.map-layout{align-items:flex-start;display:flex;gap:24px}.map-left{flex:0 0 55%}.map-right{flex:1 1;min-width:0}.map-container{position:relative}.japan-map{display:block;height:auto;width:100%}.prefecture-unvisited-highlight{fill:var(--warning);stroke:var(--surface);stroke-width:.5;cursor:pointer;transition:fill .15s}.prefecture-unvisited-highlight:hover{fill:var(--warning)}.prefecture-visited-muted{fill:var(--badge-emerald-bg);stroke:var(--surface);stroke-width:.5;cursor:pointer;transition:fill .15s}.prefecture-visited-muted:hover{fill:var(--badge-green-bd)}.prefecture-visited{fill:var(--success);stroke:var(--surface);stroke-width:.5;cursor:pointer;transition:fill .15s}.prefecture-visited:hover{fill:var(--success-strong)}.prefecture-unvisited{fill:var(--border-strong);stroke:var(--surface);stroke-width:.5;cursor:pointer;transition:fill .15s}.prefecture-unvisited:hover{fill:var(--border-input)}.prefecture-selected{fill:var(--accent);stroke:var(--surface);stroke-width:.5;cursor:pointer;transition:fill .15s}.prefecture-selected:hover{fill:var(--accent)}.map-tooltip{background:#000000bf;border-radius:4px;color:var(--surface);font-size:.85em;padding:4px 10px;pointer-events:none;position:fixed;transform:translate(12px,-28px);white-space:nowrap;z-index:1000}.map-filter-row{align-items:center;margin-bottom:12px}.map-filter-row,.map-filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.clear-selection-btn{background:var(--surface);border:1px solid var(--text-faint);border-radius:20px;color:var(--text-sub);cursor:pointer;font-size:.85em;padding:6px 14px;transition:all .2s}.clear-selection-btn:hover{background:var(--border);border-color:var(--text-muted)}.map-filter-tab{background:var(--surface);border:1px solid var(--border-input);border-radius:20px;cursor:pointer;font-size:.9em;padding:6px 16px;transition:all .2s}.map-filter-tab.active{background:var(--success-strong);border-color:var(--badge-green-fg);color:var(--surface)}.map-filter-tab.unvisited.active{background:var(--warning);border-color:var(--badge-orange-fg)}.map-filter-tab:hover:not(.active){background:var(--border-subtle)}.visit-count{color:var(--text-sub);font-size:1.1em;margin-bottom:16px}.visit-count strong{color:var(--badge-green-fg);font-size:1.4em}.visit-count .unvisited-count{color:var(--badge-orange-fg)}.map-right-placeholder{display:flex;flex-direction:column;gap:16px}.placeholder-hint{color:var(--text-muted);font-size:.85em;line-height:1.6}.prefecture-lives-panel{background:var(--accent-bg);border:1px solid var(--accent-bg);border-radius:8px;padding:16px}.prefecture-lives-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.prefecture-lives-header h3{color:var(--accent);font-size:1.1em;margin:0}.close-panel-btn{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:1.1em;min-height:32px;min-width:32px;padding:4px 8px}.close-panel-btn:hover{background:var(--accent-bg)}.no-lives-message{color:var(--text-muted);font-size:.9em}.prefecture-lives-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.prefecture-live-item{align-items:center;background:var(--surface);border:1px solid var(--accent-bg);border-radius:6px;display:flex;gap:10px;padding:8px 12px}.prefecture-live-item.attended{border-left:4px solid var(--success)}.prefecture-live-item.not-attended{border-left:4px solid var(--border-input)}.prefecture-live-item.clickable{cursor:pointer;transition:background-color .15s}.prefecture-live-item.clickable:hover{background-color:var(--accent-bg)}.pref-live-date{color:var(--text-muted);font-size:.82em;min-width:76px;white-space:nowrap}.pref-live-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.pref-live-name{color:var(--text);font-size:.9em;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pref-live-venue{color:var(--text-sub);font-size:.8em}.pref-live-badge{border-radius:20px;font-size:.75em;font-weight:600;padding:2px 8px;white-space:nowrap}.badge-attended{background:var(--badge-emerald-bg);color:var(--badge-emerald-fg)}.badge-not-attended{background:var(--border-subtle);color:var(--text-sub)}.asia-map-section{margin:16px 0}.asia-map-section h3{color:var(--text);font-size:1em;margin-bottom:10px}.asia-map-layout{align-items:flex-start;display:flex;gap:16px}.asia-map-left{flex:0 0 55%}.asia-map-right{flex:1 1;min-width:0}.asia-map-right>ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.asia-map{display:block;height:auto;width:100%}.other-groups-section{margin:16px 0}.online-section{margin:24px 0 16px}.online-section h3{color:var(--text);font-size:1em;margin-bottom:10px}.online-section-layout{align-items:flex-start;display:flex;gap:16px}.online-section-spacer{flex:0 0 55%}.online-section-right{flex:1 1;min-width:0}.online-section-right>ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.other-groups-section h3{color:var(--text);font-size:1em;margin-bottom:10px}.other-groups-layout{align-items:flex-start;display:flex;gap:16px}.world-map-bg{aspect-ratio:1010/666;background-image:url(/static/media/world-map-bg.3900215e92350ba97fb2.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;flex:0 0 55%}.world-map-right{flex:1 1;min-width:0}.world-map-right>ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.asia-country-inactive{fill:var(--border-subtle);stroke:var(--surface);stroke-width:.5}.asia-country-marker{stroke:var(--text-muted);stroke-width:.4}.asia-map-placeholder{aspect-ratio:227/195;background:var(--surface-page);border-radius:4px;width:100%}.visited-prefecture-list h3{color:var(--text);font-size:1em;margin-bottom:10px}.visited-prefecture-list ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0}.visited-pref-tag{background:var(--border-subtle);border:1px solid var(--badge-green-bd);border-radius:4px;color:var(--success-strong);cursor:pointer;font-size:.88em;padding:4px 10px;transition:background .15s}.visited-pref-tag:hover{background:var(--badge-emerald-bg)}.visited-pref-tag.unvisited-tag{background:var(--badge-orange-bg);border-color:var(--badge-orange-bd);color:var(--badge-orange-fg)}.visited-pref-tag.unvisited-tag:hover{background:var(--badge-orange-bd)}.visited-pref-tag.other-pref-tag{background:var(--border-subtle);border-color:var(--border-input);color:var(--text-sub)}.visited-pref-tag.other-pref-tag:hover{background:var(--border-strong)}.visited-pref-tag.other-pref-tag.unvisited-tag{background:var(--badge-orange-bg);border-color:var(--badge-amber-bd);color:var(--badge-yellow-fg)}.visited-pref-tag.other-pref-tag.unvisited-tag:hover{background:var(--badge-amber-bg)}@media (max-width:700px){.map-layout{flex-direction:column}.map-left{flex:none;width:100%}.asia-map-layout{flex-direction:column}.asia-map-left{flex:none;width:100%}.other-groups-layout{flex-direction:column}.world-map-bg{flex:none;width:100%}.online-section-spacer{display:none}.visit-count{text-align:center}.prefecture-lives-panel{padding:12px}.prefecture-live-item{flex-wrap:wrap;gap:4px 8px;padding:8px 10px}.pref-live-date{flex:1 1;min-width:0;min-width:auto}.pref-live-info{flex:none;order:3;width:100%}.pref-live-name{white-space:normal}.close-panel-btn{min-height:36px;min-width:36px}.map-tooltip{display:none}}.app-header{background-color:var(--header-bg);color:var(--surface);padding:8px 16px;position:relative;z-index:100}.app-header-inner{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin:0 auto;max-width:1200px}.app-title{color:var(--surface);flex-shrink:0;font-size:1em;font-weight:700;margin:0}.app-title--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.app-title--clickable:hover{opacity:.85}.header-nav{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:4px;justify-content:flex-end}.header-nav--mobile{display:none}.user-greeting{color:var(--text-faint);font-size:.82em;margin-right:4px}.nav-button{background-color:var(--text-sub);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.82em;padding:6px 10px;transition:background-color .2s ease;white-space:nowrap}.nav-button:hover:not(:disabled){background-color:var(--text-muted)}.nav-button.active{background-color:var(--accent);cursor:default}.nav-button:disabled{cursor:default;opacity:.7}.logout-button{background-color:var(--danger);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.82em;padding:6px 10px;transition:background-color .2s ease;white-space:nowrap}.logout-button:hover{background-color:var(--danger-strong)}.hamburger-btn{background:none;border:none;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;gap:5px;height:32px;justify-content:center;padding:4px;transition:background-color .15s;width:32px}.hamburger-btn:hover{background-color:#ffffff26}.hamburger-btn span{background:var(--surface);border-radius:2px;display:block;height:2px;transition:transform .2s,opacity .2s}.hamburger-btn.open span:first-child{transform:translateY(7px) rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0}.hamburger-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.dropdown-menu,.menu-backdrop{display:none}@media (max-width:640px){.app-title{flex:1 1;font-size:.82em}.header-nav--pc{display:none}.header-nav--mobile{align-items:center;display:flex;gap:8px}.menu-backdrop{display:block;inset:0;position:fixed;z-index:98}.dropdown-menu{background:var(--text);border-top:1px solid var(--text-sub);box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;left:0;position:absolute;right:0;top:100%;z-index:99}.dropdown-item{background:none;border:none;border-bottom:1px solid var(--header-bg);color:var(--border);cursor:pointer;font-size:.95em;padding:14px 20px;text-align:left;transition:background-color .15s}.dropdown-item:active,.dropdown-item:hover{background-color:var(--header-bg)}.dropdown-item.active{color:var(--accent-border);font-weight:700}.dropdown-item-emoji{font-size:1.1em;margin-right:10px}.dropdown-item--logout{border-bottom:none;color:var(--danger)}}.app-footer{background-color:var(--surface-sunken);border-top:1px solid var(--border-strong);color:var(--text-sub);font-size:.9em;padding:15px;text-align:center}.footer-links{margin:4px 0 0}.footer-link{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.85em;padding:0;text-decoration:underline}.footer-link:hover{color:var(--text)}.footer-separator{color:var(--text-faint);margin:0 8px}.friends-page{margin:0 auto;max-width:480px}.friends-tabs{border-bottom:2px solid var(--border-strong);display:flex;margin-bottom:16px}.friends-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-faint);cursor:pointer;flex:1 1;font-size:.95em;margin-bottom:-2px;padding:10px 0;position:relative}.friends-tab.active{border-bottom-color:var(--accent);color:var(--text);font-weight:700}.tab-badge{background:var(--danger);border-radius:10px;color:#fff;display:inline-block;font-size:.75em;font-weight:700;margin-left:4px;padding:1px 6px}.friends-tab-content{min-height:100px}.friends-section{margin-bottom:16px;padding:24px;text-align:left}.friends-section h3{margin-bottom:16px;margin-top:0}.friend-code-display{align-items:center;display:flex;gap:12px}.friend-code-text{color:var(--text);font-family:monospace;font-size:1.4em;font-weight:700;letter-spacing:.15em}.copy-button{background-color:var(--text-sub);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85em;padding:6px 16px}.copy-button:hover{background-color:var(--text-muted)}.qr-buttons{margin-top:12px}.friend-request-form,.qr-buttons{display:flex;gap:8px}.friend-code-input{border:1px solid var(--border-input);border-radius:4px;flex:1 1;font-family:monospace;font-size:1rem;letter-spacing:.1em;padding:8px 12px;text-transform:uppercase}.friends-button{background-color:var(--accent);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85em;padding:6px 16px;white-space:nowrap}.friends-button:disabled{cursor:not-allowed;opacity:.6}.friends-button-secondary{background-color:var(--text-muted)}.friends-button-danger,.friends-button-secondary{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85em;padding:6px 16px;white-space:nowrap}.friends-button-danger{background-color:var(--danger)}.friends-message{color:var(--text-sub);font-size:.9em;margin-top:12px}.friends-list{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}.friend-avatar-img{border:1px solid var(--border-subtle);border-radius:50%;flex-shrink:0;object-fit:cover}.friend-avatar-placeholder{align-items:center;background:var(--text-muted);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;justify-content:center}.friend-item{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;gap:8px;justify-content:space-between;padding:10px 0}.friend-item:last-child{border-bottom:none}.friend-info{display:flex;flex-direction:column;gap:2px}.friend-name{color:var(--text);font-weight:700}.friend-stats,.friend-status{color:var(--text-faint);font-size:.82em}.friend-actions{display:flex;flex-shrink:0;gap:6px}.friends-empty{color:var(--text-faint);font-size:.9em;margin:0}.friend-tour-group{margin-bottom:4px}.friend-tour-header{align-items:center;background:var(--border-subtle);border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9em;gap:8px;padding:10px 12px;text-align:left;width:100%}.friend-tour-header:hover{background:var(--border)}.friend-tour-year{color:var(--text-faint);font-size:.85em;white-space:nowrap}.friend-tour-name{color:var(--text);flex:1 1;font-weight:700}.friend-tour-count{color:var(--text-faint);font-size:.82em;white-space:nowrap}.friend-tour-chevron{color:var(--text-faint);font-size:.7em}.friend-tour-items{padding:0 4px}.upcoming-filter-bar{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.upcoming-filter-toggle{align-items:center;align-self:flex-start;background:none;border:1px solid var(--border-input);border-radius:20px;color:var(--text-muted);cursor:pointer;display:flex;font-size:.82em;gap:6px;padding:5px 14px}.upcoming-filter-toggle.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.upcoming-filter-badge{background:var(--accent);border-radius:10px;color:#fff;font-size:.75em;font-weight:700;padding:1px 6px}.upcoming-filter-chips{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.upcoming-filter-chip{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:4px;opacity:1;padding:0;transition:opacity .15s}.upcoming-filter-chip.inactive{opacity:.35}.upcoming-filter-chip-name{color:var(--text-sub);font-size:.72em;max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.past-filter-bar{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px}.past-filter-buttons{display:flex;gap:6px}.friends-list-header{display:flex;justify-content:flex-end;margin-bottom:8px}.past-filter-btn{background:none;border:1px solid var(--border-input);border-radius:4px;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:.82em;padding:6px 0}.past-filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.friend-live-item{border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:4px;padding:10px 20px 10px 0;position:relative}.friend-live-item:after{color:var(--border-input);content:"›";font-size:1.3em;line-height:1;position:absolute;right:4px;top:50%;transform:translateY(-50%)}.friend-live-item:last-child{border-bottom:none}.friend-live-item:hover{background-color:var(--surface-sunken)}.friend-live-info{align-items:baseline;display:flex;gap:8px}.friend-live-date{color:var(--text-faint);font-size:.85em;white-space:nowrap}.friend-live-name{color:var(--text);font-size:.95em;font-weight:700}.friend-live-venue{color:var(--text-faint);font-size:.85em}.friend-live-friends{color:var(--accent);font-size:.85em}.qr-modal-overlay{background:#0009;inset:0;justify-content:center;position:fixed;z-index:1000}.qr-modal,.qr-modal-overlay{align-items:center;display:flex}.qr-modal{background:#fff;border-radius:12px;flex-direction:column;gap:16px;max-width:320px;padding:28px 24px;width:90%}.qr-modal h3{color:var(--text);font-size:1em;margin:0}.qr-reader-container{min-height:280px;width:280px}.legal-page{margin:0 auto;max-width:640px;text-align:left}.legal-page h2{margin-bottom:8px}.legal-updated{color:var(--text-faint);font-size:.85em}.legal-section,.legal-updated{margin-bottom:24px}.legal-section h3{color:var(--text);font-size:1em;margin-bottom:8px}.legal-section p,.legal-section ul{color:var(--text-sub);font-size:.95em;line-height:1.7;margin:0}.legal-section ul{padding-left:1.4em}.legal-operator{color:var(--text-faint);font-size:.9em;margin-top:32px}.legal-back-button{background:none;border:1px solid var(--border-input);border-radius:4px;color:var(--text-sub);cursor:pointer;font-size:.9em;margin-bottom:24px;padding:6px 16px}.legal-back-button:hover{background-color:var(--border-subtle)}.legal-link{color:var(--text-sub);text-decoration:underline;text-underline-offset:2px}.legal-link:hover{color:var(--text)}.about-page{margin:0 auto;max-width:480px;padding:0 0 48px;text-align:center}.about-hero{align-items:center;display:flex;flex-direction:column;gap:16px;padding:48px 24px 40px}.about-title{color:var(--text);font-size:1.6em;font-weight:700;line-height:1.4;margin:0}.about-tagline{color:var(--text-muted);font-size:.95em;margin:0}.about-btn-primary{background:var(--accent);border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:12px 32px}.about-btn-primary:hover{background:var(--accent-strong)}.about-features{gap:2px;padding:0 16px}.about-feature,.about-features{display:flex;flex-direction:column}.about-feature{background:var(--surface);border:1px solid var(--border-subtle);border-radius:12px;gap:8px;padding:24px 20px;text-align:left}.about-feature-icon{font-size:1.6em}.about-feature h2{color:var(--text);font-size:1em;margin:0}.about-feature p{color:var(--text-muted);font-size:.88em;line-height:1.6;margin:0}.about-footer{align-items:center;display:flex;flex-direction:column;gap:20px;padding:40px 24px 0}.about-legal-links{align-items:center;display:flex;gap:8px}.about-legal-link{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.82em;padding:0;text-decoration:underline;text-underline-offset:2px}.about-legal-link:hover{color:var(--text-sub)}.about-legal-sep{color:var(--border-input);font-size:.82em}.about-copyright{color:var(--border-input);font-size:.78em;margin:0}.about-btn-install{background:var(--surface);border:2px solid var(--accent);border-radius:24px;color:var(--accent);cursor:pointer;font-size:1em;font-weight:700;padding:12px 32px}.about-btn-install:hover{background:var(--accent-bg)}.about-install-ios{color:var(--text-faint);font-size:.84em;line-height:1.6;margin:0;max-width:300px}.about-install-ios-icon{display:inline-block;font-size:1em}.network-toast{border-radius:8px;box-shadow:0 4px 12px #00000026;font-size:.9em;font-weight:700;left:50%;max-width:calc(100vw - 32px);padding:12px 20px;pointer-events:none;position:fixed;text-align:center;transform:translateX(-50%);white-space:pre-line;width:-webkit-max-content;width:max-content;z-index:9999}.network-toast--top{animation:slideDown .3s ease;top:64px}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.network-toast--offline{background:var(--text);color:var(--surface)}.network-toast--online{background:var(--success-strong);color:var(--surface)}.network-toast--saved{background:var(--accent);color:var(--surface)}.home-page{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:680px;padding:16px}.home-section{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px}.home-section-title{border-bottom:1px solid var(--border-subtle);color:var(--text-muted);font-size:.78em;font-weight:700;letter-spacing:.06em;margin:0 0 12px;padding-bottom:8px;text-transform:uppercase}.home-notif-list{display:flex;flex-direction:column;gap:8px}.home-notif-item{align-items:center;background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:6px;display:flex;gap:10px;padding:10px 12px}.home-notif-item.read{background:var(--surface-sunken);border-color:var(--border)}.home-notif-message{color:var(--accent);flex:1 1;font-size:.92em}.home-notif-item.read .home-notif-message{color:var(--text-muted)}.home-notif-dismiss{background:none;border:1px solid var(--accent-border);border-radius:50%;color:var(--accent-border);cursor:pointer;flex-shrink:0;font-size:.85em;height:22px;line-height:1;padding:0;width:22px}.home-notif-item.read .home-notif-dismiss{border-color:var(--border-input);color:var(--border-input)}.home-notif-dismiss:hover{background:var(--accent-bg)}.home-announcement-list{display:flex;flex-direction:column;gap:10px}.home-announcement-card{background:var(--surface-sunken);border-left:3px solid var(--text-sub);border-radius:6px;padding:10px 12px}.home-announcement-header{align-items:baseline;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px}.home-announcement-title{color:var(--text);font-size:.95em;font-weight:700}.home-announcement-date{color:var(--text-faint);flex-shrink:0;font-size:.78em}.home-announcement-body{color:var(--text-sub);font-size:.88em;line-height:1.6;margin:0;white-space:pre-line}.home-empty{color:var(--border-input);font-size:.9em;padding:24px 0 8px;text-align:center}.home-nav-grid{display:none}@media (max-width:640px){.home-nav-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.home-nav-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:18px 8px;transition:background-color .15s,border-color .15s}.home-nav-btn:active,.home-nav-btn:hover{background:var(--accent-bg);border-color:var(--accent-border)}.home-nav-emoji{font-size:1.7em}.home-nav-label{color:var(--text);font-size:.78em;font-weight:700}}.account-page{margin:0 auto;max-width:600px;padding:20px}.account-page h2{color:var(--text);font-size:1.6em;margin-bottom:20px;text-align:center}.account-section{margin-bottom:16px;padding:16px 20px}.account-section-label{color:var(--text-muted);font-size:.78em;letter-spacing:.04em;margin:0 0 12px}.account-profile-card{align-items:center;display:flex;gap:16px}.account-avatar{flex-shrink:0}.account-avatar-img{border-radius:50%;height:72px;object-fit:cover;width:72px}.account-avatar-placeholder{align-items:center;background:var(--text-muted);border-radius:50%;color:var(--surface);display:flex;font-size:30px;font-weight:700;height:72px;justify-content:center;width:72px}.account-profile-info{display:flex;flex-direction:column;gap:4px}.account-display-name{color:var(--text);font-size:1.2em;font-weight:700}.account-friend-code{color:var(--text-faint);font-size:.82em}.account-stats{color:var(--text-sub);font-size:.88em;margin-top:2px}.account-info-row{align-items:baseline;border-bottom:1px solid var(--border-subtle);display:flex;gap:12px;padding:8px 0}.account-info-row:last-child{border-bottom:none}.account-info-key{color:var(--text-faint);flex-shrink:0;font-size:.82em;min-width:110px}.account-info-value{color:var(--text);font-size:.95em;word-break:break-all}.account-friend-code-value{font-family:monospace;font-size:1em;letter-spacing:.1em}.fc-tours-page{padding:16px}.fc-tours-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.fc-tours-header .fc-tours-title{margin-bottom:0}.fc-tours-back-btn{background:none;border:1px solid var(--accent-strong);border-radius:6px;color:var(--accent-strong);cursor:pointer;display:block;font-size:.9em;margin-bottom:16px;padding:6px 14px;width:-webkit-fit-content;width:fit-content}.fc-tours-back-btn:hover{background-color:var(--badge-sky-bg)}.fc-tours-title{color:var(--text);font-size:1.3em;font-weight:700;margin-bottom:16px}.fc-tours-list{list-style:none;margin:0;padding:0}.fc-tours-item{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);border-radius:6px;box-shadow:0 1px 3px #0000000f;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:6px;padding:14px 16px}.fc-tours-item:hover{background-color:var(--badge-sky-bg)}.fc-tours-item-name{color:var(--text);font-size:1em;font-weight:500}.fc-tours-item-meta{align-items:center;color:var(--text-muted);display:flex;flex-shrink:0;font-size:.82em;gap:8px}.fc-tours-empty{color:var(--text-faint);margin-top:40px;text-align:center}.public-setlist-page{background-color:var(--surface-sunken);margin:0 auto;max-width:640px;padding:20px}.public-setlist-loading{color:var(--text-muted);margin-top:100px;text-align:center}.public-setlist-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;gap:4px;margin-bottom:20px;padding:20px 24px}.public-setlist-app-label{color:var(--text-muted);font-size:.78em;margin:0 0 8px}.public-setlist-date{color:var(--text-muted);font-size:.88em;margin:0}.public-setlist-venue{color:var(--text);font-size:1.2em;font-weight:700;margin:0}.public-setlist-tour{color:var(--text-sub);font-size:.92em;margin:0}.public-setlist-draft-badge{align-self:flex-start;background:var(--badge-amber-bg);border-radius:12px;color:var(--badge-amber-fg);font-size:.75em;margin-top:8px;padding:3px 10px}.public-setlist-other-lives{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-top:20px;padding:16px 20px}.public-setlist-other-lives-title{color:var(--text-sub);font-size:.85em;font-weight:700;margin:0 0 10px}.public-setlist-other-lives ul{list-style:none;margin:0;padding:0}.public-setlist-other-lives li{border-top:1px solid var(--border-subtle);padding:6px 0}.public-setlist-other-lives li:first-child{border-top:none}.public-setlist-other-lives a{color:var(--accent-strong);font-size:.9em;text-decoration:none}.public-setlist-other-lives a:hover{text-decoration:underline}.quick-setlist-page{background-color:var(--surface-sunken);border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:20px}.quick-setlist-empty{color:var(--text-muted)}.quick-setlist-live-picker{list-style:none;margin:0;padding:0}.quick-setlist-live-picker li{background:var(--surface);border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:2px;margin-bottom:8px;padding:12px 15px}.quick-setlist-live-picker li:hover{background:var(--badge-sky-bg)}.quick-setlist-picker-date{color:var(--text-muted);font-size:.82em}.quick-setlist-picker-name{font-weight:700}.quick-setlist-picker-venue{color:var(--text-sub);font-size:.85em}.quick-setlist-change-live-btn{background:none;border:1px solid var(--accent-strong);border-radius:4px;color:var(--accent-strong);cursor:pointer;font-size:.85em;margin-bottom:12px;padding:6px 14px}.quick-setlist-live-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;padding:16px 20px}.quick-setlist-live-date{color:var(--text-muted);font-size:.85em;margin:0}.quick-setlist-live-venue{font-size:1.05em;font-weight:700;margin:0}.quick-setlist-live-name{color:var(--text-sub);font-size:.9em;margin:0}.quick-setlist-entry-list{list-style:none;margin:0 0 12px;padding:0}.quick-setlist-entry-list li{align-items:center;background:var(--surface);border:1px solid var(--border-subtle);border-radius:4px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px;padding:8px 10px}.quick-setlist-entry--medley{border-left:3px solid var(--accent)}.quick-setlist-entry-number{color:var(--text-muted);font-size:.8em;min-width:20px}.quick-setlist-entry-title{flex-grow:1;font-weight:700}.quick-setlist-entry-encore{background:var(--badge-violet-bd);border-radius:3px;color:var(--badge-violet-fg);font-size:.72em;padding:2px 6px}.quick-setlist-entry-unmatched{background:var(--badge-red-bg);border-radius:3px;color:var(--badge-red-fg);font-size:.72em;padding:2px 6px}.quick-setlist-entry-actions{display:flex;gap:4px}.quick-setlist-flag-btn{background:var(--surface);border:1px solid var(--border-input);border-radius:4px;cursor:pointer;font-size:.75em;padding:3px 8px}.quick-setlist-flag-btn.active{background:var(--accent);border-color:var(--accent);color:var(--surface)}.quick-setlist-delete-btn{background:var(--surface);border:1px solid var(--border-input);border-radius:4px;color:var(--danger-strong);cursor:pointer;font-size:.8em;padding:3px 8px}.quick-setlist-encore-bar{align-items:center;display:flex;gap:10px;margin-bottom:10px}.quick-setlist-encore-phase{background:var(--border);border-radius:12px;color:var(--text-sub);font-size:.85em;font-weight:700;padding:4px 10px}.quick-setlist-encore-phase--1,.quick-setlist-encore-phase--2{background:var(--badge-violet-fg);color:var(--surface)}.quick-setlist-encore-btn{background:var(--surface);border:1px solid var(--badge-violet-fg);border-radius:4px;color:var(--badge-violet-fg);cursor:pointer;font-size:.82em;padding:5px 12px}.quick-setlist-encore-undo-btn{background:var(--surface);border:1px solid var(--border-input);border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:.78em;padding:5px 10px}.quick-setlist-suggestion{align-items:center;background:var(--badge-amber-bg);border-radius:4px;display:flex;font-size:.88em;gap:10px;margin-bottom:10px;padding:8px 12px}.quick-setlist-suggestion button{background:var(--surface);border:1px solid var(--badge-amber-fg);border-radius:4px;color:var(--badge-amber-fg);cursor:pointer;padding:4px 10px;white-space:nowrap}.quick-setlist-input-form{display:flex;gap:8px}.quick-setlist-autocomplete{flex-grow:1;position:relative}.quick-setlist-autocomplete input{border:1px solid var(--border-input);border-radius:4px;box-sizing:border-box;font-size:1em;padding:8px 10px;width:100%}.quick-setlist-suggest-list{background:var(--surface);border:1px solid var(--border-input);border-radius:4px;box-shadow:0 4px 10px #0000001a;left:0;list-style:none;margin:4px 0 0;max-height:260px;overflow-y:auto;padding:4px;position:absolute;right:0;top:100%;z-index:10}.quick-setlist-suggest-list li{align-items:baseline;border-radius:4px;cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:6px 8px}.quick-setlist-suggest-list li.active,.quick-setlist-suggest-list li:hover{background:var(--badge-sky-bg)}.quick-setlist-suggest-title{font-weight:700}.quick-setlist-suggest-reading{color:var(--text-faint);font-size:.78em;white-space:nowrap}.quick-setlist-input-form button{background:var(--accent);border:none;border-radius:4px;color:var(--surface);cursor:pointer;padding:8px 16px}.quick-setlist-clear-btn{background:var(--surface)!important;border:1px solid var(--border-input)!important;color:var(--text-muted)!important}.quick-setlist-clear-btn:disabled{cursor:default;opacity:.5}.quick-setlist-share-link{color:var(--accent-strong);display:inline-block;margin-top:16px}.quick-setlist-manage-views{align-items:baseline;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.78em;gap:8px;margin-top:4px}.quick-setlist-manage-views-total{color:var(--text-sub);font-weight:700}.quick-setlist-manage-actions{align-items:center;display:flex;gap:10px;margin-top:4px}.quick-setlist-manage-actions .quick-setlist-share-link{margin-top:0}.quick-setlist-manage-delete-btn{background:var(--surface);border:1px solid var(--danger);border-radius:4px;color:var(--danger);cursor:pointer;font-size:.8em;padding:4px 10px}.quick-setlist-manage-delete-btn:hover{background:var(--danger);color:var(--surface)}