@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;450;500;550;600;650;700&display=swap');
.record-detail{align-items:start}
.record-gallery{width:100%;max-width:440px;justify-self:end}
.primary-photo{display:block}
@media(max-width:760px){.record-gallery{max-width:360px;margin-inline:auto}}
.actions{display:flex;gap:10px;flex-wrap:wrap}.flash{margin:20px 0;color:var(--muted);font-size:13px}.preview-info{max-width:560px;width:calc(100% - 40px);padding:30px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px}.preview-info::backdrop{background:#000b}.preview-info h2{font-size:24px}.preview-info p{font-size:14px;color:var(--muted)}
input::placeholder,textarea::placeholder{opacity:1!important}
:root{color-scheme:dark;--bg:#191918;--surface:#20201e;--raised:#282825;--text:#eeede7;--muted:#aaa9a0;--line:#393934;--accent:#d5bf8a;--danger:#ee9c91;--gutter:clamp(20px,4.3vw,72px);--radius:4px;font-family:"Golos Text",Arial,sans-serif;font-size:15px}
:root[data-theme=light]{color-scheme:light;--bg:#f4f2ec;--surface:#eae7df;--raised:#e3dfd5;--text:#252521;--muted:#65645c;--line:#d1cdc1;--accent:#73561d;--danger:#ad352d}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.55}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(34px,4.3vw,60px);font-weight:500;line-height:1.12;letter-spacing:-.055em;margin-bottom:32px}h2{font-size:24px;line-height:1.25;font-weight:500;letter-spacing:-.025em}h3{font-size:18px;font-weight:550}p{margin-bottom:18px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-80px;left:20px;background:var(--text);color:var(--bg);padding:12px;z-index:50}.skip-link:focus{top:10px}
.site-header{max-width:1680px;margin:auto;padding:30px var(--gutter);min-height:102px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px}.wordmark{font-size:26px;letter-spacing:-1.4px;font-weight:600;white-space:nowrap}.wordmark span{font-weight:400;color:var(--muted)}.header-note{color:var(--muted);font-size:12px;margin-right:auto}.header-actions{display:flex;align-items:center;gap:24px;font-size:13px;margin-left:auto}.theme-toggle{background:none;color:var(--text);border:1px solid var(--line);padding:10px 14px;border-radius:30px;white-space:nowrap;font-size:12px}.theme-toggle:hover{background:var(--raised)}.nav-add{color:var(--accent)}.container{max-width:1680px;margin:auto;padding:48px var(--gutter) 80px}.site-footer{max-width:1680px;margin:auto;border-top:1px solid var(--line);padding:26px var(--gutter);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}.site-footer span:first-child{letter-spacing:.1em}.catalog-heading{padding:4px 0 4px}.catalog-search{display:flex;gap:24px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:24px}.search-field{display:flex;align-items:center;gap:12px;flex:1;max-width:720px}.search-field>span{font-family:Arial,sans-serif;font-size:28px;color:var(--muted)}input,textarea,select{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;max-width:100%;min-width:0}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}input[type=checkbox]{accent-color:var(--accent);width:auto}textarea{width:100%;min-height:130px;resize:vertical}.search-field input{width:100%;background:transparent;border:0;padding-left:0;padding-right:0}.search-field button{background:transparent;color:var(--muted);padding:8px;border:0;font-size:12px}.search-field button:hover{color:var(--text)}.filter-fields{display:flex;gap:12px}.filter-fields select{background:transparent;min-width:170px;font-size:13px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 18px}.meta{font-size:13px;color:var(--muted)}.catalog-count{margin:0}.catalog-tools{display:flex;gap:22px;align-items:center}.sort-form select{background:transparent;border:0;padding:8px 24px 8px 0;font-size:12px;color:var(--muted)}.reset-link{font-size:12px;color:var(--accent)}.view-switch{display:flex;gap:4px}.view-switch a{width:36px;height:36px;display:grid;place-items:center;font-size:23px;border-radius:3px;color:var(--muted)}.view-switch a[aria-current]{background:var(--raised);color:var(--text)}.alphabet{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:30px;font-size:11px}.alphabet a{padding:5px 7px;min-width:27px;text-align:center;color:var(--muted);border-radius:3px}.alphabet a:first-child{padding-left:10px;padding-right:10px}.alphabet a[aria-current]{color:var(--text);background:var(--raised)}.alphabet a:hover{color:var(--accent)}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 28px}.card{min-width:0}.card-cover{position:relative;display:block;aspect-ratio:1;background:var(--surface);overflow:hidden}.card-cover img{width:100%;height:100%;object-fit:contain;transition:transform 180ms ease}.card-cover:hover img{transform:scale(1.025)}.cover-open{position:absolute;right:12px;bottom:12px;background:#191918e8;color:#eeede7;padding:7px 10px;font-size:10px;opacity:0;transition:opacity 180ms}.card-cover:hover .cover-open,.card-cover:focus-visible .cover-open{opacity:1}.card-body{padding:15px 0 0}.card h2{font-size:16px;font-weight:550;letter-spacing:-.015em;margin-bottom:4px}.album-title{font-size:13px;color:var(--muted);margin-bottom:8px;line-height:1.4}.card-meta{display:flex;gap:10px;color:var(--muted);font-size:11px}.card-meta span+span:before{content:"·";margin-right:10px}.card-meta span:empty{display:none}.card-label{color:var(--muted);font-size:10px;margin:5px 0 0}.record-status{font-size:10px;color:var(--accent);margin:6px 0 0}.card-expected img,.row-expected img{filter:grayscale(1);opacity:.65}.cover-placeholder{display:grid;place-items:center;height:100%;width:100%;min-height:70px;background:var(--surface);color:var(--muted);font-size:12px}.cover-placeholder.large{aspect-ratio:1}.empty-state{padding:70px 0;text-align:center}.empty-state p{color:var(--muted)}.catalog-list-row{display:grid;grid-template-columns:80px minmax(0,1.5fr) 60px minmax(0,1fr) auto;gap:24px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.list-cover{width:80px;aspect-ratio:1;background:var(--surface)}.list-cover img{height:100%;width:100%;object-fit:contain}.list-title h2{font-size:16px;margin:0 0 3px}.list-title p{font-size:13px;color:var(--muted);margin:0}.list-year,.list-release,.list-private{font-size:12px;color:var(--muted)}.list-release span,.list-private span{display:block}.list-private{text-align:right}
.button,button[type=submit]{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--accent);color:var(--bg);border:1px solid var(--accent);border-radius:var(--radius);padding:12px 18px;text-decoration:none;font-weight:500;font-size:13px;line-height:1.5}.button:hover,button[type=submit]:hover{filter:brightness(1.08);color:var(--bg)}.button-secondary,button.button-secondary{background:transparent;color:var(--text);border-color:var(--line)}.button-secondary:hover,button.button-secondary:hover{background:var(--raised);color:var(--text)}.button-danger,button.button-danger{background:transparent;color:var(--danger);border-color:var(--danger)}.button-danger:hover,button.button-danger:hover{color:var(--danger);background:var(--raised)}.search-field button[type=submit]{background:none;color:var(--muted);border:0;padding:8px;font-size:12px}.admin-container{max-width:1250px}.admin-container h1{font-size:36px;letter-spacing:-.035em;margin-bottom:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:26px}.topbar h1{margin:0}.topbar>div{display:flex;gap:8px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.form-grid>div>label,.form-grid>label{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}.form-grid>div>input,.form-grid>div>select{width:100%}.form-grid .full{grid-column:1/-1}label>input{display:block;width:100%;margin-top:6px}.form-grid .inline-label{display:flex;align-items:center;gap:9px}.inline-label input{display:inline-block;margin:0;width:auto}.section-heading{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:16px}.section-heading h2{margin:0}.error{padding:15px 18px;border:1px solid var(--danger);color:var(--danger);background:var(--surface);margin-bottom:24px}.track-editor{margin:20px 0;border-top:1px solid var(--line);padding-top:28px}.track-help{margin-bottom:20px}.track-row{display:grid;grid-template-columns:24px 100px minmax(0,1fr) 94px 120px;gap:12px;align-items:end;margin-bottom:12px}.track-index{align-self:center;color:var(--muted);font-size:12px;padding-top:20px}.track-row label{font-size:11px;color:var(--muted)}.track-row input{padding:11px 10px}.track-row-actions{display:flex;gap:4px;padding-bottom:1px}.track-row-actions button{width:36px;padding:11px 0}.track-row-actions button:disabled{opacity:.35;cursor:default}.bulk-tracks{margin-top:22px;padding:16px 0;border-top:1px solid var(--line)}summary{cursor:pointer;color:var(--muted);font-size:13px}.bulk-tracks[open]>label{display:block;font-size:12px;color:var(--muted);margin:18px 0 8px}.bulk-tracks[open]>.inline-label{display:flex}.bulk-tracks .meta{margin:12px 0 0}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.photo-card{border:1px solid var(--line);padding:12px}.photo-card img{aspect-ratio:1;width:100%;object-fit:contain;margin-bottom:12px}.photo-card p{font-size:12px;color:var(--muted)}.login-container{max-width:550px;padding-top:80px;min-height:70vh}.login-container h1{font-size:42px}.login-container label{display:block;color:var(--muted);font-size:12px;margin:16px 0 6px}.login-container input:not([type=hidden]){width:100%}.login-container button{margin-top:22px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;color:var(--muted);font-size:11px;font-weight:400}.table th,.table td{border-bottom:1px solid var(--line);padding:16px 10px;vertical-align:top}.table th:first-child,.table td:first-child{padding-left:0}.table a{color:var(--accent)}.table img{object-fit:contain}.record-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:36px;font-size:13px;color:var(--muted)}.record-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,90px)}.record-gallery{min-width:0}.primary-photo{border:0;padding:0;width:100%;aspect-ratio:1;background:var(--surface);cursor:zoom-in}.primary-photo img{height:100%;width:100%;object-fit:contain}.photo-thumbnails{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.photo-thumbnails button{width:78px;height:78px;padding:3px;border:1px solid var(--line);background:var(--surface)}.photo-thumbnails button[aria-pressed=true]{border-color:var(--accent)}.photo-thumbnails img{width:100%;height:100%;object-fit:contain}.record-artist{color:var(--accent);font-size:18px;margin-bottom:12px}.record-information h1{font-size:clamp(32px,3.5vw,52px);letter-spacing:-.045em;margin-bottom:18px;overflow-wrap:anywhere}.record-summary{color:var(--muted);font-size:14px;margin-bottom:30px}.record-metadata{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1fr);gap:14px 24px;font-size:13px;margin:0}.record-metadata dt{color:var(--muted)}.record-metadata dd{margin:0;overflow-wrap:anywhere}.private-details{margin-top:30px;border-top:1px solid var(--line);padding-top:18px}.private-details summary{margin-bottom:16px;color:var(--accent)}.record-notes{border-top:1px solid var(--line);margin-top:30px;padding-top:24px}.record-notes h2{font-size:18px}.record-notes p{font-size:13px;color:var(--muted)}.tracklist-section{max-width:1000px;margin:60px auto 0}.tracklist-section h2{font-size:28px}.tracklist td:first-child{color:var(--muted);width:45px}.tracklist td:nth-child(2){color:var(--accent);width:95px}.tracklist td:last-child,.tracklist th:last-child{text-align:right;white-space:nowrap;width:80px;font-variant-numeric:tabular-nums}.photo-dialog{background:var(--bg);border:1px solid var(--line);color:var(--text);padding:16px;max-width:95vw;max-height:95vh}.photo-dialog::backdrop{background:#000c}.photo-dialog img{max-height:85vh;width:auto;object-fit:contain}.photo-dialog>button{position:absolute;right:20px;top:20px;background:var(--bg);color:var(--text);border:1px solid var(--line);height:40px;width:40px;font-size:24px}
@media(min-width:1600px){.card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1100px){.header-note{display:none}.header-actions{gap:16px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}.catalog-search{gap:18px}.record-detail{gap:30px}.track-row{grid-template-columns:24px 80px minmax(0,1fr) 84px 114px;gap:8px}}@media(max-width:760px){.site-header{padding:20px var(--gutter);gap:16px;flex-wrap:wrap}.wordmark{font-size:23px}.header-actions{gap:14px;font-size:12px;flex-wrap:wrap}.header-actions:has(.nav-add){width:100%;margin:0;justify-content:space-between}.theme-toggle{font-size:11px;padding:8px 10px}.container{padding-top:32px;padding-bottom:48px}h1{margin-bottom:26px}.catalog-search{display:block;padding-bottom:18px}.search-field{max-width:none}.filter-fields{margin-top:12px}.filter-fields select{min-width:0;flex:1;padding:10px 12px}.catalog-toolbar{margin:16px 0 12px;gap:8px}.catalog-tools{gap:10px}.catalog-count{font-size:11px}.sort-form select{max-width:145px;padding-right:4px;font-size:11px}.view-switch a{width:30px;height:32px;font-size:21px}.reset-link{font-size:11px}.alphabet{gap:2px;margin-bottom:24px}.alphabet a{min-width:23px;padding:5px;font-size:10px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.card h2{font-size:13px;line-height:1.4}.card-body{padding-top:12px}.album-title{font-size:12px}.card-meta,.card-label{font-size:10px}.card-meta{gap:6px;flex-wrap:wrap}.card-meta span+span:before{margin-right:6px}.cover-open{display:none}.site-footer{font-size:10px;padding-top:22px;padding-bottom:22px}.catalog-list-row{grid-template-columns:60px minmax(0,1fr) 42px;gap:12px;padding:15px 0}.list-cover{width:60px;grid-row:span 2;align-self:start}.list-title h2{font-size:13px}.list-title p{font-size:12px}.list-release{grid-column:2/4;font-size:10px}.list-release span{display:inline;margin-right:7px}.list-private{grid-column:2/4;display:flex;gap:14px;text-align:left;font-size:10px}.list-year{font-size:11px;text-align:right}.record-detail{display:block}.record-information{padding-top:30px}.record-information h1{font-size:36px}.record-artist{font-size:16px}.record-breadcrumb{margin-bottom:26px;font-size:12px}.record-breadcrumb .button{font-size:11px;padding:8px 10px}.record-metadata{font-size:12px;gap:12px 16px}.tracklist-section{margin-top:40px}.tracklist-section .section-heading{align-items:baseline}.tracklist-section h2{font-size:25px}.section-heading .meta{font-size:11px;text-align:right}.tracklist{font-size:12px}.tracklist th,.tracklist td{padding:12px 6px}.tracklist td:first-child{width:24px}.tracklist td:nth-child(2){width:50px}.tracklist td:last-child{width:55px}.form-grid{grid-template-columns:minmax(0,1fr);gap:18px}.admin-container h1{font-size:30px}.topbar{gap:16px}.topbar .button{font-size:11px;padding:9px 12px}.track-row{grid-template-columns:24px 76px minmax(0,1fr) 76px;gap:8px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line)}.track-title-input{grid-column:3/5}.track-row>label:last-of-type{grid-column:2/3;grid-row:2}.track-row-actions{grid-column:3/5;grid-row:2;justify-self:end}.track-index{grid-column:1;grid-row:1/3}.track-row input{font-size:12px;padding:10px 8px}.track-row-actions button{padding:9px 0}.section-heading h2{font-size:21px}.section-heading .button{padding:9px 12px;font-size:11px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-container{padding-top:50px;min-height:70vh}.login-container h1{font-size:36px}.table-wrap{overflow-x:auto}.table-wrap .table{min-width:700px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
/* Оцифровки */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;padding:0;margin:0;border:1px solid var(--line);border-radius:var(--radius);background:transparent;color:var(--text);cursor:pointer;text-decoration:none;transition:border-color .15s,color .15s,background .15s}
.icon-button svg{fill:currentColor}
.icon-button:hover{border-color:var(--accent);color:var(--accent);background:var(--raised)}
.icon-button:focus-within,.icon-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.track-rows.has-audio .track-row{grid-template-columns:24px 100px minmax(0,1fr) 94px 190px 120px}
.track-audio{display:flex;align-items:center;gap:4px;min-height:40px;padding-bottom:1px;min-width:0;flex-wrap:wrap;font-size:11px}
.track-row .track-audio label.audio-upload{font-size:0;margin:0}
.track-row .audio-upload input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;font-size:0}
.audio-file{color:var(--accent);text-decoration:none;font-size:11px;white-space:nowrap;margin-right:4px;max-width:96px;overflow:hidden;text-overflow:ellipsis}
.audio-file:hover{text-decoration:underline}
.audio-delete:hover{color:var(--danger);border-color:var(--danger)}
.audio-empty,.audio-pending{color:var(--muted);font-size:11px}
.audio-error{flex-basis:100%;color:var(--danger);font-size:11px;line-height:1.35}
.audio-progress{display:flex;align-items:center;gap:8px;width:100%;color:var(--muted)}
.audio-progress progress{flex:1;min-width:60px;height:6px;accent-color:var(--accent)}
.music-folder{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 20px;padding:12px 14px;border:1px solid var(--line);background:var(--surface)}
.music-folder code{color:var(--text);font-size:12px;overflow-wrap:anywhere}
.music-folder .button{padding:8px 12px;font-size:12px}
.tracklist .track-listen{width:86px;white-space:nowrap;text-align:right;padding-top:10px;padding-bottom:10px}
.tracklist .track-listen .icon-button{width:32px;height:32px;margin-left:4px}
.tracklist tr.is-active .track-name{color:var(--accent)}
.tracklist tr.is-playing .track-play{border-color:var(--accent);color:var(--accent)}
.mini-player{display:flex;align-items:center;gap:12px;margin-top:10px;max-width:520px}
.mini-player[hidden]{display:none}
.mini-player input[type=range]{--progress:0%;flex:1 1 0;width:0;min-width:40px;height:4px;padding:0;margin:0;border:0;border-radius:2px;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--accent) var(--progress),var(--line) var(--progress));cursor:pointer}
.mini-player input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);border:0}
.mini-player input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);border:0}
.mini-time{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:1100px){.track-rows.has-audio .track-row{grid-template-columns:24px 80px minmax(0,1fr) 84px 114px}.track-rows.has-audio .track-audio{grid-column:2/6;grid-row:2}.track-rows.has-audio .track-row-actions{grid-row:1;grid-column:5}}
@media(max-width:760px){.track-rows.has-audio .track-row{grid-template-columns:24px 76px minmax(0,1fr) 76px}.track-rows.has-audio .track-row-actions{grid-column:3/5;grid-row:2}.track-rows.has-audio .track-audio{grid-column:2/5;grid-row:3}.tracklist .track-listen{width:72px}.tracklist .track-listen .icon-button{width:30px;height:30px;margin-left:2px}.mini-player{gap:6px;flex-wrap:wrap}.mini-player input[type=range]{flex-basis:100%}.mini-time{font-size:10px}.tracklist.has-audio th:first-child,.tracklist.has-audio td:first-child{display:none}.tracklist.has-audio td:nth-child(2){padding-left:0;width:40px}}
.music-folder[hidden]{display:none}

/* Значок «Слушать» на обложке и цена в плитке (админ) */
.listen-badge{position:absolute;left:10px;top:10px;z-index:1;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px 0 8px;border-radius:13px;background:#191918e0;color:#eeede7;font-size:10px;letter-spacing:.04em;line-height:1;pointer-events:none;box-shadow:0 1px 3px #0004}
.listen-badge svg{width:10px;height:10px;fill:var(--accent);flex:none}
.list-cover{position:relative}
.list-cover .listen-badge{left:4px;top:4px;height:20px;width:20px;padding:0;justify-content:center;border-radius:50%}
.list-cover .listen-badge svg{width:8px;height:8px;margin-left:1px}
.list-cover .listen-badge-text{display:none}
.record-status{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.card-price{color:var(--text);font-variant-numeric:tabular-nums}
.card-price:before{content:"·";color:var(--muted);margin-right:10px}
.catalog-sum{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:760px){.listen-badge{left:6px;top:6px;height:22px;width:22px;padding:0;justify-content:center;border-radius:50%}.listen-badge svg{width:9px;height:9px;margin-left:1px}.listen-badge-text{display:none}}