.app_content,.app_window{backdrop-filter:blur(16px)}.font-title,.logo-text{-webkit-text-fill-color:transparent}*,::after,::before{box-sizing:border-box}:root{--color-bg-main:#f1f5f9;--color-bg-container:#ffffff;--color-bg-card:#ffffff;--color-bg-dark:#2c3e50;--color-bg-table-header:#f8fafc;--color-bg-table-row-alt:#eae6f3;--color-bg-winner:#dcfce7;--color-bg-loser:#fee2e2;--color-bg-orange-dark:#c2410c;--color-bg-overlay:#222831e0;--clr-btn-GrayDark:#48495ddb;--svg_onGray:#66677a;--svg_bgGray:#d8d9e8;--clr-btn-GrayLigth:#d8d9e8cc;--clr-btn-GrayLigthx2:#eff0ff;--clr-btn-GrayBlue:#203f74;--color-bg-interactive:#e0f2fe;--color-bg-interactive-hover:#bae6fd;--modal-overlay-bg:rgba(30, 41, 59, 0.8);--color-text-primary:#1e293b;--color-text-secondary:#475569;--color-text-on-accent:#ffffff;--color-text-on-dark:#e2e8f0;--color-text-light:#ffffff;--color-text-dark:#1e293b;--color-text-gray:#64748b;--color-text-winner:#166534;--color-text-loser:#991b1b;--color-accent:#3b82f6;--color-accent-hover:#60a5fa;--color-accentLigth:#e6e9ee;--color-selected:#ff7e5f;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-error:#ef4444;--color-error-light:#fee2e2;--color-success:#22c55e;--color-warning:#f59e0b;--color-glass-bg:rgba(255, 255, 255, 0.2);--color-glass-border:rgba(255, 255, 255, 0.4);--color-glass-shadow:0 4px 30px rgba(0, 0, 0, 0.1);--color-glass-hover-bg:rgba(255, 255, 255, 0.3);--color-glass-btn-bg:rgba(255, 255, 255, 0.15);--color-glass-btn-hover-bg:rgba(255, 255, 255, 0.35);--color-border:#c3d6e2;--color-connector:#94a3b8;--border-bottom-app:#acc4ea;--border-app:#d9e3f2;--color-row-custom:#10b981;--gradient-accent:linear-gradient(45deg, #60a5fa, #2563eb);--gradient-text:linear-gradient(45deg, #3b82f6, #1d4ed8);--gradient-combinado:linear-gradient(45deg, #a78bfa, #c084fc);--gradient-selected:linear-gradient(45deg, #f1c2b7, #feb47b);--gradient-accent-orange:linear-gradient(45deg, #f97316, #ef4444);--close-button-gradient:linear-gradient(45deg, #f43f5e, #ef4444);--color-bg-gradient:linear-gradient(180deg, #f0f9ff, #eef2ff);--gradient-extra-video:linear-gradient(45deg, #5eead4, #0891b2);--gradient-extra-image:linear-gradient(45deg, #f472b6, #c026d3);--gradient-header:linear-gradient(45deg, #2747a1 40%, #356ce3, #9f43e5);--gradient-info-important:linear-gradient(
    225deg,
    #f9a825,
    #ffd54f,
    #f7e7b5,
    #ffd54f,
    #f9a825
  );--gradient-canon:linear-gradient(to bottom right, #22c55e, #86efac);--gradient-semicanon:linear-gradient(to bottom right, #b289fa, #cf8bfa);--gradient-relleno:linear-gradient(to bottom right, #f43f5e, #fb923c);--gradient-mixto:linear-gradient(to bottom right, #89a5fa, #8bc6fa);--gradient-ova-peli:linear-gradient(to bottom right, #facc15, #fde047, #ffb030);--gradient-extra:linear-gradient(45deg, #f68db2, #ff6c98);--color-extra:#66112f;--gradient-vidcomp:linear-gradient(45deg, #dddddd35, #aeaeae35, #d3d3d335);--gradient-manga:linear-gradient(45deg, #db72a6, #d8b4fe);--deg_azulLila:linear-gradient(45deg, #3b82f6, #8b5cf6);--deg_narRojo:linear-gradient(45deg, #fb923c, #f43f5e);--shadow-light:0 4px 6px -1px rgba(0, 0, 0, 0.05),0 2px 4px -2px rgba(0, 0, 0, 0.05);--shadow-strong:0 15px 15px -5px rgba(23, 65, 133, 0.15),0 8px 10px -6px rgba(59, 130, 246, 0.2);--shadow-accent-glow:0 5px 15px -3px rgba(59, 130, 246, 0.4);--shadow-text:1px 1px 3px rgba(0, 0, 0, 0.2);--gradient-navbar:linear-gradient(
    45deg,
    #2747a1 0%,
    #356ce3 50%,
    #4946e9 90%
  );--gradient-navbar-1024px:linear-gradient(45deg, #576282 40%, #828fad 100%);--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--rds_tooltips:16px;--font-size-base:12px;--font-size-sm:12px;--font-size-lg:14px;--font-size-xl:16px;--font-size-title:24px;--combinado-bg:#e9d5ff;--combinado-text:#581c87;--combinado-border:#d8b4fe;--combinado-shadow-glow:0 5px 15px rgba(167, 139, 250, 0.4);--tooltip-bg-gradient:linear-gradient(45deg, #ffdfab, #ffc688, #ffb879,#ffc688);--tooltip-bg-color:#ffb879;--tooltip-border-color:#000000}.app_content,body{color:var(--color-text-primary)}html{overflow-x:hidden}body{margin:0;min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;font-family:"Nunito Sans",sans-serif;background-color:var(--color-bg-main)}body::before{width:100%;height:100%;position:absolute;top:0;left:0;content:"";background-image:url("../0img/patternv2.png");background-repeat:repeat;filter:opacity(.5);z-index:-1;transition:.2s}.app_window,.era-item,.era-item label,.main_content,.rename-card,.selector_era{position:relative}main{width:100%;flex-grow:1}::-webkit-scrollbar{width:1px}::-webkit-scrollbar-track{background:#ffffff00}::-webkit-scrollbar-thumb{background-color:#356ce3;border-radius:20px;box-shadow:inset 0 0 6px rgba(0,0,0,.1)}.app_content,.main_content{padding:14px;background-color:var(--color-bg-container)}.svg_sty{width:20px;height:20px;background-repeat:no-repeat;background-size:contain;transition:filter .3s ease-in-out}.svg_nasd{background-image:url("/0img/radio_nasd.svg")}.svg_naru{background-image:url("/0img/radio_naru.svg")}.svg_nash{background-image:url("/0img/radio_nash.svg")}.svg_boru{background-image:url("/0img/radio_boru.svg")}.svg_btbv{background-image:url("/0img/radio_btbv.svg")}.svg_lofi,.svg_sak{background-image:url("/0img/clan_haruno.svg")}.svg_kak{background-image:url("/0img/clan_hatake.svg")}.svg_hyu{background-image:url("/0img/clan_hyuga.svg")}.svg_shr{background-image:url("/0img/clan_sharingan.svg")}.svg_uch{background-image:url("/0img/clan_uchiha.svg")}.svg_nar{background-image:url("/0img/clan_uzumaki.svg")}.cap_push_btn .svg_rec,.svg_rec{background-image:url("/0img/clan_recomend.svg")}.svg_cgi{background-image:url("/0img/clan_nara.svg")}.svg_btn_close{background-image:url("/0img/svg_btn_close.svg")}.cap_push_btn .svg_rec{width:16px;height:16px;position:absolute;top:0;right:0;z-index:5;filter:drop-shadow(1px 2px 2px rgba(0, 0, 0, .2));pointer-events:none;transition:transform .3s}.cap_push_btn:hover .svg_rec{transform:translateY(-4px)}.app_window{margin:0 auto;border-radius:var(--radius-lg);border-bottom:8px solid var(--border-bottom-app);box-shadow:0 5px 20px rgba(153,178,224,.7);-webkit-backdrop-filter:blur(16px);transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.app_content{border-radius:0 0 var(--radius-lg) var(--radius-lg);text-align:center;-webkit-backdrop-filter:blur(16px)}.era-icon,.era-text{color:var(--color-text-secondary)}.main_content{z-index:3;border:1px solid var(--color-border);border-radius:0 0 var(--radius-xl) var(--radius-xl);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.selector_era{display:flex;gap:8px;padding-inline:10px;padding-top:10px;flex-wrap:wrap;background-image:var(--gradient-navbar);border-radius:var(--radius-md) var(--radius-md) 0 0}.selector_era.disabled{pointer-events:none;opacity:.6}.era-item{min-width:14px;margin:0;z-index:6}.era-item input,.hidden-toast,.tooltip-wrapper#mis_ocultos{display:none}.era-item label{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 16px;margin-bottom:0;top:1px;z-index:7;background-color:#fff!important;border-radius:var(--radius-md) var(--radius-md) 0 0!important;opacity:.3;cursor:pointer;transition:.2s}.era-icon{width:14px;height:14px;transition:color .3s}.era-text{font-size:12px;white-space:nowrap;font-weight:700;user-select:none}.era-item input:checked+label{background-color:#fff;opacity:1}.era-item input:hover+label{opacity:.7}.era-item input:checked+label .era-icon,.era-item input:checked+label .era-text{color:var(--color-text-dark)}@media (max-width:768px){.selector_era{gap:4px;flex-wrap:nowrap;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.selector_era::-webkit-scrollbar{display:none}.era-item label{padding:4px 6px;top:8px}.era-item label .svg_sty{display:none}.era-text{font-size:12px}}.font-title{font-weight:800;letter-spacing:.025em;background:var(--gradient-text);-webkit-background-clip:text}#toast-notification{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:var(--color-danger);color:var(--color-text-on-accent);padding:12px 24px;border-radius:var(--radius-lg);box-shadow:var(--shadow-strong);font-size:16px;font-weight:600;text-align:center;z-index:10000;opacity:0;transition:opacity .5s,transform .5s;pointer-events:none}#toast-notification:not(.hidden-toast){opacity:1;transform:translateX(-50%) translateY(-10px)}#renameTitleModal .modal-header{display:none!important}#renameTitleModal .modal-content{display:flex;padding:0;background-color:transparent;box-shadow:none}.rename-card{height:auto;padding:25px;gap:20px;margin:0 auto;max-width:95%;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-bg-container);border-radius:var(--radius-lg);border-bottom:8px solid var(--border-bottom-app);box-shadow:2px 2px 20px rgba(0,0,0,.062)}#starSvg{width:36px}#starSvg path{fill:var(--color-accent)}.rn-heading{margin:0;font-size:16px;font-weight:800;color:var(--color-text-primary);text-align:center}.rn-description,.rn-input{font-size:12px;text-align:center}.rn-description{margin-top:-4px;font-weight:600;color:var(--color-text-gray)}.rn-input{width:100%;padding:6px 10px;margin-top:4px;border-radius:14px;border:2px solid #88b8e9;transition:border-color .2s}.rn-input:focus{outline:0;border-color:var(--color-accent)}.rn-button-container{display:flex;gap:10px;flex-direction:row;margin-top:4px}.rn-accept-btn,.rn-decline-btn{width:105px;height:28px;border:none;border-radius:14px;cursor:pointer;transition:.3s}.rn-accept-btn{background-color:var(--color-accent);color:var(--color-text-on-accent);box-shadow:0 4px 6px -1px var(--color-accent-hover),0 2px 4px -1px var(--color-accent-hover)}.rn-decline-btn{background-color:#dadada;color:#2e2e2e;box-shadow:0 4px 6px -1px #bebdbd,0 2px 4px -1px #bebdbd}.rn-decline-btn:hover{background-color:#ebebeb;box-shadow:0 7px 10px -2px #bebdbd,0 3px 4px -1px #bebdbd}.rn-accept-btn:hover{background-color:var(--color-accent-hover);box-shadow:0 7px 10px -2px var(--color-accent),0 3px 4px -1px var(--color-accent)}.nav-right{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:8px}.btn-control,.modal-close-btn{align-items:center;cursor:pointer}.nav-action-btn{width:35px;height:35px;display:grid;place-items:center;text-decoration:none;background:rgba(255,255,255,.2);border:none;border-radius:var(--radius-md) var(--radius-md) 0 0;color:#fff;cursor:pointer;transition:.2s}.nav-action-btn:hover{background:rgba(255,255,255,.4)}.btn-control{width:22px;height:22px;display:flex;justify-content:center;border-radius:50%;border:none;box-shadow:var(--shadow-light);transition:.2s}.btn-control:hover{transform:scale(1.2)}.move-controls{display:flex;flex-direction:column;gap:6px}.btn-control svg{width:8px;height:8px;stroke:white;stroke-width:2}.delete-btn{background-color:rgba(239,68,68,.8)}.delete-btn:hover{background-color:var(--color-danger)}.delete-btn-rigth{right:4px}.era-group{display:flex;gap:8px;flex-wrap:wrap;margin-right:auto}.modal-close-btn{width:16px;height:16px;position:absolute;top:7px;right:7px;z-index:100;display:flex;justify-content:center;padding:2px;border:1px solid #ff6f6f;border-radius:var(--radius-full);background-image:var(--close-button-gradient);transition:transform .2s}.modal-close-btn:hover{transform:scale(1.1)}.modal-close-btn svg{width:16px;height:16px;fill:white!important}@media (max-width:1080px){.modal-close-btn{width:14px;height:14px}#modal-title{padding-inline:4px}}.logo-y-boton-container{display:flex;align-items:center;gap:15px}.logo-text{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;line-height:30px;margin:0;background-image:linear-gradient(to right,#d7e7ffd3,rgba(221,195,255,.7));-webkit-background-clip:text;background-clip:text;color:transparent}@media (max-width:720px){.logo-text{font-size:10px}}@media (max-width:500px){.logo-text{display:none}}