[hidden]{display:none!important}
.label{height:auto;aspect-ratio:1}
#accountLabel{white-space:pre-line}
button:disabled{opacity:.5;cursor:wait}select{color:var(--text);color-scheme:dark}button,a,select,input,textarea{touch-action:manipulation}.app-header .header-actions .ghost{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected,.states{scroll-margin-top:115px}.shelf{flex-wrap:wrap;align-content:center;overflow:visible;padding-inline:clamp(24px,4vw,60px);gap:30px;row-gap:65px}.cover-card{flex:0 0 clamp(180px,19vw,286px);min-width:0;max-width:100%;padding:0}.cover-frame img{aspect-ratio:1;object-fit:contain}.cover-meta{min-width:0}.cover-title{overflow-wrap:anywhere}.cover-card:hover{filter:none}.shelf-foot{display:flex;justify-content:space-between;gap:20px;padding-top:14px}.empty-shelf{padding:28px;max-width:560px;background:#0b0c09eb;border:1px solid var(--line)}.empty-shelf h2{font-size:32px;line-height:1.1}.empty-shelf p{color:var(--muted)}.empty-actions{display:flex;gap:8px;flex-wrap:wrap}.missing-cover{display:grid;place-items:center;aspect-ratio:1;background:repeating-radial-gradient(circle,#22231d 0 2px,#0d0e0b 3px 7px);color:var(--muted);font:12px Plex}.missing-cover span{background:#15160f;padding:16px;border:1px solid var(--line)}.plain-label{width:34%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--bg);font:clamp(10px,1.2vw,18px) Plex}.detail h2,.artist{overflow-wrap:anywhere}.detail-actions{display:flex;flex-wrap:wrap;gap:8px}.danger{color:var(--danger)}.star{min-width:44px}.star.clear-rating{font:12px Plex;min-width:72px}.save-row{flex-wrap:wrap}.error{color:var(--danger);border-left:2px solid var(--danger);padding:8px 12px;white-space:pre-wrap}.form-grid .full{grid-column:1/-1}.cover-preview-row{display:flex;align-items:center;gap:12px}.cover-preview-row img{object-fit:contain;background:#080906}.track-editor{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.track-editor summary{cursor:pointer;min-height:44px}.track-editor .form-grid{margin-top:12px}.auth-dialog{max-width:540px}.dialog{max-height:calc(100dvh - 36px)}.dialog h2{overflow-wrap:anywhere}.dialog-actions{flex-wrap:wrap}.welcome{min-height:420px;background:linear-gradient(90deg,#090a08ee,#090a0855),url('assets/render/record-bin-wide.png') center/cover;padding:40px;display:flex;align-items:center}.welcome>div{max-width:540px}.welcome h2{font-size:clamp(36px,5vw,60px);letter-spacing:-.04em;line-height:1.05}.welcome button{margin:8px 6px 0 0}.service small{display:block}.service button{flex-shrink:0}#globalMessage{margin-bottom:20px;border-color:var(--danger)}.tracks .muted{font-size:14px}.track{width:100%}.track span:nth-child(2){white-space:normal;overflow-wrap:anywhere}.notice{margin-top:24px}.form-field input[type=file]{font:13px Space;padding:12px 8px}.form-field textarea{resize:vertical}.form-field input:invalid:not(:placeholder-shown){box-shadow:none}
@media(max-width:900px){.app-header{grid-template-columns:1fr auto;gap:8px}.primary-nav{display:flex;grid-row:2;grid-column:1/-1;justify-content:flex-start}.app-header .header-actions .ghost{display:block;max-width:130px}.shelf{flex-wrap:nowrap;overflow-x:auto;align-content:normal;justify-content:flex-start;padding-inline:10vw;gap:24px}.cover-card{flex:0 0 230px;min-width:230px}.toolbar{grid-template-columns:1fr 1fr}.field-inline{grid-column:1/-1}.toolbar .chip:last-child{display:block}.selected{scroll-margin-top:145px}.stars{flex-wrap:wrap}}
@media(max-width:560px){.app-header{padding:10px 16px}.header-actions{gap:6px}.header-actions button{padding:10px}.hero{padding-top:32px;gap:12px}.hero h1{font-size:66px}.toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.toolbar>.chip{display:block;width:100%;min-width:0;font-size:13px;padding:0 8px}.cover-card{flex-basis:190px;min-width:190px}.shelf{gap:20px}.shelf-foot>span:last-child{display:none}.selected{scroll-margin-top:134px}.welcome{padding:24px;min-height:380px;background-image:linear-gradient(90deg,#090a08ee,#090a0855),url('assets/render/record-bin-mobile.png')}.welcome h2{font-size:42px}.empty-shelf{min-width:100%;padding:20px}.dialog{padding:20px}.dialog h2{font-size:32px}.detail h2{font-size:48px}.detail-actions button{padding:10px}.service{gap:10px}.toast{bottom:90px}.detail .star{min-width:44px}.form-grid{gap:14px}.mobile-nav{padding-top:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom))}.mobile-nav button{font-size:14px}}
