.user-page{flex-direction:column;gap:1rem;max-width:28rem;margin:0 auto;display:flex}.user-page__title{text-align:center;margin:0;font-size:1.75rem}.user-page__status{text-align:center;margin:0;font-size:1.1rem}.user-page__muted{color:#555;margin:0}.user-page__label{color:#555;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.9rem;font-weight:400}.user-page__section{background-color:#f5f5f5;border:1px solid #ddd;border-radius:1rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.user-page__section-title{margin:0;font-size:1.25rem}.user-page__now{flex-direction:column;gap:.25rem;display:flex}.user-page__now-row{align-items:center;gap:.5rem;display:flex}.user-page__now-name{word-break:break-word;flex:1;min-width:0;margin:0;font-size:1.1rem;font-weight:600}.user-page__skip-count{color:#555;font-variant-numeric:tabular-nums;white-space:nowrap}.user-page__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}.user-page__queue{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.user-page__song{border-top:1px solid #ddd;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.user-page__song:first-child{border-top:none}.user-page__song-name{word-break:break-word;flex:1;min-width:0}.user-page__rating{text-align:right;font-variant-numeric:tabular-nums;min-width:2rem;font-weight:600}.user-page__votes{gap:.25rem;display:flex}.user-page__icon-button{color:#1a1a1a;background-color:#fff;border:1px solid #b0b0b0;border-radius:.5rem;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;padding:0;display:inline-flex}.user-page__icon-button--pressed{color:#fff;background-color:#1a1a1a;border-color:#1a1a1a}.user-page__icon-button:disabled{opacity:.5}.user-page__icon{width:1.25rem;height:1.25rem}.user-page__entry{flex-direction:column;gap:1.5rem;display:flex}.user-page__name-form{flex-direction:column;gap:.75rem;display:flex}.user-page__field{flex-direction:column;gap:.5rem;display:flex}.user-page__field-label{font-weight:600}.user-page__input{background-color:#fff;border:1px solid #b0b0b0;border-radius:.5rem;width:100%;padding:.75rem;font-size:1.1rem}.user-page__file-input{max-width:100%}.user-page__button{border:1px solid #b0b0b0;border-radius:.5rem;padding:.9rem 1rem;font-size:1.1rem;font-weight:600}.user-page__button--primary{color:#fff;background-color:#1a1a1a;border-color:#1a1a1a}.user-page__button:disabled{opacity:.5}.user-page__error{color:#b3261e;margin:0}.user-page__links{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.user-page__playlist-file{color:#555;margin:0}.user-page__link{color:#1a1a1a;font-weight:600}.user-page__combobox{position:relative}.user-page__listbox{background-color:#fff;border:1px solid #b0b0b0;border-radius:.5rem;max-height:16rem;margin:0;padding:0;list-style:none;overflow-y:auto}.user-page__option,.user-page__option-note{border-top:1px solid #ddd;align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex}.user-page__option:first-child,.user-page__option-note:first-child{border-top:none}.user-page__option{cursor:pointer}.user-page__option--active,.user-page__option:hover{background-color:#f5f5f5}.user-page__option-note{color:#555}.user-page__option-file{word-break:break-word;flex:1;min-width:0}.user-page__folder-mark{color:#555;border:1px solid #b0b0b0;border-radius:.25rem;flex:none;padding:0 .4rem;font-size:.75rem}.user-page__toast{z-index:10;color:#fff;border-radius:.5rem;width:calc(100% - 2rem);max-width:28rem;padding:.75rem 1rem;position:fixed;top:.75rem;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000040}.user-page__toast--success{background-color:#1a7f37}.user-page__toast--error{background-color:#b3261e}