.music-heading{font-size:var(--t-5xl);letter-spacing:-.03em;font-weight:600;line-height:1}.music-title{font-size:var(--t-xl);line-height:var(--l-xl);font-weight:600}.music-body{font-size:var(--t-lg);line-height:var(--l-lg);font-weight:400}.music-caption{font-size:var(--t-sm);line-height:var(--l-sm);font-weight:400}.music-button{min-height:44px;padding:var(--s-75) var(--s-100);border:1px solid var(--ink);background:var(--ink);color:var(--white);font:600 var(--t-base) / var(--l-base) var(--font);cursor:pointer;transition:opacity .3s var(--ease), transform .3s var(--ease);border-radius:8px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.music-button:not(.music-button--quiet){background:var(--flag);border-color:var(--flag);color:var(--white)}.music-button--quiet{color:var(--flag);background:0 0;border-color:currentColor}.music-button:hover:not(:disabled){opacity:.8}.music-button:active:not(:disabled){transform:scale(.98)}.music-button:disabled{opacity:.45;cursor:not-allowed}.music__skeleton{opacity:.12;background:currentColor;border-radius:4px;width:min(100%,400px);height:24px}.tracks{padding-block:var(--s-900);scroll-margin-top:var(--s-600)}.tracks__title{font-size:var(--t-7xl);letter-spacing:-.04em;color:var(--flag);margin-bottom:var(--s-600);line-height:1}.tracks__list{box-shadow:0 -2px 0 var(--flag)}.tracks__skeleton{height:96px;box-shadow:0 1px 0 var(--rule);background:var(--mist);opacity:.6}.tracks__skeleton+.tracks__skeleton{margin-top:var(--s-25)}.tracks__note{gap:var(--s-200);padding-block:var(--s-400);font-size:var(--t-xl);line-height:var(--l-xl);justify-items:start;display:grid}.track{gap:var(--s-300);width:100%;padding:var(--s-300) var(--s-200);box-shadow:0 1px 0 var(--rule);color:var(--ink);text-align:left;cursor:pointer;transition:background-color .3s var(--ease), color .3s var(--ease);background:0 0;border:0;border-radius:0;grid-template-columns:48px minmax(0,1fr) 24px 64px 48px;align-items:center;display:grid}.track:hover{background:var(--mist)}.track:active{transform:translateY(1px)}.track{isolation:isolate;position:relative}.track.is-current{background:var(--flag);color:var(--white)}.track.is-current:before{content:"";z-index:-1;background:var(--flag-deep);transform-origin:0;transform:scaleX(var(--p,0));position:absolute;inset:0}.track.is-current:focus-visible{outline-color:var(--ink)}.track__no{color:var(--flag)}.track.is-current .track__no{color:var(--white)}.track__title{font-size:var(--t-5xl);letter-spacing:-.02em;overflow-wrap:anywhere;font-weight:600;line-height:1}.track__time{text-align:right}.track__icon{width:48px;height:48px;transition:transform .3s var(--ease);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1px}.track:hover .track__icon{transform:scale(1.08)}.track__icon svg{width:16px;height:16px}.bars{align-items:end;gap:var(--s-25);opacity:0;height:16px;transition:opacity .3s var(--ease);display:flex}.bars i{transform-origin:bottom;background:currentColor;border-radius:2px;width:4px;height:100%;transform:scaleY(.3)}.bars.is-on{opacity:1}.bars.is-on i{animation:bar .9s var(--ease) infinite alternate}.bars.is-on i:nth-child(2){animation-delay:-300ms}.bars.is-on i:nth-child(3){animation-delay:-600ms}@keyframes bar{to{transform:scaleY(1)}}.player{z-index:70;left:50%;bottom:var(--s-200);width:min(1040px, calc(100% - 2 * var(--s-200)));gap:var(--s-300);padding:var(--s-100) var(--s-300) var(--s-100) var(--s-100);-webkit-backdrop-filter:blur(20px)saturate(1.4);color:var(--white);animation:player-in .8s var(--ease) both;background:#0b1d45e0;border-radius:24px;grid-template-columns:48px minmax(120px,240px) auto minmax(0,1fr);align-items:center;display:grid;position:fixed;translate:-50%;box-shadow:0 24px 48px #04123059}@keyframes player-in{0%{opacity:0;transform:translateY(32px)}}.player :focus-visible{outline-color:var(--white)}.player__tile{background:var(--flag);width:48px;height:48px;color:var(--white);border-radius:12px;place-items:center;display:grid}.player__tile .bars{opacity:1}.player__now{min-width:0}.player__title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.player__artist{font-size:var(--t-sm);line-height:var(--l-sm);color:#ffffffa8;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player__controls{align-items:center;gap:var(--s-75);display:flex}.player__btn{width:40px;height:40px;color:var(--white);cursor:pointer;transition:background-color .3s var(--ease), transform .3s var(--ease);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.player__btn:hover{background:#ffffff1f}.player__btn:active{transform:scale(.94)}.player__btn svg{width:16px;height:16px}.player__btn--main{background:var(--white);width:48px;height:48px;color:var(--flag)}.player__btn--main:hover{background:var(--mist);transform:scale(1.05)}.player__btn--main svg{width:20px;height:20px}.player__seek{gap:var(--s-100);color:#ffffffb8;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.player__seek .mono{letter-spacing:.04em}.player__range{height:24px;display:block;position:relative}.player__range:before,.player__fill{content:"";background:#ffffff3d;border-radius:2px;height:4px;position:absolute;top:10px;left:0;right:0}.player__fill{background:var(--white);transform-origin:0;transform:scaleX(var(--p,0))}.player__range input{appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:0;position:relative}.player__range input::-webkit-slider-runnable-track{background:0 0;height:24px}.player__range input::-moz-range-track{background:0 0;height:24px}.player__range input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--white);border-radius:50%;width:16px;height:16px;margin-top:4px;box-shadow:0 2px 8px #04123066}.player__range input::-moz-range-thumb{background:var(--white);border:0;border-radius:50%;width:16px;height:16px}.player__range input:focus-visible{outline-offset:2px}.admin-page{background:var(--white);min-height:100svh;color:var(--ink)}.admin-header{justify-content:space-between;align-items:center;gap:var(--s-300);padding-block:var(--s-200);background:var(--white);color:var(--flag);box-shadow:0 2px 0 var(--flag);display:flex}.admin-header img{width:194px}.admin-main{padding-block:var(--s-700);max-width:1200px}.admin-intro{gap:var(--s-200);margin-bottom:var(--s-400);display:grid}.admin-intro>.mono,.admin-intro .music-heading{color:var(--flag)}.admin-toolbar,.admin-bottom{justify-content:space-between;align-items:center;gap:var(--s-200);margin-block:var(--s-300);flex-wrap:wrap;display:flex}.admin-actions{gap:var(--s-100);flex-wrap:wrap;display:flex}.admin-message{padding:var(--s-200);border:1px solid var(--ink);background:var(--white);gap:var(--s-100);margin-block:var(--s-200);overflow-wrap:anywhere;border-radius:8px;justify-items:start;display:grid}.admin-message--error{color:#6d1631;border:2px solid #8c2544}.admin-progress{gap:var(--s-100);margin-block:var(--s-300);display:grid}.admin-progress progress{width:100%;height:16px;accent-color:var(--flag)}.admin-tracks{gap:var(--s-300);display:grid}.admin-track{border:1px solid var(--rule);min-width:0;padding:var(--s-300);background:var(--white);border-radius:8px;margin:0}.admin-track legend{padding-inline:var(--s-75);max-width:100%}.admin-status{margin-left:var(--s-100);font:500 var(--t-xs) / var(--l-xs) var(--font);padding:var(--s-50) var(--s-75);border:1px solid var(--ink);vertical-align:middle;border-radius:4px;display:inline-block}.admin-status.is-published{background:var(--ink);color:var(--white)}.admin-track__fields{gap:var(--s-300);grid-template-columns:minmax(0,3fr) minmax(0,1fr);display:grid}.admin-field{gap:var(--s-75);align-content:start;min-width:0;font-weight:600;display:grid}.admin-field input{background:var(--white);width:100%;min-width:0;min-height:48px;color:var(--ink);padding:var(--s-75) var(--s-100);font:400 var(--t-base) / var(--l-base) var(--font);border:1px solid #14245199;border-radius:4px}.admin-files{gap:var(--s-200);margin-block:var(--s-300);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.admin-file{align-content:start;gap:var(--s-100);padding:var(--s-200);border:1px solid var(--rule);border-radius:4px;display:grid}.admin-file input{width:100%;min-width:0;font:400 var(--t-sm) / var(--l-sm) var(--font);color:var(--ink)}.admin-file input::file-selector-button{margin-bottom:var(--s-75);padding:var(--s-100);border:1px solid var(--ink);background:var(--white);color:var(--ink);font:inherit;cursor:pointer;border-radius:4px;display:block}.admin-file input::file-selector-button:hover{background:var(--mist)}.admin-file__state{overflow-wrap:anywhere}.admin-publish{align-items:start;gap:var(--s-100);cursor:pointer;padding-block:var(--s-75);font-weight:600;display:flex}.admin-publish>input{width:24px;height:24px;accent-color:var(--flag);flex:0 0 24px;margin:0}.admin-publish .music-caption{margin-top:var(--s-50);display:block}.admin-text-button{appearance:none;padding:var(--s-75) 0;color:var(--ink);text-underline-offset:4px;font:500 var(--t-sm) / var(--l-sm) var(--font);cursor:pointer;background:0 0;border:0;justify-self:start;min-height:44px;text-decoration:underline}.admin-text-button:hover{opacity:.75}.admin-text-button:disabled{opacity:.45;cursor:not-allowed}.admin-bottom>p{max-width:600px}.admin-reload{margin-top:var(--s-500);gap:var(--s-200);display:grid}.admin-empty{padding:var(--s-400);border:1px dashed var(--ink);gap:var(--s-100);border-radius:8px;display:grid}@media (width<=767px){.music-heading{font-size:var(--t-4xl);line-height:var(--l-4xl)}.tracks{padding-block:var(--s-800)}.tracks__title{font-size:var(--t-6xl);margin-bottom:var(--s-400)}.track{gap:var(--s-100);padding:var(--s-200) var(--s-75);grid-template-columns:24px minmax(0,1fr) 16px 40px}.track__time{display:none}.track__title{font-size:var(--t-xl);line-height:var(--l-xl)}.track__icon{width:40px;height:40px}.player{gap:var(--s-75) var(--s-100);padding:var(--s-100);bottom:var(--s-75);width:calc(100% - 2 * var(--s-75));border-radius:16px;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"tile now controls""seek seek seek"}.player__tile{grid-area:tile;width:40px;height:40px}.player__now{grid-area:now}.player__controls{grid-area:controls;gap:0}.player__seek{grid-area:seek}.player__btn--main{width:44px;height:44px}.admin-header{gap:var(--s-100)}.admin-header img{width:128px}.admin-header .music-button{font-size:var(--t-sm);line-height:var(--l-sm)}.admin-main{padding-block:var(--s-400)}.admin-track{padding:var(--s-200)}.admin-track__fields,.admin-files{gap:var(--s-200);grid-template-columns:minmax(0,1fr)}.admin-toolbar{align-items:stretch}.admin-toolbar>.admin-actions{width:100%}.admin-actions>.music-button{flex:auto}.admin-bottom>.music-button{width:100%}}@media (prefers-reduced-motion:reduce){.music-button,.track{transition:opacity .3s var(--ease)}.player,.bars.is-on i{animation:none}.track__icon,.player__btn{transition:none}.track:hover .track__icon,.player__btn--main:hover,.music-button:active:not(:disabled),.track:active{transform:none}}