.admin-comment{margin:0;color:grey;font-size:80%;font-style:italic;text-wrap:wrap}.admin-comment ul{margin:8px 0}.btn{display:inline-block;width:100%;padding:0.55rem 1rem;background-color:var(--ui-color);color:var(--text);border:1px solid var(--ui-color);border-radius:6px;text-decoration:none;text-align:center;font-size:0.95rem;cursor:pointer;box-sizing:border-box;transition:filter 0.15s}.btn:hover{filter:brightness(0.95)}.btn-delete{background-color:#ff4d4d;color:white;width:auto;display:inline-block}.btn-update{background-color:#4CAF50;color:white}.btn-update:hover{background-color:#388E3C}.btn-cancel{background-color:#e0e0e0;color:#333}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-box{background:var(--background, white);border:1px solid var(--ui-color, #ccc);border-radius:8px;padding:1.5rem;max-width:400px;width:100%;box-shadow:0 8px 30px rgba(0,0,0,0.2)}.modal-box h3{margin:0 0 0.75rem 0;font-size:1.1rem}.modal-box p{margin:0 0 1.25rem 0;font-size:0.9rem;color:var(--comment-color, #666);line-height:1.4}.modal-actions{display:flex;justify-content:flex-end;gap:0.5rem}.modal-actions .btn{padding:0.5rem 1.25rem;border:none;border-radius:4px;cursor:pointer;font-size:0.9rem}a.btn-help{color:var(--accent);display:inline-block;padding:0.3rem 0;margin-right:0.75rem;font-size:0.85rem}a.btn-help:hover{color:var(--accent-hover);background:none}.admin-root-title{margin:0 0 1.25rem;font-size:1.4rem;text-align:center}.last_edited,.edit_timestamp{font-style:italic;font-size:80%;color:grey;margin-left:25px}.edit_timestamp{white-space:nowrap}@media (max-width: 700px){.song-item{gap:0.15rem}.edit_timestamp{display:none}}.requires-review-changed{color:green}.requires-review-changed:hover{color:lightgreen}.requires-review-duplicate{color:red}.requires-review-duplicate:hover{color:#ff7777}.edit_song_link,.remove_song_link{padding:4px 2px;display:block}.new-song-btn,.new-book-btn{text-align:right;margin:15px 0px}.new_song_link,.new_book_link{display:inline-flex;align-items:center;min-height:34px;padding:0 0.9rem;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:var(--accent-contrast);font-size:0.85rem;text-decoration:none}.new_song_link:hover,.new_book_link:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.admin_table{width:100%;border-collapse:collapse}.flash_link{color:#4646fd}.admin-book-form{padding:1rem;font-family:sans-serif}.search-form{display:flex;align-items:center;margin-bottom:1rem}.index_search{flex:1;padding:0.5rem 0.75rem;font-size:1rem;border-radius:6px;border:1px solid var(--ui-color);outline:none;transition:border-color 0.15s}.index_search:focus{border-color:var(--link-color);box-shadow:0 0 0 2px rgba(0,123,255,0.15)}.btn_clear_search{cursor:pointer;padding:0 0.5rem;font-size:1.5rem;color:var(--comment-color);user-select:none}.songs-container{display:flex;gap:2rem;flex-wrap:wrap;margin-top:0.75rem}.songs-search-container,.book-songs-container{flex:1;min-width:280px;padding:1rem;border-radius:8px;background:var(--background);border:1px solid var(--ui-color);box-shadow:0 2px 6px rgba(0,0,0,0.08)}.songs,.book-songs{max-height:60vh;overflow-y:auto;margin-top:0.5rem;scrollbar-width:thin;scrollbar-color:var(--ui-color) transparent}.songs::-webkit-scrollbar,.book-songs::-webkit-scrollbar{width:6px}.songs::-webkit-scrollbar-track,.book-songs::-webkit-scrollbar-track{background:transparent}.songs::-webkit-scrollbar-thumb,.book-songs::-webkit-scrollbar-thumb{background-color:var(--ui-color);border-radius:3px}.song-item{display:flex;justify-content:space-between;align-items:center;padding:0.3rem 0.25rem;border-bottom:1px dashed var(--ui-color);gap:0.5rem}.song-item>*:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-item button{padding:0.3rem 0.6rem;font-size:0.85rem;background-color:var(--link-color);color:white;border:none;border-radius:4px;cursor:pointer}.song-item button:hover{filter:brightness(0.9)}.songs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:var(--text)}.language-filter{display:flex;flex-direction:column}.language-filter label{display:flex;align-items:center;padding:3px 12px;border-radius:6px;cursor:pointer;user-select:none;font-size:14px;transition:background-color 0.2s ease}.language-filter label:hover{background:#d6e4ff}.language-filter input[type="checkbox"]{margin-right:8px;width:16px;height:16px;cursor:pointer}button.book-langauge-filter{height:24px;width:24px;background:none;border:none;padding:0;color:var(--ui-color);fill:var(--ui-color);z-index:10}button.book-langauge-filter svg{height:100%;fill:currentColor}button.book-langauge-filter:hover{cursor:pointer}.analytics-page{max-width:900px;margin:0 auto;padding:1.5rem 1rem}.analytics-subtitle{color:var(--comment-color);font-style:italic;margin-bottom:1rem}.analytics-row{display:flex;align-items:center;padding:0.75rem 0.25rem;border-bottom:1px solid var(--ui-color);transition:background 0.15s}.analytics-row:last-child{border-bottom:none}.analytics-row:hover{background:var(--index-row-bg, transparent)}.analytics-rank{width:30px;color:var(--comment-color);font-size:0.85rem;flex-shrink:0}.analytics-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--title)}.analytics-title a{color:var(--link-color);text-decoration:none}.analytics-title a:hover{text-decoration:underline}.analytics-lang{color:var(--comment-color);font-size:0.75rem;line-height:1.6;flex-shrink:0;margin:0 0.75rem}.analytics-count{font-weight:bold;color:var(--text);flex-shrink:0;margin-left:auto;min-width:40px;text-align:right}.analytics-loading,.analytics-error,.analytics-empty{text-align:center;padding:2rem;color:var(--comment-color)}body.css-night .analytics-row{border-bottom-color:#333}body.css-night .analytics-row:hover{background:var(--index-row-bg, rgba(255,255,255,0.03))}@media (max-width: 700px){.analytics-row{flex-wrap:wrap;padding:0.65rem 0.25rem}.analytics-lang{margin:0}}body.css-night .btn-update{background-color:var(--chord);color:black}body.css-night .btn-update:hover{filter:brightness(0.9)}.admin-header{display:flex;align-items:center;gap:1rem;padding:0.55rem 1rem;background:var(--header-bg);border-bottom:1px solid var(--header-border);box-shadow:var(--header-shadow);position:sticky;top:0;z-index:50;flex-wrap:wrap}.admin-header-brand{display:inline-flex;align-items:center;font-weight:800;color:var(--text);text-decoration:none;font-size:1.25rem;letter-spacing:-0.01em;white-space:nowrap}.admin-nav{display:flex;gap:1.25rem;flex-wrap:wrap}.admin-nav a,.admin-nav span{padding:0.35rem 0;color:var(--text);font-size:0.9rem;border-bottom:2px solid transparent}.admin-nav a{text-decoration:none;transition:color 0.15s, border-color 0.15s}.admin-nav a:hover{color:var(--accent)}.admin-nav a.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-header-right{margin-left:auto;display:flex;align-items:center;gap:0.85rem;padding-left:1rem;border-left:1px solid var(--header-border)}.theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:transparent;color:var(--text);border:1px solid var(--header-border);border-radius:6px;cursor:pointer;transition:border-color 0.15s, color 0.15s}.theme-toggle-btn:hover{color:var(--accent);border-color:var(--accent)}.theme-toggle-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent)}.admin-header .user_nav{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.85rem;color:var(--text)}.admin-header #sign_out{display:inline-flex;align-items:center;min-height:34px;margin-left:0;padding:0 0.7rem;color:var(--text);text-decoration:none;background:transparent;border:1px solid var(--header-border);border-radius:6px;transition:border-color 0.15s, color 0.15s}.admin-header #sign_out:hover{color:var(--accent);border-color:var(--accent);background:transparent}@media (max-width: 700px){.admin-header{gap:0.5rem;padding:0.5rem 0.75rem}.admin-header-brand{font-size:1.1rem}.admin-nav a{padding:0.3rem 0;font-size:0.85rem}.admin-header-right{margin-left:auto;gap:0.5rem;padding-left:0.75rem}.theme-toggle-btn{width:40px;height:40px}.admin-header #sign_out{min-height:40px;padding:0 0.85rem}}.admin-device-books{margin-bottom:2.5rem}.admin-section-title{font-size:1.1rem;margin:0 0 0.75rem;color:var(--text)}.device-book-count,.device-book-type{font-size:0.8rem;color:var(--comment-color);white-space:nowrap}.admin-search-bar{display:flex;align-items:stretch;gap:0.5rem;margin-bottom:0.75rem}.admin-search-bar .admin-search{flex:1;min-width:0;margin-bottom:0}.admin-search-bar .new_song_link{white-space:nowrap;flex-shrink:0}.admin-search{width:100%;box-sizing:border-box;padding:0.55rem 0.75rem;font-size:1rem;border-radius:8px;border:1px solid var(--ui-color);background:var(--background);color:var(--text);margin-bottom:0.75rem}.admin-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(0,123,255,0.15)}.admin_table th{text-align:left;font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:var(--comment-color);padding:0.55rem 0.5rem;border-bottom:2px solid var(--ui-color);white-space:nowrap}.admin_table td{padding:0.5rem 0.5rem;vertical-align:middle;border-bottom:1px solid var(--ui-color)}.admin_table tbody tr{transition:background 0.12s}.admin_table tbody tr:hover{background:var(--index-row-bg)}.admin_table .last_edited,.admin_table .edit_timestamp,.admin_table .trash-meta{white-space:nowrap}.admin_list .admin_table th:nth-child(n+2),.admin_list .admin_table td:nth-child(n+2){width:1%;white-space:nowrap}.admin_list .admin_table td:nth-child(3){max-width:112px}.admin_list .admin_table .last_edited{max-width:100%;overflow:hidden;text-overflow:ellipsis}.admin_list .admin_table td:nth-child(2){text-align:right}.admin_list .admin_table .analytics-lang{margin:0}.admin-songs-empty{text-align:center;padding:2rem 1rem;color:var(--comment-color);font-size:0.95rem}body.css-night .admin-search{background-color:#111;color:white;border-color:#444}@media (max-width: 700px){.admin_table th:nth-child(3),.admin_table td:nth-child(3){display:none}}.song-history{max-width:900px;margin:0 auto;padding:0 1rem 2rem}.history-entry{padding:1rem;border-left:4px solid var(--ui-color);margin-bottom:1rem;background:var(--index-row-bg, rgba(0,0,0,0.02));border-radius:0 6px 6px 0}.history-entry.action-create{border-left-color:#4CAF50}.history-entry.action-update{border-left-color:#007bff}.history-entry.action-destroy{border-left-color:#e54949}.history-entry-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:0.5rem;flex-wrap:wrap;gap:0.5rem}.history-action{font-weight:600;color:var(--text)}.history-time{font-size:0.8rem;color:var(--comment-color)}.history-changes{display:flex;flex-direction:column;gap:0.75rem}.history-change-field{font-size:0.78rem;text-transform:uppercase;letter-spacing:0.04em;color:var(--comment-color);margin-bottom:0.25rem}.history-diff{display:flex;gap:0.5rem;align-items:stretch}.history-diff .history-pre{flex:1;max-height:200px;overflow:auto;padding:0.5rem;font-size:0.8rem;white-space:pre-wrap;word-break:break-word;background:var(--background);border:1px solid var(--ui-color);border-radius:4px;margin:0;color:var(--text)}.history-diff .history-arrow{align-self:center;color:var(--comment-color)}.history-inline{display:flex;gap:0.5rem;align-items:center;font-size:0.9rem}.history-inline .history-from{color:var(--comment-color);text-decoration:line-through}.history-inline .history-arrow{color:var(--comment-color)}.history-inline .history-to{color:var(--text);font-weight:500}.history-back{text-align:center;margin-bottom:1.5rem}.history-back a{color:var(--link-color)}.admin-trash{max-width:900px;margin:0 auto;padding:0 1rem 2rem}.trash-section{margin-bottom:2rem}.trash-section h2{font-size:1.1rem;margin-bottom:0.5rem;color:var(--text)}.trash-section table{width:100%}.trash-section td{padding:0.4rem 0.3rem;vertical-align:middle}.trash-meta{font-size:0.8rem;color:var(--comment-color)}.trash-restore-btn{padding:0.3rem 0.8rem !important;font-size:0.85rem !important;width:auto !important}.trash-empty{color:var(--comment-color);font-style:italic;padding:0.5rem 0}.trash-note{font-size:0.8rem;color:var(--comment-color);font-style:italic;margin-top:1rem}.merge-section{max-width:700px;margin:1.5rem auto}.merge-section h3{font-size:1.05rem;margin-bottom:0.25rem}.merge-candidates{list-style:none;padding:0}.merge-candidates li{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0;border-bottom:1px solid var(--ui-color)}.merge-candidates li span:first-child{flex:1}.analytics-filters{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;margin-bottom:1rem}.analytics-range-toggle{display:flex;gap:0.25rem}.analytics-range-btn{padding:0.35rem 0.75rem;font-size:0.85rem;border:1px solid var(--ui-color);background:transparent;color:var(--text);border-radius:16px;cursor:pointer}.analytics-range-btn.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.analytics-lang-select{padding:0.35rem 0.5rem;font-size:0.85rem;border-radius:6px;border:1px solid var(--ui-color);background:var(--background);color:var(--text)}.analytics-csv-btn{margin-left:auto;padding:0.35rem 0.75rem;font-size:0.85rem;border:1px solid var(--ui-color);border-radius:6px;text-decoration:none;color:var(--text)}.analytics-csv-btn:hover{background:var(--ui-color)}@media (max-width: 700px){.analytics-csv-btn{margin-left:0}}body.admin a:hover{color:var(--link-color);background:none;text-decoration:none}body.admin .admin-nav a:hover{color:var(--accent);background:none;text-decoration:none}body.admin .admin-header-brand:hover{text-decoration:none}body.admin .new_song_link:hover,body.admin .new_book_link:hover{background:var(--accent-hover);color:var(--accent-contrast);text-decoration:none}body.admin #notice,body.admin #alert{margin:0 0 1rem}body.admin .history-back{margin:0 0 1.5rem}body.admin #error_explanation{width:auto;max-width:none;border:none;border-left:3px solid #cf222e;border-radius:6px;padding:0.75rem 1rem;margin-bottom:1.25rem;background:#fdecec;color:var(--text)}body.admin #error_explanation p{margin:0 0 0.25rem;font-weight:600;font-size:0.9rem}body.admin #error_explanation ul{margin:0;padding:0;list-style:none}body.admin #error_explanation ul li{margin:0;font-size:0.875rem;color:#8a1f1f}body.admin .field_with_errors{padding:0;background:none;display:revert}body.css-night.admin #error_explanation{background:#2e1a1a}body.css-night.admin #error_explanation ul li{color:#ff8b8b}body.admin{margin:0}body.admin .application-container{max-width:none;margin:0;padding:0}body.admin .admin-header{padding-left:1.5rem;padding-right:1.5rem}body.admin .application-container>*:not(.admin-header){max-width:800px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}body.admin .admin-header+*{margin-top:1.5rem}body.admin .admin-header+.admin-nav{padding-bottom:0.5rem;margin-bottom:1.25rem;border-bottom:1px solid var(--ui-color)}@media (max-width: 600px){body.admin .admin-header{padding-left:0.75rem;padding-right:0.75rem}body.admin .application-container>*:not(.admin-header){padding-left:0.75rem;padding-right:0.75rem}}body.admin:not(.admin-landing) .application-container{padding-top:1.5rem}.cache-page{max-width:900px;margin:0 auto;padding:0 1rem 2rem}.cache-section h2{font-size:1.1rem;margin-bottom:0.5rem;color:var(--text)}.cache-section p{font-size:14px;line-height:1.5;margin:0 0 12px}.cache-section .cache-version{font-size:15px}.cache-section .cache-warning{color:var(--comment-color)}.cache-section .cache-reset-btn{margin-top:1.5rem}.book-activity-table th,.book-activity-table td{text-align:left;vertical-align:top;padding:8px 12px;font-size:13px}.book-activity-table thead th{border-bottom:1px solid var(--ui-color);text-transform:uppercase;font-size:11px;letter-spacing:0.05em;color:var(--comment-color)}.book-activity-table tbody tr{border-bottom:1px solid var(--ui-color)}.book-activity-table .activity-time{white-space:nowrap;color:var(--comment-color)}.book-activity-table .activity-action{display:inline-block;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;background:var(--index-row-bg);color:var(--text)}.book-activity-table .activity-action.activity-action-create{color:#1a7f37}.book-activity-table .activity-action.activity-action-update{color:#0969da}.book-activity-table .activity-action.activity-action-destroy{color:#cf222e}.book-activity-table .activity-action.activity-action-restore{color:#1a7f37}.book-activity-table .activity-change{margin-bottom:2px}.book-activity-table .activity-change .activity-field{font-weight:600;color:var(--comment-color)}.book-activity-table .activity-change .activity-from{color:var(--comment-color);text-decoration:line-through}.book-activity-table .activity-change .activity-to{color:var(--text)}.admin-books-list{max-width:900px;margin:0 auto;padding:1.5rem 1rem}.admin-books-search-wrap{position:relative;margin-bottom:1.25rem}.admin-books-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--comment-color);pointer-events:none}.admin-books-search{width:100%;padding:12px 14px 12px 42px;font-size:1rem;border:1px solid var(--ui-color);border-radius:10px;background:var(--background);color:var(--text);box-sizing:border-box;outline:none;transition:border-color 0.2s, box-shadow 0.2s}.admin-books-search::placeholder{color:var(--comment-color)}.admin-books-search:focus{border-color:var(--link-color);box-shadow:0 0 0 3px rgba(255,255,255,0.1)}.admin-books-empty{text-align:center;padding:3rem 1rem;color:var(--comment-color);font-size:0.95rem}.admin-books-cards{display:flex;flex-direction:column}.admin-book-card{display:flex;align-items:center;justify-content:space-between;padding:0.85rem 0;border-bottom:1px solid var(--ui-color);transition:background 0.15s}.admin-book-card:last-child{border-bottom:none}.admin-book-card:hover{background:var(--index-row-bg, transparent)}.admin-book-info{flex:1;min-width:0}.admin-book-name{font-weight:600;font-size:1.05rem;color:var(--title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-book-meta{font-size:0.82rem;color:var(--comment-color);margin-top:3px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.admin-book-system-badge{display:inline-block;padding:1px 8px;border-radius:10px;font-size:0.7rem;font-weight:600;background:var(--chord);color:white;line-height:1.6}.admin-book-actions{display:flex;align-items:center;gap:0.5rem;flex-shrink:0;margin-left:1rem}.admin-book-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid var(--ui-color);border-radius:20px;background:transparent;color:var(--link-color);cursor:pointer;font-size:0.82rem;text-decoration:none;transition:background 0.15s, border-color 0.15s;white-space:nowrap}.admin-book-btn:hover{background:var(--ui-color);border-color:var(--link-color)}.admin-book-btn svg{width:15px;height:15px;flex-shrink:0}.admin-book-copied{font-size:0.72rem;font-weight:600;color:#22c55e;background:rgba(34,197,94,0.1);padding:2px 8px;border-radius:10px;animation:admin-book-copied-fade 1.5s ease forwards;white-space:nowrap}@keyframes admin-book-copied-fade{0%{opacity:1}70%{opacity:1}100%{opacity:0}}body.css-night .admin-book-card{border-bottom-color:#333}body.css-night .admin-book-card:hover{background:var(--index-row-bg, rgba(255,255,255,0.03))}body.css-night .admin-books-search{background:var(--index-row-bg, #1a1a2e);border-color:#444}body.css-night .admin-books-search:focus{border-color:var(--link-color);box-shadow:0 0 0 3px rgba(0,0,0,0.3)}body.css-night .admin-book-btn{border-color:#444}body.css-night .admin-book-btn:hover{background:#333}body.css-night .admin-book-copied{background:rgba(34,197,94,0.15)}@media (max-width: 700px){.admin-book-card{flex-direction:column;align-items:flex-start;gap:0.75rem}.admin-book-actions{margin-left:0;width:100%;justify-content:flex-start;flex-wrap:wrap}.admin-book-btn{flex:1;justify-content:center;min-width:0}}.dragging{opacity:0.5;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.custom-book-row{display:flex;height:28px;line-height:28px}.custom-book-row:nth-child(even){background-color:var(--index-row-bg)}.custom-book-index{display:inline-block;padding:0 10px}.custom-book-remove-song-btn{margin-left:auto;padding-right:8px;cursor:pointer}.custom_book_search_list input{margin:15px auto;display:block;line-height:26px;padding:0 8px;border-radius:4px;border:1px solid lightgray}.custom_book_search_results{max-height:200px;overflow-y:scroll}.custom_book_search_list{border:1px solid lightgray;border-radius:4px;margin-bottom:60px}.custom-book-song-title{cursor:pointer}.admin-book-form{max-width:1100px;width:100%;margin:0 auto;box-sizing:border-box;padding:0 1rem 1.5rem}.admin-book-form .book-header{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:0.75rem}.admin-book-form .book-form-title{width:100%;box-sizing:border-box;padding:0.55rem 0.6rem;font-size:1rem;border-radius:6px;border:1px solid var(--ui-color);background:var(--background);color:var(--text)}.admin-book-form .book-form-email{font-size:1rem}.admin-book-form .book-form-hint{margin-top:-0.25rem;font-size:0.8rem;color:var(--comment-color)}.admin-book-form .book-builder{display:flex;gap:1rem;align-items:stretch}.admin-book-form .pane{flex:1 1 0;min-width:0;display:flex;flex-direction:column;padding:0.75rem 0 0.75rem 0.75rem;border:1px solid var(--ui-color);border-radius:8px;background:var(--background);box-shadow:0 1px 3px rgba(0,0,0,0.05)}.admin-book-form .pane-header{padding-right:0.75rem;display:flex;align-items:center;justify-content:space-between;gap:0.5rem;min-height:2.6rem;margin-bottom:0.5rem}.admin-book-form .pane-header h3{margin:0;font-size:1rem;flex-shrink:0}.admin-book-form .pane-header .search-row{flex:1;max-width:420px;margin-bottom:0}.admin-book-form .book-pane .pane-header h3{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-book-form .song-count{font-size:0.8rem;color:var(--comment-color)}.admin-book-form .search-row{position:relative;display:flex;gap:0.4rem}.admin-book-form .index_search{flex:1;min-width:0;box-sizing:border-box;padding:0.5rem;padding-right:2rem;font-size:0.95rem;border-radius:6px;border:1px solid var(--ui-color);background:var(--background);color:var(--text)}.admin-book-form .clear-search-btn{position:absolute;top:50%;right:0;transform:translateY(-50%);border:none;background:transparent;color:var(--comment-color);font-size:1.2rem;line-height:1;padding:0.25rem 0.5rem;cursor:pointer}.admin-book-form .clear-search-btn:hover{color:var(--text)}.admin-book-form .book-actions{display:flex;gap:0.5rem;flex-wrap:wrap;margin:0 0 0.75rem}.admin-book-form .action-btn{padding:0.45rem 0.9rem;font-size:0.9rem;border-radius:6px;cursor:pointer;border:1px solid var(--ui-color);background:transparent;color:var(--text)}.admin-book-form .action-btn.primary{background:#007bff;color:white;border-color:#007bff}.admin-book-form .action-btn.danger{color:#c0392b;border-color:var(--ui-color)}.admin-book-form .action-btn.danger:hover{background:#c0392b;color:white;border-color:#c0392b}.admin-book-form .songs,.admin-book-form .book-songs,.admin-book-form .find-results{flex:1;overflow-y:auto;max-height:60vh;min-height:8rem;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:var(--ui-color) transparent}.admin-book-form .songs::-webkit-scrollbar,.admin-book-form .book-songs::-webkit-scrollbar,.admin-book-form .find-results::-webkit-scrollbar{width:6px}.admin-book-form .songs::-webkit-scrollbar-thumb,.admin-book-form .book-songs::-webkit-scrollbar-thumb,.admin-book-form .find-results::-webkit-scrollbar-thumb{background:var(--ui-color);border-radius:3px}.admin-book-form .songs-empty{padding:2rem 1rem;text-align:center;color:var(--comment-color);font-size:0.9rem}.admin-book-form .song-item{display:flex;justify-content:flex-start;align-items:center;gap:0.5rem;padding:0.4rem 0.3rem;border-bottom:1px solid var(--ui-color)}.admin-book-form .song-item button{padding:0;background:none;border:none;border-radius:0;font-size:inherit;color:inherit}.admin-book-form .song-item .song-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-book-form .btn-icon{width:28px;height:28px;padding:0;border:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:0;line-height:0;cursor:pointer;transition:filter 0.15s, background-color 0.15s}.admin-book-form .btn-icon svg{display:block}.admin-book-form .btn-add{background-color:#007bff;color:white}.admin-book-form .btn-add:hover{filter:brightness(0.92)}.admin-book-form .btn-remove{background-color:transparent;color:var(--comment-color);border:1px solid var(--ui-color)}.admin-book-form .btn-remove:hover{background-color:#e54949;color:white;border-color:#e54949}.admin-book-form .btn-icon.btn-added{background-color:#2e7d32;color:#fff;cursor:default;pointer-events:none}.admin-book-form .book-song-number{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:#007bff;color:white;font-size:0.7rem;font-weight:bold;flex-shrink:0}.admin-book-form .drag-handle{cursor:grab;color:var(--comment-color);flex-shrink:0;display:inline-flex;align-items:center;padding:6px 2px;margin:-6px -2px;touch-action:none;user-select:none}.admin-book-form .drag-handle:active{cursor:grabbing}.admin-book-form .song-item.drag-over{box-shadow:inset 0 2px 0 #007bff}@media (max-width: 760px){.admin-book-form{padding:0 0.25rem 1.5rem}.admin-book-form .book-builder{flex-direction:column}.admin-book-form .songs,.admin-book-form .book-songs,.admin-book-form .find-results{max-height:42vh}.admin-book-form .find-pane .pane-header{flex-direction:column;align-items:stretch;gap:0.4rem}.admin-book-form .find-pane .pane-header .search-row{max-width:none}.admin-book-form .btn-icon{width:40px;height:40px}.admin-book-form .drag-handle{padding:10px 4px;margin:-10px -4px}.admin-book-form .clear-search-btn{padding:0.6rem 0.75rem}.admin-book-form .book-song-number{min-width:22px;height:22px;font-size:0.7rem}}.import-modal-overlay{position:fixed;inset:0;z-index:1001;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;padding:1rem}.import-modal{display:flex;flex-direction:column;width:100%;max-width:620px;max-height:90vh;background:var(--background, white);border:1px solid var(--ui-color);border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,0.25);overflow:hidden}.import-modal input,.import-modal select,.import-modal textarea{box-sizing:border-box;padding:0.45rem 0.5rem;font-size:0.9rem;font-family:inherit;border-radius:6px;border:1px solid var(--ui-color);background:var(--background, white);color:var(--text, inherit)}.import-modal-header{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;border-bottom:1px solid var(--ui-color)}.import-modal-header h2{margin:0;font-size:1.1rem}.modal-close{width:32px;height:32px;border:none;background:transparent;font-size:1.4rem;line-height:1;color:var(--comment-color);cursor:pointer;border-radius:6px}.modal-close:hover{background:var(--index-row-bg);color:var(--text)}.import-tabs{display:flex;border-bottom:1px solid var(--ui-color)}.import-tab{flex:1;padding:0.6rem;border:none;background:transparent;color:var(--comment-color);font-size:0.95rem;cursor:pointer;border-bottom:3px solid transparent}.import-tab.active{color:#007bff;border-bottom-color:#007bff}.modal-tab-body{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:0.6rem}.tab-hint{margin:0;font-size:0.85rem;color:var(--comment-color)}.source-picker{display:flex;flex-direction:column;gap:0.25rem}.source-picker label{font-size:0.85rem;color:var(--comment-color)}.source-picker select{width:100%}.checklist-controls{display:flex;flex-wrap:wrap;gap:0.4rem;align-items:center}.checklist-controls .checklist-filter{flex:1;min-width:140px}.checklist-controls .range-input{width:130px}.checklist-controls .range-select{display:flex;gap:0.25rem}.checklist-controls .select-buttons{display:flex;gap:0.25rem;margin-left:auto}.song-checklist{display:flex;flex-direction:column;max-height:45vh;overflow-y:auto;border:1px solid var(--ui-color);border-radius:6px}.checklist-row{display:flex;align-items:center;gap:0.5rem;padding:0.4rem 0.5rem;cursor:pointer;border-bottom:1px solid var(--ui-color)}.checklist-row:last-child{border-bottom:none}.checklist-row:hover{background:var(--index-row-bg, rgba(0,0,0,0.03))}.checklist-row.checked{background:rgba(0,123,255,0.1)}.checklist-row input{margin:0;accent-color:#007bff}.checklist-number{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;padding:0 4px;font-size:0.75rem;font-weight:bold;color:var(--comment-color);flex-shrink:0}.checklist-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checklist-lang{font-size:0.75rem;color:var(--comment-color);flex-shrink:0}.checklist-empty{padding:1.5rem 1rem;text-align:center;color:var(--comment-color);font-size:0.9rem}.paste-textarea{width:100%;resize:vertical}.paste-actions{display:flex;gap:0.5rem}.paste-error{color:#c0392b;font-size:0.85rem}.paste-preview{display:flex;flex-direction:column;gap:0.6rem}.paste-truncated{color:var(--comment-color);font-style:italic;font-size:0.85rem}.preview-group{display:flex;flex-direction:column;gap:0.15rem}.preview-subhead{font-size:0.8rem;color:var(--comment-color);margin-top:0.3rem}.preview-row{display:flex;align-items:center;gap:0.5rem;padding:0.3rem 0.25rem}.preview-row.matched{cursor:pointer}.preview-row.matched input{margin:0;accent-color:#007bff}.preview-row.matched.unchecked .preview-title{color:var(--comment-color)}.preview-status{width:1.2rem;text-align:center;flex-shrink:0;font-weight:bold}.preview-status.ok{color:#2e7d32}.preview-row.unmatched .preview-status{color:#c0392b}.preview-row.ambiguous .preview-status{color:#b8860b}.preview-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-title.muted{color:var(--comment-color);font-style:italic}.preview-lang{font-size:0.75rem;color:var(--comment-color);flex-shrink:0}.ambiguous-pick{display:flex;flex-direction:column;gap:0.25rem;flex:1;min-width:0}.ambiguous-line{font-size:0.85rem;color:var(--comment-color);font-style:italic}.ambiguous-select{width:100%}.added-flash{padding:0.6rem 1rem;background:rgba(76,175,80,0.15);color:#2e7d32;font-size:0.85rem;border-top:1px solid var(--ui-color)}.import-modal-footer{display:flex;align-items:center;gap:0.75rem;justify-content:flex-end;padding:0.75rem 1rem;border-top:1px solid var(--ui-color);background:var(--background, white)}.selected-count{margin-right:auto;font-size:0.85rem;color:var(--comment-color)}.import-modal .btn{width:auto;padding:0.5rem 1rem;border-radius:6px;cursor:pointer;border:1px solid transparent;font-size:0.9rem}.import-modal .btn-primary{background:#007bff;color:white}.import-modal .btn-primary:disabled{opacity:0.5;cursor:default}.import-modal .btn-ghost{background:transparent;color:var(--text, inherit);border-color:var(--ui-color)}.import-modal .btn-ghost:disabled{opacity:0.5;cursor:default}@media (max-width: 600px){.import-modal{max-width:100%;max-height:100vh;border-radius:0}.modal-close{width:44px;height:44px}}.book-form-actions{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;justify-content:flex-end;margin-top:1rem;padding:0.5rem 1rem}.book-form-actions .btn{width:auto;padding:0.55rem 1.25rem;border-radius:6px;font-size:0.95rem;cursor:pointer}.book-form-actions .btn-cancel{background:transparent;border:1px solid var(--ui-color);color:var(--text)}.book-form-actions .btn-cancel:hover{background:var(--index-row-bg, rgba(0,0,0,0.05))}.book-form-actions .btn.btn-update{background-color:#2e7d32;color:#fff;border:none;font-weight:600}.book-form-actions .btn.btn-update:hover{background-color:#256628}.book-form-actions .book-form-delete{margin-right:auto}@media (max-width: 760px){.book-form-actions{position:static;bottom:auto;z-index:auto;border-top:1px solid var(--ui-color)}}.admin-book-form{--comment-color: #666}body.css-night .admin-book-form{--comment-color: #aaa}body.css-night .admin-book-form .book-form-title,body.css-night .admin-book-form .index_search{background-color:#111;color:white;border-color:#444}body.css-night .admin-book-form .pane{background-color:#161616;border-color:#333}body.css-night .admin-book-form .song-item{border-bottom-color:#333}body.css-night .admin-book-form .song-item button{background:none}body.css-night .admin-book-form .btn-add{background-color:#007bff}body.css-night .admin-book-form .btn-icon.btn-added{background-color:#3a8a3e;color:#fff}body.css-night .admin-book-form .book-song-number{background-color:#007bff;color:black}body.css-night .admin-book-form .drag-handle{color:#aaa}body.css-night .admin-book-form .song-item.drag-over{box-shadow:inset 0 2px 0 #007bff}body.css-night .import-modal{background-color:#161616;border-color:#333;box-shadow:0 10px 40px rgba(0,0,0,0.6)}body.css-night .import-modal input,body.css-night .import-modal select,body.css-night .import-modal textarea{background-color:#111;color:white;border-color:#444}body.css-night .import-modal-header,body.css-night .import-modal-footer,body.css-night .import-tabs{border-color:#333}body.css-night .import-modal-footer{background-color:#161616}body.css-night .added-flash{background-color:rgba(76,175,80,0.2);color:#8de08d;border-top-color:#333}.maintenance_mode{height:100%;height:-webkit-fill-available;height:-moz-available;display:flex;justify-content:center;align-items:center}.user_nav{text-align:right}.sign_in_google{width:200px;padding:0;display:inline-block;background:none;border:none}.sign_in_google img{width:100%}#sign_out{margin-left:10px;padding:10px;background-color:#d4d4d4;border-radius:5px;text-decoration:none}.book-icon{cursor:pointer;position:absolute;left:24px;top:22px;height:24px;width:22px;border-radius:2px;border-top-left-radius:6px;background-color:var(--ui-color)}.book-icon>div{position:absolute;left:-3px;top:2px;height:26px;width:19px;border:2px solid var(--background);border-radius:2px;background-color:var(--ui-color)}.book-icon .book-icon-marker{border-color:var(--background)}.book-icon-close{margin-top:-5px;margin-left:-5px;width:12px;height:12px;background-color:var(--ui-color);border:1px solid var(--background);border-radius:12px}.book-icon-close .book-icon-close-x1{height:10px;width:1px;margin-left:5px;margin-top:1px;background-color:var(--background);transform:rotate(45deg);z-index:1}.book-icon-close .book-icon-close-x2{height:10px;width:1px;background-color:var(--background);transform:rotate(-90deg);z-index:2}.settings-container{max-width:480px;margin:0 auto;padding:20px 16px 40px}.song-app.settings-page{max-width:760px}@media (min-width: 720px){.settings-container{max-width:760px}}.settings-section{background:var(--background);border:1px solid var(--ui-color);border-radius:8px;padding:16px}.settings-section h2{font-size:14px;text-transform:uppercase;letter-spacing:0.5px;color:var(--comment-color);margin:0 0 12px 0;font-weight:600}.settings-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 720px){.settings-grid{grid-template-columns:minmax(0, 1fr) minmax(0, 340px);align-items:start}}.settings-side{display:flex;flex-direction:column;gap:18px}.lang-grid{display:flex;flex-direction:column}.lang-grid label{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:4px;cursor:pointer;transition:background 0.15s}.lang-grid label:hover{background:var(--index-row-bg)}.lang-grid label input[type="checkbox"]{accent-color:#007bff;width:16px;height:16px;flex-shrink:0}.lang-label{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px}.theme-toggle-row{display:flex;align-items:center;gap:12px}.theme-toggle{position:relative;width:48px;height:26px;flex-shrink:0}.theme-toggle input{opacity:0;width:0;height:0}.theme-toggle .toggle-track{position:absolute;inset:0;background:#ccc;border-radius:13px;cursor:pointer;transition:background 0.25s}.theme-toggle .toggle-track::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;background:white;border-radius:50%;transition:transform 0.25s}.theme-toggle input:checked+.toggle-track{background:#007bff}.theme-toggle input:checked+.toggle-track::after{transform:translateX(22px)}.theme-label{font-size:14px;color:var(--text)}.reset-section .reset-info{font-size:13px;color:var(--comment-color);margin-bottom:12px;line-height:1.4}.reset-section .reset-cache-row{display:flex;align-items:center;gap:12px}.reset-section button{padding:6px 16px;color:var(--text);background:var(--background);border:1px solid var(--ui-color);border-radius:4px;cursor:pointer;font-size:14px;transition:border-color 0.15s}.reset-section button:hover{border-color:#007bff}.reset-section button:active{opacity:0.7}.reset-section .counter{font-size:13px;color:var(--comment-color)}.install-section p{margin:0 0 8px 0;font-size:14px;line-height:1.5;color:var(--text)}.install-section p b{color:var(--title)}.support-section p{margin:0;font-size:14px;line-height:1.5;color:var(--text)}.support-section a{color:var(--link-color, #007bff)}.help-section{margin-top:16px}.help-section details{border-top:1px solid var(--ui-color);padding:10px 0}.help-section details:first-of-type{border-top:none;padding-top:0}.help-section details summary{cursor:pointer;font-size:14px;font-weight:500;color:var(--text);list-style:none}.help-section details summary::-webkit-details-marker{display:none}.help-section details summary::before{content:'▸';display:inline-block;margin-right:8px;color:var(--comment-color);transition:transform 0.2s}.help-section details[open] summary::before{transform:rotate(90deg)}.help-section details p{margin:8px 0 0 0;font-size:13px;line-height:1.5;color:var(--comment-color)}.loading-spinner{display:inline-block;width:16px;height:16px;margin-left:8px;vertical-align:middle;border:2px solid var(--ui-color);border-bottom-color:transparent;border-radius:50%;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.song-app{max-width:380px;margin:auto;padding:0 5px;text-align:center}.song-app>*{text-align:left}.home-title-row{display:flex;align-items:center;justify-content:center;margin-inline:40px;margin-top:5px;margin-bottom:28px}.home-title-row .home-title{margin:0;flex:1;text-align:center}.home-title-row .home-title-close{background:none;border:none;color:var(--ui-color);font-size:16px;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:4px;transition:color 0.15s}.home-title-row .home-title-close:hover{color:#e74c3c}.home-title-row .home-title-edit{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--ui-color);border-radius:4px;color:var(--ui-color);flex-shrink:0;margin-left:6px;transition:color 0.15s, border-color 0.15s}.home-title-row .home-title-edit:hover{color:#007bff;border-color:#007bff}.home-title{font-size:1.8em;text-align:center}.home-title:hover{cursor:pointer}.loading{text-align:center;opacity:1;animation:fade 2s linear infinite;position:fixed;width:100vw;left:0;top:0;margin-top:calc(50vh - 20px);font-size:1.2em}@keyframes fade{0%,100%{opacity:0}40%{opacity:1}60%{opacity:1}}div[data-react-class='SongDisplay']{display:initial}.song-container{text-align:center}.title-number{display:inline-block;color:var(--comment-color);margin-left:15px;margin-bottom:15px}.lyrics{width:auto;margin-left:20px;display:inline-block;text-align:left;tab-size:22px}.lyrics .capo{user-select:none}.lyrics .transpose-symbol{all:unset;display:inline-block;color:var(--ui-color);opacity:50%;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:25px;height:25px}.lyrics .transpose-symbol>svg{width:100%;height:100%;stroke:var(--ui-color);fill:var(--ui-color)}.lyrics .musical-tie{width:5px;display:inline-block;position:relative;top:3px;left:-2px;font-size:9px}.lyrics .comment,.lyrics .transpose-preset{color:var(--comment-color);font-size:90%}.lyrics .transpose-preset{display:block;padding-right:15px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lyrics .song-controls>div{display:flex;gap:4px;align-items:center;color:var(--comment-color)}.lyrics .song-controls{margin-bottom:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:right;display:grid;grid-template-columns:3fr 1fr}.lyrics .transpose-controls{grid-column-start:2;grid-row-start:1;flex-direction:row-reverse}.lyrics .chord-word{display:inline-block;padding-top:17px;height:17px;position:relative}.lyrics .chord-word .chord{color:var(--chord);white-space:pre;position:absolute;bottom:17px;font-weight:normal;font-style:normal}.lyrics .chord-word::after{content:"";display:inline-block}.lyrics .bookmark{display:none !important;position:absolute;top:0px;right:32%}.lyrics .line{min-height:12px;vertical-align:bottom;white-space:pre-wrap}.lyrics .stanza-number{position:absolute;margin-left:-25px}.lyrics .stanza-number.with-chords{margin-top:17px}[data-uncopyable-text]::after{content:attr(data-uncopyable-text)}.show-music-controls{position:absolute;top:22px;right:21px;width:30px;height:30px}.show-music-controls svg{fill:var(--ui-color);fill-rule:evenodd;stroke:var(--ui-color);height:30px}.chorus{padding-left:22px;tab-size:0}.share-song{position:absolute;bottom:15px;right:20px}.share-song svg{fill:var(--ui-color);stroke:var(--ui-color);height:30px}.share-song-success{position:absolute;top:-50px;left:-40px;border:1px solid;border-radius:4px;padding:8px 12px;opacity:0;z-index:1000}.fadeOut{animation:fadeOut 1.2s ease-out}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}100%{opacity:0}}.tune-selector{fill:var(--comment-color);color:var(--comment-color);font-size:90%;position:relative;cursor:pointer;text-align:left;grid-column-start:1;grid-row-start:1}.tune-selector svg{width:18px;border:1px solid;border-radius:2px;margin-right:8px}.tune-select-box{text-align:left;position:absolute;background-color:var(--background);top:32px;padding:0px;width:240px;z-index:1050;border-radius:6px;border:1px solid;box-shadow:2px 2px 4px;cursor:pointer}.tune-select-box div{padding:12px 0;padding-left:28px}.tune-select-box div+div{border-top:1px solid}.tune-select-box .tune-select:hover{font-weight:bold}.selected-tune-check{position:absolute;left:9px}.song-form .lyric-form{display:grid;grid-template-columns:1fr 1fr}.song-form .lyric-form div.form,.song-form .lyric-form div.preview{grid-column:span 1}.song-form-textbox{min-height:500px;width:90%;height:98%;padding-left:8px;padding-top:5px;border-color:lightgrey;border-radius:6px}.song-form-title,.book-form-title{width:100%;padding:6px;font-size:120%;border:1px solid lightgrey;border-radius:4px;background:none}.actions{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:0.6rem}.actions>*{width:100%;max-width:240px;box-sizing:border-box}.language-links{margin-top:20px;margin-bottom:10px}.language-links h2{margin-bottom:10px}.language-links .linked-song-remove{background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:0}.language-links .linked-song-remove:hover{color:#c00}.language-links .no-links-message{color:#888;font-style:italic;margin:0}.language-links .admin-comment{margin-top:8px}.index_row{all:unset;padding:5px 8px;font-size:120%;line-height:1.1;width:100%;display:block;box-sizing:border-box}.index_row:focus{border:1px solid #0C79E8;border-radius:3px;font-weight:bold}.index_row:hover{font-weight:bold;cursor:pointer;background-color:color-mix(in srgb, var(--index-row-bg) 50%, transparent)}.index_row:nth-child(even){background-color:var(--index-row-bg)}.index_row_book_index{color:#777;padding-left:8px}.index_row_title{display:flex;justify-content:space-between;align-items:center}.create-book-btn{text-decoration:none;color:var(--text)}.create-book-btn:hover{color:var(--text);background-color:transparent}.book-edit-btn{display:flex;align-items:center;padding:4px;color:var(--ui-color);text-decoration:none}.book-edit-btn svg{width:16px;height:16px}.book-edit-btn:hover{color:var(--text)}.index_row_tag{display:block;margin:4px 0;font-size:14px;color:grey}.search-row{position:relative;margin:0 auto 10px auto}.song-index .search-row{display:flex;justify-content:center;align-items:center;gap:6px}.song-index .search-form{margin:0;flex:1;min-width:0}.search-form{position:relative;display:flex;align-items:center;margin:0 auto;width:fit-content}.search-form .index_search{padding:4px 8px;padding-right:31px;width:100%;height:30px;background-color:var(--background);color:var(--text);border-radius:2px;border:1px solid #777;padding-bottom:5px}.search-form .btn_clear_search{position:absolute;right:0;top:0;line-height:30px;padding:5px 12px;color:var(--ui-color)}.search-form .btn_clear_search:hover{cursor:pointer;color:var(--text)}.title-list{position:relative}.btn-sort{display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ui-color);padding:3px;border-radius:6px}.btn-sort svg{width:24px;height:24px}.btn-sort:hover{color:var(--text)}.btn-history{display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ui-color);padding:3px;border-radius:6px}.btn-history svg{width:24px;height:24px}.btn-history:hover{color:var(--text)}.btn-history.active{color:var(--text);background:color-mix(in srgb, var(--ui-color) 30%, transparent)}.history-empty{padding:24px 8px;color:var(--ui-color);font-size:14px;text-align:center}.song-index .share-song{position:fixed;cursor:pointer}.settings-btn{position:absolute;top:20px;right:20px;width:30px;fill:var(--ui-color)}.settings-btn img{width:100%}.settings-btn:hover{cursor:pointer}.home-btn{position:absolute;top:20px;left:20px;width:30px;fill:var(--ui-color)}.home-btn img{width:100%}.home-btn:hover{cursor:pointer}.kabob-container{position:relative;display:flex;align-items:center}.kabob-button,.kabob-menu{font-weight:normal}.kabob-button{background:none;border:none;padding:4px;cursor:pointer;color:var(--text);display:flex;align-items:center}.kabob-button svg{width:20px;height:20px}.kabob-button:hover{color:var(--text)}.kabob-menu{position:absolute;right:0;top:100%;background:var(--background);border:1px solid var(--ui-color);border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.2);z-index:100;min-width:150px}.kabob-menu-item{display:flex;align-items:center;gap:8px;padding:10px 14px;color:var(--text);text-decoration:none;font-size:14px;white-space:nowrap}.kabob-menu-item svg{width:16px;height:16px;flex-shrink:0}.kabob-menu-item:hover{background:var(--ui-color);color:var(--background)}.kabob-menu-item:first-child{border-radius:4px 4px 0 0}.kabob-menu-item:last-child{border-radius:0 0 4px 4px}.kabob-menu-item.kabob-menu-item-trash svg{width:16px;height:16px}.kabob-copied{position:absolute;right:100%;top:0;margin-right:10px;padding:6px 10px;background:var(--background);border:1px solid var(--text);border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;animation:fadeOut 1.2s ease-out}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}100%{opacity:0}}.song-print{white-space:break-spaces}@media print{.note{display:none !important}}.note{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#777;margin-bottom:40px}.note+.note{margin-top:-20px}.song-references{-ms-user-select:none;-webkit-user-select:none;user-select:none;margin-left:20px;margin-top:48px;margin-bottom:55px;color:var(--comment-color);text-align:left}.song-references:hover{cursor:pointer}.song-reference{padding:4px 0}.lang-link-list.with-line{margin-top:10px;padding-top:10px;border-top:1px solid}.lang-link-list{text-align:left;-ms-user-select:none;-webkit-user-select:none;user-select:none;color:var(--comment-color);max-width:80%}.language_link{padding:4px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%}.language_link:hover{cursor:pointer}button.song-reference-toggle{height:32px;width:32px;background:none;border:none;padding:0;color:var(--comment-color);fill:var(--comment-color);z-index:10;position:absolute;bottom:15px;left:20px}button.song-reference-toggle svg{height:100%;fill:currentColor}button.song-reference-toggle:hover{cursor:pointer}.language_link_row{display:flex;align-items:center;gap:8px;padding:4px 0}.language_link_row .language_link{flex:1;min-width:0}.add-translation-btn{background:var(--background);border:1px solid var(--comment-color);color:var(--comment-color);font-size:16px;line-height:1;width:24px;height:24px;padding:0;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.2s ease}.add-translation-btn:hover:not(:disabled){background:var(--comment-color);color:var(--background)}.add-translation-btn:disabled{opacity:0.5;cursor:default;background:var(--comment-color);color:var(--background);border-color:var(--comment-color)}.add-translation-btn.displayed{background:var(--comment-color);color:var(--background)}.active-translations-section{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--ui-color)}.translations-label{font-size:11px;color:var(--comment-color);margin-bottom:5px;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}.active-translation-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.translation-link{flex:1;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--text);font-size:13px}.translation-link:hover{text-decoration:underline}.remove-translation-btn{background:var(--background);border:1px solid var(--comment-color);color:var(--comment-color);font-size:18px;line-height:1;width:24px;height:24px;padding:0;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:8px;transition:all 0.2s ease}.remove-translation-btn:hover{background:var(--comment-color);color:var(--background)}.translation-display{margin-top:30px;padding-top:20px;border-top:1px solid var(--ui-color)}.translation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:4px 8px;border-left:2px solid var(--ui-color);background:transparent}.translation-language{font-weight:400;font-size:12px;text-transform:capitalize;color:var(--comment-color);letter-spacing:0.5px}.translation-remove-btn{background:transparent;border:none;color:var(--comment-color);font-size:18px;line-height:1;width:24px;height:24px;padding:0;cursor:pointer;border-radius:2px;display:flex;align-items:center;justify-content:center;opacity:0.6}.translation-remove-btn:hover{opacity:1;background:var(--text);color:var(--background)}body{font-family:verdana, arial, helvetica, sans-serif}p,ol,ul,td{font-family:verdana, arial, helvetica, sans-serif;margin:33px}input,textarea,select,button{font-size:100%}pre{background-color:#eee;padding:10px;font-size:80%}a{color:var(--link-color);text-decoration:none}a:hover{color:#fff;background-color:#333}th{padding-bottom:5px}td{padding-bottom:7px;padding-left:5px;padding-right:5px}div.field,div.actions{margin-bottom:10px}#notice{color:#41ab19;background-color:#ddeadd}#alert{color:#f70505;background-color:#ffd1d1}body.css-night #notice{color:#90ee93;background-color:#1a2e1a}body.css-night #alert{color:#ff6b6b;background-color:#2e1a1a}#notice,#alert{padding:20px;border-radius:5px}.field_with_errors{padding:2px;background-color:red;display:table}#error_explanation{width:450px;border:2px solid red;padding:7px;padding-bottom:0;margin-bottom:20px;background-color:#f0f0f0}#error_explanation h2{text-align:left;font-weight:bold;padding:5px 5px 5px 15px;font-size:100%;margin:-7px;margin-bottom:0;background-color:#c00;color:#fff}#error_explanation ul li{font-size:100%;list-style:square}label{display:block}body{--text: #333;--background: white;--title: #333;--index-row-bg: #F2F2F2;--chord: #1f45ff;--link-color: #333;--comment-color: #aaa;--ui-color: #ccc;--accent: #007bff;--accent-hover: #0069d9;--accent-contrast: #fff;--header-bg: #fff;--header-border: #e4e4e4;--header-shadow: 0 1px 3px rgba(0, 0, 0, 0.08)}body.css-night{--text: white;--background: #000;--title: #fff;--index-row-bg: #222;--chord: #aaa;--link-color: #aaa;--comment-color: #aaa;--ui-color: #aaa;--accent: #3d8bff;--accent-hover: #5a9dff;--accent-contrast: #07111f;--header-bg: #161616;--header-border: #2e2e2e;--header-shadow: 0 1px 4px rgba(0, 0, 0, 0.5)}html{font-size:clamp(14px, calc(19.33px - 0.667vw), 16px)}@media (max-width: 499px){.home-title-row{margin-top:0px}}body{color:var(--text);background-color:var(--background);font-size:100%;position:relative;min-height:calc(100vh - 16px);margin:8px}.application-container{max-width:800px;margin:auto;padding:20px 30px}@media (max-width: 400px){.application-container{padding:20px 10px}}h4{display:inline-block}.test{width:50px;height:50px}h1{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--title)}h2{margin-top:30px;color:var(--title)}.text-center{text-align:center}.centered{text-align:center}.centered>*{text-align:left}.bottom-nav-buttons{margin-top:50px;margin-bottom:20px;text-align:center}