@font-face{font-family:Stan;src:url('fonts/SF-Pro-Text-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Stan;src:url('fonts/SF-Pro-Text-Medium.otf') format('opentype');font-weight:500;font-display:swap}
@font-face{font-family:Stan;src:url('fonts/SF-Pro-Text-Semibold.otf') format('opentype');font-weight:600 900;font-display:swap}
@font-face{font-family:StanDisplay;src:url('fonts/SF-Pro-Display-Black.otf') format('opentype');font-weight:900;font-display:swap}
@font-face{font-family:Tusker;src:url('fonts/TuskerGrotesk-4600Semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:TuskerOutline;src:url('fonts/TuskerGrotesk-3500Medium.ttf') format('truetype');font-weight:500;font-display:swap}
:root{--accent:#ca00b3;--bright:#ff00c8;--accent-wash:#fff1fc;--ink:#171717;--muted:#686868;--line:#e6e6e6;--paper:#f4f4f4;--white:#fff;--green:#307521;--red:#b73232;--blue:var(--accent)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Stan,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}body.theme-artist{--accent:#0064de;--bright:#0089e4;--accent-wash:#edf5ff}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,summary{cursor:pointer}button{transition:background .15s,color .15s,border-color .15s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}form{margin:0}h1,h2,p{margin-top:0}h1{font-family:StanDisplay,Stan,sans-serif;font-weight:900;letter-spacing:-.065em;line-height:1.04;margin-bottom:0;font-size:clamp(2.6rem,5.5vw,5.5rem);overflow-wrap:anywhere}h2{font-size:1.25rem;letter-spacing:-.035em;line-height:1.25;margin-bottom:20px}small,.muted{color:var(--muted)}small{font-size:.875rem}.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:fixed;z-index:100;left:16px;top:-80px;padding:12px 18px;background:#fff;border:2px solid var(--accent);border-radius:6px}.skip-link:focus{top:12px}
/* Навигация повторяет тонкие линии, белую бумагу и контурные капсулы макета. */
.demo-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:7px max(24px,calc((100vw - 1376px)/2));background:var(--accent-wash);color:var(--accent);font-size:.75rem;letter-spacing:.025em;border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,white)}.demo-description{color:var(--muted);letter-spacing:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:32px;max-width:1440px;margin:auto;padding:20px 32px;min-height:80px;background:var(--paper);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:baseline;font-family:StanDisplay,Stan,sans-serif;font-size:1.6rem;font-weight:900;line-height:1;letter-spacing:-.08em;white-space:nowrap}.brand span{font-family:Stan,sans-serif;font-weight:400;letter-spacing:-.07em;color:var(--accent)}.topbar nav{display:flex;align-items:center;gap:32px;font-size:.875rem}.topbar nav a{position:relative;padding:8px 0}.topbar nav a[aria-current],.topbar nav a:hover{color:var(--accent)}.topbar nav a[aria-current]:after{content:'';position:absolute;bottom:0;height:2px;left:0;right:0;background:var(--accent)}.account-nav{display:flex;align-items:center;gap:22px;font-size:.875rem}.text-button{border:0;padding:0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:4px}.text-button:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 23px;border:1px solid var(--accent);border-radius:999px;background:var(--accent);color:#fff;font-size:.9375rem;font-weight:500;line-height:1.5;text-align:center}.button:hover{background:var(--ink);border-color:var(--ink);color:white}.button.outline{background:transparent;color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,white)}.button.outline:hover{background:var(--accent-wash);border-color:var(--accent)}.button.small{min-height:40px;padding:8px 17px;font-size:.875rem}.button.danger{color:var(--red);border-color:#e7baba;background:white}.button.danger:hover{background:#fff0f0}.button.full{width:100%}
/* Публичный чарт — настоящая сетка и текст, шапки взяты из исходных макетов. */
.public-shell{max-width:1440px;min-height:68vh;margin:0 auto}.public-shell main{min-width:0}.chart-surface{background:white}.chart-masthead{position:relative;container-type:inline-size;background:var(--paper);isolation:isolate}.masthead-image{display:block;width:100%;height:auto}.date-pill,.year-pill{position:absolute;top:16.4%;min-height:30px;display:flex;align-items:center;justify-content:center;padding:.43em 1em;border:1.5px solid #e9a0f0;border-radius:100px;background:var(--paper);color:#c400e4;font-size:clamp(.875rem,1.25cqw,1.125rem);line-height:1.4;white-space:nowrap}.date-pill{left:2.22%}.year-pill{right:.83%;min-width:7%;color:#d9009d;border-color:#ff73d9}.artist-date{position:absolute;right:2.22%;bottom:10%;max-width:26%;font-family:TuskerOutline,Stan,sans-serif;font-weight:500;font-size:7.5cqw;line-height:1;color:var(--paper);-webkit-text-stroke:1.5px #0074ff;letter-spacing:-.018em;white-space:nowrap}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:white}.tabs{display:flex;gap:6px}.tabs a{display:block;padding:8px 20px;border:1px solid transparent;border-radius:100px;font-size:.9375rem;color:var(--muted)}.tabs a:hover{color:var(--accent);background:var(--accent-wash)}.tabs a[aria-current]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,white);background:var(--accent-wash)}.week-form{display:flex;align-items:center;gap:12px}.week-form select{max-width:250px;min-height:40px;border:0;border-bottom:1px solid var(--line);color:var(--ink);background:white;font-size:.875rem;padding:4px 22px 4px 6px}.chart-meta{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"count edit download";align-items:center;gap:20px;padding:16px 32px;font-size:.8125rem;color:var(--muted);border-bottom:1px solid var(--line)}.chart-meta-count{grid-area:count;justify-self:start}.chart-meta-edit{grid-area:edit;justify-self:center;max-width:100%;text-align:center}.chart-meta-download{grid-area:download;justify-self:end;text-align:right}.chart-meta>*{min-width:0;overflow-wrap:anywhere}.chart-meta a{color:var(--accent)}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--grid-rows,5),minmax(160px,auto));grid-auto-flow:column;list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line)}.chart-grid:last-of-type{border-bottom:0}.chart-entry{position:relative;display:grid;grid-template-columns:40px 96px minmax(0,1fr) 196px;align-items:center;gap:24px;min-width:0;min-height:160px;padding:28px 32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:white;isolation:isolate}.chart-entry:nth-child(n+6){border-right:0}.entry-rank{position:relative;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;width:40px;height:40px;font-size:1.45rem;font-weight:500;font-variant-numeric:tabular-nums;background:white;z-index:1}.entry-cover{position:relative;width:96px;height:96px}.entry-cover img,.cover-empty{display:flex;width:100%;height:100%;object-fit:cover;align-items:center;justify-content:center;border-radius:7px}.cover-empty{color:#8d8390;background:linear-gradient(135deg,#f1e9f3,#f7f3f7);border:1px solid #e9e1eb;font-size:1.6rem}.movement-badge{position:absolute;right:-8px;bottom:-8px;border:2px solid white;border-radius:100px;width:37px;height:37px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:600;line-height:1;color:white;background:#9c9c9c}.movement-badge.new{background:#b9ad2b;font-size:.625rem;letter-spacing:-.02em}.movement-badge.up{background:#56b836}.movement-badge.down{background:#ca4141}.movement-badge.same,.movement-badge.unknown{background:#929292}.entry-info{position:relative;min-width:0;z-index:1}.entry-info h2{font-family:Stan,sans-serif;font-weight:500;font-size:1.25rem;letter-spacing:-.03em;line-height:1.22;margin:0 0 6px;overflow-wrap:anywhere}.entry-info>p{font-size:1.125rem;color:#393939;letter-spacing:-.025em;line-height:1.25;margin:0;overflow-wrap:anywhere}.entry-listeners{margin-top:10px;position:relative;font-size:.75rem;color:var(--muted)}.entry-listeners summary{list-style:none;display:inline-block;border-bottom:1px dotted currentColor}.entry-listeners summary::-webkit-details-marker{display:none}.entry-listeners>div{position:absolute;top:calc(100% + 8px);left:0;min-width:230px;max-width:min(280px,75vw);padding:16px;border:1px solid #ccc;background:white;border-radius:8px;box-shadow:0 8px 28px #00000012;color:var(--ink);font-family:Stan,sans-serif;font-size:.875rem;line-height:1.8;z-index:8}.chart-entry:has(details[open]){z-index:4}.entry-stats{display:grid;gap:8px;margin:0;padding:19px 22px;border:1px solid #ccc;border-radius:8px;background:white;z-index:1;min-width:0;min-height:96px;font-size:.75rem;line-height:1.35}.entry-stats>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.entry-stats dt{font-weight:400;letter-spacing:.02em;color:#777;font-size:.75rem}.entry-stats dd{margin:0;font-variant-numeric:tabular-nums;white-space:nowrap}.chart-bottom{padding:32px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line)}.chart-bottom p{margin:0;font-size:.9375rem}.chart-bottom p span{display:inline-block;margin-top:5px;font-size:.8125rem;color:var(--muted)}.download-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;min-width:0}.download-note{flex-basis:100%;font-size:.8125rem;text-align:right}
/* Артистские фотографии сохраняют утверждённое кадрирование. */
.chart-artist .chart-entry{grid-template-columns:56px minmax(0,1fr) 196px;gap:32px;background:#f0f1f3;border-color:#ffffff80}.artist-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.chart-artist .entry-rank{border:0;width:56px;height:56px;border-radius:8px;font-family:Tusker,Stan,sans-serif;font-size:2.9rem;font-weight:600;line-height:1;color:var(--row-color)}.chart-artist .movement-badge{font-family:Stan,sans-serif;right:-16px;bottom:10px;width:34px;height:34px}.chart-artist .entry-info h2{font-family:Tusker,Stan,sans-serif;font-size:2.65rem;font-weight:600;line-height:1.03;letter-spacing:-.018em;text-transform:uppercase;color:var(--name-color);margin:0;overflow-wrap:anywhere}.chart-artist .entry-listeners{color:var(--name-color);opacity:.95;margin-top:12px}.chart-artist .entry-stats{border-color:white;color:var(--row-color)}.chart-artist .entry-stats dt{color:var(--row-color)}
/* Все служебные страницы используют ту же типографику, капсулы и белые блоки. */
.inside-page .public-shell{padding:0 32px 80px;background:white}.page-heading{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:48px 0 38px;margin-bottom:30px;border-bottom:1px solid var(--line)}.inside-page .page-heading:before,.admin-page .page-heading:before{content:'';position:absolute;inset:0 -32px;z-index:0;background:radial-gradient(ellipse at 80% 110%,#fa14d314,transparent 66%);pointer-events:none}.page-heading>*{position:relative}.eyebrow{margin-bottom:14px;font-size:.75rem;font-weight:500;letter-spacing:.13em;color:var(--accent)}.heading-dot{color:var(--bright)}.back-link{display:inline-block;padding-top:24px;margin-bottom:-12px;font-size:.875rem;color:var(--muted)}.back-link:hover{color:var(--accent)}.intro{max-width:700px;font-size:1.125rem;color:var(--muted);line-height:1.7;margin-bottom:32px}.panel{background:white;border:1px solid #d9d9d9;border-radius:9px;overflow:hidden}.list-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;border-bottom:1px solid var(--line);font-size:.9375rem}.list-row:last-child{border:0}.list-row>div:first-child{flex:1;min-width:0}.list-row strong{font-weight:500;overflow-wrap:anywhere}.list-row small{display:block;margin-top:6px}.list-row>a,.list-arrow{color:var(--accent)}a.list-row:hover{background:var(--accent-wash)}.badge{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 13px;border:1px solid #ddd;border-radius:100px;font-size:.8125rem;color:var(--muted);background:white}.badge.success{color:var(--green);border-color:#c7ddbd;background:#f4faef}.notice{margin:20px 0;padding:17px 22px;border:1px solid #e5b4df;border-radius:8px;background:var(--accent-wash);color:var(--accent);font-size:.9375rem}.notice.error{background:#fff3f3;border-color:#e8bcbc;color:var(--red)}.notice.success{background:#f5faef;border-color:#c7ddbd;color:var(--green)}.notice a{text-decoration:underline;text-underline-offset:3px}.chart-page main>.notice{margin:20px 32px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 16px}.section-heading h2{margin:0}.section-heading>span{font-size:.875rem;color:var(--muted)}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}.form-panel{padding:28px}.form-panel p{margin-bottom:22px}.form-panel label{display:block;font-size:.875rem;font-weight:500;margin-bottom:9px}.form-panel input:not([type=checkbox]):not([type=hidden]),.form-panel select,.form-panel textarea{display:block;width:100%;min-height:48px;padding:11px 14px;border:1px solid #ccc;border-radius:6px;background:white;color:var(--ink)}.form-panel input[type=file]{font-size:.875rem;padding:8px!important;overflow:hidden}.form-panel input::file-selector-button{padding:8px 12px;background:var(--accent-wash);color:var(--accent);border:0;border-radius:4px;margin-right:12px;font:inherit}.form-panel input[type=checkbox]{flex-shrink:0;width:19px;height:19px;margin:2px 0 0;accent-color:var(--accent)}.form-panel .checkbox{display:flex;align-items:flex-start;gap:12px}.form-panel .checkbox label{font-weight:400;margin:0}.form-panel .errorlist{font-size:.875rem;color:var(--red);padding-left:18px}.form-panel .helptext{display:block;font-size:.8125rem;margin-top:6px;color:var(--muted)}.form-panel details{font-size:.875rem;margin-bottom:22px}.form-panel details ul{padding-left:20px}.explanation{padding:24px 8px}.explanation h2{font-size:1.8rem;letter-spacing:-.05em}.explanation p{color:var(--muted);max-width:460px;line-height:1.7}.narrow{max-width:680px}.padded{padding:26px}.empty{text-align:center;padding:72px 24px}.empty h1{margin-bottom:24px}.empty h2{font-size:1.7rem}.empty p{max-width:530px;margin:0 auto 26px;color:var(--muted)}.empty-number{display:block;font-family:Tusker,Stan,sans-serif;color:var(--accent);font-weight:600;font-size:7rem;line-height:1;margin-bottom:24px}.empty.compact{padding:40px 24px}.login-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;min-height:600px;padding:60px 32px;background:radial-gradient(ellipse at 10% 10%,#ff00c515,transparent 60%)}.login-layout h1{font-size:clamp(2.6rem,5.7vw,5.5rem);margin-bottom:28px}.login-layout .form-panel{padding:38px}.login-layout .intro{max-width:470px;margin:0}.login-layout .form-panel>p:last-child{font-size:.875rem;margin-bottom:0;margin-top:24px}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.archive-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--paper);transition:border-color .15s}.archive-card:hover{border-color:var(--accent)}.archive-card img{display:block;aspect-ratio:1440/1093;object-fit:cover;width:100%;border-bottom:1px solid var(--line)}.archive-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px;background:white}.archive-caption strong{font-size:1.15rem;display:block}.archive-caption small{display:block;margin-top:6px}.archive-caption>span{font-size:1.5rem;color:var(--accent)}
/* Админка: та же бумага и яркая типографика, без прежней синей dashboard-темы. */
.admin-shell{display:grid;grid-template-columns:248px minmax(0,1fr);max-width:1440px;margin:auto;min-height:75vh;background:white}.sidebar{padding:32px 20px;border-right:1px solid var(--line);background:var(--paper)}.control-brand{display:block;font-family:Tusker,Stan,sans-serif;font-size:3.25rem;line-height:1;font-weight:600;letter-spacing:-.025em;color:var(--accent);margin:0 12px 30px}.control-brand span{display:block}.sidebar .eyebrow{padding:0 12px;font-size:.6875rem;margin-bottom:16px;color:var(--muted)}.sidebar nav{display:grid;gap:4px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:13px 12px;border:1px solid transparent;border-radius:7px;font-size:.875rem}.sidebar nav a>span{color:#999;font-size:.75rem;font-variant-numeric:tabular-nums}.sidebar nav a:hover,.sidebar nav a[aria-current]{border-color:#e0c6dc;background:white;color:var(--accent)}.sidebar-note{display:grid;gap:10px;margin:42px 12px 0;padding-top:26px;border-top:1px solid #d7d7d7;color:var(--muted);font-size:.8125rem}.sidebar-note>span{font-size:.6875rem;letter-spacing:.1em}.sidebar-note strong{font-size:2rem;color:var(--accent);font-weight:500;letter-spacing:-.06em}.admin-shell main{padding:0 36px 72px;min-width:0}.admin-shell .page-heading{padding-top:38px}.admin-shell h1{font-size:clamp(2.5rem,4vw,4.3rem)}.admin-shell .page-heading:before{inset:0 -36px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #ccc;border-radius:9px;margin-bottom:32px;overflow:hidden}.stats>div{padding:24px 28px;border-right:1px solid var(--line);background:white}.stats>div:last-child{border:0}.stats span{font-size:.8125rem;color:var(--muted)}.stats strong{display:block;font-family:Tusker,Stan,sans-serif;font-size:4rem;font-weight:600;line-height:1;color:var(--accent);margin-top:20px}.table-scroll{overflow-x:auto}.chart-table{border-collapse:collapse;text-align:left;width:100%;background:white}.chart-table th{font-size:.75rem;font-weight:400;color:var(--muted);border-bottom:1px solid var(--line);padding:17px 18px;white-space:nowrap}.chart-table td{padding:20px 18px;border-bottom:1px solid var(--line)}.chart-table tr:last-child td{border-bottom:0}.chart-table .rank{font-size:1.3rem;font-weight:500;width:56px;font-variant-numeric:tabular-nums}.chart-table .numeric{text-align:right;font-variant-numeric:tabular-nums}.chart-table .points{font-weight:500;color:var(--accent)}.record strong,.record>span{display:block;overflow-wrap:anywhere}.record strong{font-weight:500;font-size:1rem;line-height:1.3}.record>span{font-size:.875rem;color:var(--muted);margin-top:5px}.edit-link{font-size:.875rem;color:var(--accent);white-space:nowrap}.collection-status{padding:20px 24px;background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--accent);margin-bottom:24px;border-radius:0 8px 8px 0}.collection-status strong,.collection-status>span{display:block}.collection-status strong{font-weight:500}.collection-status>span{font-size:.875rem;color:var(--muted);margin-top:7px}.collection-status>a{display:inline-block;color:var(--accent);font-size:.875rem;margin-top:10px}.error-text{font-size:.875rem;color:var(--red);margin:8px 0}.action-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:24px 0}.previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}.previews a{display:block;background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden}.previews a:hover{border-color:var(--accent)}.previews img{display:block;width:100%;height:auto}.previews span{display:block;padding:16px;font-size:.875rem;color:var(--accent);border-top:1px solid var(--line)}.publish-panel{margin-top:28px;max-width:760px}.record-heading{overflow-wrap:anywhere}.cover-preview{display:block;width:180px;height:180px;object-fit:contain;background:var(--paper);margin-bottom:24px;border-radius:7px}.mapping-split{grid-template-columns:1.1fr 1fr}.mapping-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px;border-bottom:1px solid var(--line)}.mapping-row:last-child{border:0}.mapping-row>div{min-width:0;overflow-wrap:anywhere}.mapping-row strong,.mapping-row span,.mapping-row small{display:block}.mapping-row strong{margin:8px 0;font-weight:500}.mapping-row span{color:var(--accent);font-size:.875rem}.mapping-row button{font-size:.8125rem;white-space:nowrap;color:var(--muted)}.table-note{font-size:.875rem;line-height:1.7;color:var(--muted);margin:20px 0}.cancel-section{margin-top:36px;border-top:1px solid var(--line);padding-top:22px;font-size:.875rem;color:var(--muted)}.cancel-section p{margin-top:18px;max-width:580px}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1440px;margin:auto;padding:32px;border-top:1px solid var(--line);font-size:.8125rem;color:var(--muted)}footer .brand{font-size:1.5rem;color:var(--ink)}
@media(max-width:1300px){.chart-entry{grid-template-columns:34px 80px minmax(0,1fr) 176px;gap:18px;padding:28px 24px}.entry-cover{width:80px;height:80px}.entry-rank{width:34px;height:38px;font-size:1.3rem}.entry-stats{padding:17px 14px;gap:8px}.entry-stats dt{font-size:.75rem}.entry-info h2{font-size:1.125rem}.entry-info>p{font-size:1rem}.chart-artist .chart-entry{grid-template-columns:48px minmax(0,1fr) 176px;gap:26px}.chart-artist .entry-rank{width:48px;height:54px}.chart-artist .entry-info h2{font-size:2.3rem}.admin-shell{grid-template-columns:220px minmax(0,1fr)}.admin-shell main{padding-left:28px;padding-right:28px}.admin-shell .page-heading:before{inset:0 -28px}.split{gap:22px}.form-panel{padding:24px}.stats>div{padding:24px 20px}.admin-table{min-width:680px}}
@media(max-width:1050px){.chart-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row}.chart-entry{grid-template-columns:40px 96px minmax(0,1fr) 196px;gap:24px;padding:28px 32px;border-right:0}.entry-cover{width:96px;height:96px}.entry-rank{width:40px;height:40px}.entry-info h2{font-size:1.25rem}.entry-info>p{font-size:1.125rem}.entry-stats{padding:20px 22px}.entry-stats dt{font-size:.75rem}.chart-artist .chart-entry{grid-template-columns:56px minmax(0,1fr) 196px;gap:32px}.chart-artist .entry-rank{width:56px;height:56px}.chart-artist .entry-info h2{font-size:2.6rem}.chart-artist .chart-entry{min-height:178px}.chart-artist .artist-photo{object-fit:cover}.topbar{gap:20px}.topbar nav{gap:22px}.account-nav{gap:16px}.admin-shell{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding:30px 12px}.control-brand{font-size:2.9rem}.sidebar nav a{font-size:.8125rem;gap:9px}.split,.mapping-split{grid-template-columns:1fr}.admin-shell .page-heading{align-items:flex-start;flex-wrap:wrap}.login-layout{gap:32px;padding:48px 0;min-height:520px}.login-layout .form-panel{padding:28px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-bottom{align-items:flex-start}.stats span{font-size:.75rem}.stats strong{font-size:3.4rem}}
@media(max-width:720px){.demo-banner{padding:8px 18px;gap:10px;font-size:.6875rem}.topbar{padding:18px;gap:18px;flex-wrap:wrap}.topbar .brand{font-size:1.45rem}.topbar nav{order:3;width:100%;justify-content:flex-start;gap:28px;border-top:1px solid var(--line);padding-top:8px;font-size:.875rem}.account-nav{margin-left:auto;font-size:.8125rem;gap:12px}.account-nav .button{font-size:.8125rem;min-height:36px;padding:7px 13px}.chart-masthead{min-height:155px;display:flex;align-items:flex-end}.masthead-image{position:relative}.chart-masthead:not(.artist-masthead) .masthead-image{margin-top:70px}.date-pill,.year-pill{top:16px;font-size:.8125rem;min-height:30px;padding:5px 12px}.date-pill{left:18px}.year-pill{right:18px;min-width:58px}.artist-masthead{min-height:155px;display:block;padding-bottom:12px}.artist-masthead .masthead-image{width:100%;padding-top:12px}.artist-date{font-size:9cqw;right:18px;bottom:12px;max-width:40%;-webkit-text-stroke:1px #0074ff}.chart-toolbar{padding:16px 18px;gap:16px;flex-wrap:wrap}.tabs{width:100%;gap:8px}.tabs a{padding:8px 17px;flex:1;text-align:center;font-size:.875rem}.week-form{width:100%;justify-content:space-between;gap:12px}.week-form select{max-width:calc(100% - 108px);flex:1;font-size:.875rem}.chart-meta{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"count download" "edit edit";padding:14px 18px;font-size:.75rem;gap:12px;align-items:center}.chart-grid{display:block}.chart-entry{grid-template-columns:30px 70px minmax(0,1fr);gap:12px 16px;min-height:184px;padding:22px 18px}.entry-rank{width:30px;height:34px;font-size:1.2rem}.entry-cover{width:70px;height:70px}.movement-badge{width:30px;height:30px;right:-6px;bottom:-6px;font-size:1.1rem}.movement-badge.new{font-size:.55rem}.entry-info h2{font-size:1.0625rem;line-height:1.25}.entry-info>p{font-size:.9375rem}.entry-listeners{font-size:.75rem;margin-top:8px}.entry-stats{grid-column:2/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:0;padding:12px 14px;border-color:#ddd}.entry-stats>div{display:flex;flex-direction:column;gap:5px}.entry-stats dt{font-size:.75rem}.entry-stats dd{font-size:.9375rem}.entry-listeners>div{left:auto;right:0}.chart-artist .chart-entry{grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;gap:16px 26px;min-height:225px;padding:24px 20px;background:#e9edf2}.chart-artist .artist-photo{object-fit:cover;object-position:center;opacity:.95}.chart-artist .entry-rank{width:44px;height:50px;font-size:2.5rem;align-self:center}.chart-artist .movement-badge{width:30px;height:30px;right:-15px;bottom:9px;font-size:1.1rem}.chart-artist .movement-badge.new{font-size:.55rem}.chart-artist .entry-info h2{font-size:2.2rem;line-height:1.06;max-width:250px}.chart-artist .entry-listeners{margin-top:8px}.chart-artist .entry-stats{grid-column:1/-1;padding:14px 18px;background:#fffffffa;gap:16px}.chart-artist .entry-stats>div{flex-direction:column;align-items:flex-start;gap:7px}.chart-artist .entry-stats dt{font-size:.75rem}.chart-artist .entry-stats dd{font-size:.875rem}.chart-artist .has-artwork .entry-info h2,.chart-artist .has-artwork .entry-listeners{color:white;text-shadow:0 1px 5px #0008}.chart-artist .has-artwork:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0007,transparent 95%)}.chart-bottom{padding:26px 18px;flex-direction:column;gap:20px}.download-links{justify-content:flex-start}.download-note{text-align:left}.chart-bottom p{font-size:.9375rem}.inside-page .public-shell{padding:0 20px 56px}.page-heading{padding:36px 0 28px;gap:22px;align-items:flex-start;flex-wrap:wrap;margin-bottom:24px}.page-heading:before{inset:0 -20px!important}.page-heading h1{font-size:2.9rem}.eyebrow{font-size:.6875rem;letter-spacing:.1em}.intro{font-size:1rem;margin-bottom:25px}.panel{border-radius:8px}.form-panel{padding:23px}.list-row{padding:21px;gap:14px;flex-wrap:wrap}.list-row .list-arrow{display:none}.section-heading{align-items:flex-start;gap:14px}.section-heading>span{font-size:.75rem;text-align:right}.section-heading h2{font-size:1.2rem}.admin-shell{display:block}.sidebar{padding:18px 18px 14px;border-right:0;border-bottom:1px solid var(--line)}.control-brand{display:inline-block;font-size:1.8rem;margin:0 0 18px}.control-brand span{display:inline;margin-left:4px}.sidebar .eyebrow,.sidebar-note{display:none}.sidebar nav{display:flex;flex-wrap:wrap;gap:5px}.sidebar nav a{padding:9px 10px;font-size:.8125rem}.sidebar nav a>span{display:none}.admin-shell main{padding:0 20px 56px}.admin-shell .page-heading:before{inset:0 -20px}.admin-shell .page-heading{padding-top:30px}.admin-shell h1{font-size:2.6rem}.stats>div{padding:18px 12px}.stats span{font-size:.75rem;line-height:1.3;display:block;min-height:32px}.stats strong{font-size:3rem;margin-top:12px}.stats{margin-bottom:26px}.chart-table th,.chart-table td{padding:16px 12px}.chart-table .rank{font-size:1.2rem;width:38px}.chart-table .record strong{font-size:.9375rem}.chart-table .record>span{font-size:.8125rem}.chart-table .edit-link{font-size:.8125rem}.admin-table .record{min-width:145px}.action-bar{gap:8px}.action-bar .button{font-size:.8125rem}.previews{grid-template-columns:1fr 1fr;gap:12px}.previews span{padding:12px;font-size:.75rem}.mapping-row{padding:20px;flex-wrap:wrap}.login-layout{grid-template-columns:1fr;padding:36px 0 0;gap:34px;min-height:0}.login-layout h1{font-size:3.5rem}.login-layout .form-panel{padding:25px}.archive-grid{grid-template-columns:1fr;gap:22px}.archive-caption{padding:20px}.archive-card img{max-height:360px;object-fit:cover;object-position:top}.empty{padding:52px 20px}.empty-number{font-size:6rem}.empty h2{font-size:1.45rem}footer{padding:28px 20px;flex-wrap:wrap;gap:20px;font-size:.75rem}footer>span:nth-child(2){display:none}footer .brand{font-size:1.4rem}.back-link{padding-top:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Страница участия и голубые разделители продолжают палитру макетов. */
.chart-wordmark text{font-family:Stan,Arial,sans-serif;font-size:240px;letter-spacing:-15px;font-weight:400}.chart-wordmark .wordmark-stan{font-family:StanDisplay,Stan,sans-serif;font-weight:900}
.button:disabled{cursor:not-allowed;opacity:.65}
.login-layout{min-height:480px;gap:64px;padding:72px 32px}
.login-layout h1{font-size:clamp(2rem,3.2vw,3.5rem);line-height:1.1;letter-spacing:-.045em;color:var(--accent);margin:0 0 24px}
.login-layout .intro{font-size:1.125rem;line-height:1.65;max-width:470px}
.login-layout .form-panel>p:last-child{font-size:1rem;line-height:1.6}
.login-layout .button{font-size:1.125rem;min-height:56px}
.chart-artist{--artist-divider:#c5e3fb}
.chart-artist .chart-grid{background:var(--artist-divider);border-color:var(--artist-divider)}
.chart-artist .chart-entry{border-color:var(--artist-divider)}
.chart-artist .chart-entry:not(.has-artwork){background:linear-gradient(110deg,#b7ddfa,#e1f1ff)}
@media(max-width:720px){.login-layout{padding:44px 0;gap:32px;min-height:0}.login-layout h1{font-size:2.35rem}.login-layout .intro{font-size:1rem}}
/* Дополнительные действия администратора продолжают оформление макетов. */
.editor-lease{padding:1rem;margin:1rem 0}.editor-lease p{margin-top:0}.txt-example{font-size:1rem;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--paper,#f4f4f4);padding:1rem;border-radius:.75rem}.workflow{padding-left:1.5rem;line-height:1.65}.workflow li{margin-bottom:1rem}.crop-preview{display:block;width:192px;height:192px;object-fit:contain;background:#eee;border:1px solid #ddd;border-radius:.75rem}.crop-preview.crop-artist{width:100%;height:auto;aspect-ratio:4.5}.form-panel input[type=range]{width:100%;padding:0;accent-color:var(--accent,#f400c5)}.form-panel output{font-variant-numeric:tabular-nums;display:block;font-size:.9rem}.week-form label{font-size:.9rem;font-weight:600}.week-form{flex-wrap:wrap}.member-actions{display:flex;flex-wrap:wrap;gap:.5rem}.admin-shell .sidebar nav{gap:.25rem}.admin-shell .sidebar nav a{padding:.65rem .75rem}
