body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f7f6;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}.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 #eee;margin:30px 0}.login-page{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:60px auto;max-width:400px;padding:30px}.login-page h2{color:#333;margin-bottom:25px;text-align:center}.login-form .form-group{margin-bottom:20px}.login-form label{color:#555;display:block;font-weight:700;margin-bottom:8px}.login-form input[type=email],.login-form input[type=password]{border:1px solid #ccc;border-radius:4px;font-size:1em;padding:12px;width:100%}.login-form .login-button{background-color:#007bff;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:#0056b3}.login-form .login-button:disabled{background-color:#aaa;cursor:not-allowed}.login-error{color:#d9534f;margin-bottom:12px}.login-error,.login-toggle{font-size:.9em;text-align:center}.login-toggle{color:#555;margin-top:20px}.toggle-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:.9em;padding:0 4px;text-decoration:underline}.toggle-button:hover{color:#0056b3}.terms-agree{color:#555;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:#e8f4fd;border:1px solid #b3d7f5;border-radius:6px;color:#1565c0;font-size:.9em;margin-bottom:16px;padding:10px 14px;text-align:center}.forgot-description{color:#555;font-size:.9em;line-height:1.5;margin-bottom:20px}.login-page.signup{background-color:#f0faf4;border-color:#a8d5b5}.login-page.signup h2{color:#1a7a3f}.login-page.signup .login-form input[type=email]:focus,.login-page.signup .login-form input[type=password]:focus{border-color:#28a745;outline:2px solid #28a745}.login-page.signup .login-form .login-button{background-color:#28a745}.login-page.signup .login-form .login-button:hover{background-color:#1e7e34}.login-page.signup .toggle-button{color:#28a745}.login-page.signup .toggle-button:hover{color:#1e7e34}.search-result-item{background-color:#fff;border:1px solid #dee2e6;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:#999;font-size:1.2em;font-weight:400}.search-result-item p{color:#495057;font-size:.95em;line-height:1.5;margin:8px 0}.search-result-item p strong{color:#212529;display:inline-block;margin-right:5px;min-width:55px}.search-result-item .live-title strong{color:#333;display:block;font-size:1.2em;font-weight:700;margin-bottom:5px}.attended-badge-search{background-color:#e6f7e9;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:#f8f9fa}.matched-song-info{background-color:#e9f5ff;border-left:3px solid #007bff;border-radius:0 4px 4px 0;font-size:.9em!important;margin-top:10px!important;padding:8px 10px}.matched-song-info strong{color:#0056b3}.matched-field-info{background-color:#f3f0ff;border-left:3px solid #6f42c1;border-radius:0 4px 4px 0;font-size:.9em!important;margin-top:10px!important;padding:8px 10px}.matched-field-info strong{color:#4b2b8a}.last-heard-section{margin-bottom:12px}.last-heard-toggle-btn{align-items:center;background:#f4faf6;border:1px solid #cde9d8;border-radius:4px;color:#28a745;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:#e9f5ee}.search-results-groups{display:flex;flex-direction:column;gap:8px}.search-result-group-header{align-items:center;background:#fafafa;border:1px solid #ddd;border-radius:4px;color:#333;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:#f0f0f0}.search-result-group-count{color:#777;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:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.8rem;margin-top:4px;padding:4px 12px}.show-more-btn:hover{background:#f0f0f0}.song-search-section h3{border-bottom:2px solid #28a745;color:#333;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 #ccc;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:#28a745;outline:none}.search-clear-btn{background:#e9ecef;border:1px solid #ccc;border-left:none;border-radius:0 4px 4px 0;color:#888;cursor:pointer;font-size:1.1em;padding:0 14px;transition:background-color .15s}.search-clear-btn:hover{background:#dee2e6;color:#333}.search-button{background-color:#28a745;border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:12px 20px;transition:background-color .2s ease}.search-button:hover{background-color:#218838}.search-results-container h4{color:#444;font-size:1.2em;margin-bottom:15px;margin-top:20px}.search-results-list{list-style-type:none;padding:0}.no-results-message{background-color:#f9f9f9;border-radius:4px;color:#777;font-style:italic;padding:15px;text-align:center}.last-heard-info{background-color:#e9f5ee;border-left:4px solid #28a745;border-radius:4px;color:#333;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:#333;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 #007bff;color:#333;font-size:1.4em;margin-bottom:20px;margin-top:0;padding-bottom:10px}.attended-live-list-by-year .empty-message{color:#6c757d;font-style:italic;padding:10px 0}.year-group{border:1px solid #f0f0f0;border-radius:4px;margin-bottom:15px;overflow:hidden}.year-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;justify-content:space-between;padding:12px 15px}.year-header:hover{background-color:#e9ecef}.year-header h4{color:#0056b3;font-size:1.15em;margin:0}.year-header-right{align-items:center;display:flex;gap:10px}.sort-toggle-btn--small{font-size:.75rem;padding:3px 8px}.expansion-indicator{color:#007bff;font-size:.9em;transition:transform .2s ease-in-out}.live-items-in-year{background-color:#fff;list-style-type:none;padding:0}.live-item-entry{align-items:flex-start;border-bottom:1px solid #f0f0f0;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:#f9f9f9}.live-item-arrow{align-self:center;color:#bbb;font-size:1.2em;margin-left:auto}.live-item-date{color:#666;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:#333;font-size:1em;font-weight:700;margin-bottom:3px}.live-item-venue{color:#555;font-size:.85em}.main-page-content{padding:0}.list-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.sort-toggle-btn{background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.8rem;padding:4px 10px;white-space:nowrap}.sort-toggle-btn:hover{background:#f0f0f0}.tour-category-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.tour-category-tab{background:#fff;border:1px solid #ccc;border-radius:16px;color:#555;cursor:pointer;font-size:.85rem;padding:6px 12px;white-space:nowrap}.tour-category-tab:hover{background:#f0f0f0}.tour-category-tab--active{background:#007bff;border-color:#007bff;color:#fff}.live-registration-page{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:20px}.live-registration-page h2{color:#333;font-size:1.6em;margin-bottom:20px;text-align:center}.live-registration-page h3{border-bottom:1px solid #eee;color:#444;font-size:1.3em;margin-bottom:15px;margin-top:0;padding-bottom:8px}.breadcrumbs{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#555;font-size:.95em;margin-bottom:25px;padding:10px}.breadcrumbs span{margin:0 3px}.breadcrumbs .clickable-crumb{color:#007bff;cursor:pointer;text-decoration:none}.breadcrumbs .clickable-crumb:hover{text-decoration:underline}.breadcrumbs .active-crumb{color:#333;font-weight:700}.selection-list{background-color:#fff;border:1px solid #e9ecef;border-radius:6px;margin-bottom:20px;padding:20px}.selection-list ul{list-style-type:none;padding:0}.selection-list li{border-bottom:1px solid #f0f0f0;color:#333;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:#e9f5ff;color:#0056b3}.venue-list .venue-items-list{list-style-type:none;padding:0}.venue-list .venue-item{border-bottom:1px solid #f0f0f0;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:#777;font-size:.85em;margin-bottom:2px}.venue-list .venue-name{color:#333;font-weight:500}.setlist-btn{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;color:#444;cursor:pointer;flex-shrink:0;font-size:.78em;margin-left:auto;padding:5px 10px;white-space:nowrap}.setlist-btn:hover{background-color:#e0e0e0}.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 #aaa;border-radius:4px;color:#666;cursor:pointer;font-size:.82em;padding:5px 14px}.check-all-btn:hover{background-color:#f5f5f5;border-color:#888}.reset-pending-btn{background:none;border:1px solid #ddd;border-radius:4px;color:#888;cursor:pointer;font-size:.82em;padding:5px 12px}.reset-pending-btn:hover:not(:disabled){background-color:#f5f5f5;border-color:#bbb;color:#555}.reset-pending-btn:disabled{cursor:default;opacity:.4}.venue-item.pending-change{background-color:#fffbeb;border-left:3px solid #f59e0b}.save-bar{align-items:center;background-color:#f0f9ff;border:1px solid #bae6fd;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:#0369a1;font-size:.88em}.save-bar-warning{color:#b45309;font-size:.82em}.save-attendance-btn{background-color:#0284c7;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.95em;font-weight:700;padding:8px 28px}.save-attendance-btn:hover:not(:disabled){background-color:#0369a1}.save-attendance-btn:disabled{background-color:#7dd3fc;cursor:default}.cf-badge{background-color:#0e7490;border-radius:20px;color:#fff;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:#fff7ed;border:1px solid #fdba74;border-radius:3px;color:#9a3412;margin-left:8px;padding:1px 6px}.fc-badge{background-color:#7c3aed;border-radius:20px;color:#fff;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:#faf5ff}.tour-item-group:hover{background-color:#ede9fe!important;color:#5b21b6!important}.tour-participation-btn{background:none;border:1px dashed #fcd34d;border-radius:4px;color:#92400e;cursor:pointer;font-size:.82em;padding:5px 14px}.tour-participation-btn:hover{background-color:#fffbeb;border-color:#f59e0b}.tour-participation-btn--active{background-color:#fffbeb;border-color:#f59e0b;border-style:solid;color:#78350f;font-weight:700}.fc-all-btn{background-color:#7c3aed;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.88em;font-weight:700;padding:6px 18px;transition:background-color .2s}.fc-all-btn:hover:not(:disabled){background-color:#6d28d9}.fc-all-btn:disabled{background-color:#c4b5fd;cursor:default}.venue-tour-hint{color:#888;font-size:.75em;margin-top:1px}.venue-variant-badge{background-color:#e0f2fe;border:1px solid #7dd3fc;border-radius:3px;color:#0369a1}.online-badge,.venue-variant-badge{display:inline-block;font-size:.72em;margin-left:8px;padding:1px 6px;vertical-align:middle}.online-badge{background-color:#f0fdf4;border:1px solid #86efac;border-radius:3px;color:#166534}.no-vocal-badge{background-color:#fee2e2;border:1px solid #fca5a5;border-radius:3px;color:#991b1b}.no-vocal-badge,.postponed-badge{display:inline-block;font-size:.72em;margin-left:8px;padding:1px 6px;vertical-align:middle}.postponed-badge{background-color:#fefce8;border:1px solid #fde047;border-radius:3px;color:#854d0e}.appearance-cancelled-badge{background-color:#fff7ed;border:1px solid #fb923c;border-radius:3px;color:#c2410c}.appearance-cancelled-badge,.cancelled-badge{display:inline-block;font-size:.72em;margin-left:8px;padding:1px 6px;vertical-align:middle}.cancelled-badge{background-color:#fce7f3;border:1px solid #f9a8d4;border-radius:3px;color:#9d174d}.cancelled-event{opacity:.6}.attendance-btn-group{display:flex;flex-shrink:0;gap:4px;margin-right:10px}.att-btn{background:#f9fafb;border:1px solid #d1d5db;border-radius:4px;color:#9ca3af;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:#f3f4f6;border-color:#9ca3af;color:#4b5563}.att-btn:disabled{cursor:default;opacity:.35}.att-btn--unregistered.att-btn--active{background:#f3f4f6;border-color:#9ca3af;color:#374151;font-weight:700}.att-btn--attended.att-btn--active{background:#dcfce7;border-color:#4ade80;color:#166534;font-weight:700}.att-btn--not-attended.att-btn--active{background:#fee2e2;border-color:#f87171;color:#991b1b;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:#aaa;cursor:pointer;font-size:.75em;padding:1px 4px}.reason-toggle-btn:hover{color:#666}.reason-form{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.reason-select{background:#fff;padding:3px 6px}.reason-note-input,.reason-select{border:1px solid #ccc;border-radius:4px;color:#333;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:#aaa;cursor:pointer;font-size:.75em;padding:1px 4px;white-space:nowrap}.reason-close-btn:hover{color:#666}.reason-action-btn{background:none;border:1px solid #d1d5db;border-radius:3px;color:#6b7280;cursor:pointer;font-size:.75em;padding:2px 8px;white-space:nowrap}.reason-action-btn:hover{background-color:#f3f4f6;color:#374151}.reason-action-btn--delete{border-color:#fca5a5;color:#dc2626}.reason-action-btn--delete:hover{background-color:#fee2e2}.reason-badge{border-radius:3px;display:inline-block;font-size:.75em;padding:1px 7px;vertical-align:middle}.reason-badge--had_ticket{background-color:#fef3c7;border:1px solid #fcd34d;color:#92400e}.reason-badge--intended{background-color:#ede9fe;border:1px solid #c4b5fd;color:#5b21b6}.reason-badge--not_intended{background-color:#f3f4f6;border:1px solid #d1d5db;color:#6b7280}.venue-item.planning-event{background-color:#eff6ff}.venue-list .venue-item.planning-event .venue-name{color:#1d4ed8}.tour-participation-btn:disabled{border-color:#d1d5db;border-style:dashed;color:#9ca3af;cursor:default;opacity:.4}.planning-expired-section{background-color:#fff7ed;border:1px solid #fed7aa;border-radius:6px;margin-bottom:20px;padding:14px 18px}.planning-expired-title{color:#92400e;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 #fed7aa;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:8px 0}.planning-expired-info{color:#333;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:#dcfce7;border:1px solid #4ade80;color:#166534;font-weight:700}.planning-confirm-btn--yes:hover{background-color:#bbf7d0}.planning-confirm-btn--no{background-color:#f3f4f6;border:1px solid #d1d5db;color:#4b5563}.planning-confirm-btn--no:hover{background-color:#e5e7eb}@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 #eee;border-radius:50%;height:72px;object-fit:cover;width:72px}.avatar-placeholder{align-items:center;background:#ccc;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 #ccc;border-radius:4px;font-size:1rem;padding:8px 12px}.settings-button{background-color:#4a90d9;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:#f0f0f0;color:#333}.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 #f0f0f0;display:flex;justify-content:space-between;padding:6px 0}.sort-order-item:last-child{border-bottom:none}.sort-order-label{color:#333;font-size:.95rem}.sort-order-item--dirty .sort-order-label{color:#d97706}.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:#4caf50;margin-bottom:12px}.settings-description{color:#555;font-size:.9em;margin-bottom:16px}.danger-zone{border:1px solid #e57373;margin-top:32px}.danger-zone h3{color:#c62828}.danger-description{color:#555;margin-bottom:16px}.delete-error{color:#c62828;margin-bottom:12px}.delete-button{background-color:#c62828;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:#fff;border:2px solid #4a90d9;border-radius:24px;color:#4a90d9;cursor:pointer;font-size:.95em;font-weight:700;padding:10px 24px}.settings-install-btn:hover{background:#f0f7ff}.songs-page{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:20px}.songs-page h2{color:#333;font-size:1.6em;margin-bottom:20px;text-align:center}.songs-toggle{border:1px solid #dee2e6;border-radius:6px;display:flex;margin-bottom:20px;overflow:hidden}.toggle-tab{background-color:#fff;border:none;color:#555;cursor:pointer;flex:1 1;font-size:.95em;padding:10px;transition:background-color .2s}.toggle-tab:not(:last-child){border-right:1px solid #dee2e6}.toggle-tab.active{background-color:#007bff;color:#fff;font-weight:700}.toggle-tab:not(.active):hover{background-color:#f0f0f0}.songs-search-wrap{display:flex;margin-bottom:16px}.songs-search{border:1px solid #dee2e6;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:#007bff}.songs-search-clear{background:#e9ecef;border:1px solid #dee2e6;border-left:none;border-radius:0 6px 6px 0;color:#888;cursor:pointer;font-size:1.1em;padding:0 14px;transition:background-color .15s}.songs-search-clear:hover{background:#dee2e6;color:#333}.songs-list{background-color:#fff;border:1px solid #e9ecef;border-radius:6px;list-style:none;margin:0;padding:0}.songs-list li{align-items:center;border-bottom:1px solid #f0f0f0;color:#333;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:#f0f0f0;border:1px solid #ccc;border-radius:4px;color:#444;cursor:pointer;flex-shrink:0;font-size:.75em;margin-left:8px;padding:4px 10px}.song-detail-btn:hover{background-color:#e0e0e0}.songs-empty{color:#888;margin-top:40px;text-align:center}.collab-section{margin-top:24px}.collab-toggle-btn{background:none;border:1px dashed #bbb;border-radius:4px;color:#666;cursor:pointer;font-size:.88em;padding:8px 16px;text-align:left;width:100%}.collab-toggle-btn:hover{background-color:#f5f5f5;border-color:#888}.collab-songs-list{margin-top:8px}.main-list-toggle-btn{background:none;border:1px solid #e0e0e0;border-radius:4px;color:#555;cursor:pointer;font-size:.88em;margin-bottom:4px;padding:7px 16px;text-align:left;width:100%}.main-list-toggle-btn:hover{background-color:#f5f5f5;border-color:#bbb}.ambiguous-section{border:1px solid #fde68a;border-radius:6px;margin-top:24px;overflow:hidden}.ambiguous-toggle-btn{background-color:#fffbeb;border:none;color:#92400e;cursor:pointer;font-size:.88em;font-weight:500;padding:9px 16px;text-align:left;width:100%}.ambiguous-toggle-btn:hover{background-color:#fef3c7}.ambiguous-songs-list{background-color:#fffdf0;margin:0}.ambiguous-songs-list li{border-bottom-color:#fef3c7!important}.song-detail-view{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:20px}.song-detail-nav-btn{background:none;border:1px solid #0284c7;border-radius:4px;color:#0284c7;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:#f0f9ff}.song-detail-nav-btn--bottom{margin-bottom:0;margin-top:16px}.song-detail-medley-context{color:#888;font-size:.8em;margin:3px 0 0;text-align:left}.song-detail-medley-current{color:#444;font-weight:700}.song-detail-medley-sep{color:#bbb;margin:0 1px}.song-detail-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:16px}.song-detail-title{color:#333;font-size:1.2em;font-weight:700;margin:0;text-align:left}.song-detail-sort-btn{background:#fff;border:1px solid #ccc;border-radius:4px;color:#555;cursor:pointer;flex-shrink:0;font-size:.8em;padding:4px 10px;white-space:nowrap}.song-detail-sort-btn:hover{background:#f0f0f0}.song-detail-lives-list{background:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.song-detail-tour-group{border-bottom:1px solid #eee}.song-detail-tour-group:last-child{border-bottom:none}.song-detail-tour-name{background-color:#f8f9fa;border-bottom:1px solid #eee;color:#555;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 #f5f5f5;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:#f0f7ff}.song-detail-live-date{color:#777;flex-shrink:0;font-size:.85em}.song-detail-live-venue{color:#333;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:#d1e7dd;color:#0f5132}.song-detail-live-item.not-attended .song-detail-attended-badge{background-color:#f0f0f0;color:#888}.song-detail-live-arrow{color:#93c5fd;flex-shrink:0;font-size:1.2em;line-height:1}.admin-page{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:20px}.admin-page h2{color:#333;font-size:1.6em;margin-bottom:20px;text-align:center}.admin-section-tabs{display:flex;gap:8px;margin-bottom:20px}.admin-section-tab{background:#fff;border:1px solid #dee2e6;border-radius:20px;color:#555;cursor:pointer;font-size:.92em;padding:8px 22px;transition:background-color .15s}.admin-section-tab:hover:not(.active){background-color:#f0f0f0}.admin-section-tab.active{background-color:#495057;border-color:#495057;color:#fff;font-weight:700}.test-settings-panel{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:20px 24px}.test-settings-panel h3{border-bottom:1px solid #eee;color:#444;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:#333;font-size:.92em;font-weight:700}.test-setting-desc{color:#777;font-size:.82em;margin:0}.test-setting-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.test-date-input{border:1px solid #ccc;border-radius:4px;font-size:.9em;padding:6px 10px}.test-save-btn{background-color:#0284c7;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.88em;font-weight:700;padding:6px 18px}.test-save-btn:hover:not(:disabled){background-color:#0369a1}.test-save-btn:disabled{background-color:#7dd3fc;cursor:default}.friend-mgmt-selects{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.friend-mgmt-select{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:.9em;min-width:180px;padding:6px 10px}.friend-mgmt-message{color:#555;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 #eee;display:flex;font-size:.88em;gap:12px;justify-content:space-between;padding:6px 0}.friend-mgmt-remove{background:none;border:1px solid #e57373;border-radius:4px;color:#e57373;cursor:pointer;flex-shrink:0;font-size:.82em;padding:3px 10px}.friend-mgmt-remove:hover{background:#fce7e7}.test-clear-btn{background:none;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;font-size:.88em;padding:6px 14px}.test-clear-btn:hover:not(:disabled){background-color:#f3f4f6}.test-clear-btn:disabled{cursor:default;opacity:.4}.test-setting-status{font-size:.82em;margin:0}.test-status--active{color:#b45309;font-weight:700}.test-status--inactive{color:#9ca3af}.admin-tabs{border:1px solid #dee2e6;border-radius:6px;display:flex;margin-bottom:24px;overflow:hidden}.admin-tab{background-color:#fff;border:none;color:#555;cursor:pointer;flex:1 1;font-size:.9em;padding:10px;transition:background-color .2s}.admin-tab:not(:last-child){border-right:1px solid #dee2e6}.admin-tab.active{background-color:#495057;color:#fff;font-weight:700}.admin-tab:not(.active):hover{background-color:#f0f0f0}.admin-content{background:#fff;border:1px solid #e9ecef;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:#555;font-size:.88em;font-weight:700}.form-group input,.form-group select{border:1px solid #ced4da;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:#495057}.live-entries-header{grid-gap:6px;color:#888;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 #ced4da;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:#495057}.song-entries{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.song-entry{align-items:center;display:flex;gap:8px}.song-order{color:#888;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 #ced4da;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:#495057}.remove-btn{background:none;border:1px solid #ccc;border-radius:4px;color:#888;cursor:pointer;flex-shrink:0;font-size:.8em;height:28px;padding:0;width:28px}.remove-btn:hover:not(:disabled){background-color:#fee2e2;border-color:#f87171;color:#dc2626}.remove-btn:disabled{cursor:default;opacity:.3}.add-entry-btn{align-self:flex-start;background:none;border:1px dashed #aaa;border-radius:4px;color:#555;cursor:pointer;font-size:.88em;padding:6px 14px}.add-entry-btn:hover{background-color:#f5f5f5}.admin-submit-btn{align-self:flex-end;background-color:#495057;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;padding:10px 32px}.admin-submit-btn:hover:not(:disabled){background-color:#343a40}.admin-submit-btn:disabled{background-color:#adb5bd;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 #eee;color:#444;font-size:1em;margin:0 0 12px;padding-bottom:8px}.venue-group{margin-bottom:12px}.venue-pref-label{color:#888;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 #f5f5f5;color:#333;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:#fafafa;border:1px solid #e9ecef;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:#f0f4ff;border-color:#93c5fd}.current-live-item.editing{background-color:#eff6ff;border-color:#3b82f6;font-weight:700}.live-item-date{color:#555}.live-item-venue{color:#222}.live-item-pref{color:#888;font-size:.82em;text-align:right}.form-actions{display:flex;gap:10px;justify-content:flex-end}.cancel-btn{background:none;border:1px solid #adb5bd;border-radius:4px;color:#555;cursor:pointer;font-size:1em;padding:10px 20px}.cancel-btn:hover{background-color:#f0f0f0}.current-setlist{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#444;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:#e2e8f0;color:#1a202c}.field-hint{color:#888;font-size:.78em;font-weight:400;margin-left:6px}.setlist-notice{background-color:#fffbeb;border:1px solid #fcd34d;border-radius:4px;color:#92400e;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:#fafafa;border:1px solid #e9ecef;border-radius:4px;color:#444;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:#f0f4ff;border-color:#93c5fd}.variable-setlist-item.has-override{background-color:#eff6ff;border-color:#3b82f6;color:#1e3a5f}.variable-base-title{flex:1 1}.variable-badge-sm{background-color:#fbbf24;border-radius:10px;color:#78350f;flex-shrink:0;font-size:.75em;padding:1px 7px}.variable-preview-row{align-items:center;border-bottom:1px solid #f0f0f0;color:#444;display:flex;font-size:.93em;gap:10px;padding:5px 10px}.variable-arrow{color:#aaa;flex-shrink:0;font-size:.85em}.variable-candidates-preview{background-color:#fef3c7;border-radius:10px;color:#92400e;font-size:.9em;padding:1px 8px}.variable-override-input{padding-left:36px}.variable-override-input input{background:#fff;border:1px solid #93c5fd;border-radius:4px;box-sizing:border-box;font-size:.93em;outline:none;padding:7px 10px;width:100%}.variable-override-input input:focus{border-color:#3b82f6}.venue-city-tag{background-color:#e9ecef;border-radius:3px;color:#555;font-size:.78em;padding:1px 6px}.schema-viewer{border-radius:0 0 6px 6px;border-top:1px solid #e9ecef;display:grid;grid-template-columns:200px 1fr;margin:-24px;min-height:400px;overflow:hidden}.schema-table-list{background:#f8f9fa;border-right:1px solid #e9ecef;display:flex;flex-direction:column;overflow-y:auto}.schema-table-item{align-items:center;background:none;border:none;border-bottom:1px solid #e9ecef;color:#444;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:#edf0f3}.schema-table-item.active{background-color:#495057;color:#fff}.schema-table-item.active .schema-col-count{background-color:#fff3;color:#fff}.schema-table-desc,.schema-table-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schema-table-desc{color:#999;font-family:sans-serif;font-size:.75em}.schema-table-item.active .schema-table-desc{color:#fff9}.schema-col-count{background-color:#dee2e6;border-radius:10px;color:#666;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 #495057;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px;padding-bottom:12px}.schema-table-heading{color:#333;font-family:monospace;font-size:1.1em;font-weight:700;margin:0}.schema-table-desc-detail{color:#888;font-size:.85em;margin:4px 0 0}.schema-view-toggle{border:1px solid #dee2e6;border-radius:4px;display:flex;flex-shrink:0;overflow:hidden}.schema-view-toggle button{background:#fff;border:none;color:#555;cursor:pointer;font-size:.85em;padding:5px 14px;transition:background-color .15s}.schema-view-toggle button:not(:last-child){border-right:1px solid #dee2e6}.schema-view-toggle button.active{background-color:#495057;color:#fff;font-weight:700}.schema-view-toggle button:not(.active):hover{background-color:#f0f0f0}.schema-column-table{border-collapse:collapse;font-size:.88em;width:100%}.schema-column-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#666;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:#edf0f3}.sort-indicator{color:#495057;font-size:.8em}.schema-column-table td{border-bottom:1px solid #f0f0f0;padding:7px 10px;vertical-align:middle}.schema-column-table tr:hover td{background-color:#f8f9fa}.schema-column-table tr.row-fk td{background-color:#fff8e1}.schema-column-table tr.row-fk:hover td{background-color:#fff3cd}.col-pos{color:#aaa;font-size:.85em;width:30px}.col-name{color:#222;font-weight:700}.col-name,.col-type{font-family:monospace}.col-type{color:#6f42c1}.col-nullable{color:#555;text-align:center}.col-default{color:#888}.col-default,.col-fk{font-family:monospace;font-size:.85em}.col-fk{color:#0d6efd}.schema-data-view{overflow:hidden}.schema-data-meta{color:#888;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:#333;font-size:.85em}.null-val{color:#bbb;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:#eff6ff;outline:1px dashed #93c5fd}.editable-hint{color:#bbb;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 #e9ecef;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:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:.85em;padding:5px 14px;transition:background-color .15s}.page-btn:hover:not(:disabled){background-color:#f0f0f0}.page-btn:disabled{cursor:default;opacity:.4}.page-info{color:#666;text-align:center}.cell-edit-input,.page-info{font-size:.85em;min-width:120px}.cell-edit-input{background:#fff;border:1px solid #3b82f6;border-radius:3px;box-sizing:border-box;font-family:inherit;outline:none;padding:2px 6px;width:100%}.schema-state{color:#888;padding:40px;text-align:center}.schema-error{color:#dc3545}.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 #eee;color:#444;font-size:1em;margin:0 0 12px;padding-bottom:8px}.announcements-textarea{border:1px solid #ced4da;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:#495057}.announcements-list{display:flex;flex-direction:column;gap:10px}.announcement-item{background:#fafafa;border:1px solid #e9ecef;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:#222;font-size:.92em;font-weight:700}.announcement-item-meta{color:#aaa;flex-shrink:0;font-size:.78em}.announcement-item-body{color:#555;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:#888;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:#fafafa;border:1px solid #e9ecef;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:#333;font-size:.9em;font-weight:700}.user-mgmt-email{color:#888;font-size:.82em}.user-mgmt-code{color:#aaa;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:#dcfce7;color:#166534}.user-status--banned{background:#fee2e2;color:#991b1b}.user-status--deleted{background:#f3f4f6;color:#6b7280}.user-status--unverified{background:#fef3c7;color:#92400e}.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:#f97316;color:#ea580c}.user-action--ban:hover{background:#fff7ed}.user-action--unban{background:none;border-color:#6b7280;color:#374151}.user-action--unban:hover{background:#f3f4f6}.user-action--delete{background:none;border-color:#e57373;color:#dc2626}.user-action--delete:hover{background:#fce7e7}.user-action--restore{background:none;border-color:#4caf50;color:#2e7d32}.user-action--restore:hover{background:#e8f5e9}@media (max-width:640px){.admin-page{padding:12px}.admin-tabs{flex-wrap:wrap}.admin-tab{border-bottom:1px solid #dee2e6;border-right:none!important;flex:0 0 50%}.admin-tab:nth-child(odd){border-right:1px solid #dee2e6!important}.admin-content{padding:16px 12px}.live-entries-header{display:none}.live-entry{background:#f8f9fa;border:1px solid #e9ecef;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}.live-item-date{grid-column:1;grid-row:1}.live-item-pref{grid-column:2;grid-row:1;text-align:right}.live-item-venue{color:#555;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 #e9ecef;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 #e9ecef;flex-shrink:0}}.live-detail-page{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:20px}.live-detail-nav-btn{background:none;border:1px solid #0284c7;border-radius:4px;color:#0284c7;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:#f0f9ff}.live-detail-nav-btn--bottom{margin-bottom:0;margin-top:16px}.live-detail-card{background:#fff;border:1px solid #e9ecef;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:#777;font-size:.88em;margin:0}.live-detail-venue{color:#111;font-size:1.2em;font-weight:700;margin:0}.live-detail-tour{color:#555;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:#f0fdf4;border-color:#86efac;color:#166534}.badge-no-vocal{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.badge-capacity{background:#fff7ed;border-color:#fdba74;color:#9a3412}.badge-postponed{background:#fefce8;border-color:#fde047;color:#854d0e}.badge-appearance-cancelled{background:#fff7ed;border-color:#fb923c;color:#c2410c}.badge-cancelled{background:#fce7f3;border-color:#f9a8d4;color:#9d174d}.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:#f9fafb;border:1px solid #d1d5db;border-radius:4px;color:#9ca3af;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:#f3f4f6;border-color:#9ca3af;color:#4b5563}.live-detail-att-btn:disabled{cursor:default;opacity:.35}.live-detail-att-btn--unregistered.active{background:#f3f4f6;border-color:#9ca3af;color:#374151;font-weight:700}.live-detail-att-btn--attended.active{background:#dcfce7;border-color:#4ade80;color:#166534;font-weight:700}.live-detail-att-btn--not-attended.active{background:#fee2e2;border-color:#f87171;color:#991b1b;font-weight:700}.live-detail-reason-select{align-self:flex-start;background:#fff;border:1px solid #ccc;border-radius:4px;color:#333;font-size:.82em;padding:4px 8px}.live-detail-save-bar{align-items:center;display:flex;gap:8px}.live-detail-save-btn{background:#0284c7;border:1px solid #0284c7;border-radius:4px;color:#fff;cursor:pointer;font-size:.85em;padding:5px 20px}.live-detail-save-btn:hover:not(:disabled){background:#0369a1;border-color:#0369a1}.live-detail-save-btn:disabled{cursor:default;opacity:.5}.live-detail-reset-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;font-size:.85em;padding:5px 14px}.live-detail-reset-btn:hover:not(:disabled){background:#f3f4f6}.live-detail-reset-btn:disabled{cursor:default;opacity:.5}.live-detail-note{color:#777;font-size:.82em}.live-detail-friends-section{background:#fff;border:1px solid #e9ecef;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:#f9f9f9}.live-detail-friends-label{color:#555;flex:1 1;font-size:.9em;font-weight:700}.live-detail-friends-count{color:#aaa;font-size:.82em}.live-detail-friends-chevron{color:#aaa;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 #fff;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:#ccc;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:#fff;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:#333;display:flex;font-size:.95em;font-weight:700;justify-content:space-between}.live-detail-friends-modal-close{background:none;border:none;color:#aaa;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:#333;font-size:.9em}.live-detail-setlist-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px 24px}.live-detail-setlist-section h3{border-bottom:1px solid #eee;color:#444;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 #f5f5f5;color:#333;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:#aaa;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:#f0f7ff}.live-detail-empty{color:#888;font-size:.9em;margin:0}.corner-label{background-color:#fef3c7;border:1px solid #fcd34d;border-radius:3px;color:#92400e;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:#e0f2fe;border:1px solid #7dd3fc;border-radius:3px;color:#0369a1}.collab-label,.venue-badge{display:inline-block;font-size:.72em;margin-left:8px;padding:1px 6px;vertical-align:middle}.venue-badge{background-color:#d1fae5;border:1px solid #6ee7b7;border-radius:3px;color:#065f46}.variable-badge{background-color:#fff3cd;border:1px solid #ffc107;border-radius:3px;color:#856404;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:#f0f7ff}.medley-sep{color:#aaa;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:#333;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:#fd7e14;stroke:#fff;stroke-width:.5;cursor:pointer;transition:fill .15s}.prefecture-unvisited-highlight:hover{fill:#e06000}.prefecture-visited-muted{fill:#c3e6cb;stroke:#fff;stroke-width:.5;cursor:pointer;transition:fill .15s}.prefecture-visited-muted:hover{fill:#a8d5b5}.prefecture-visited{fill:#28a745;stroke:#fff;stroke-width:.5;cursor:pointer;transition:fill .15s}.prefecture-visited:hover{fill:#1e7e34}.prefecture-unvisited{fill:#e0e0e0;stroke:#fff;stroke-width:.5;cursor:pointer;transition:fill .15s}.prefecture-unvisited:hover{fill:#c8c8c8}.prefecture-selected{fill:#0d6efd;stroke:#fff;stroke-width:.5;cursor:pointer;transition:fill .15s}.prefecture-selected:hover{fill:#0a58ca}.map-tooltip{background:#000000bf;border-radius:4px;color:#fff;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:#fff;border:1px solid #adb5bd;border-radius:20px;color:#495057;cursor:pointer;font-size:.85em;padding:6px 14px;transition:all .2s}.clear-selection-btn:hover{background:#e9ecef;border-color:#6c757d}.map-filter-tab{background:#fff;border:1px solid #ccc;border-radius:20px;cursor:pointer;font-size:.9em;padding:6px 16px;transition:all .2s}.map-filter-tab.active{background:#28a745;border-color:#28a745;color:#fff}.map-filter-tab.unvisited.active{background:#fd7e14;border-color:#fd7e14}.map-filter-tab:hover:not(.active){background:#f0f0f0}.visit-count{color:#555;font-size:1.1em;margin-bottom:16px}.visit-count strong{color:#28a745;font-size:1.4em}.visit-count .unvisited-count{color:#fd7e14}.map-right-placeholder{display:flex;flex-direction:column;gap:16px}.placeholder-hint{color:#999;font-size:.85em;line-height:1.6}.prefecture-lives-panel{background:#f0f7ff;border:1px solid #cce5ff;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:#0a58ca;font-size:1.1em;margin:0}.close-panel-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1.1em;min-height:32px;min-width:32px;padding:4px 8px}.close-panel-btn:hover{background:#dde8f8}.no-lives-message{color:#666;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:#fff;border:1px solid #dde8f8;border-radius:6px;display:flex;gap:10px;padding:8px 12px}.prefecture-live-item.attended{border-left:4px solid #28a745}.prefecture-live-item.not-attended{border-left:4px solid #ccc}.prefecture-live-item.clickable{cursor:pointer;transition:background-color .15s}.prefecture-live-item.clickable:hover{background-color:#f0f7ff}.pref-live-date{color:#666;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:#222;font-size:.9em;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pref-live-venue{color:#555;font-size:.8em}.pref-live-badge{border-radius:20px;font-size:.75em;font-weight:600;padding:2px 8px;white-space:nowrap}.badge-attended{background:#d4edda;color:#155724}.badge-not-attended{background:#f0f0f0;color:#666}.asia-map-section{margin:16px 0}.asia-map-section h3{color:#333;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:#333;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:#333;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:#f2f2f2;stroke:#fff;stroke-width:.5}.asia-country-marker{stroke:#666;stroke-width:.4}.asia-map-placeholder{aspect-ratio:227/195;background:#f7f7f7;border-radius:4px;width:100%}.visited-prefecture-list h3{color:#333;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:#e9f5ee;border:1px solid #a3d8b4;border-radius:4px;color:#1e7e34;cursor:pointer;font-size:.88em;padding:4px 10px;transition:background .15s}.visited-pref-tag:hover{background:#c3e6cb}.visited-pref-tag.unvisited-tag{background:#fff3e0;border-color:#ffb74d;color:#e65100}.visited-pref-tag.unvisited-tag:hover{background:#ffe0b2}.other-pref-separator{color:#999;cursor:default;font-size:.75em;letter-spacing:.05em;list-style:none;padding:4px 2px 0;width:100%}.visited-pref-tag.other-pref-tag{background:#f0f0f0;border-color:#bbb;color:#555}.visited-pref-tag.other-pref-tag:hover{background:#e0e0e0}.visited-pref-tag.other-pref-tag.unvisited-tag{background:#fdf6ee;border-color:#e0c89a;color:#7a5520}.visited-pref-tag.other-pref-tag.unvisited-tag:hover{background:#f5e8d0}@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:#343a40;color:#fff;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:#fff;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:#adb5bd;font-size:.82em;margin-right:4px}.nav-button{background-color:#555;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:#777}.nav-button.active{background-color:#007bff;cursor:default}.nav-button:disabled{cursor:default;opacity:.7}.logout-button{background-color:#dc3545;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:#c82333}.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:#fff;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:#2b3035;border-top:1px solid #495057;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 #3a4045;color:#e9ecef;cursor:pointer;font-size:.95em;padding:14px 20px;text-align:left;transition:background-color .15s}.dropdown-item:active,.dropdown-item:hover{background-color:#3a4045}.dropdown-item.active{color:#74b9f8;font-weight:700}.dropdown-item-emoji{font-size:1.1em;margin-right:10px}.dropdown-item--logout{border-bottom:none;color:#f87171}}.app-footer{background-color:#f8f9fa;border-top:1px solid #dee2e6;color:#6c757d;font-size:.9em;padding:15px;text-align:center}.footer-links{margin:4px 0 0}.footer-link{background:none;border:none;color:#6c757d;cursor:pointer;font-size:.85em;padding:0;text-decoration:underline}.footer-link:hover{color:#333}.footer-separator{color:#aaa;margin:0 8px}.friends-page{margin:0 auto;max-width:480px}.friends-tabs{border-bottom:2px solid #e0e0e0;display:flex;margin-bottom:16px}.friends-tab{background:none;border:none;border-bottom:2px solid #0000;color:#888;cursor:pointer;flex:1 1;font-size:.95em;margin-bottom:-2px;padding:10px 0;position:relative}.friends-tab.active{border-bottom-color:#4a90d9;color:#333;font-weight:700}.tab-badge{background:#e57373;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:#333;font-family:monospace;font-size:1.4em;font-weight:700;letter-spacing:.15em}.copy-button{background-color:#555;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85em;padding:6px 16px}.copy-button:hover{background-color:#777}.qr-buttons{margin-top:12px}.friend-request-form,.qr-buttons{display:flex;gap:8px}.friend-code-input{border:1px solid #ccc;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:#4a90d9;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:#aaa}.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:#e57373}.friends-message{color:#555;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 #eee;border-radius:50%;flex-shrink:0;object-fit:cover}.friend-avatar-placeholder{align-items:center;background:#ccc;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 #eee;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:#333;font-weight:700}.friend-stats{color:#888;font-size:.82em}.friend-status{color:#aaa;font-size:.82em}.friend-actions{display:flex;flex-shrink:0;gap:6px}.friends-empty{color:#aaa;font-size:.9em;margin:0}.friend-tour-group{margin-bottom:4px}.friend-tour-header{align-items:center;background:#f5f5f5;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:#eee}.friend-tour-year{color:#888;font-size:.85em;white-space:nowrap}.friend-tour-name{color:#333;flex:1 1;font-weight:700}.friend-tour-count{color:#aaa;font-size:.82em;white-space:nowrap}.friend-tour-chevron{color:#aaa;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 #ccc;border-radius:20px;color:#666;cursor:pointer;display:flex;font-size:.82em;gap:6px;padding:5px 14px}.upcoming-filter-toggle.active{background:#f0f7ff;border-color:#4a90d9;color:#4a90d9}.upcoming-filter-badge{background:#4a90d9;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:#555;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 #ccc;border-radius:4px;color:#666;cursor:pointer;flex:1 1;font-size:.82em;padding:6px 0}.past-filter-btn.active{background:#4a90d9;border-color:#4a90d9;color:#fff;font-weight:700}.friend-live-item{border-bottom:1px solid #eee;display:flex;flex-direction:column;gap:4px;padding:10px 20px 10px 0;position:relative}.friend-live-item:after{color:#ccc;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:#f9f9f9}.friend-live-info{align-items:baseline;display:flex;gap:8px}.friend-live-date{color:#888;font-size:.85em;white-space:nowrap}.friend-live-name{color:#333;font-size:.95em;font-weight:700}.friend-live-venue{color:#888;font-size:.85em}.friend-live-friends{color:#4a90d9;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:#333;font-size:1em;margin:0}.qr-code-label{color:#555;font-family:monospace;font-size:1.1em;letter-spacing:.15em;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:#888;font-size:.85em}.legal-section,.legal-updated{margin-bottom:24px}.legal-section h3{color:#333;font-size:1em;margin-bottom:8px}.legal-section p,.legal-section ul{color:#555;font-size:.95em;line-height:1.7;margin:0}.legal-section ul{padding-left:1.4em}.legal-operator{color:#888;font-size:.9em;margin-top:32px}.legal-back-button{background:none;border:1px solid #ccc;border-radius:4px;color:#555;cursor:pointer;font-size:.9em;margin-bottom:24px;padding:6px 16px}.legal-back-button:hover{background-color:#f5f5f5}.legal-link{color:#555;text-decoration:underline;text-underline-offset:2px}.legal-link:hover{color:#333}.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:#111;font-size:1.6em;font-weight:700;line-height:1.4;margin:0}.about-tagline{color:#666;font-size:.95em;margin:0}.about-cta{margin-top:8px}.about-btn-primary{background:#4a90d9;border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:12px 32px}.about-btn-primary:hover{background:#357abd}.about-features{gap:2px;padding:0 16px}.about-feature,.about-features{display:flex;flex-direction:column}.about-feature{background:#fff;border:1px solid #eee;border-radius:12px;gap:8px;padding:24px 20px;text-align:left}.about-feature-icon{font-size:1.6em}.about-feature h2{color:#222;font-size:1em;margin:0}.about-feature p{color:#666;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:#999;cursor:pointer;font-size:.82em;padding:0;text-decoration:underline;text-underline-offset:2px}.about-legal-link:hover{color:#666}.about-legal-sep{color:#ccc;font-size:.82em}.about-copyright{color:#bbb;font-size:.78em;margin:0}.about-btn-install{background:#fff;border:2px solid #4a90d9;border-radius:24px;color:#4a90d9;cursor:pointer;font-size:1em;font-weight:700;padding:12px 32px}.about-btn-install:hover{background:#f0f7ff}.about-install-ios{color:#888;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:#333;color:#fff}.network-toast--online{background:#2e7d32;color:#fff}.network-toast--saved{background:#1565c0;color:#fff}.home-page{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:680px;padding:16px}.home-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:16px}.home-section-title{border-bottom:1px solid #f0f0f0;color:#999;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:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;display:flex;gap:10px;padding:10px 12px}.home-notif-item.read{background:#f8f9fa;border-color:#e9ecef}.home-notif-message{color:#1e40af;flex:1 1;font-size:.92em}.home-notif-item.read .home-notif-message{color:#666}.home-notif-dismiss{background:none;border:1px solid #93c5fd;border-radius:50%;color:#93c5fd;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:#ccc;color:#ccc}.home-notif-dismiss:hover{background:#dbeafe}.home-announcement-list{display:flex;flex-direction:column;gap:10px}.home-announcement-card{background:#fafafa;border-left:3px solid #495057;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:#222;font-size:.95em;font-weight:700}.home-announcement-date{color:#aaa;flex-shrink:0;font-size:.78em}.home-announcement-body{color:#555;font-size:.88em;line-height:1.6;margin:0;white-space:pre-line}.home-empty{color:#bbb;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:#fff;border:1px solid #e9ecef;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:#f0f4ff;border-color:#93c5fd}.home-nav-emoji{font-size:1.7em}.home-nav-label{color:#444;font-size:.78em;font-weight:700}}.account-page{margin:0 auto;max-width:600px;padding:20px}.account-page h2{color:#333;font-size:1.6em;margin-bottom:20px;text-align:center}.account-section{margin-bottom:16px;padding:16px 20px}.account-section-label{color:#999;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:#ccc;border-radius:50%;color:#fff;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:#333;font-size:1.2em;font-weight:700}.account-friend-code{color:#888;font-size:.82em}.account-stats{color:#555;font-size:.88em;margin-top:2px}.account-info-row{align-items:baseline;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:8px 0}.account-info-row:last-child{border-bottom:none}.account-info-key{color:#888;flex-shrink:0;font-size:.82em;min-width:110px}.account-info-value{color:#333;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 #0284c7;border-radius:6px;color:#0284c7;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:#e0f2fe}.fc-tours-title{color:#1e293b;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:#fff;border-bottom:1px solid #e9ecef;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:#f0f9ff}.fc-tours-item-name{color:#1e293b;font-size:1em;font-weight:500}.fc-tours-item-meta{align-items:center;color:#64748b;display:flex;flex-shrink:0;font-size:.82em;gap:8px}.fc-tours-item-attended{color:#0284c7;font-weight:500}.fc-tours-empty{color:#888;margin-top:40px;text-align:center}.fc-tour-lives-list{list-style:none;margin:0;padding:0}.fc-tour-live-item{background:#fff;border-left:4px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 3px #0000000f;cursor:pointer;margin-bottom:6px;padding:12px 16px}.fc-tour-live-item:hover{background-color:#f8fafc}.fc-tour-live-item.attended{border-left-color:#0284c7}.fc-tour-live-item.planning{border-left-color:#7dd3fc}.fc-tour-live-item.not-attended{border-left-color:#cbd5e1}.fc-tour-live-item.cancelled{opacity:.6}.fc-tour-live-date{color:#64748b;font-size:.85em;margin-bottom:2px}.fc-tour-live-venue{color:#1e293b;font-size:.95em;font-weight:500}.fc-tour-live-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.fc-tour-status-badge{border-radius:10px;font-size:.75em;font-weight:500;padding:2px 8px}.fc-tour-status-badge--attended{background:#dbeafe;color:#1d4ed8}.fc-tour-status-badge--planning{background:#e0f2fe;color:#0284c7}.fc-tour-status-badge--not-attended{background:#f1f5f9;color:#64748b}.public-setlist-page{background-color:#f9f9f9;margin:0 auto;max-width:640px;padding:20px}.public-setlist-loading{color:#777;margin-top:100px;text-align:center}.public-setlist-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;gap:4px;margin-bottom:20px;padding:20px 24px}.public-setlist-app-label{color:#999;font-size:.78em;margin:0 0 8px}.public-setlist-date{color:#777;font-size:.88em;margin:0}.public-setlist-venue{color:#111;font-size:1.2em;font-weight:700;margin:0}.public-setlist-tour{color:#555;font-size:.92em;margin:0}.public-setlist-draft-badge{align-self:flex-start;background:#fff3cd;border-radius:12px;color:#856404;font-size:.75em;margin-top:8px;padding:3px 10px}.public-setlist-other-lives{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-top:20px;padding:16px 20px}.public-setlist-other-lives-title{color:#555;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 #f0f0f0;padding:6px 0}.public-setlist-other-lives li:first-child{border-top:none}.public-setlist-other-lives a{color:#0284c7;font-size:.9em;text-decoration:none}.public-setlist-other-lives a:hover{text-decoration:underline}.quick-setlist-page{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:20px}.quick-setlist-empty{color:#6c757d}.quick-setlist-live-picker{list-style:none;margin:0;padding:0}.quick-setlist-live-picker li{background:#fff;border:1px solid #e9ecef;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:#f0f9ff}.quick-setlist-picker-date{color:#777;font-size:.82em}.quick-setlist-picker-name{font-weight:700}.quick-setlist-picker-venue{color:#555;font-size:.85em}.quick-setlist-change-live-btn{background:none;border:1px solid #0284c7;border-radius:4px;color:#0284c7;cursor:pointer;font-size:.85em;margin-bottom:12px;padding:6px 14px}.quick-setlist-live-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:16px;padding:16px 20px}.quick-setlist-live-date{color:#777;font-size:.85em;margin:0}.quick-setlist-live-venue{font-size:1.05em;font-weight:700;margin:0}.quick-setlist-live-name{color:#555;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:#fff;border:1px solid #eee;border-radius:4px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px;padding:8px 10px}.quick-setlist-entry--medley{border-left:3px solid #007bff}.quick-setlist-entry-number{color:#999;font-size:.8em;min-width:20px}.quick-setlist-entry-title{flex-grow:1;font-weight:700}.quick-setlist-entry-encore{background:#e2d9f3;border-radius:3px;color:#4a2f7a;font-size:.72em;padding:2px 6px}.quick-setlist-entry-unmatched{background:#f8d7da;border-radius:3px;color:#842029;font-size:.72em;padding:2px 6px}.quick-setlist-entry-actions{display:flex;gap:4px}.quick-setlist-flag-btn{background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.75em;padding:3px 8px}.quick-setlist-flag-btn.active{background:#007bff;border-color:#007bff;color:#fff}.quick-setlist-delete-btn{background:#fff;border:1px solid #ccc;border-radius:4px;color:#c00;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:#e9ecef;border-radius:12px;color:#555;font-size:.85em;font-weight:700;padding:4px 10px}.quick-setlist-encore-phase--1,.quick-setlist-encore-phase--2{background:#4a2f7a;color:#fff}.quick-setlist-encore-btn{background:#fff;border:1px solid #4a2f7a;border-radius:4px;color:#4a2f7a;cursor:pointer;font-size:.82em;padding:5px 12px}.quick-setlist-encore-undo-btn{background:#fff;border:1px solid #ccc;border-radius:4px;color:#777;cursor:pointer;font-size:.78em;padding:5px 10px}.quick-setlist-suggestion{align-items:center;background:#fff3cd;border-radius:4px;display:flex;font-size:.88em;gap:10px;margin-bottom:10px;padding:8px 12px}.quick-setlist-suggestion button{background:#fff;border:1px solid #856404;border-radius:4px;color:#856404;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 #ccc;border-radius:4px;box-sizing:border-box;font-size:1em;padding:8px 10px;width:100%}.quick-setlist-suggest-list{background:#fff;border:1px solid #ccc;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:#f0f9ff}.quick-setlist-suggest-title{font-weight:700}.quick-setlist-suggest-reading{color:#888;font-size:.78em;white-space:nowrap}.quick-setlist-input-form button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.quick-setlist-clear-btn{background:#fff!important;border:1px solid #ccc!important;color:#777!important}.quick-setlist-clear-btn:disabled{cursor:default;opacity:.5}.quick-setlist-share-link{color:#0284c7;display:inline-block;margin-top:16px}.quick-setlist-manage-views{align-items:baseline;color:#777;display:flex;flex-wrap:wrap;font-size:.78em;gap:8px;margin-top:4px}.quick-setlist-manage-views-total{color:#555;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:#fff;border:1px solid #dc3545;border-radius:4px;color:#dc3545;cursor:pointer;font-size:.8em;padding:4px 10px}.quick-setlist-manage-delete-btn:hover{background:#dc3545;color:#fff}