:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f1f3f6;background:#10141e;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer;background:#202735;border:1px solid #333c4d;color:inherit;border-radius:12px;padding:12px 18px;min-height:46px}button:hover{background:#303b4c}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #b4f273;outline-offset:3px}input,select{background:#1a2130;color:inherit;border:1px solid #333c4d;border-radius:12px;padding:13px;min-width:0;max-width:100%}a{color:#b4f273}.primary{background:#b4f273;color:#14200b;border-color:#b4f273;font-weight:650}.primary:hover{background:#c7ff90}header{display:flex;align-items:center;gap:25px;padding:24px 5vw;border-bottom:1px solid #252d3c}.brand{color:#b4f273;display:flex;align-items:center;gap:12px;font-weight:800;font-size:26px}.brand span{color:#f1f3f6;letter-spacing:2px;font-size:14px}.server{margin-left:auto;font-size:13px;color:#9ca9bb}.server i{display:inline-block;background:#b4f273;width:7px;height:7px;border-radius:50%;margin-right:8px}header button{font-size:12px;background:transparent}nav{display:flex;gap:8px;padding:18px 5vw}nav button{background:transparent;border-color:transparent;color:#9ca9bb}nav .active{background:#263322;color:#b4f273}.library{max-width:1500px;margin:auto;padding:25px 5vw}.eyebrow{font-size:11px;letter-spacing:3px;color:#b4f273;margin:15px 0}h1{font-size:clamp(30px,4.5vw,60px);letter-spacing:-2px;line-height:1.1;font-weight:600;margin:15px 0 30px}h2{font-size:25px}em{font-style:normal;color:#b4f273}.toolbar{display:flex;gap:12px;margin:25px 0 32px}.toolbar input{width:480px}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 20px}.card{padding:0;border:0;background:transparent;text-align:left;min-width:0}.card:hover{background:transparent;transform:translateY(-3px)}.poster{position:relative;aspect-ratio:2/3;background:linear-gradient(140deg,#29364a,#171e2a);border:1px solid #2e3849;border-radius:15px;overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.fallback{position:absolute;inset:40% 0;text-align:center;color:#4e637e;font-size:40px}.badge{position:absolute;z-index:2;top:10px;left:10px;background:#10141ed9;padding:5px 8px;border-radius:7px;text-transform:uppercase;letter-spacing:1px;font-size:10px}.card h3{font-size:15px;line-height:1.4;font-weight:550;margin:13px 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.muted{color:#94a2b7;font-size:13px}.arrow{float:right;color:#b4f273}progress{position:absolute;z-index:2;bottom:0;left:0;width:100%;height:5px;accent-color:#b4f273}.notice,.error{padding:15px;border-radius:12px;background:#293427;line-height:1.5;overflow-wrap:anywhere}.error{background:#422b32;color:#ffc8ca}.empty{padding:60px 0;color:#94a2b7}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:35px 0}.pagination span{font-size:13px;color:#94a2b7}footer{border-top:1px solid #283142;padding:25px 0;margin-top:60px;font-size:11px;letter-spacing:1px;color:#7e8ba0}footer span{float:right}.welcome{max-width:850px;margin:7vh auto;padding:30px}.welcome .brand{margin-bottom:70px}.welcome h1{font-size:clamp(40px,6vw,74px)}.welcome>p:not(.eyebrow){line-height:1.8;color:#aab6c9}.welcome .primary{margin:22px 0}.pair{padding:25px;background:#1b2430;border:1px solid #3d4e38;border-radius:15px;max-width:500px}.pair strong{display:block;color:#b4f273;letter-spacing:7px;font-size:32px;margin:20px 0}.pair p{line-height:1.6}.overlay{position:fixed;inset:0;z-index:5;background:#0b1017ec;overflow:auto;padding:30px;overscroll-behavior:contain}.detail,.player{max-width:1000px;margin:4vh auto;padding:30px;background:#151d29;border:1px solid #303b4c;border-radius:20px}.detail h1{font-size:36px;margin-top:20px}.detail .eyebrow{margin-top:40px}.fields{display:flex;flex-wrap:wrap;gap:16px}.fields label{display:flex;flex-direction:column;gap:10px;flex:1;min-width:180px;color:#aab6c9;font-size:14px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.player video{width:100%;max-height:65vh;background:#000}.player .muted{line-height:1.6}@media(min-width:1600px){.grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:1000px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px}header{padding:18px 5vw}.server{display:none}header button{margin-left:auto}nav{position:fixed;bottom:0;left:0;right:0;z-index:4;background:#10141ef5;justify-content:space-around;border-top:1px solid #303b4c;padding:10px 3px calc(10px + env(safe-area-inset-bottom))}nav button{padding:10px;font-size:13px}.library{padding-top:25px;padding-bottom:85px}.card h3{font-size:13px}.overlay{padding:12px}.detail,.player{padding:20px;margin:10px auto}.detail h1{font-size:27px;letter-spacing:-.5px}.welcome{margin:2vh auto;padding:25px}.welcome .brand{margin-bottom:50px}.toolbar{flex-wrap:wrap}.toolbar select{flex:1}.toolbar input{flex:1;width:100px}}@media(max-width:420px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.poster-image{position:absolute;inset:0;display:block;z-index:1}.poster-image img{width:100%;height:100%;object-fit:cover}.release-info{margin:24px 0 32px;padding-bottom:25px;border-bottom:1px solid #303b4c}.release-overview{display:flex;gap:26px;align-items:flex-start}.release-poster{width:190px;max-height:310px;object-fit:contain;border-radius:12px}.release-summary{flex:1;min-width:0}.release-info h2{font-size:20px;margin:20px 0 12px}.release-description{white-space:pre-line;line-height:1.7;font-size:15px;color:#d2dae7;overflow-wrap:anywhere}.release-info dl{margin:0;font-size:14px;line-height:1.6}.release-info dl>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;margin:7px 0}.release-info dt{color:#94a2b7}.release-info dd{margin:0;white-space:pre-line;overflow-wrap:anywhere}.release-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.release-gallery a{display:block;min-height:50px}.release-gallery img{width:100%;border-radius:8px;display:block}.release-technical{margin-top:20px}.release-technical summary{cursor:pointer;color:#b4f273;padding:12px 0}@media(max-width:600px){.release-overview{flex-direction:column;gap:18px}.release-poster{width:145px;max-height:230px}.release-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.release-info dl>div{grid-template-columns:100px minmax(0,1fr)}}.youtube-poster{display:block;max-width:100%;width:480px;border-radius:12px;margin-bottom:24px}@media(max-width:700px){nav button{padding:10px 7px;font-size:12px}}
