:root{--bg-color:#121212;--surface-color:#1e1e1e;--surface-color-raised:#262626;--primary-color:#4caf50;--primary-hover:#66bb6a;--text-main:#e0e0e0;--text-dim:#b0b0b0;--error-color:#cf6679;--border-color:#333;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--radius-sm:4px;--radius-md:8px;--radius-pill:999px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.gig-emphasis{cursor:pointer;align-items:center;gap:.75rem;display:inline-flex}.gig-emphasis-control{justify-content:center;align-items:center;display:inline-flex;position:relative}.gig-emphasis-switch{appearance:none;cursor:pointer;background:0 0;border:0;width:64px;height:44px;min-height:44px;margin:0;padding:0}.gig-emphasis-track{pointer-events:none;background:#555;border:1px solid #aaa;border-radius:999px;width:32px;height:22px;position:absolute}.gig-emphasis-track span{background:#fff;border-radius:50%;width:15px;height:15px;position:absolute;top:2.5px;left:2.5px}.gig-emphasis-switch:checked+.gig-emphasis-track{background:#276d2d;border-color:#68ed75}.gig-emphasis-switch:checked+.gig-emphasis-track span{transform:translate(10px)}.gig-emphasis-switch:focus-visible{outline-offset:3px;outline:3px solid #fff}.gig-song{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.gig-song h2{overflow-wrap:anywhere;margin:0}.gig-song p{margin:.25rem 0 0}.gig-controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.gig-controls button{max-width:100%}.gig-playback-target{align-items:center;min-width:44px;max-width:100%;min-height:44px;display:inline-flex;position:relative}.gig-playback-target button:after{content:"";position:absolute;inset:0}.gig-playback-target:focus-within{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--radius-sm)}.gig-lights{flex-wrap:wrap;gap:.5rem;max-width:100%;display:flex}.gig-lights span{background:#555;border:1px solid #aaa;border-radius:50%;flex-shrink:0;width:80px;height:80px;display:block}.gig-lights span[data-active=true]{background:#68ed75;box-shadow:0 0 10px #68ed75}.gig-lights span:nth-child(2)[data-active=true]{background:red;box-shadow:0 0 10px red}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3{line-height:1.25}.container{width:100%;max-width:600px;padding:var(--space-3);box-sizing:border-box;margin:0 auto}@media (width>=768px){.container{padding:var(--space-4) var(--space-5)}}.card{background-color:var(--surface-color);border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--border-color);box-shadow:0 4px 6px #0000004d}.navbar{background:var(--surface-color);padding:var(--space-3);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.navbar-brand{color:var(--primary-color);white-space:nowrap;font-weight:700}.input-group{margin-bottom:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}label{color:var(--text-dim);font-size:.875rem}input{background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-main);padding:var(--space-3);border-radius:var(--radius-sm);width:100%;font-size:1rem}input:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px;border-color:var(--primary-color)}.btn-primary,.btn-secondary{padding:var(--space-3);border-radius:var(--radius-sm);cursor:pointer;border:none;min-height:44px;font-size:1rem;font-weight:700;transition:background-color .2s,opacity .2s}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px}.btn-primary{background-color:var(--primary-color);color:#fff;width:100%}.btn-primary:hover{background-color:var(--primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{border:1px solid var(--border-color);color:var(--text-dim);padding:var(--space-1) var(--space-2);background:0 0;min-height:auto}.btn-secondary:hover{border-color:var(--text-dim);color:var(--text-main)}@media (width>=480px){.btn-auto{width:auto}}.error-msg{color:var(--error-color);margin-bottom:var(--space-3);text-align:center;font-size:.875rem}.page-title{margin:var(--space-5) 0 var(--space-3)}.empty-state{text-align:center;color:var(--text-dim);padding:var(--space-3) 0}.song-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-color);display:flex}.song-item:last-child{border-bottom:none}.song-info{text-align:left;flex:auto;min-width:0}.song-info h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.1rem;overflow:hidden}.song-info p{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.875rem;overflow:hidden}.song-info .song-meta{opacity:.75;margin-top:.125rem;font-size:.75rem}.search-bar{width:100%;margin-bottom:var(--space-4);padding:var(--space-3);background-color:var(--surface-color);border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-pill)}.search-bar:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px;border-color:var(--primary-color)}.navbar-tabs{gap:var(--space-2);display:flex}.navbar-tabs [aria-current=true],.navigation-links [aria-current=true]{color:var(--primary-color);border-color:var(--primary-color)}.navbar-toggle{display:none}.navigation-overlay{z-index:1000;overscroll-behavior:contain;background:#0009;justify-content:flex-end;height:100dvh;animation:.16s ease-out navigation-fade-in;display:flex;position:fixed;inset:0}.navigation-panel{overscroll-behavior:contain;width:min(320px,90vw);min-width:0;height:100%;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:var(--surface-color);border-left:1px solid var(--border-color);animation:.18s ease-out navigation-slide-in;overflow-y:auto;box-shadow:-8px 0 32px #00000059}.navigation-heading{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.navigation-heading h2{margin:0;font-size:1.25rem}.navbar-toggle,.navigation-close{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--text-main);flex:0 0 44px;justify-content:center;align-items:center;font-size:1.25rem}.navigation-close{display:inline-flex}.navigation-links{gap:var(--space-2);flex-direction:column;display:flex}.navigation-links .btn-secondary{text-align:left;width:100%;min-height:48px;padding:12px 16px}.navigation-links .navigation-logout{margin-top:var(--space-4);border-top-color:var(--border-color)}@keyframes navigation-fade-in{0%{opacity:0}to{opacity:1}}@keyframes navigation-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.navigation-overlay,.navigation-panel{animation:none}.navigation-overlay button{transition:none}}@media (width<=767px){.navbar{height:68px;padding:11px max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left))}.navbar-tabs{display:none}.navbar-toggle{display:inline-flex}}.notice-msg{color:var(--text-dim);margin-bottom:var(--space-3);text-align:center;font-size:.875rem}.entry-actions{gap:var(--space-1);flex-shrink:0;display:flex}.entry-actions .btn-secondary{min-width:36px;min-height:36px}.entry-pause .song-info h3,.entry-breaker .song-info h3{color:var(--text-dim);font-size:1rem;font-style:italic}.entry-breaker{border-top:1px dashed var(--primary-color);background:color-mix(in srgb, var(--primary-color) 6%, transparent)}.breaker-readout{text-overflow:clip;white-space:normal;font-style:normal;overflow:visible;color:var(--text-main)!important}.breaker-readout strong{color:var(--primary-color);font-variant-numeric:tabular-nums}.login-card{max-width:24rem;margin-top:12vh;margin-left:auto;margin-right:auto}.login-title{text-align:center;margin-top:0;margin-bottom:var(--space-4)}.drag-handle{min-width:44px;min-height:44px;margin-left:calc(var(--space-2) * -1);color:var(--text-dim);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;display:flex}.drag-handle:active{cursor:grabbing;color:var(--primary-color)}.entry-dragging{opacity:.55;background:color-mix(in srgb, var(--primary-color) 10%, transparent)}.entry-drop-target{box-shadow:inset 0 2px 0 0 var(--primary-color)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.setlist-editor{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}.setlist-name-field{margin:var(--space-5) 0 var(--space-3)}.setlist-name-input{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;line-height:1.2}.setlist-song-details{text-align:left}.editor-toolbar{z-index:30;padding:var(--space-2) var(--space-3) calc(var(--space-2) + env(safe-area-inset-bottom));border-top:1px solid var(--border-color);background:color-mix(in srgb, var(--surface-color) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 14px #00000052}.editor-toolbar-inner{align-items:center;gap:var(--space-2);width:100%;max-width:536px;margin:0 auto;display:flex}.editor-toolbar .search-bar{flex:auto;min-width:8rem;margin-bottom:0}.editor-toolbar .btn-primary,.editor-toolbar .btn-secondary{width:auto;min-height:38px;padding:var(--space-1) var(--space-2);white-space:nowrap;flex:none}.toolbar-row{gap:var(--space-2);margin-bottom:var(--space-3);align-items:center;display:flex}.toolbar-row input{flex:1}.conflict-card{border-color:var(--error-color);margin-bottom:var(--space-3)}.conflict-card h3{margin-top:0}.conflict-list{color:var(--text-dim);padding-left:var(--space-4);font-size:.875rem}.share-card{margin-top:var(--space-3)}.share-card p{color:var(--text-dim);margin-top:0;font-size:.875rem}.snapshots-panel,.import-panel{margin-top:var(--space-3)}.publish-form{padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-2)}.snapshots-panel .share-card{padding:var(--space-3);border:1px solid var(--primary-color);border-radius:var(--radius-sm)}.snapshots-panel .share-card input{width:100%;margin-bottom:var(--space-2)}.badge-expired{color:var(--error-color);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:400}.confirm-row{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--error-color);border-radius:var(--radius-sm);color:var(--text-dim);flex-direction:column;font-size:.875rem;display:flex}.import-panel textarea{box-sizing:border-box;width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem}.import-preview{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-color)}.import-list{max-height:18rem;padding-left:var(--space-4);color:var(--text-main);font-size:.875rem;overflow-y:auto}.import-list li{padding:var(--space-1) 0}.import-list .entry-unresolved{color:var(--error-color);text-decoration:line-through}select.search-bar{border-radius:var(--radius-sm);cursor:pointer;margin-bottom:0}.page-heading-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.song-form{margin-top:var(--space-4)}.song-form h2{margin-top:0}.arrangement-fields{border:1px solid var(--border-color);border-radius:var(--radius-md);margin:var(--space-4) 0;padding:var(--space-3)}.arrangement-fields legend{color:var(--text-dim);padding:0 var(--space-2)}.form-grid{gap:0 var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}textarea{resize:vertical;width:100%;min-height:7rem;padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-color);color:var(--text-main);font:inherit}.checkbox-row{align-items:center;gap:var(--space-2);margin:var(--space-4) 0;display:flex}.checkbox-row input{width:auto}.form-actions{margin-top:var(--space-4);justify-content:flex-end;margin-bottom:0}@media (width<=420px){.page-heading-row{flex-direction:column;align-items:stretch}.form-grid{grid-template-columns:1fr}}select{width:100%;min-height:44px;padding:var(--space-2);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-color);color:var(--text-main);font:inherit}.member-form,.members-list,.password-form{margin-bottom:var(--space-4)}.member-form h2,.members-list h2,.password-form h2{margin-top:0}.member-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-color);display:flex}.member-avatar{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;flex:0 0 44px;width:44px;height:44px}.member-avatar-placeholder{background:linear-gradient(135deg,#f8cdd4,#d9c8ff);place-items:center;font-size:1.4rem;display:grid}.member-item .song-info{flex:1}.member-item:last-child{border-bottom:0}.member-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.member-actions select{width:auto}.confirm-actions{gap:var(--space-1);display:flex}.danger{color:var(--error-color)}.role-badge{color:var(--text-dim);text-transform:capitalize}.credential-box{margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--primary-color);border-radius:var(--radius-sm)}.credential-box label{margin-top:var(--space-2);display:block}.password-form .notice-msg{margin-top:var(--space-3)}.band-form,.bands-list{margin-bottom:var(--space-4)}.band-form h2,.bands-list h2{margin-top:0}.band-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-color);display:flex}.band-item:last-child{border-bottom:0}.band-actions{align-items:center;gap:var(--space-2);display:flex}.band-edit-form{width:100%}.band-details-form{margin-bottom:var(--space-4)}.band-details-form h2,.section-title{margin-top:0}.members-section{margin-top:var(--space-4)}.section-title{margin-bottom:var(--space-3);font-size:1.5rem}.setlist-form{margin-bottom:var(--space-4)}.setlist-form h2{margin-top:0}.setlist-actions--stacked{align-items:stretch;gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}@media (width<=600px){.editor-toolbar-inner{flex-wrap:wrap}.editor-toolbar .search-bar{flex-basis:100%;min-height:38px}.setlist-editor{padding-bottom:calc(8rem + env(safe-area-inset-bottom))}.member-item,.member-actions,.band-item,.band-actions{flex-direction:column;align-items:stretch}}.external-song-search{position:relative}.external-song-suggestions{z-index:20;border:1px solid var(--border);background:var(--surface);border-radius:.65rem;max-height:22rem;display:grid;position:absolute;top:calc(100% + .25rem);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #00000073}.external-song-suggestions [role=option]{border:0;border-bottom:1px solid var(--border);width:100%;min-height:3.5rem;color:var(--text);text-align:left;cursor:pointer;background:0 0;border-radius:0;gap:.15rem;padding:.7rem .8rem;display:grid}.external-song-suggestions [role=option]:last-child{border-bottom:0}.external-song-suggestions [role=option]:hover,.external-song-suggestions [role=option].is-highlighted{background:color-mix(in srgb, var(--accent) 13%, var(--surface))}.external-song-suggestions [role=option] span,.external-song-suggestions [role=option] small{color:var(--muted)}.external-source-card{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 7%, var(--surface));border-radius:.65rem;gap:.75rem;margin:.25rem 0 1rem;padding:.85rem;display:grid}.external-source-card>button{justify-self:start}@media (width<=480px){.external-song-suggestions{max-height:17rem}}.register-card{max-width:28rem;margin-top:6vh;margin-left:auto;margin-right:auto}.invite-summary{margin-top:0;margin-bottom:var(--space-4);color:var(--text-dim);font-size:.9375rem}.invite-summary strong{color:var(--text-main)}.avatar-row{gap:var(--space-3);margin-bottom:var(--space-4);align-items:flex-start;display:flex}.avatar-preview{object-fit:cover;border:1px solid var(--border-color);background:var(--bg-color);border-radius:50%;flex-shrink:0;width:80px;height:80px}.avatar-placeholder{color:var(--primary-color);justify-content:center;align-items:center;font-size:2rem;display:flex}.band-logo{object-fit:cover;border:1px solid var(--border-color);border-radius:.5rem;flex-shrink:0;width:52px;height:52px}.avatar-controls{gap:var(--space-2);flex-direction:column;align-items:flex-start;min-width:0;display:flex}.file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.file-button{cursor:pointer;text-align:center;display:inline-block}.file-input:focus-visible+.file-button,.file-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px}.link-button{color:var(--primary-color);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.instruments-input{margin-bottom:var(--space-4)}.instrument-chips{gap:var(--space-2);margin:var(--space-2) 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.instrument-chip{align-items:center;gap:var(--space-1);border:1px solid var(--primary-color);border-radius:var(--radius-pill);padding:.25rem .5rem .25rem .75rem;font-size:.875rem;display:inline-flex}.instrument-chip button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;min-width:28px;min-height:28px}.instrument-chip button:hover{color:var(--error-color)}.instrument-entry{gap:var(--space-2);display:flex}.instrument-entry input{flex:auto;min-width:0}.instrument-suggestions{gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.chip-button{border:1px dashed var(--border-color);border-radius:var(--radius-pill);color:var(--text-dim);cursor:pointer;background:0 0;padding:.25rem .625rem;font-size:.8125rem}.chip-button:hover{border-color:var(--primary-color);color:var(--primary-color)}.band-list{margin:var(--space-2) 0 0;color:var(--text-dim);padding:0;font-size:.9375rem;list-style:none}.band-list li{padding:var(--space-1) 0}.invites-panel,.profile-form{margin-top:var(--space-3)}.invites-panel .share-card{padding:var(--space-3);border:1px solid var(--primary-color);border-radius:var(--radius-sm)}.invites-panel .share-card input{width:100%;margin-bottom:var(--space-2)}.invite-form{padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-2)}.invite-form select{background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-main);padding:var(--space-3);border-radius:var(--radius-sm)}.badge-used{color:var(--primary-color);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:400}@media (width<=480px){.song-item{row-gap:var(--space-1);padding:var(--space-2) 0;flex-wrap:wrap}.song-info{flex:1 1 0;min-width:0}.song-info h3,.song-info p{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;overflow:visible}.entry-actions{flex:0 0 100%;justify-content:flex-end}}.gig-experimental{padding-bottom:calc(7rem + env(safe-area-inset-bottom,0px))}.gig-experimental h1{overflow-wrap:anywhere}.gig-current-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;display:flex}.gig-current-heading h2{overflow-wrap:anywhere;margin:0;font-size:clamp(1.7rem,7vw,3rem)}.gig-current-heading span{font-size:1.3rem;font-weight:700}.gig-meter,.gig-section-label{color:var(--text-dim);font-size:.9rem}.gig-current .gig-controls{margin-top:1rem}.gig-experimental .gig-metronome{--gig-gap:.5rem;gap:var(--gig-gap);width:min(100%, calc(2 * max(44px, var(--gig-led-size)) + var(--gig-gap)));grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;display:grid}.gig-experimental .gig-metronome .gig-lights{display:contents}.gig-experimental .gig-metronome .gig-lights span,.gig-experimental .gig-icon-target button{width:min(100%, var(--gig-led-size));aspect-ratio:1;min-width:0;height:auto;min-height:0}.gig-experimental .gig-icon-target{place-items:center;width:100%;min-width:44px;min-height:44px;display:grid;position:relative}.gig-experimental .gig-icon-target button{justify-content:center;align-items:center;margin:0;padding:0;display:flex}.gig-experimental .gig-icon-target button:after{content:"";position:absolute;inset:0}.gig-experimental .gig-accent-toggle[aria-pressed=true]{color:#68ed75;background-color:#68ed751a;border-color:#68ed75}.gig-experimental .gig-accent-toggle[aria-pressed=false]{color:var(--text-dim);background-color:var(--surface-color);border-color:var(--border-color)}.gig-experimental .gig-metronome svg{flex-shrink:0;width:min(24px,80%);height:min(24px,80%)}.gig-experimental .gig-icon-target:focus-within{outline:2px solid var(--primary-color);outline-offset:3px;border-radius:var(--radius-sm)}.gig-upcoming h2{font-size:1.1rem}.gig-upcoming .card{overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem;margin-bottom:.6rem;display:flex}.gig-footer{z-index:10;padding:.75rem max(1rem, env(safe-area-inset-right)) calc(.75rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background-color:var(--surface-color);border-top:1px solid var(--border-color);gap:.75rem;display:flex;position:fixed;bottom:0;left:0;right:0}.gig-footer button{flex:1;min-width:0;min-height:48px;margin:0}.gig-exp2{--gig-effective-row-height:max(44px, min(var(--gig-row-height,90px), (100dvh - env(safe-area-inset-bottom,0px) - 321px) / var(--gig-row-count)));--gig-row-count:2;--gig-dock-height:calc(var(--gig-row-count) * var(--gig-effective-row-height) + env(safe-area-inset-bottom,0px) + 1px);--gig-light-height:min(300px, max(120px, 100dvh - var(--gig-dock-height) - 200px));padding-bottom:calc(var(--gig-dock-height) + var(--gig-light-height) + 2rem);max-width:none}.gig-exp2 .gig-current-heading h2{min-width:0}.gig-exp2:has(.gig-exp2-upcoming){--gig-row-count:3}.gig-exp2:has(.gig-exp2-upcoming+.gig-exp2-upcoming){--gig-row-count:4}.gig-exp2-light{left:0;bottom:var(--gig-dock-height);width:100%;height:var(--gig-light-height);z-index:9;background:#333;position:fixed}.gig-exp2-light[data-active=true]{background:var(--gig-beat-color)}.gig-exp2-light[data-active=true][data-accent=true]{background:var(--gig-accent-color)}.gig-exp2-dock{box-sizing:border-box;z-index:10;background:var(--surface-color);width:100%;max-width:600px;padding:0 max(1rem, env(safe-area-inset-right)) env(safe-area-inset-bottom,0px) max(1rem, env(safe-area-inset-left));border-top:1px solid var(--border-color);position:fixed;bottom:0;left:50%;transform:translate(-50%)}.gig-exp2-upcoming,.gig-exp2-controls,.gig-exp2-footer{height:var(--gig-effective-row-height);border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;display:flex}.gig-exp2-upcoming{justify-content:space-between;overflow:hidden}.gig-exp2-upcoming strong,.gig-exp2-upcoming span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.gig-exp2-upcoming strong{flex:1}.gig-exp2-upcoming span{flex:0 auto}.gig-exp2-controls button,.gig-exp2-footer button{flex:1;min-width:0;height:100%;margin:0}.gig-exp2-controls .gig-accent-toggle[aria-pressed=true]{color:#68ed75;border-color:#68ed75}@media (height<=500px){.gig-exp2{padding-bottom:calc(var(--gig-dock-height) + 2rem)}.gig-exp2-light{width:100%;position:static}}body:has(.gig-exp2){overflow-x:clip}