@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap";
:root{--background-top:#0a1128;--background-bottom:#02050f;--foreground:#fff;--primary:#15559a;--primary-focus:#1f78d1;--brand-accent:#e42b28;--danger:#e42b28;--danger-focus:#ff4745;--surface:#ffffff0d;--surface-hover:#ffffff1a;--focused-border:#1f78d1;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-6:48px;--space-8:64px;--timing-fast:.15s;--timing-normal:.25s;--ease-out:cubic-bezier(.4, 0, .2, 1)}body{background:linear-gradient(to bottom, var(--background-top), var(--background-bottom));color:var(--foreground);width:100vw;height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;overflow:hidden}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}h1,h2,h3{color:var(--foreground)}.tv-container{flex-direction:column;width:100%;height:100%;padding:40px;display:flex}.focus-element{transition:transform var(--timing-fast) var(--ease-out), filter var(--timing-fast) var(--ease-out), box-shadow var(--timing-fast) var(--ease-out), background-color var(--timing-fast) var(--ease-out);cursor:pointer;outline:none}.focus-element:focus,.focus-element.focused,.focus-element:hover:not(.login-input-container){z-index:10;filter:brightness(1.1);transform:scale(1.05);box-shadow:0 0 20px #007aff4d}.focus-element:active{filter:brightness(.9);transform:scale(.96)}.spinner{border:4px solid #ffffff1a;border-left-color:var(--primary);border-radius:50%;width:50px;height:50px;animation:1s linear infinite girar}@keyframes girar{to{transform:rotate(360deg)}}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#193c7899;border:1px solid #ffffff26;border-radius:20px;flex-direction:column;gap:20px;width:550px;padding:40px 60px;display:flex;box-shadow:0 15px 40px #00000080}.login-input-container{background:#ffffff1a;border:2px solid #0000;border-radius:12px;align-items:center;height:60px;padding:0 20px;transition:all .3s;display:flex}.login-input-container.focused,.login-input-container:hover,.login-input-container:focus-within{background:#fff3;border-color:#ffffffe6;transform:scale(1.02);box-shadow:0 0 15px #ffffff26}.login-input{color:#fff;background:0 0;border:none;outline:none;flex:1;margin-left:15px;font-size:1.2rem}.login-btn{background:var(--primary);color:#fff;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;height:55px;font-size:1.2rem;font-weight:700;display:flex;box-shadow:0 4px 15px #0003}.login-btn.focused,.login-btn:hover{background:var(--primary-focus);border-color:#fff;transform:scale(1.04);box-shadow:0 8px 25px #007aff80}.login-btn-danger{background:var(--danger);color:#fff;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;height:55px;font-size:1.1rem;display:flex;box-shadow:0 4px 15px #0003}.login-btn-danger.focused,.login-btn-danger:hover{background:var(--danger-focus);border-color:#fff;transform:scale(1.04);box-shadow:0 8px 25px #ff2d2d80}.login-btn-ghost{color:#ff5c5c;background:0 0;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:10px;font-size:1rem;transition:all .3s;display:flex}.login-btn-ghost.focused,.login-btn-ghost:hover{background:#ffffff0d;border-color:#ff5c5c66;transform:scale(1.03)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.premium-loading-container{color:#fff;z-index:999999;background:#030303;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}.premium-logo{object-fit:contain;width:320px;max-width:50vw}.loading-bar-container{background:#ffffff26;border-radius:2px;width:400px;max-width:60vw;height:2px;margin-top:50px;position:relative;overflow:hidden}.loading-bar-progress{background:var(--primary);width:120px;height:100%;box-shadow:0 0 10px var(--primary), 0 0 20px var(--primary), 0 0 30px var(--primary);animation:2s cubic-bezier(.4,0,.2,1) infinite loadingSlide;position:absolute;top:0;left:-120px}@keyframes loadingSlide{0%{left:-120px}to{left:100%}}.loading-text{color:var(--brand-accent);letter-spacing:.6em;text-transform:uppercase;margin-top:30px;margin-left:.6em;font-size:.85rem;font-weight:600}.custom-scroll{scroll-padding:15% 0}.osd-item{will-change:border-color, background-color;scroll-margin:150px 0;transition:border-color 80ms,background-color 80ms}.osd-item.focus-element:focus,.osd-item.focus-element.focused,.osd-item.focus-element:hover{filter:none;box-shadow:none;transform:none}.osd-item.focused{border-color:var(--primary)!important;background-color:#007aff40!important}