.join-modal-backdrop{z-index:1200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box;background-color:#000000a6;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.join-modal-container{background-color:var(--bg-card,#fff);border:1px solid var(--border-light,#e9ecef);border-radius:20px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000040}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.join-modal-header{border-bottom:1px solid var(--border-light,#e9ecef);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.join-modal-title-group{align-items:center;gap:10px;display:flex}.join-modal-title-icon{color:var(--accent-primary,#3b82f6)}.join-modal-title{color:var(--text-primary,#1e293b);font-size:1.1rem;font-weight:700}.join-modal-close-btn{width:36px;height:36px;color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.join-modal-close-btn:hover{background-color:var(--bg-hover,#f1f5f9);color:var(--text-primary,#1e293b)}.join-modal-tabs{background-color:var(--bg-main,#f8fafc);border-bottom:1px solid var(--border-light,#e9ecef);gap:6px;padding:6px 12px;display:flex}.join-modal-tab-btn{color:var(--text-muted,#64748b);cursor:pointer;white-space:nowrap;background-color:#0000;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 6px;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.join-modal-tab-btn:hover{background-color:var(--bg-hover,#e2e8f0);color:var(--text-primary,#1e293b)}.join-modal-tab-btn.is-active{background-color:var(--bg-card,#fff);color:var(--accent-primary,#3b82f6);font-weight:700;box-shadow:0 2px 6px #0000000f}.join-modal-body{flex:1;min-height:0;padding:20px;overflow-y:auto}.join-tab-panel{flex-direction:column;gap:16px;display:flex}.join-guide-banner{background-color:var(--accent-glow,#3b82f614);border:1px solid color-mix(in srgb, var(--accent-primary,#3b82f6) 20%, transparent);color:var(--text-primary,#1e293b);border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.join-guide-icon{color:var(--accent-primary,#3b82f6);flex-shrink:0;margin-top:1px}.join-guide-text{color:var(--text-secondary,#475569);font-size:.85rem;line-height:1.45}.join-guide-text strong{color:var(--accent-primary,#3b82f6)}.join-search-bar{gap:8px;display:flex}.join-search-input{border:1px solid var(--border-light,#cbd5e1);background-color:var(--bg-main,#f8fafc);min-width:0;color:var(--text-primary,#1e293b);border-radius:10px;outline:none;flex:1;padding:11px 14px;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.join-search-input:focus{border-color:var(--accent-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f626}.join-search-btn{background-color:var(--accent-primary,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:0 18px;font-size:.9rem;font-weight:700;transition:opacity .15s;display:flex}.join-search-btn:disabled{opacity:.5;cursor:not-allowed}.join-results-container{flex-direction:column;gap:10px;min-height:120px;display:flex}.join-empty-state{text-align:center;color:var(--text-muted,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;font-size:.88rem;display:flex}.team-result-card{background-color:var(--bg-main,#f8fafc);border:1px solid var(--border-light,#e2e8f0);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.team-result-card.is-highlight{border-color:var(--accent-primary,#3b82f6);background-color:var(--accent-glow,#3b82f60f)}.team-result-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.team-result-avatar{background:linear-gradient(135deg, var(--accent-primary,#3b82f6), #2563eb);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex}.team-result-details{flex-direction:column;gap:2px;min-width:0;display:flex}.team-result-name{color:var(--text-primary,#1e293b);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.team-result-code{color:var(--text-muted,#64748b);font-size:.76rem}.team-result-code code{background-color:var(--bg-hover,#e2e8f0);color:var(--text-primary,#1e293b);border-radius:4px;padding:1px 5px;font-family:monospace;font-weight:600}.team-result-desc{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.btn-request-join{background-color:var(--accent-primary,#3b82f6);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:700;transition:opacity .15s}.btn-request-join:hover{opacity:.9}.btn-status-joined{border:1px solid var(--border-light,#cbd5e1);color:var(--text-muted,#64748b);cursor:pointer;background-color:#0000;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:.82rem;font-weight:600;display:flex}.badge-pending{color:#f59e0b;white-space:nowrap;background-color:#f59e0b1f;border-radius:8px;padding:6px 10px;font-size:.78rem;font-weight:700}.qr-scanner-view{flex-direction:column;gap:14px;display:flex}.qr-viewfinder-container{aspect-ratio:1;background-color:#000;border-radius:16px;justify-content:center;align-items:center;width:100%;max-height:280px;margin:0 auto;display:flex;position:relative;overflow:hidden}.qr-video-feed{object-fit:cover;width:100%;height:100%}.qr-viewfinder-overlay{pointer-events:none;border:2px solid #ffffff59;border-radius:12px;position:absolute;inset:15%}.qr-scan-laser{background:linear-gradient(90deg, transparent, var(--accent-primary,#3b82f6), transparent);height:2px;box-shadow:0 0 8px var(--accent-primary,#3b82f6);animation:2s linear infinite alternate scanLaser;position:absolute;top:0;left:0;right:0}@keyframes scanLaser{0%{top:0%}to{top:98%}}.qr-camera-error{color:#ef4444;background-color:#ef44441a;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:.82rem;line-height:1.4;display:flex}.qr-file-upload-row{justify-content:center;display:flex}.btn-upload-qr-file{border:1px solid var(--border-light,#cbd5e1);background-color:var(--bg-main,#f8fafc);color:var(--text-primary,#1e293b);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:600;transition:all .15s;display:flex}.btn-upload-qr-file:hover{background-color:var(--bg-hover,#e2e8f0)}.qr-scanned-result-view{flex-direction:column;gap:14px;padding:8px 0;display:flex}.qr-success-badge{color:#10b981;background-color:#10b9811f;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.9rem;font-weight:700;display:flex}.qr-scanned-actions{gap:10px;display:flex}.btn-rescan{border:1px solid var(--border-light,#cbd5e1);background-color:var(--bg-main,#f8fafc);color:var(--text-primary,#1e293b);cursor:pointer;border-radius:10px;flex:1;padding:12px;font-size:.9rem;font-weight:600}.btn-proceed-join{background-color:var(--accent-primary,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:1.5;padding:12px;font-size:.9rem;font-weight:700}.qr-display-view{flex-direction:column;align-items:center;gap:16px;display:flex}.qr-team-selector-row{flex-direction:column;gap:6px;width:100%;display:flex}.qr-team-label{color:var(--text-secondary,#475569);font-size:.8rem;font-weight:600}.qr-team-select{border:1px solid var(--border-light,#cbd5e1);background-color:var(--bg-main,#f8fafc);width:100%;color:var(--text-primary,#1e293b);border-radius:10px;outline:none;padding:10px 12px;font-size:.9rem;font-weight:600}.qr-code-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex;box-shadow:0 10px 25px #00000014}.qr-code-image{width:220px;height:220px;display:block}.qr-placeholder{color:#94a3b8;justify-content:center;align-items:center;width:220px;height:220px;font-size:.88rem;display:flex}.qr-team-badge{color:#0f172a;font-size:.92rem;font-weight:800}.qr-info-box{flex-direction:column;gap:10px;width:100%;display:flex}.qr-code-display-row{background-color:var(--bg-main,#f8fafc);border:1px solid var(--border-light,#e2e8f0);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.qr-code-label{color:var(--text-muted,#64748b);flex-shrink:0;font-size:.82rem;font-weight:700}.qr-code-val{color:var(--accent-primary,#3b82f6);text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:.95rem;font-weight:700;overflow:hidden}.btn-copy-chip{border:1px solid var(--border-light,#cbd5e1);background-color:var(--bg-card,#fff);color:var(--text-primary,#1e293b);cursor:pointer;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:5px 10px;font-size:.78rem;font-weight:600;transition:background-color .15s;display:flex}.btn-copy-chip:hover{background-color:var(--bg-hover,#f1f5f9)}.btn-copy-invite-link{background-color:var(--accent-primary,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:.92rem;font-weight:700;transition:opacity .15s;display:flex}.btn-copy-invite-link:hover{opacity:.92}.qr-leader-guide-box{background-color:var(--bg-main,#f8fafc);border:1px solid var(--border-light,#e2e8f0);color:var(--text-secondary,#475569);border-radius:12px;padding:12px 14px;font-size:.8rem;line-height:1.5}.qr-leader-guide-box strong{color:var(--text-primary,#1e293b)}@media (width<=480px){.join-modal-container{border-radius:16px;max-height:94vh}.join-modal-body{padding:16px}.qr-code-image{width:190px;height:190px}}.community-sidebar-wrapper{flex-shrink:0;height:100%;display:flex;position:relative}.community-sidebar-container{background:var(--bg-sidebar,#f8f9fa);border-right:1px solid var(--border-light,#e9ecef);width:280px;height:100%;color:var(--text-primary,#212529);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;overflow:hidden}.community-sidebar-scroll-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}@media (width<=768px){.community-sidebar-wrapper{top:calc(var(--shell-header-height,60px) + env(safe-area-inset-top,0px));z-index:1050;background:var(--bg-sidebar,#f8f9fa);box-sizing:border-box;width:100%;position:fixed;bottom:0;left:0;right:0}.community-sidebar-container{box-shadow:none;box-sizing:border-box;border-right:none;flex-direction:column;display:flex;width:100%!important;max-width:100%!important;height:100%!important;padding-bottom:0!important;overflow:hidden!important}}.team-switcher{border-bottom:1px solid var(--border-light,#e9ecef);background:var(--bg-card,#fff);padding:12px 14px;position:relative}.team-switcher__trigger{border:1px solid var(--border-light,#e9ecef);background:var(--bg-main,#fff);width:100%;color:var(--text-primary,#212529);cursor:pointer;text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;transition:all .15s;display:flex}.team-switcher__trigger:hover{background:var(--bg-hover,#f1f3f5);border-color:var(--accent-primary,#3b82f6)}.team-switcher__team-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.team-switcher__avatar{background:linear-gradient(135deg, var(--accent-primary,#3b82f6), #2563eb);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 2px 4px #3b82f640}.team-switcher__text{flex-direction:column;gap:2px;min-width:0;display:flex}.team-switcher__label{text-transform:uppercase;color:var(--text-muted,#868e96);letter-spacing:.5px;font-size:.68rem;font-weight:600}.team-switcher__name{color:var(--text-primary,#212529);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:700;overflow:hidden}.team-switcher__chevron{color:var(--text-muted,#868e96);flex-shrink:0;transition:transform .2s}.team-switcher__chevron.is-open{transform:rotate(180deg)}.team-switcher__dropdown{z-index:1000;background:var(--bg-card,#fff);border:1px solid var(--border-light,#e9ecef);border-radius:12px;max-height:360px;padding:6px;animation:.15s cubic-bezier(.16,1,.3,1) dropdownSlideDown;position:absolute;top:calc(100% + 4px);left:12px;right:12px;overflow-y:auto;box-shadow:0 10px 25px -5px #00000026,0 0 1px 1px #0000000d}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.team-switcher__dropdown-header{color:var(--text-muted,#868e96);padding:6px 10px 4px;font-size:.72rem;font-weight:700}.team-switcher__item{width:100%;color:var(--text-primary,#212529);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:.88rem;transition:background .12s;display:flex}.team-switcher__item:hover{background:var(--bg-hover,#f1f3f5)}.team-switcher__item.is-selected{background:var(--accent-glow,#3b82f61a);color:var(--accent-primary,#3b82f6);font-weight:600}.team-switcher__item-content{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.team-switcher__item-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.team-switcher__role-badge{background:var(--bg-hover,#e9ecef);color:var(--text-secondary,#495057);border-radius:10px;padding:1px 6px;font-size:.68rem;font-weight:600}.team-switcher__role-badge.is-admin{color:var(--accent-primary,#3b82f6);background:#3b82f61f}.team-switcher__divider{background:var(--border-light,#e9ecef);height:1px;margin:6px 0}.team-switcher__action-btn{width:100%;color:var(--text-secondary,#495057);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:.85rem;transition:background .12s,color .12s;display:flex}.team-switcher__action-btn:hover{background:var(--bg-hover,#f1f3f5);color:var(--accent-primary,#3b82f6)}.team-switcher__empty{flex-direction:column;gap:6px;padding:6px 8px;display:flex}.team-switcher__empty-text{color:var(--text-muted,#868e96);font-size:.82rem;line-height:1.4}.community-teams-section{flex-direction:column;flex:1;gap:4px;min-height:0;padding:10px 12px;display:flex;overflow-y:auto}.community-teams-header{cursor:pointer;color:var(--text-muted,#868e96);letter-spacing:.5px;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 8px;font-size:.75rem;font-weight:700;display:flex}.community-teams-header:hover{color:var(--text-primary,#212529)}.community-sidebar-footer{padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-light,#e9ecef);background:var(--bg-card,#fff);z-index:20;flex-shrink:0;position:relative;box-shadow:0 -4px 16px #0000000d}.community-join-invite-btn{border:1px solid var(--accent-primary,#3b82f6);background:var(--accent-primary,#3b82f6);color:#fff;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:.92rem;font-weight:700;transition:all .15s;display:flex;box-shadow:0 3px 10px #3b82f647}.community-join-invite-btn:hover{filter:brightness(1.08);box-shadow:0 4px 14px #3b82f661}.community-join-invite-btn:active{transform:scale(.98)}.live-modal-backdrop{z-index:9999;padding:var(--space-4);-webkit-backdrop-filter:blur(8px);background:#000000a6;justify-content:center;align-items:center;animation:.2s cubic-bezier(.16,1,.3,1) liveModalFadeIn;display:flex;position:fixed;inset:0}@keyframes liveModalFadeIn{0%{opacity:0}to{opacity:1}}.live-modal-dialog{background:var(--color-surface,#fff);width:100%;max-width:42rem;max-height:calc(100vh - 4rem);color:var(--color-text,#191f28);border-radius:var(--radius-xl,20px);border:1px solid var(--color-border,#e5e8eb);flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) liveModalScaleUp;display:flex;overflow:hidden;box-shadow:0 20px 40px -8px #00000040,0 0 1px 1px #0000000d}@keyframes liveModalScaleUp{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.live-modal-header{border-bottom:1px solid var(--color-border,#e5e8eb);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.live-modal-header__title-group{align-items:center;gap:.75rem;display:flex}.live-modal-header__icon{width:2.5rem;height:2.5rem;color:var(--color-primary,#3182f6);background:#3182f61f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.live-modal-header__text h2{color:var(--color-text,#191f28);letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:700}.live-modal-header__text p{color:var(--color-text-muted,#8b95a1);margin:.15rem 0 0;font-size:.85rem}.live-modal-close-btn{width:2rem;height:2rem;color:var(--color-text-muted,#8b95a1);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.live-modal-close-btn:hover{background:var(--color-canvas,#f2f4f6);color:var(--color-text,#191f28)}.live-modal-body{flex-direction:column;flex:1;min-height:0;padding:1.5rem;display:flex;overflow-y:auto}.live-setlist-exception{text-align:center;background:var(--color-canvas,#f9fafb);border:1px dashed var(--color-border,#e5e8eb);border-radius:var(--radius-lg,16px);flex-direction:column;align-items:center;margin:auto 0;padding:2.5rem 1.5rem;display:flex}.live-setlist-exception__icon-wrapper{color:#f59e0b;background:#f59e0b26;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;margin-bottom:1.25rem;display:flex}.live-setlist-exception__content{max-width:28rem;margin-bottom:1.75rem}.live-setlist-exception__title{color:var(--color-text,#191f28);letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.15rem;font-weight:700;line-height:1.4}.live-setlist-exception__description{color:var(--color-text-muted,#6b7684);margin:0;font-size:.9rem;line-height:1.55}.live-setlist-exception__actions{flex-direction:column;gap:.75rem;width:100%;max-width:22rem;display:flex}@media (width>=480px){.live-setlist-exception__actions{flex-direction:row;justify-content:center}}.live-setlist-exception__btn{border-radius:var(--radius-md,12px);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.92rem;font-weight:600;transition:all .15s;display:inline-flex}.live-setlist-list-container{flex-direction:column;gap:1.25rem;min-height:0;display:flex}.live-setlist-toolbar{flex-direction:column;gap:.75rem;display:flex}@media (width>=520px){.live-setlist-toolbar{flex-direction:row;justify-content:space-between;align-items:center}}.live-setlist-search{flex:1;position:relative}.live-setlist-search__icon{color:var(--color-text-muted,#8b95a1);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.live-setlist-search__input{border-radius:var(--radius-md,10px);border:1px solid var(--color-border,#e5e8eb);background:var(--color-canvas,#f9fafb);width:100%;color:var(--color-text,#191f28);outline:none;padding:.65rem .85rem .65rem 2.35rem;font-size:.9rem;transition:border-color .15s,background .15s}.live-setlist-search__input:focus{border-color:var(--color-primary,#3182f6);background:var(--color-surface,#fff)}.live-setlist-filter-tabs{border-radius:var(--radius-md,10px);background:var(--color-canvas,#f2f4f6);gap:.25rem;padding:.2rem;display:flex}.live-setlist-tab{color:var(--color-text-muted,#6b7684);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.4rem .75rem;font-size:.8rem;font-weight:600;transition:all .15s}.live-setlist-tab.is-active{background:var(--color-surface,#fff);color:var(--color-primary,#3182f6);box-shadow:0 1px 3px #00000014}.live-setlist-scroll-area{flex-direction:column;gap:1.5rem;max-height:52vh;padding-right:.25rem;display:flex;overflow-y:auto}.live-setlist-group__title{text-transform:uppercase;letter-spacing:.02em;color:var(--color-text-muted,#8b95a1);justify-content:space-between;align-items:center;margin:0 0 .65rem;font-size:.85rem;font-weight:700;display:flex}.live-setlist-group__count{background:var(--color-canvas,#f2f4f6);border-radius:12px;padding:.15rem .5rem;font-size:.75rem;font-weight:500}.live-setlist-group__grid{grid-template-columns:1fr;gap:.65rem;display:grid}@media (width>=500px){.live-setlist-group__grid{grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr))}}.live-modal-card{background:var(--color-canvas,#f9fafb);border:1px solid var(--color-border,#e5e8eb);border-radius:var(--radius-lg,14px);text-align:left;cursor:pointer;flex-direction:column;justify-content:space-between;gap:.75rem;min-height:6.5rem;padding:1rem 1.15rem;transition:all .15s;display:flex}.live-modal-card:hover{border-color:var(--color-primary,#3182f6);background:var(--color-surface,#fff);transform:translateY(-2px);box-shadow:0 8px 16px -4px #3182f61f}.live-modal-card:focus-visible{outline:2px solid var(--color-primary,#3182f6);outline-offset:2px}.live-modal-card__header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.live-modal-card__badge{border-radius:6px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.72rem;font-weight:600;display:inline-flex}.live-modal-card__badge.is-local{color:#059669;background:#10b9811f}.live-modal-card__badge.is-drive{color:#2563eb;background:#3b82f61f}.live-modal-card__category{color:var(--color-text-muted,#8b95a1);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.live-modal-card__body{flex:1}.live-modal-card__title{color:var(--color-text,#191f28);word-break:break-word;font-size:1rem;font-weight:700;line-height:1.35;display:block}.live-modal-card__footer{color:var(--color-text-muted,#6b7684);justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.live-modal-card__songs{align-items:center;gap:.25rem;display:inline-flex}.live-modal-card__songs--empty{font-size:.72rem;font-style:italic}.live-modal-card__action{color:var(--color-primary,#3182f6);align-items:center;gap:.25rem;font-weight:700;display:inline-flex}.live-setlist-empty{text-align:center;flex-direction:column;align-items:center;padding:3rem 1.5rem;display:flex}.live-setlist-empty__icon{background:var(--color-canvas,#f2f4f6);width:3.5rem;height:3.5rem;color:var(--color-text-muted,#8b95a1);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.live-setlist-empty__title{color:var(--color-text,#191f28);margin:0 0 .35rem;font-size:1.1rem;font-weight:700}.live-setlist-empty__desc{color:var(--color-text-muted,#6b7684);margin:0 0 1.25rem;font-size:.88rem}.live-setlist-empty__actions{gap:.75rem;display:flex}.live-setlist-no-match{text-align:center;color:var(--color-text-muted,#8b95a1);padding:2.5rem 1rem;font-size:.9rem}.live-setlist-page{box-sizing:border-box;height:100%;padding:24px;overflow-y:auto}.live-setlist-page .live-setlist-list-container{max-width:960px;margin:0 auto}.live-setlist-page .live-setlist-scroll-area{max-height:none;overflow-y:visible}.live-setlist-actions{justify-content:flex-end;max-width:960px;margin:1rem auto 0;display:flex}@media (width<=768px){.live-setlist-page{padding:16px 16px calc(74px + env(safe-area-inset-bottom,0px))}}.library-sidebar{min-width:0}.library-sidebar__header{padding:var(--space-4) var(--card-padding);border-bottom:1px solid var(--color-border)}.library-sidebar__heading-row,.library-sidebar__header-actions,.library-sidebar__section-heading,.library-sidebar__drag-preview,.library-sidebar__upload,.library-sidebar__header-action,.library-sidebar__text-action{align-items:center;display:flex}.library-sidebar__heading-row,.library-sidebar__section-heading{justify-content:space-between}.library-sidebar__title{font-size:var(--text-lg);font-weight:650}.library-sidebar__header-actions{gap:var(--space-1)}.library-sidebar__header-action{min-height:var(--control-min-size);gap:var(--space-1);padding-inline:var(--space-2);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:650}.library-sidebar__header-action.is-connected{background:color-mix(in srgb, var(--color-success) 14%, transparent);color:var(--color-success)}.library-sidebar__content{min-height:0;padding:var(--space-4) var(--space-2);flex:1;overflow-y:auto}.library-sidebar__empty{padding-top:var(--section-gap);place-items:start center;display:grid}.library-sidebar__empty .btn-primary{align-items:center;gap:var(--space-2);display:inline-flex}.library-sidebar__section-heading{min-height:var(--control-min-size);margin-bottom:var(--space-2);padding-inline:var(--space-2)}.library-sidebar__section-heading h3{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:650}.library-sidebar__tree,.library-sidebar__setlists,.library-sidebar__setlist,.library-sidebar__songs{flex-direction:column;display:flex}.library-sidebar__tree{gap:var(--space-2)}.library-sidebar__setlists{gap:var(--space-1);padding-left:var(--space-3)}.library-sidebar__songs{gap:var(--space-1);margin-block:var(--space-1) var(--space-2);padding-left:var(--space-8)}.library-sidebar__text-action{min-height:var(--control-min-size);gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-action-foreground);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:left}.library-sidebar__text-action.is-muted{padding-left:var(--space-8);color:var(--color-text-muted)}.library-sidebar__text-action.is-active{background:var(--color-action-soft)}.library-sidebar__drag-preview{gap:var(--space-2);min-height:var(--control-min-size);padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-md)}.library-sidebar__footer{padding:var(--space-3) var(--gutter);border-top:1px solid var(--color-border);background:var(--color-surface)}.library-sidebar__upload{width:100%;min-height:var(--control-min-size);justify-content:center;gap:var(--space-2);padding-inline:var(--space-3);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle);color:var(--color-text);font-size:var(--text-sm);font-weight:650}.library-sidebar__upload.is-active{border-color:var(--color-action-foreground);background:var(--color-action-soft);color:var(--color-action-foreground)}.library-category,.library-category__children,.library-setlist__main{display:flex}.library-category,.library-category__children{gap:var(--space-1);flex-direction:column}.library-category__trigger,.library-setlist,.library-song{width:100%;min-height:var(--control-min-size);border-radius:var(--radius-md);text-align:left;align-items:center;display:flex}.library-category__trigger{gap:var(--space-2);padding-inline:var(--space-3);color:var(--color-text);cursor:grab;font-weight:600}.library-category__trigger.is-over,.library-setlist.is-selected,.library-song.is-selected{background:var(--color-surface-active);color:var(--color-text)}.library-category__icon{color:var(--color-action-foreground);flex:none}.library-category__label,.library-setlist__label,.library-song__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.library-setlist{justify-content:space-between;gap:var(--space-2);padding-inline:var(--space-8) var(--space-3);color:var(--color-text-muted);cursor:grab}.library-setlist__main{align-items:center;gap:var(--space-2);min-width:0}.library-setlist__main>svg{flex:none}.library-setlist__label{font-size:var(--text-sm)}.library-setlist__count{padding:.125rem var(--space-2);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-text) 10%, transparent);font-size:var(--text-xs)}.library-song{gap:var(--space-2);padding-inline:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);cursor:grab}.library-song__grip,.library-song__index{color:var(--color-text-subtle);flex:none}.library-song__index{min-width:1.25rem;font-size:var(--text-xs);text-align:right}@media (hover:hover) and (pointer:fine){.library-sidebar__header-action:hover,.library-sidebar__text-action:hover,.library-sidebar__upload:hover,.library-category__trigger:hover,.library-setlist:hover,.library-song:hover{background:var(--color-surface-hover);color:var(--color-text)}}.library-sidebar__source+.library-sidebar__source{margin-top:var(--space-4)}.library-sidebar__source-empty{padding:var(--space-2) 0;color:var(--text-muted);margin:0;font-size:.85rem}.library-sidebar__source-action{justify-content:center;align-items:center;gap:8px;width:100%;height:44px;display:flex}:root{--react-pdf-annotation-layer:1;--annotation-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:transparent;--input-disabled-border-color:transparent;--input-hover-border-color:black;--link-outline:none}@media screen and (forced-colors:active){:root{--input-focus-border-color:CanvasText;--input-unfocused-border-color:ActiveText;--input-disabled-border-color:GrayText;--input-hover-border-color:Highlight;--link-outline:1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selecteditem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert();backdrop-filter:invert()}}.annotationLayer{pointer-events:none;transform-origin:0 0;z-index:3;position:absolute;top:0;left:0}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg)translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg)translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg)translateY(-100%)}.annotationLayer canvas{width:100%;height:100%;position:absolute}.annotationLayer section{text-align:initial;pointer-events:auto;box-sizing:border-box;transform-origin:0 0;margin:0;position:absolute}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{width:100%;height:100%;font-size:1em;position:absolute;top:0;left:0}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;vertical-align:top;width:100%;height:100%;margin:0}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{border:2px solid var(--input-disabled-border-color);cursor:not-allowed;background:0 0}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline);background:0 0;border-radius:2px}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-color:#0000;background-image:none}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline);border-radius:2px}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{content:"";background-color:canvastext;display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{width:1px;height:80%;left:45%}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;width:50%;height:50%;top:20%;left:30%}.annotationLayer .textWidgetAnnotation input.comb{padding-left:2px;padding-right:0;font-family:monospace}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{appearance:none}.annotationLayer .popupTriggerArea{width:100%;height:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none;position:absolute}.annotationLayer .popup{max-width:calc(180px * var(--total-scale-factor));box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto;background-color:#ff9;position:absolute}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{margin-left:calc(5px * var(--total-scale-factor));display:inline-block}.annotationLayer .popupContent{margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor));border-top:1px solid #333}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{width:100%;height:100%;position:absolute;top:0;left:0}.annotationLayer .annotationTextContent{opacity:0;color:#0000;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer:1;--highlight-bg-color:#b400aa;--highlight-selected-bg-color:#006400}@media screen and (forced-colors:active){:root{--highlight-bg-color:Highlight;--highlight-selected-bg-color:ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg)translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg)translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg)translate(-100%)}.textLayer{text-align:initial;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2;line-height:1;position:absolute;inset:0;overflow:hidden}.textLayer :is(span,br){color:#0000;white-space:pre;cursor:text;transform-origin:0 0;margin:0;position:absolute}.textLayer span.markedContent{height:0;top:0}.textLayer .highlight{background-color:var(--highlight-bg-color);border-radius:4px;margin:-1px;padding:1px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:0 0}.textLayer .endOfContent{z-index:-1;cursor:default;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:100% 0 0}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{width:0;height:0;display:none;position:absolute;top:0;left:0}.viewer-root,.viewer-slots,.viewer-slot{min-width:0;min-height:0}.viewer-slot--current:after{content:"";z-index:80;border:3px solid var(--accent-primary);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.viewer-slot__content{min-width:0;min-height:0}.viewer-media-viewport{justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.viewer-media-frame{flex:none;min-width:0;min-height:0;position:relative;overflow:hidden}.viewer-media-clip{overflow:hidden}.viewer-media-image{object-fit:fill;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.viewer-pdf-document,.viewer-pdf-document .react-pdf__Document{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.viewer-media-frame--pdf .react-pdf__Page{width:100%;height:100%;overflow:hidden}.viewer-media-frame--pdf .react-pdf__Page__canvas{object-fit:contain;display:block;width:100%!important;height:100%!important}.viewer-root--presentation{width:100%;height:100%;touch-action:none!important;background:#05070d!important}.viewer-root--presentation .viewer-slots{background:#05070d;gap:2px!important;padding:0!important}.viewer-root--presentation .viewer-slot{box-shadow:none!important;background:#111827!important;border-radius:0!important}html.is-display-mode,html.is-display-mode body,html.is-display-mode #root{background:#05070d;width:100dvw;min-width:0;height:100dvh;min-height:0;overflow:hidden}.presentation-viewer{background:#05070d;width:100dvw;min-width:0;height:100dvh;min-height:0;display:flex;position:fixed;inset:0;overflow:hidden}.presentation-viewer__empty{width:100%;height:100%}.presentation-viewer__fullscreen-action,.presentation-viewer__return-action{z-index:var(--z-header);min-height:var(--touch-target);padding:0 var(--space-4);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:var(--space-2);background:color-mix(in srgb, var(--color-surface) 92%, transparent);color:var(--color-text);font-size:var(--font-size-sm);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);border:0;font-weight:700;display:inline-flex;position:absolute}.presentation-viewer__fullscreen-action{top:max(var(--space-4), env(safe-area-inset-top));right:max(var(--space-4), env(safe-area-inset-right))}.presentation-viewer__return-action{top:max(var(--space-4), env(safe-area-inset-top));left:max(var(--space-4), env(safe-area-inset-left));opacity:.82}@media (hover:hover) and (pointer:fine){.presentation-viewer__fullscreen-action:hover,.presentation-viewer__return-action:hover{background:var(--color-surface-hover);opacity:1}}@media (width<=767.98px){.top-header-bar{padding-inline:max(var(--space-2,8px), env(safe-area-inset-left)) max(var(--space-2,8px), env(safe-area-inset-right));gap:6px}.header-right-controls{flex-shrink:0!important;align-items:center!important;gap:6px!important;display:flex!important}.header-user-btn{width:var(--mobile-touch-target)!important;height:var(--mobile-touch-target)!important;min-width:var(--mobile-touch-target)!important;min-height:var(--mobile-touch-target)!important;border-radius:var(--radius-md)!important;flex-shrink:0!important;justify-content:center!important;padding:0!important}.header-user-btn .header-user-name{display:none!important}}.app-header__identity,.app-header__desktop-actions,.key-controls,.key-controls__field,.quick-tools-menu__section,.menu-action,.menu-action__label,.menu-toggle,.split-range{display:flex}.app-header__identity{align-items:center;gap:var(--space-1);flex:0 auto;min-width:0}.app-header__menu-icon{transition:transform var(--duration-slow) var(--ease-emphasized)}.app-header__menu-icon.is-open{transform:rotate(90deg)}.app-header__menu-anchor{flex:none;position:relative}.app-header__desktop-actions{align-items:center;gap:var(--space-1)}.header-popover{top:calc(100% + var(--space-1));z-index:var(--z-modal);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface) 96%, transparent);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);position:absolute;right:0}.page-count-menu{min-width:7rem;padding:var(--space-1);gap:var(--space-1);display:grid}.page-count-menu button,.segmented-control button{min-height:var(--control-min-size);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:650}.page-count-menu button.is-active,.segmented-control button.is-active{background:var(--color-action-fill);color:#fff}.quick-tools-menu{width:min(19rem, calc(100vw - 2 * var(--gutter)));max-height:min(32rem, calc(100dvh - var(--shell-header-height) - var(--space-6)));padding:var(--space-3);gap:var(--space-2);display:grid;overflow-y:auto}.quick-tools-menu__section{gap:var(--space-2);flex-direction:column}.quick-tools-menu__section h3{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:700}.is-divided{margin-top:var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.key-controls{align-items:center;gap:var(--space-1)}.key-controls__field{align-items:center;gap:var(--space-1);color:var(--color-text-subtle);font-size:var(--text-xs)}.key-controls--menu{justify-content:space-between;gap:var(--space-3)}.key-controls--menu .key-controls__field{color:var(--color-text-muted);font-size:var(--text-sm)}.segmented-control{padding:var(--space-1);gap:var(--space-1);border-radius:var(--radius-md);background:var(--color-surface-subtle);grid-template-columns:repeat(3,1fr);display:grid}.menu-action,.menu-toggle{width:100%;min-height:var(--control-min-size);justify-content:space-between;align-items:center;gap:var(--space-2);padding-inline:var(--space-3);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);font-weight:650}.menu-action{background:var(--color-surface-subtle)}.menu-action.is-active{background:var(--color-action-soft);color:var(--color-action-foreground)}.menu-action__label{align-items:center;gap:var(--space-2)}.menu-action__value{color:var(--color-text-muted);font-size:var(--text-xs)}.split-range{min-height:var(--control-min-size);align-items:center;gap:var(--space-2);padding-left:var(--space-6);color:var(--color-text-muted);font-size:var(--text-xs)}.split-range input{flex:1;min-width:0}.split-range output{min-width:2.75rem;color:var(--color-action-foreground);text-align:right;font-weight:750}@media (hover:hover) and (pointer:fine){.page-count-menu button:hover,.segmented-control button:hover,.menu-action:hover,.menu-toggle:hover{background:var(--color-surface-hover);color:var(--color-text)}}@media (width<=639.98px){.desktop-only-text{display:none!important}}.app-header__community-context{align-items:center;gap:8px;min-width:0;margin-left:2px;display:inline-flex}.app-header__community-team-btn{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;max-width:clamp(6.5rem,25vw,16rem);transition:color var(--duration-fast) var(--ease-standard);text-align:left;font-family:inherit;font-size:.95rem;font-weight:700;line-height:var(--touch-target);height:var(--touch-target);background:0 0;border:none;align-items:center;margin:0;padding:0;display:inline-flex;overflow:hidden}.app-header__community-team-btn:hover{color:var(--accent-primary);text-decoration:underline}@media (width<=480px){.app-header__community-context{gap:5px}.app-header__community-team-btn{max-width:5.5rem;font-size:.88rem}}.app-nav{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.app-nav a{min-height:var(--touch-target);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:10px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.app-nav a:hover{background-color:var(--bg-hover)}.app-nav a.is-active{background-color:var(--accent-glow);color:var(--accent-primary);font-weight:700}.app-nav--drawer{border-top:1px solid var(--border-light);flex-direction:column;align-items:stretch;padding:12px}@media (width>=769px){.app-nav--drawer{display:none}}:root,[data-theme=dark],[data-theme=selah-classic]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-stage-bg:#18191c;--color-stage-surface:#222428;--color-stage-surface-strong:#2f3136;--color-stage-lyrics:#f9fafb;--color-stage-chord:#3182f6;--color-indigo-500:#1b64da;--color-indigo-600:#3182f6;--color-orange-600:#ea580c;--color-slate-400:#b0b8c1;--color-slate-500:#8b95a1;--color-slate-600:#475569;--color-slate-700:#333d4b;--color-sheet-bg:#f8fafc;--color-sheet-surface:#fff;--color-sheet-surface-dim:#f1f5f9;--color-sheet-outline:#cbd5e1;--color-sheet-chord:#2563eb;--color-sheet-lyrics:#0f172a;--color-annotation-highlight:#fef08a;--bg-main:var(--color-stage-bg);--bg-sidebar:#121314;--bg-card:var(--color-stage-surface);--bg-hover:#28364d;--bg-active:var(--color-stage-surface-strong);--bg-panel:#172033;--bg-scrim:#020617b8;--accent-primary:var(--color-indigo-600);--accent-hover:var(--color-indigo-500);--accent-glow:#4f46e55c;--accent-live:var(--color-orange-600);--accent-chord:var(--color-stage-chord);--text-primary:var(--color-stage-lyrics);--text-secondary:var(--color-slate-400);--text-muted:var(--color-slate-500);--border-light:var(--color-slate-700);--border-focus:var(--color-slate-600);--focus-ring:#818cf8;--color-canvas:var(--color-stage-bg);--color-surface:var(--color-stage-surface);--color-surface-subtle:var(--bg-panel);--color-surface-hover:var(--bg-hover);--color-surface-active:var(--bg-active);--color-text:var(--text-primary);--color-text-muted:var(--text-secondary);--color-text-subtle:var(--text-muted);--color-action-fill:var(--accent-primary);--color-action-foreground:var(--color-stage-chord);--color-action-soft:color-mix(in srgb, var(--color-stage-chord) 14%, transparent);--color-chord:var(--color-stage-chord);--color-highlight:var(--color-annotation-highlight);--color-border:var(--border-light);--color-success:#4ade80;--color-warning:#fbbf24;--color-danger:#fb7185;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Consolas, monospace;--font-serif:Georgia, "Times New Roman", serif;--font-title:var(--font-sans);--font-lyrics:var(--font-sans);--font-chord:var(--font-mono);--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:clamp(1.0625rem, 1rem + .2vw, 1.25rem);--font-size-xl:clamp(1.25rem, 1.1rem + .5vw, 1.625rem);--text-xs:var(--font-size-xs);--text-sm:var(--font-size-sm);--text-md:var(--font-size-md);--text-lg:var(--font-size-lg);--text-xl:var(--font-size-xl);--line-height-tight:1.25;--line-height-body:1.5;--line-height-lyrics:1.8;--letter-spacing-chord:.05em;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--sheet-gutter:1rem;--sheet-card-padding:1.25rem;--sheet-line-gap:1.5rem;--sheet-section-gap:3rem;--gutter:var(--sheet-gutter);--card-padding:var(--sheet-card-padding);--line-gap:var(--sheet-line-gap);--section-gap:var(--sheet-section-gap);--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.25rem;--radius-full:999px;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #0000000f;--shadow-lg:0 16px 40px #00000014;--touch-target:2.75rem;--control-min-size:var(--touch-target);--shell-header-height:3.75rem;--sidebar-width:20rem;--content-gutter:clamp(.75rem, .5rem + 1vw, 1.5rem);--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.3s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-emphasized:cubic-bezier(.16, 1, .3, 1);--z-content:1;--z-sidebar-scrim:995;--z-sidebar:1000;--z-header:1100;--z-modal:2000}[data-theme=vintage-sepia]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-stage-bg:#26170c;--color-stage-surface:#3e2723;--color-stage-surface-strong:#5d4037;--color-stage-lyrics:#f5ebe0;--color-stage-chord:#ff8a80;--color-sheet-bg:#fdfbf7;--color-sheet-surface:#f5ebe0;--color-sheet-surface-dim:#eadcc9;--color-sheet-outline:#d7ccc8;--color-sheet-chord:#b71c1c;--color-sheet-lyrics:#2e1c0c;--color-annotation-highlight:#ffe082;--bg-main:var(--color-stage-bg);--bg-sidebar:#201208;--bg-card:var(--color-stage-surface);--bg-hover:#4e342e;--bg-active:var(--color-stage-surface-strong);--bg-panel:#32201a;--bg-scrim:#180c05bd;--accent-primary:#9e2a2b;--accent-hover:#c62828;--accent-glow:#9e2a2b5c;--accent-live:#d97706;--accent-chord:#ff8a80;--text-primary:var(--color-stage-lyrics);--text-secondary:#bcaaa4;--text-muted:#8d6e63;--border-light:#5d4037;--border-focus:#6d4c41;--focus-ring:#ef9a9a;--font-title:Georgia, "Times New Roman", serif;--font-lyrics:Georgia, "Times New Roman", serif;--font-serif:Georgia, "Times New Roman", serif;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.625rem;--sheet-gutter:1.125rem;--sheet-card-padding:1.375rem;--sheet-line-gap:1.625rem;--sheet-section-gap:3.125rem;--shadow-sm:none;--shadow-md:none;--shadow-lg:none}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-stage-bg:#f2f4f6;--color-stage-surface:#fff;--color-stage-surface-strong:#e5e8eb;--color-stage-lyrics:#191f28;--color-stage-chord:#3182f6;--bg-main:var(--color-stage-bg);--bg-sidebar:#fff;--bg-card:var(--color-stage-surface);--bg-hover:#f2f4f6;--bg-active:#e5e8eb;--bg-panel:#fff;--bg-scrim:#0006;--accent-primary:#3182f6;--accent-hover:#1b64da;--accent-glow:#3182f633;--accent-live:#f04452;--accent-chord:var(--color-stage-chord);--text-primary:var(--color-stage-lyrics);--text-secondary:#4e5968;--text-muted:#8b95a1;--border-light:#e5e8eb;--border-focus:#d1d6db;--focus-ring:#3182f64d;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #0000000f;--shadow-lg:0 16px 40px #00000014}html{background:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;min-width:0;height:100%;min-height:100%;margin:0;padding:0}body{background:var(--bg-main);color:var(--text-primary);line-height:var(--line-height-body);overscroll-behavior:none;overflow:hidden}*,:before,:after{box-sizing:border-box}h1,h2,h3,h4,p{margin:0}button,input,select,textarea{color:inherit;font:inherit}button,.btn,input[type=button],input[type=submit]{color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;flex-shrink:0}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}:where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}::selection{background:var(--accent-primary);color:#fff}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (pointer:coarse){:where(button,[role=button],select,input[type=button],input[type=submit]){min-width:var(--touch-target);min-height:var(--touch-target)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{min-height:var(--touch-target);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:var(--space-2);color:inherit;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-normal) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);background:0 0;font-weight:650;line-height:1;display:inline-flex}.btn-primary{min-height:var(--touch-target);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:var(--space-2);background:var(--accent-primary);color:#fff;white-space:nowrap;box-shadow:var(--shadow-sm);transition:background-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-normal) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);font-weight:650;line-height:1;display:inline-flex}.btn:active:not(:disabled),.btn-primary:active:not(:disabled){transform:translateY(1px)}.icon-button{width:var(--control-min-size);height:var(--control-min-size);min-width:var(--control-min-size);min-height:var(--control-min-size);border-radius:var(--radius-md);color:var(--color-text-muted);box-shadow:none;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:active:not(:disabled){transform:scale(.94)}.header-right-controls{justify-content:flex-end;align-items:center;gap:var(--space-1);overscroll-behavior-inline:contain;scrollbar-width:none;flex:auto;min-width:0;display:flex;position:relative;overflow:auto hidden}.header-right-controls::-webkit-scrollbar{display:none}.header-icon-action{width:var(--touch-target);height:var(--touch-target);min-width:var(--touch-target);min-height:var(--touch-target);border-radius:var(--radius-md);color:var(--text-secondary);box-shadow:none;transition:color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.header-icon-action:active:not(:disabled){transform:scale(.94)}.header-icon-action.is-active{background:color-mix(in srgb, var(--accent-primary) 18%, transparent);color:var(--focus-ring)}.header-icon-action.is-live.is-active{background:color-mix(in srgb, var(--accent-live) 18%, transparent);color:var(--accent-live)}.header-icon-action:disabled{opacity:.58}.header-icon-action__glyph{justify-content:center;align-items:center;display:inline-flex}.header-icon-action__badge{border-radius:var(--radius-full);background:var(--accent-primary);color:#fff;min-width:1rem;height:1rem;box-shadow:0 0 0 2px var(--bg-card);justify-content:center;align-items:center;padding-inline:.2rem;font-size:.5625rem;font-weight:800;line-height:1;display:inline-flex;position:absolute;bottom:0;right:0}.header-key-controls{align-items:center;gap:var(--space-1);padding-inline:var(--space-1);color:var(--text-muted);flex-shrink:0;display:flex}.header-key-select{min-width:var(--touch-target);min-height:var(--touch-target);padding-inline:var(--space-1);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);background:0 0;border:0;font-weight:650}.header-key-select.is-target{color:var(--focus-ring);font-weight:800}.mode-empty-state{min-width:0;min-height:0;padding:var(--content-gutter);justify-content:center;align-items:center;gap:var(--space-4);color:var(--text-secondary);text-align:center;flex-direction:column;flex:1;display:flex}.mode-empty-state__icon{color:var(--accent-primary)}.mode-empty-state__message{max-width:32rem;color:var(--text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-body);text-wrap:balance}.mode-empty-state__action{margin-top:var(--space-1)}@media (hover:hover) and (pointer:fine){.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 1rem var(--accent-glow)}.header-icon-action:hover:not(:disabled),.header-key-select:hover:not(:disabled),.icon-button:hover:not(:disabled){background:color-mix(in srgb, var(--text-primary) 9%, transparent);color:var(--text-primary)}}:root{--mobile-touch-target:var(--touch-target,2.75rem)}.mobile-header-btn{width:var(--mobile-touch-target)!important;height:var(--mobile-touch-target)!important;min-width:var(--mobile-touch-target)!important;min-height:var(--mobile-touch-target)!important;box-sizing:border-box!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;padding:0!important;display:inline-flex!important}@media (width<=767.98px){.top-header-bar{padding-inline:max(var(--space-2,8px), env(safe-area-inset-left)) max(var(--space-2,8px), env(safe-area-inset-right));gap:6px}.header-right-controls{flex-shrink:0!important;align-items:center!important;gap:6px!important;display:flex!important}.header-user-btn{width:var(--mobile-touch-target)!important;height:var(--mobile-touch-target)!important;min-width:var(--mobile-touch-target)!important;min-height:var(--mobile-touch-target)!important;border-radius:var(--radius-md)!important;flex-shrink:0!important;justify-content:center!important;padding:0!important}.header-user-btn .header-user-name{display:none!important}}.app-container{isolation:isolate;background:var(--bg-main);flex-direction:column;width:100%;height:100dvh;min-height:100svh;display:flex;position:relative;overflow:hidden}.top-header-bar{z-index:var(--z-header);width:100%;min-width:0;min-height:calc(var(--shell-header-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(var(--space-2), env(safe-area-inset-right)) 0 max(var(--space-2), env(safe-area-inset-left));border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:var(--space-1);background:var(--bg-card);flex-shrink:0;display:flex;position:relative;overflow:visible}.app-shell-body{flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.main-content,.app-shell-content{background:var(--bg-main);flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden;container:sheet-workspace/inline-size}.sidebar{z-index:var(--z-sidebar);border-right:1px solid var(--border-light);background:var(--bg-sidebar);width:100%;min-width:0;max-width:100%;min-height:0;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:absolute;inset:0 auto 0 0;overflow:hidden}.sidebar-backdrop{z-index:var(--z-sidebar-scrim);background:var(--bg-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:absolute;inset:0}.desktop-only-controls,.btn-text-responsive{display:none!important}.header-title-text{min-width:0;max-width:clamp(5.25rem,24vw,13rem);color:var(--text-primary);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-track{background:var(--bg-sidebar)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:var(--border-light)}@media (hover:hover) and (pointer:fine){::-webkit-scrollbar-thumb:hover{background:var(--border-focus)}}@media (width>=640px){.top-header-bar{padding-inline:max(var(--space-3), env(safe-area-inset-left)) max(var(--space-3), env(safe-area-inset-right));gap:var(--space-2)}.sidebar{width:min(var(--sidebar-width), calc(100vw - var(--space-8)))}.header-title-text{max-width:clamp(9rem,28vw,18rem)}}@media (width>=768px){.top-header-bar{padding-inline:max(var(--space-4), env(safe-area-inset-left)) max(var(--space-4), env(safe-area-inset-right))}.header-right-controls{overflow:visible}.btn-text-responsive{display:inline!important}.header-title-text{max-width:clamp(12rem,32vw,20rem)}}@media (width>=1024px){.header-right-controls{overflow:visible}.sidebar:not(.live-sidebar){z-index:var(--z-content);width:var(--sidebar-width);max-width:var(--sidebar-width);flex:0 0 var(--sidebar-width);box-shadow:none;position:relative;inset:auto}.sidebar-backdrop{display:none}.desktop-only-controls{display:flex!important}.header-title-text{max-width:20rem}}@media (width>=1280px){:root{--sidebar-width:21rem;--content-gutter:1.5rem}.top-header-bar{padding-inline:max(var(--space-5), env(safe-area-inset-left)) max(var(--space-5), env(safe-area-inset-right))}}@container sheet-workspace (width>=40rem){.mode-empty-state{padding:var(--space-8)}.mode-empty-state__message{font-size:var(--font-size-xl)}}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(var(--space-5))}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 .625rem color-mix(in srgb, var(--accent-primary) 24%, transparent))}50%{filter:drop-shadow(0 0 1.5rem color-mix(in srgb, var(--accent-primary) 62%, transparent))}}@keyframes splashFadeOut{0%{opacity:1;pointer-events:auto}to{opacity:0;pointer-events:none}}.community-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-light);width:280px;height:100%}@media (width<=768px){.community-sidebar{z-index:100;position:absolute}}.community-tab-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1024px){.community-tab-grid{grid-template-columns:minmax(0,2.5fr) minmax(300px,1fr);align-items:start}}.community-card-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=768px){.community-card-grid{grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}}.team-nav-item .team-actions{opacity:0;pointer-events:none;transition:opacity .2s}.team-nav-item:hover .team-actions{opacity:1;pointer-events:auto}html{scrollbar-gutter:stable}.calendar-cell{aspect-ratio:auto;box-sizing:border-box;min-height:65px;transition:background-color .15s,border-color .15s,box-shadow .15s}@media (width>=1024px){.calendar-cell{min-height:95px;padding:8px}}