: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}*,: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{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]{color:var(--primary-color);border-color:var(--primary-color)}.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}.editor-toolbar{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.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}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-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)}@media (width<=600px){.navbar{flex-direction:column;align-items:flex-start}.navbar-tabs{flex-wrap:wrap;width:100%}.member-item,.member-actions{flex-direction:column;align-items:stretch}}