:root{font-family:Arial,Helvetica,sans-serif;color:#edf2f6;background:#10151c}*{box-sizing:border-box}body{margin:0}main{max-width:1440px;margin:auto;padding:clamp(20px,4vw,64px)}header{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:35px}header strong{font-size:clamp(28px,4vw,52px);letter-spacing:2px}header span{color:#78b89b}small,footer{color:#a7b4bf}nav,.search{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px}button,input{font:inherit;border:1px solid #344351;border-radius:12px;background:#1b2630;color:#edf2f6;padding:14px 20px}button{cursor:pointer}button:hover,button:focus-visible,input:focus-visible{outline:3px solid #8ad6af;outline-offset:3px}button[aria-pressed=true]{background:#416c58;border-color:#7bc7a2}.search input{flex:1;min-width:220px}h1{font-size:26px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.tile{text-align:left;display:flex;flex-direction:column;gap:12px;padding:12px}.tile b{font-size:20px}.tile small{line-height:1.5}.art{height:160px;background:linear-gradient(145deg,#365d53,#172a32);display:grid;place-items:center;font-size:52px;border-radius:8px}.panel{padding:16px;border:1px solid #344351;border-radius:12px}footer{margin-top:70px;font-size:13px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080b0ff5;display:grid;place-items:center;padding:24px}.player{width:min(960px,100%)}.player video{width:100%;max-height:65vh;background:#000}.close{margin-bottom:14px}@media (max-width:600px){header{display:block}header small{display:block;margin-top:8px}}:focus-visible{outline:4px solid #9fe4bf!important;outline-offset:4px!important;box-shadow:0 0 0 7px #416c584d}.overlay{z-index:100}.overlay .player{max-height:94vh;overflow:auto}.overlay .close{position:relative}.player video{display:block;min-height:160px}.player .panel{margin:14px 0}.player button,.player a{min-height:48px}@media (max-width:600px){main{padding:20px 16px}nav{gap:8px}nav button{padding:11px 14px}.search{gap:8px}.search button{padding:11px 14px}.overlay{padding:16px}.player h2{font-size:23px}.player video{max-height:48vh}.art{height:130px}}:root{color-scheme:dark}body{min-height:100vh;background:radial-gradient(ellipse 85% 42% at 85% 0%,rgba(68,111,91,.15),transparent 70%),#10151c}main{max-width:1600px;padding:clamp(24px,3.2vw,54px)}header{margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid rgba(158,181,170,.14)}header strong{font-size:clamp(27px,3vw,44px);letter-spacing:1.4px}header small{font-size:clamp(12px,1.2vw,16px)}nav,.search{gap:10px;margin-bottom:20px}nav button{border-radius:999px;padding:12px 22px;min-height:46px;font-weight:600}.search input{background:#17212b;min-height:48px}.search button{min-height:48px}h1{font-size:clamp(21px,2.1vw,30px);margin:26px 0 18px}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:18px}.tile{border:1px solid #344351;background:#18222c;border-radius:16px;padding:10px;gap:9px;transition:background-color .15s,border-color .15s,transform .15s}.tile:hover,.tile:focus-visible{background:#20352f;border-color:#8ad6af}.tile:focus-visible{transform:scale(1.025)}.tile b{font-size:clamp(17px,1.6vw,21px);line-height:1.3}.tile small{font-size:13px;line-height:1.45}.art{height:auto;aspect-ratio:16/9;border-radius:10px;background:linear-gradient(140deg,#456b5d,#263e3b 48%,#15242c);font-size:clamp(34px,4vw,56px)}.panel{background:#18222c}footer{margin-top:48px;padding-top:18px;border-top:1px solid #344351}.overlay .player{background:#111a23;border:1px solid #344351;border-radius:18px;padding:clamp(16px,2vw,28px)}.player h2{margin:4px 0 16px}@media (min-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tile{min-height:260px}}@media (max-width:600px){main{padding:18px 16px}header{margin-bottom:18px;padding-bottom:14px}nav{gap:7px}nav button{padding:9px 14px;min-height:42px}.search{gap:8px}.search input{min-width:0;width:100%}.search button{padding:10px 14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{padding:8px;gap:7px;border-radius:12px}.tile b{font-size:15px}.tile small{font-size:11px}.art{font-size:32px}h1{margin:20px 0 14px}.overlay .player{padding:14px}}@media (prefers-reduced-motion:reduce){.tile{transition:none}.tile:focus-visible{transform:none}}a.tile{color:inherit;text-decoration:none;cursor:pointer}a.tile:focus-visible{outline:4px solid #9fe4bf!important;outline-offset:4px!important;box-shadow:0 0 0 7px #416c584d}.catalog-note{color:#a7b4bf;font-size:13px;line-height:1.5;margin:0 0 18px}.source-label{display:inline-block;align-self:flex-start;margin-top:auto;padding:6px 10px;border:1px solid #47665a;border-radius:999px;background:#233a32;color:#b9e7cf;font-size:12px;font-weight:600}