/* Record sleeves and studio controls. Native form semantics remain intact. */
:root{--vinyl-surface:radial-gradient(circle at center,#080a0b 0 2%,#a9c56c 2.3% 3%,#222b20 3.3% 16%,#101313 16.3% 18%,transparent 18.5%),conic-gradient(from 25deg,#101213,#424747 12%,#141717 24%,#090b0c 43%,#363c3d 64%,#131617 76%,#101213),repeating-radial-gradient(circle,#121515 0 1px,#282d2d 1.4px 1.9px,#171a1a 2.4px 3px)}
.room-record::before{display:none}.room-record .record-art{position:relative;isolation:isolate;overflow:visible;display:block}.room-record .record-art img{position:relative;z-index:2;border-radius:5px;display:block;box-shadow:4px 8px 24px #0004}
.room-record .record-art::before,.release-art--vinyl::before{content:'';position:absolute;top:1%;left:24%;width:98%;aspect-ratio:1;border-radius:50%;background:var(--vinyl-surface);background-blend-mode:normal,soft-light,normal;border:2px solid #303737;box-shadow:6px 10px 24px #0005;transition:transform .6s cubic-bezier(.2,.8,.2,1);pointer-events:none;z-index:0}
.room-record:hover .record-art::before{transform:translateX(8px) rotate(10deg)}.room-record .record-info{position:relative;z-index:3}.room-record .record-caption{position:relative;z-index:3}
.release-art{width:220px;flex:0 0 220px;position:relative;isolation:isolate}.release-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:9px;position:relative;z-index:1;box-shadow:0 16px 30px #0003}.release-art--vinyl{margin-right:48px}.release-art--artist img{border-radius:50%}.release-art--vinyl::before{left:22%;top:1%;width:98%}.release-art--vinyl:hover::before{transform:translateX(7px) rotate(8deg)}
.directory-cards:not(.artists) .cover-wrap{isolation:isolate;overflow:visible;margin-right:10%}.directory-cards:not(.artists) .cover-wrap::before{content:'';position:absolute;width:96%;aspect-ratio:1;left:14%;top:2%;border-radius:50%;background:var(--vinyl-surface);background-blend-mode:normal,soft-light,normal;box-shadow:3px 5px 12px #0003;z-index:-1}.directory-cards:not(.artists) .cover-wrap img{border-radius:7px;box-shadow:3px 5px 12px #0002}
.release-editor{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,1fr);gap:26px;padding:26px;margin:18px 0;border:1px solid var(--edition-border);border-radius:16px;background:var(--edition-surface);align-items:start}
.release-editor>*{min-width:0}.release-editor-identity{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-items:start}.release-editor-identity>img{width:96px;height:96px;border-radius:9px;object-fit:cover;box-shadow:0 7px 20px #0002}.release-editor--artists .release-editor-identity>img{border-radius:50%}
.release-editor .request-row{display:block;padding:0;border:0;margin:0;min-width:0}.release-editor label{display:block;font-size:13px;line-height:1.7;color:var(--edition-muted)}
.release-editor input:not([type=checkbox]):not([type=file]),.release-editor textarea{display:block;width:100%;min-height:44px;padding:11px 13px;margin:8px 0 12px;border-radius:8px;border:1px solid var(--edition-border);background:var(--edition-raised);color:var(--edition-ink);font:inherit}
.release-editor textarea{resize:vertical;min-height:108px}.release-editor .button{margin-top:8px;max-width:100%;white-space:normal;overflow-wrap:normal}.release-editor label:has(>input[type=checkbox]){display:flex;align-items:center;gap:9px;min-height:40px}.release-editor .lead{font-size:12px;line-height:1.7;color:var(--edition-muted)}
.release-publication{background:var(--edition-raised);border:1px solid var(--edition-border);border-radius:10px;padding:18px}.release-publication p{font-size:12px;color:var(--edition-muted);line-height:1.6;margin:12px 0 6px}.release-state{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;font-size:11px;border-radius:20px;background:var(--edition-soft);color:var(--edition-muted)}.release-state::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.release-state.is-published{color:var(--edition-accent)}
.release-editor .release-cover{grid-column:1/-1;border-top:1px solid var(--edition-border);padding-top:20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;align-items:end}.release-cover>label{grid-column:1;max-width:650px}.release-cover>.lead{grid-column:1;margin:0}.release-cover>.button{grid-column:2;grid-row:1;align-self:end;margin-bottom:0}.release-cover>.form-status{grid-column:1/-1}
.file-picker{display:flex;position:relative;align-items:center;gap:14px;width:100%;min-height:50px;margin-top:9px;padding:7px;border:1px dashed var(--edition-border);background:var(--edition-raised);border-radius:10px;overflow:hidden;cursor:pointer;color:var(--edition-ink)}
.file-picker input[type=file],.form-card .file-picker input[type=file]{position:absolute;inset:0;width:100%;height:100%;min-height:100%;margin:0;padding:0;opacity:0;cursor:pointer;z-index:2}.file-picker-action{flex-shrink:0;border-radius:6px;background:var(--edition-soft);color:var(--edition-ink);font-size:12px;line-height:1.5;padding:9px 12px}.file-picker-name{font-size:12px;color:var(--edition-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.file-picker:focus-within{outline:2px solid var(--edition-accent);outline-offset:3px;border-style:solid}.file-picker:hover,.file-picker.has-file{border-color:var(--edition-accent)}.file-picker.has-file .file-picker-name{color:var(--edition-ink)}.file-picker:has(input:disabled){opacity:.5;cursor:not-allowed}
select:not([multiple]){appearance:none;-webkit-appearance:none;border:1px solid var(--edition-border);border-radius:9px;background-color:var(--edition-surface);color:var(--edition-ink);padding:11px 38px 11px 13px;min-height:44px;line-height:1.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23858d84' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;max-width:100%;cursor:pointer}
.collection-sort select,#library-sort,#jobs-status,.form-card select,.credit-editor-row select{padding-right:38px}select:disabled{cursor:not-allowed;opacity:.55}
input[type=checkbox]{appearance:none;-webkit-appearance:none;display:inline-block;flex:0 0 18px;width:18px;height:18px;min-height:18px;border:1px solid var(--edition-border);border-radius:5px;background:var(--edition-raised);margin:0;vertical-align:middle;cursor:pointer;position:relative}
input[type=checkbox]:checked{background-color:var(--edition-accent);border-color:var(--edition-accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 9 3 3 7-7'/%3E%3C/svg%3E");background-size:100%}
[data-theme=dark] input[type=checkbox]:checked{background-color:#528421;border-color:#8dcc49}input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}.form-card input[type=checkbox]{width:18px;height:18px;min-height:18px}
#search-form .search-field{background:var(--edition-surface);border:1px solid var(--edition-border);box-shadow:0 8px 24px #00000008;padding:9px 12px 9px 20px;gap:14px;min-height:64px}#search-form .search-field:focus-within{border-color:var(--edition-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--edition-accent) 10%,transparent)}#search-form .search-field input{font-size:15px}#search-form .search-field>.button{border:1px solid var(--edition-border);min-width:90px}.collection-tools{gap:12px 20px;padding:4px 0}.collection-available{border:1px solid var(--edition-border);border-radius:9px;padding:0 12px;gap:9px;font-size:12px}.collection-available:has(input:checked){background:color-mix(in srgb,var(--edition-accent) 8%,var(--edition-surface));border-color:color-mix(in srgb,var(--edition-accent) 45%,var(--edition-border));color:var(--edition-ink)}
progress{appearance:none;border:0;border-radius:10px;overflow:hidden;background:var(--edition-soft)}progress::-webkit-progress-bar{background:var(--edition-soft);border-radius:10px}progress::-webkit-progress-value{background:var(--edition-accent);border-radius:10px}progress::-moz-progress-bar{background:var(--edition-accent);border-radius:10px}
@media(max-width:1000px){.release-editor{grid-template-columns:minmax(0,1fr)}.release-editor .release-cover{grid-column:1}.release-publication{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}.release-publication p{flex:1;min-width:120px;margin:0}.release-publication .button{margin:0}}
@media(max-width:760px){.release-editor{padding:18px;gap:20px}.release-editor-identity{grid-template-columns:64px minmax(0,1fr);gap:14px}.release-editor-identity>img{width:64px;height:64px}.release-editor .release-cover{grid-template-columns:minmax(0,1fr);gap:12px}.release-cover>.button{grid-column:1;grid-row:auto;justify-self:start}.release-editor input:not([type=checkbox]):not([type=file]),.release-editor textarea{font-size:16px}.release-editor .button{font-size:12px}.release-art{width:150px;flex-basis:150px}.release-art--vinyl{margin-right:32px}.file-picker{gap:9px}.file-picker-action{padding:8px;font-size:11px}.file-picker-name{font-size:11px}#search-form .search-field{padding:7px 8px 7px 12px;gap:10px;min-height:58px}#search-form .search-field input{font-size:16px}#search-form .search-field>.button{min-width:70px;padding:10px}.collection-tools{gap:10px}.collection-available{padding:0 10px}}
@media(prefers-reduced-motion:reduce){.room-record .record-art::before,.release-art--vinyl::before{transition:none;transform:none!important}}
@media(forced-colors:active){input[type=checkbox],select{appearance:auto}.file-picker input[type=file]{opacity:1;position:static}.file-picker-action,.file-picker-name{display:none}}

/* Keep the select arrow when older theme rules supply a background shorthand. */
.independent-layout select:not([multiple]),#jobs-status,#library-sort{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23858d84' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}

*{scrollbar-width:thin;scrollbar-color:var(--edition-border) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--edition-border);border:2px solid var(--bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--edition-muted)}
.admin-create>summary{display:flex;align-items:center;gap:12px;list-style:none;min-height:28px}.admin-create>summary::-webkit-details-marker{display:none}.admin-create>summary::before{content:'+';display:grid;place-items:center;width:26px;height:26px;border-radius:7px;font-size:20px;background:var(--edition-soft);color:var(--edition-accent);transition:transform .2s}.admin-create[open]>summary::before{transform:rotate(45deg)}

.sleep-dialog{width:min(460px,calc(100vw - 32px));max-height:85dvh;overflow:auto}.sleep-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0}.sleep-options .button{margin:0}.sleep-options .button[aria-pressed=true]{background:var(--edition-accent);color:var(--bg)}
@media(max-width:760px){.top-actions .sleep-timer{display:flex!important;width:32px;height:44px;min-width:32px;padding:6px;align-items:center;justify-content:center}.sleep-timer #sleep-label{display:none}.sleep-timer .icon{width:18px;height:18px}.global-header .brand{width:104px;flex-basis:104px}.global-header .brand img,[data-theme=dark] .global-header .brand img{width:104px}.global-header .global-search{padding:0;gap:0}}
@media(max-width:360px){.global-header .brand{width:78px;flex-basis:78px}.global-header .brand img,[data-theme=dark] .global-header .brand img{width:78px}}

/* Explicit modal positioning overrides form-card page margins. */
dialog.form-card.sleep-dialog{position:fixed;inset:0;margin:auto;width:min(460px,calc(100vw - 32px));max-width:calc(100vw - 32px);height:fit-content;max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:auto}

/* Account entry: a readable control, with identity after sign-in. */
.global-header #account-link{display:flex;align-items:center;justify-content:center;gap:9px;width:44px;height:44px;min-width:44px;max-width:180px;padding:0;border-radius:12px;border:1px solid var(--edition-border);background:var(--edition-surface);color:var(--edition-ink);flex-shrink:0}
#account-link>.account-mark{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:9px;overflow:hidden;color:var(--edition-ink)}
#account-link .account-mark>.icon{width:23px;height:23px;color:inherit;stroke-width:1.8}#account-link .account-mark>b{font-size:14px;font-weight:600;letter-spacing:.3px}#account-link .account-mark>img{display:block;width:100%;height:100%;object-fit:cover}
#account-link.is-signed-in>.account-mark{background:var(--brand-lime);color:#17220c}#account-link>.account-caption{display:none;color:inherit;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500}
.global-header #account-link:hover{border-color:var(--edition-accent);background:var(--edition-raised);box-shadow:0 0 0 3px color-mix(in srgb,var(--edition-accent) 10%,transparent)}
@media(min-width:1250px){.global-header #account-link{width:auto;min-width:100px;padding:0 13px 0 3px}#account-link>.account-caption{display:block}}

/* Shared icon feedback: hover, keyboard focus, press and persistent state. */
.icon-button,.record-play,.card-menu,.password-visibility{border-radius:9px;transition:background-color .16s,color .16s,box-shadow .16s,transform .12s}
@media(hover:hover){
 .icon-button:not(:disabled):hover,.record-play:not(:disabled):hover,.card-menu:not(:disabled):hover,.password-visibility:hover{background:color-mix(in srgb,var(--edition-accent) 13%,var(--edition-surface));color:var(--edition-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--edition-accent) 35%,transparent);filter:none}
 :is(.player,#fullscreen-player) .icon-button:not(:disabled):hover{background:color-mix(in srgb,var(--edition-accent) 16%,var(--edition-surface));color:var(--edition-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--edition-accent) 40%,transparent);filter:none}
}
.icon-button:not(:disabled):active,.record-play:not(:disabled):active,.card-menu:not(:disabled):active{transform:scale(.92);background:color-mix(in srgb,var(--edition-accent) 23%,var(--edition-surface));color:var(--edition-accent)}
.icon-button:focus-visible,.record-play:focus-visible,.card-menu:focus-visible{outline:2px solid var(--edition-accent);outline-offset:3px;background:color-mix(in srgb,var(--edition-accent) 12%,var(--edition-surface))}
.icon-button[aria-pressed=true],.icon-button[aria-expanded=true],:is(.player,#fullscreen-player) .icon-button[aria-pressed=true],:is(.player,#fullscreen-player) .icon-button[aria-expanded=true]{color:var(--edition-accent);background:color-mix(in srgb,var(--edition-accent) 16%,var(--edition-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--edition-accent) 42%,transparent)}
.player .transport>.icon-button,.player-extras>.icon-button,#fullscreen-player .transport>.icon-button{display:inline-grid;place-items:center;position:relative;min-width:32px;min-height:32px}
.player .volume #mute{display:inline-grid;place-items:center;min-width:30px;min-height:32px;padding:5px}
:is(.player,#fullscreen-player) .play-main{transition:box-shadow .18s,transform .12s}
@media(hover:hover){:is(.player,#fullscreen-player) .play-main:hover{box-shadow:0 0 0 5px color-mix(in srgb,var(--edition-accent) 24%,transparent);filter:none}}
:is(.player,#fullscreen-player) .play-main:active{transform:scale(.94)}
@media(prefers-reduced-motion:reduce){.icon-button,.record-play,.card-menu,.password-visibility,:is(.player,#fullscreen-player) .play-main{transition:none;transform:none!important}}

@media(max-width:760px){.player .transport>.icon-button{min-width:44px;min-height:44px}}

.xsmas-entry{display:flex;align-items:start;gap:24px;padding:28px;margin:0 0 28px;border:1px solid var(--edition-border);background:var(--edition-surface);border-radius:16px;max-width:860px}.xsmas-brand{display:flex;align-items:center;justify-content:center;gap:2px;width:64px;height:64px;flex-shrink:0;border-radius:17px;background:#202c3c;color:#eff5ff;font-size:24px;font-weight:750}.xsmas-brand span{font-size:13px;color:#8bc6ff}.xsmas-entry h2{margin:0 0 10px;font-size:22px;letter-spacing:-.4px}.xsmas-entry p{color:var(--edition-muted);font-size:13px;line-height:1.8;margin:0 0 18px;max-width:600px}.xsmas-entry form{margin:0}.xsmas-entry .xsmas-button{background:#315d8c;color:white}.xsmas-entry .xsmas-button:not(:disabled):hover{background:#3b70a7}.xsmas-entry .xsmas-button:disabled{opacity:.55}@media(max-width:600px){.xsmas-entry{padding:20px;gap:14px}.xsmas-brand{width:44px;height:44px;font-size:19px;border-radius:12px}.xsmas-entry h2{font-size:19px}.xsmas-entry .button{font-size:12px;padding:12px}}

/* Site owner requisites */
.page-footer .owner-requisites{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 18px;max-width:100%;font-size:12px;line-height:1.6;letter-spacing:normal;text-transform:none;overflow-wrap:anywhere}
@media(max-width:640px){.page-footer{flex-wrap:wrap;gap:12px}.page-footer .owner-requisites{justify-content:flex-start;text-align:left}}