body.dot-panel-pattern:has(.set-page){background-color:#f8f7f3}body.dot-panel-pattern:has(.set-page):before{opacity:.16!important}body.dot-panel-pattern:has(.set-page) footer{background:#f8f7f3e0!important}.set-page{--set-ink:#292d32;--set-line:#e4e5df;--set-muted:#66747b;--set-cream:#f8f7f3;box-sizing:border-box;isolation:isolate;width:min(100% - 2.5rem,1040px);min-height:65vh;color:var(--set-ink);margin:0 auto;padding:clamp(2.5rem,6vw,5rem) 0 5rem;font-family:Inter,system-ui,sans-serif;position:relative}.set-page:before{content:"";z-index:-1;pointer-events:none;clip-path:inset(0 -100vmax);background:#f8f7f3c2;position:absolute;inset:0;box-shadow:0 0 0 100vmax #f8f7f3c2}.set-page *{box-sizing:border-box}.set-page h1{letter-spacing:-.035em;margin:.6rem 0 .75rem;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.set-page h2{margin:1.5rem 0 1rem;font-size:1.4rem;font-weight:750}.set-page h3{margin:1.5rem 0 .75rem;font-size:1.05rem;font-weight:750}.set-page .set-eyebrow{letter-spacing:.17em;color:#0a8e87;margin:1.3rem 0 .65rem;font-size:.74rem;font-weight:800}.set-page .set-lead{color:var(--set-muted);margin:0 0 2rem;font-size:1.05rem}.set-page a{color:#376bb0;text-decoration:none}.set-page a:hover{text-decoration:underline}.set-page a:focus-visible,.set-page button:focus-visible,.set-page input:focus-visible,.set-page select:focus-visible{outline-offset:2px;outline:3px solid #8ddbd1}.set-page #set-date{color:var(--set-muted);margin:0 0 1.75rem;font-size:.97rem}.set-page #set-songs,.set-page #sets-list{counter-reset:set-song;gap:.65rem;margin:1.5rem 0 2.5rem;padding:0;list-style:none;display:grid}.set-page #set-songs li{counter-increment:set-song}.set-page #set-songs li,.set-page #sets-list li{border:1px solid var(--set-line);background:#fffffff2;border-radius:12px;align-items:center;min-height:66px;padding:1rem 1.2rem;font-weight:700;display:flex;box-shadow:0 4px 18px #24374208}.set-page #set-songs li:before{content:counter(set-song,decimal-leading-zero);color:#7c8a90;margin-right:1.2rem;font-size:.88rem;font-weight:600}.set-page #sets-list li a{width:100%;display:block}.set-page #sets-list li a:after{content:"›";float:right;color:#566269;font-size:1.4rem}.set-page #set-songs li a,.set-page #sets-list li a{color:var(--set-ink)}.set-page #set-songs li:hover,.set-page #sets-list li:hover{border-color:#b4d3d0}.set-page .set-card,.set-page #chosen li{border:1px solid var(--set-line);background:#fffffff5;border-radius:13px;box-shadow:0 4px 18px #24374208}.set-page .auth{flex-wrap:wrap;align-items:end;gap:.8rem;margin:1.5rem 0;padding:1.2rem;display:flex}.set-page label{color:#43515a;font-size:.9rem;font-weight:650}.set-page input,.set-page select{font:inherit;color:var(--set-ink);background:#fff;border:1px solid #cbd5d8;border-radius:9px;min-width:0;max-width:100%;padding:.78rem .9rem}.set-page label input{margin-top:.4rem;display:block}.set-page button{font:inherit;color:#fff;cursor:pointer;background:#292d32;border:1px solid #292d32;border-radius:9px;padding:.75rem 1rem;font-size:.9rem;font-weight:700;transition:background .15s,transform .15s}.set-page button:hover{background:#454b50;transform:translateY(-1px)}.set-page button:disabled{opacity:.5;cursor:not-allowed}.set-page .danger,.set-page #delete{color:#a33b31;background:#fff4f1;border-color:#e9b7af}.set-page .danger:hover,.set-page #delete:hover{background:#ffe9e4}.set-page #lock,.set-page #add,.set-page #upload-button,.set-page #chosen button{color:#292d32;background:#fff;border-color:#d5d8d7}.set-page #chosen button:hover,.set-page #add:hover,.set-page #upload-button:hover{background:#eef5f3}.set-page #status,.set-page #set-status,.set-page #set-error,.set-page #sets-status{color:#47646b;min-height:1.4rem}.set-page .set-workspace{margin-top:1.4rem}.set-page .new-set{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.4rem;padding:1.2rem;display:flex}.set-page #sets{width:100%;margin:0 0 1.4rem}.set-page .set-editor{padding:clamp(1.1rem,3vw,2rem)}.set-page .set-editor>label{margin:1rem 0;display:block}.set-page .set-editor>label input{width:100%}.set-page #chosen{gap:.5rem;margin:1rem 0;padding:0;list-style:none;display:grid}.set-page #chosen li{align-items:center;gap:.5rem;padding:.7rem .9rem;display:flex}.set-page #chosen li span{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:650}.set-page #chosen li button{margin:0;padding:.45rem .65rem}.set-page #search{width:100%;margin-bottom:.65rem}.set-page #available{width:100%;max-width:100%;margin-bottom:.65rem}.set-page #upload{width:100%;margin:.5rem 0 1rem;display:block}.set-page #editor>p:last-child{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:2rem;display:flex}.set-page [hidden]{display:none!important}@media (width<=640px){.set-page{width:min(100% - 2rem,1040px)}.set-page .new-set>*,.set-page .auth label{flex:100%}.set-page #chosen li{flex-wrap:wrap}.set-page #chosen li span{flex:100%}}html:has(.set-page) body.dot-panel-pattern:before{opacity:.16!important}html:has(.set-page) body.dot-panel-pattern{background-color:#f8f7f3}html:has(.set-page) #main-content,html:has(.set-page) #main-content>.set-page{background:0 0}@media (prefers-reduced-transparency:reduce){html:has(.set-page) body.dot-panel-pattern:before{opacity:.1!important}}.set-page #set-songs li,.set-page #sets-list li{align-items:stretch;padding:0;display:flex;overflow:hidden}.set-page #set-songs li:before{flex-shrink:0;align-self:center;margin-left:1.2rem}.set-page #set-songs li a,.set-page #sets-list li a{min-height:66px;color:var(--set-ink);flex:1;align-items:center;padding:1rem 1.2rem;display:flex;text-decoration:none!important}.set-page #sets-list li a{justify-content:space-between}.set-page #sets-list li a:after{margin-left:auto}.set-page #set-songs li:has(a):hover,.set-page #sets-list li:hover{background:#f2faf8}.set-page .set-meta{align-items:center;gap:.6rem;margin:0 0 1.75rem;display:flex}.set-page .set-meta #set-date{margin:0}.set-page .set-edit-icon{color:#376bb0;background:#fff;border:1px solid #d6e0df;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.set-page .set-edit-icon:hover{background:#eaf4f3}.set-page #chosen li.set-draggable-song{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;transition:border-color .15s,background .15s}.set-page #chosen li.set-draggable-song:active{cursor:grabbing}.set-page #chosen li.is-dragging{opacity:.42}.set-page #chosen li.is-drop-target{background:#eaf7f4;border:2px dashed #0a8e87}.set-page #chosen li .set-drag-grip{color:#849297;font-size:1.55rem;line-height:1}.set-page #chosen li .set-drag-title{flex:1}.set-page #chosen li button.set-trash{color:#ba352d;background:0 0;border:0;justify-content:center;align-items:center;padding:.5rem;display:inline-flex}.set-page #chosen li button.set-trash:hover{color:#98241e;background:#fff0ed}.set-page .auth[hidden]{display:none!important}.set-page .set-heading-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.set-page .set-heading-row h3{margin-bottom:.75rem}.set-page #sort-az{color:#292d32;background:#fff;border-color:#cbd5d8}.set-page #sort-az:hover{background:#eef5f3}.set-page .set-search-results{gap:.4rem;max-height:340px;display:grid;overflow-y:auto}.set-page .set-library-result{text-align:left;color:#292d32;background:#fff;border:1px solid #dce3e1;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.85rem 1rem;display:flex}.set-page .set-library-result:hover{background:#edf8f5;border-color:#8dbeb5}.set-page .set-library-result small{color:#61717a;text-align:right;font-weight:500}.set-page .set-inline-feedback{color:#526b70;min-height:1.25rem;margin:.5rem 0;font-size:.85rem}.set-page .set-upload-progress{color:#47646b;flex-wrap:wrap;align-items:center;gap:.7rem;margin:.75rem 0;font-size:.9rem;display:flex}.set-page .set-upload-progress progress{accent-color:#0a8e87;width:100%;height:10px}.set-page .set-spinner{border:2px solid #cddfda;border-top-color:#0a8e87;border-radius:50%;width:17px;height:17px;animation:.8s linear infinite set-spin}@keyframes set-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.set-page .set-spinner{border-style:dotted;animation:none}}.set-page .set-song-art{object-fit:cover;background:#e8efed;border-radius:8px;flex:0 0 54px;width:54px;height:54px;margin-right:1rem}.set-page #set-songs .set-song-art{object-fit:cover;border-radius:8px;flex:0 0 90px;width:90px;min-width:90px;max-width:90px;height:90px;min-height:90px;max-height:90px;margin-right:1rem;display:block}.set-page #set-songs .set-song-art[hidden]{display:none!important}.set-page #set-songs li a{overflow-wrap:anywhere;gap:0;min-width:0}@media (width<=480px){.set-page #set-songs .set-song-art{flex-basis:72px;width:72px;min-width:72px;max-width:72px;height:72px;min-height:72px;max-height:72px}}.set-page #set-songs .set-song-text{flex-wrap:wrap;flex:1;align-items:center;gap:.45rem .75rem;min-width:0;display:flex}.set-page #set-songs .set-song-name{min-width:0;font-weight:700}.set-page #set-songs .set-song-key{color:#52656a;white-space:nowrap;background:#edf3f2;border:1px solid #d7e2df;border-radius:6px;padding:.2rem .48rem;font-size:.76rem;font-weight:650}.set-page #set-songs .set-song-current-label{color:#247b6d;white-space:nowrap;font-size:.72rem;font-weight:650}.set-page #set-songs li.set-song-current{background:#f0faf6;border-color:#61aa99;box-shadow:inset 3px 0 #3a9f8f}@media (width<=480px){.set-page #set-songs .set-song-text{gap:.3rem .55rem}.set-page #set-songs .set-song-name{flex-basis:100%}}.set-page #set-songs li a .set-song-text{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.set-page #set-songs li a .set-song-key{color:#285e55;white-space:nowrap;background:#eaf4f1;border:1px solid #cadbd7;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:5px 9px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex}