:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#0c0b10;color:#eeedf2;font-size:16px}
.tv-player-status{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.tv-player-status img{width:240px}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 78% -5%,#211b22,#0c0b10 52%)}button,input,select{font:inherit}button{background:#28252f;color:#f4f2f8;border:1px solid #3d3947;border-radius:10px;padding:12px 16px;cursor:pointer}button:hover,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #edc753;outline-offset:2px}button.primary{background:#efc653;border-color:#efc653;color:#110f0e;font-weight:bold}button:disabled{opacity:.42;cursor:default}.hidden{display:none!important}.muted{color:#a9a7b2}.small{font-size:.78rem}.error{min-height:1.4em;color:#ff9d9d}.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}.loading{position:fixed;inset:0;display:grid;place-items:center;font-size:1.3rem}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4vw;padding:5vw;max-width:1500px;margin:auto}.brand-panel{height:min(80vh,680px);display:flex;flex-direction:column;justify-content:space-between;padding:4vw;background:linear-gradient(120deg,#29291e,#111015);border-radius:22px}.brand-logo{width:min(54%,320px);object-fit:contain;align-self:center}.brand-panel h1{font-size:clamp(1.6rem,3vw,2.8rem);margin-bottom:.4em}.brand-panel p{line-height:1.4}.activation-box{display:flex;flex-direction:column;gap:8px;margin-top:30px;padding:16px;border-radius:12px;background:#17151d}.activation-box strong{font-size:1.65rem;letter-spacing:.08em}.eyebrow{font-size:.78rem;letter-spacing:.09em;color:#ecc34b}.login-form{width:min(100%,500px);justify-self:center;background:#19171f;padding:clamp(24px,4vw,56px);border-radius:22px;display:flex;flex-direction:column;gap:16px}.login-form h2{margin:0;color:#efc653}.login-form label{display:flex;flex-direction:column;gap:7px}.login-form input,.filters input,.filters select{padding:13px 15px;background:#121117;color:#fff;border:1px solid #625e6a;border-radius:6px;min-width:0}.shell{display:grid;grid-template-columns:76px minmax(0,1fr);min-height:100vh}.nav{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:13px;align-items:center;padding:16px 6px;background:#0b0a0f}.nav button{width:57px;height:57px;padding:0;font-size:27px;border:none;background:transparent}.nav button.active{color:#eac14d;background:#332d1e}.nav .nav-exit{margin-top:auto}.workspace{min-width:0;padding:16px 28px 48px}.topbar{display:flex;align-items:center;justify-content:space-between;height:80px}.topbar h1{margin:0 0 4px;font-size:1.8rem}.top-logo{width:90px;max-height:54px;object-fit:contain}.notice{padding:12px 18px;margin:10px 0;background:#463514;border:1px solid #7b6326;border-radius:8px}.view{max-width:1600px}.hero{min-height:240px;padding:28px 38px;border-radius:20px;background:linear-gradient(100deg,#171418,#342514 85%);display:flex;flex-direction:column;justify-content:center;margin:10px 0 30px}.hero h2{font-size:2rem;margin:6px 0}.hero p{color:#c9c4bf}.filters{display:flex;gap:16px;margin:14px 0}.filters select{max-width:320px}.filters input{min-width:230px;max-width:430px;width:34vw}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:18px;margin:18px 0}.card{display:flex;flex-direction:column;align-items:stretch;text-align:left;background:#1b1921;border:1px solid #35313d;padding:0;overflow:hidden;min-height:265px}.card img,.placeholder{width:100%;height:190px;object-fit:cover;background:#25222d}.placeholder{display:grid;place-items:center;color:#b7a353;font-size:2rem}.card-info{padding:10px;min-height:69px}.card strong{display:block;line-height:1.24;font-size:.92rem;max-height:3.7em;overflow:hidden}.card small{display:block;color:#9c9aaa;margin-top:6px}.pagination{display:flex;gap:16px;justify-content:center;align-items:center;padding:16px}.details{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;margin-top:22px;padding:22px;background:#17151d;border-radius:18px}.details img{width:100%;max-height:310px;object-fit:cover;border-radius:8px}.details h2{font-size:2rem;margin:0 0 12px}.details p{line-height:1.5;color:#c9c7cf}.details-actions{display:flex;gap:12px;flex-wrap:wrap}.setting{display:flex;gap:12px;align-items:center;margin:24px 0}.setting span{font-size:.85rem}.player{position:fixed;inset:0;z-index:20;background:#000;display:flex;flex-direction:column}.player-head{height:64px;background:#100f14;display:flex;align-items:center;gap:18px;padding:8px 18px}.player-head strong{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player video{width:100%;height:calc(100vh - 64px);object-fit:contain;background:#000}.player .error{position:absolute;bottom:70px;left:20px;background:#17151d;padding:12px;border-radius:8px}.player:fullscreen .player-head{display:none}.player:fullscreen video{height:100vh}.enhanced video{filter:saturate(1.12) contrast(1.04)}
.login{align-items:stretch;padding:4vh 5vw}.brand-panel{height:auto;min-height:0;padding:clamp(22px,3vw,42px);gap:16px}.brand-logo{width:min(40%,220px);max-height:23vh}.activation-box{margin-top:12px}.activation-box strong{font-size:1.35rem}.player.preview{inset:auto 3vw 3vh auto;width:min(46vw,720px);height:min(44vh,420px);border:2px solid #e9c450;border-radius:14px;overflow:hidden;box-shadow:0 10px 50px #000a}.player.preview video{height:calc(100% - 64px)}
@media(max-width:760px){.login{grid-template-columns:1fr;padding:18px}.brand-panel{height:auto;gap:20px;padding:22px}.brand-logo{width:150px}.login-form{padding:24px}.shell{grid-template-columns:56px minmax(0,1fr)}.nav button{width:43px;height:43px;font-size:21px}.workspace{padding:12px}.grid{grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:8px}.card{min-height:210px}.card img,.placeholder{height:140px}.details{grid-template-columns:1fr}.details img{max-width:170px}.filters{flex-direction:column}.filters input{width:100%}.player.preview{width:70vw;height:38vh}}