body{margin:0;padding:0}.navbar{background-color:#333;display:flex;justify-content:space-around;padding:1em}.navbar a{color:#fff;text-decoration:none}.container{padding:2em}button{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-size:16px;margin-top:1em;padding:.5em 1em;-webkit-user-select:none;user-select:none;-moz-user-select:none;-ms-user-select:none}button:active{background-color:inherit;opacity:1}.config-overlay{align-items:center;animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.config-modal{animation:slideUp .3s ease-out;background:linear-gradient(145deg,#1e1e1e,#2a2a2a);border-radius:1rem;box-shadow:0 8px 24px #00000080;max-width:420px;padding:2rem;position:relative;width:90%}.config-close-button{background:none;border:none;color:#ccc;cursor:pointer;font-size:1.2rem;position:absolute;right:1rem;top:1rem;transition:color .2s ease}.config-close-button:hover{color:#fff}.configuraciontext{color:#f1f1f1;font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.config-item{margin:1.2rem 0}label{color:#ddd;display:block;font-weight:500;margin-bottom:.5rem}input[type=checkbox],select{background-color:#2f2f2f;border:1px solid #555;border-radius:.5rem;color:#fff;padding:.5rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%;will-change:box-shadow}input[type=checkbox]:hover,select:hover{border-color:#3498db;box-shadow:0 0 4px #3498db66}input[type=checkbox]:checked{accent-color:#3498db}input[type=checkbox]{-webkit-appearance:auto;appearance:auto;cursor:pointer;height:18px;width:18px}.theme-toggle-wrapper{align-items:center;display:flex;justify-content:center;padding:10px}.theme-toggle-label{background-color:initial;border-radius:25px;box-shadow:0 2px 8px #0003;cursor:pointer;display:inline-block;height:45px;position:relative;transition:all .3s ease;width:90px}.theme-toggle-input{height:0;opacity:0;width:0}.slider{align-items:center;background-color:#f39c12;border-radius:25px;box-shadow:0 2px 6px #0003;display:flex;font-size:22px;inset:0;justify-content:space-between;padding:0 12px;position:absolute;transition:background-color .3s ease,box-shadow .3s ease;will-change:box-shadow}.theme-toggle-input:checked+.slider{background-color:#4b8fd6;box-shadow:0 4px 12px #00000040}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 4px 6px #00000026;content:"";height:38px;left:5px;position:absolute;transition:transform .3s ease;width:38px;will-change:transform}.theme-toggle-input:checked+.slider:before{transform:translateX(0)}.theme-toggle-input:not(:checked)+.slider:before{transform:translateX(45px)}.icon{font-size:22px;transition:opacity .3s ease,transform .5s ease}.icon,.sun-icon{will-change:transform}.sun-icon{color:#f39c12;transition:transform .5s ease}.moon-icon{color:#fff;opacity:0;position:relative;transition:transform .5s ease,opacity .5s ease;will-change:transform}.moon-icon:before{left:-10px;top:-6px}.moon-icon:after,.moon-icon:before{color:#fff;content:"✦";font-size:12px;position:absolute}.moon-icon:after{right:-10px;top:6px}.theme-toggle-input:checked+.slider .sun-icon{opacity:0;transform:rotate(1turn)}.theme-toggle-input:checked+.slider .moon-icon{opacity:1;transform:rotate(0deg)}.theme-toggle-input:not(:checked)+.slider .moon-icon{opacity:0;transform:rotate(1turn)}.theme-toggle-input:not(:checked)+.slider .sun-icon{opacity:1;transform:rotate(0deg)}:root{--header-background:#1f1f1f;--button-background:#333}.settings-icon{color:#f5f5f5;color:var(--text-color,#000);cursor:pointer;font-size:1.2rem;position:absolute;right:8px;top:8px;transition:color .3s ease}.settings-icon:hover{color:#007bff;color:var(--accent-color,#007bff)}@media (max-width:767px){.settings-icon{color:#f5f5f5;color:var(--text-color,#000);display:flex;font-size:1rem;justify-content:flex-end;margin:4px 8px;position:static}}.header{align-items:center;background-color:#1f1f1f;background-color:var(--header-background);box-shadow:0 2px 10px #0000004d;box-shadow:0 2px 10px var(--shadow-color);color:#f5f5f5;color:var(--text-color);font-size:1.2rem;max-width:100%;padding:1vh 4vw;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header,.header .nav-container{display:flex;justify-content:space-between;width:100%}.header .nav-container{flex-grow:1;max-width:1200px}.hamburger{cursor:pointer;display:none;flex-direction:column;height:48px;justify-content:space-between;width:48px}.hamburger,.hamburger-wrapper{z-index:100}.hamburger .bar{background-color:#f5f5f5;background-color:var(--text-color);border-radius:5px;height:6px;transition:transform .3s ease,opacity .3s ease;width:100%;will-change:transform}.hamburger.active .bar:first-child{transform:translateY(10px) rotate(45deg)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.nav-links{align-items:center;display:flex;font-size:1.2rem;gap:2vw;justify-content:flex-start;transition:background-color .3s ease,transform .2s ease;width:100%;will-change:transform}.nav-links ul{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0;width:100%}.nav-links li{margin:1vh}.nav-link{color:#f5f5f5;color:var(--text-color);display:inline-block;font-size:1.2rem;line-height:1.5;padding:12px 20px;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#0084ff;transform:translateY(-2px)}.nav-links.active{align-items:center;background-color:#1f1f1f;background-color:var(--header-background);display:flex;flex-direction:column;height:100vh;justify-content:center;left:50%;padding:0;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;z-index:90}.nav-links.active ul{display:block;text-align:center;width:100%}.nav-links.active li{margin:0;width:100%}.nav-links.active .nav-link{border-bottom:1px solid #ddd;font-size:1.5rem;padding:20px;text-align:center}@media (max-width:768px){.header{justify-content:space-between;padding:.8rem 1rem}.nav-links{align-items:center;display:none;flex-direction:column;width:100%}.hamburger{display:flex;height:32px;width:32px}.hamburger .bar{height:4px}}.user-section{gap:1rem;position:relative}.user-icon-container,.user-section{align-items:center;cursor:pointer;display:flex}.user-icon-container{border-radius:50%;font-size:1.6rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.user-icon-container:hover{transform:scale(1.5)}.user-info.logged-out{display:none}.dropdown-menu{background-color:#222;border-radius:12px;box-shadow:0 10px 25px #00000040;min-width:200px;opacity:0;padding:8px 0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;visibility:hidden;will-change:transform;z-index:1000}.user-section .dropdown-menu.show{opacity:1;transform:translateY(0);transition:opacity .3s ease,visibility 0s,transform .3s ease;visibility:visible;will-change:transform}.dropdown-item{align-items:center;background-color:initial;border:none;color:#f5f5f5;color:var(--text-color);cursor:pointer;display:flex;font-size:15px;gap:12px;padding:12px 20px;text-decoration:none;transition:background-color .2s ease,transform .2s ease;will-change:transform}.dropdown-item+.dropdown-item{border-top:1px solid #ffffff26}.dropdown-item:hover{background-color:#ffffff14;border-radius:8px;transform:translateX(6px)}.dropdown-item:last-child{border-bottom:none}.user-section .dropdown-menu{left:auto;right:0}@media (max-width:768px){.user-section .dropdown-menu{left:auto;right:0;transform:translateX(0) translateY(-20px);width:auto}.user-icon-container{font-size:1.2rem;height:36px;width:36px}}@media (max-width:480px){.dropdown-menu{left:0;right:auto;transform:translateX(0) translateY(-20px);width:100%}}@media (max-width:768px){.dropdown-menu{left:50%;transform:translateX(-50%) translateY(-20px)}}@media (min-width:769px){.dropdown-menu{left:50%;transform:translateX(-50%) translateY(-20px)}}header .language-selector{margin-left:auto;margin-right:10px;z-index:10000}header .language-selector select{background-color:#fff;border:1px solid #ccc;border-radius:5px;cursor:pointer;font-size:16px;padding:8px 12px;transition:border-color .3s ease}header .language-selector select:hover{border-color:#007bff}@media (max-width:768px){header .language-selector{margin-right:10px}header .language-selector select{font-size:12px;max-width:120px;padding:4px 8px;width:auto}.nav-links.active .language-selector{display:block}.hamburger,.language-selector{font-size:14px;padding:6px}}@media (max-width:480px){header .language-selector{margin-right:5px}header .language-selector select{font-size:12px;max-width:100px;padding:4px 8px}.hamburger,.language-selector select{font-size:12px;padding:4px}}.settings-section{cursor:pointer;margin-right:1rem;position:relative}.settings-dropdown{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 10px #0000001a;min-width:180px;padding:10px;position:absolute;right:0;top:40px;z-index:100}.setting-option{margin-bottom:10px}.setting-option label{display:block;margin-bottom:4px}:root{--primary-bg:#1f1f1f;--text-color:#f5f5f5;--hover-color:#0084ff;--button-bg:#333;--shadow-color:#0000004d}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{box-sizing:border-box;flex-grow:1;padding-bottom:5vh;transition:padding-bottom .3s ease}.footer{background-color:#1f1f1f;background-color:var(--primary-bg);bottom:0;box-shadow:0 -2px 10px #0000004d;box-shadow:0 -2px 10px var(--shadow-color);color:#f5f5f5;color:var(--text-color);overflow-x:hidden;padding:2vh 4vw;position:relative;text-align:center;width:100%}.footer,.footer-content{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.footer-content{gap:2vw;margin-bottom:2vh}.donate-button,.footer-donation-toggle-button,.google-play-button{align-items:center;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-size:200% 200%;border:none;border-radius:5px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:1.4rem;gap:10px;height:3rem;justify-content:center;min-height:3rem;overflow-wrap:break-word;padding:0 20px;text-decoration:none;transition:background .3s ease,transform .2s ease,box-shadow .3s ease;-webkit-user-select:none;user-select:none;white-space:normal;will-change:transform;will-change:box-shadow}.footer-donation-toggle-button{width:300px}.donate-icon{color:#fff;display:inline-block;flex-shrink:0;font-size:1.6rem;transition:color .3s ease,transform .3s ease;vertical-align:middle;will-change:transform}.footer-donation-toggle-button:hover .donate-icon{transform:scale(1.15) rotate(-10deg)}.donate-button.paypal{background-color:#0070ba}.donate-button.paypal:hover{background-color:#005ea6;box-shadow:0 6px 10px #0000004d;box-shadow:0 6px 10px var(--shadow-color);transform:scale(1.05)}.donate-button.patreon{background-color:#f96854}.donate-button.patreon:hover{background-color:#d1544a;box-shadow:0 6px 10px #0000004d;box-shadow:0 6px 10px var(--shadow-color);transform:scale(1.05)}.donate-button:active,.footer-donation-toggle-button:active,.google-play-button:active{transform:scale(.95)}.google-play-button{background:linear-gradient(45deg,#34b7f1,#0a94d7);box-shadow:0 4px 6px #0003}.google-play-button:hover{box-shadow:0 6px 10px #0000004d;transform:scale(1.05)}.footer-donation-toggle-button{background:linear-gradient(45deg,#3a8ddd,#6f7bf7);box-shadow:0 4px 6px #0003}.footer-donation-toggle-button:hover{background:linear-gradient(45deg,#6f7bf7,#3a8ddd);box-shadow:0 6px 10px #0000004d;transform:scale(1.05)}.google-play-icon{background-color:#fff;-webkit-clip-path:polygon(0 0,100% 50%,0 100%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%,0 100%);flex-shrink:0;height:20px;margin-right:10px;position:relative;transform:rotate(45deg);width:20px}.google-play-icon:before{border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid #34b7f1;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}.legal-terms-link{border-radius:.5vw;color:#0084ff;color:var(--hover-color);display:block;font-size:1.4rem;font-weight:700;margin-top:2vh;padding:.5vh 1vw;text-align:center;text-decoration:none;transition:transform .2s ease,box-shadow .3s ease;will-change:transform;will-change:box-shadow}.legal-terms-link:hover{box-shadow:0 4px 8px #0000004d;box-shadow:0 4px 8px var(--shadow-color);transform:scale(1.05)}.icon{font-size:1.8rem}.footer-messageAntiguo{color:#f5f5f5;color:var(--text-color);font-size:1.4rem;margin:2vh auto 0;max-width:60%;text-align:center}.footer-message{color:#888;color:var(--text-muted,#888);font-size:.9rem;line-height:1.4;margin-top:1.8rem;text-align:center;-webkit-user-select:none;user-select:none}@media (max-width:768px){.footer{flex-direction:column;padding:2vh 1.5vw}.footer-content{flex-direction:column;gap:1.5vh;padding:0 1.5rem}.donate-button,.footer-donation-toggle-button,.google-play-button{box-sizing:border-box;font-size:1.4rem;height:3rem;margin-bottom:1rem;max-width:100%;min-height:3rem;padding:0 20px;width:100%;word-break:break-word}.google-play-button{justify-content:center}.footer-message{font-size:1.3rem}}@media (max-width:600px){.footer{flex-direction:column;padding:1.5vh 1vw;text-align:center}.footer-content{flex-direction:column;gap:1vh;padding:0 1rem}.donate-button,.footer-donation-toggle-button,.google-play-button{font-size:1.4rem;height:3rem;margin-bottom:1rem;min-height:3rem;padding:0 20px;width:100%}.footer-message{font-size:1.2rem;margin-top:2vh}}@media (max-width:380px){.footer{overflow-x:hidden;padding:1vh .5vw}.footer-content{gap:.5vh;justify-content:center;padding:0 .5rem}.donate-button,.footer-donation-toggle-button,.google-play-button{box-sizing:border-box;font-size:1.1rem;height:3rem;margin-bottom:.6rem;max-width:320px;min-height:3rem;overflow-wrap:break-word;padding:0 8px;white-space:normal;width:100%}.footer-donation-toggle-button{max-width:320px;width:100%}}.footer-modal-overlay{align-items:center;animation:fadeIn .25s ease forwards;background-color:#121212d9;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:10000}.footer-modal-content{animation:popIn .3s ease forwards;background:#1f1f1f;background:var(--primary-bg,#121212);border-radius:1.2rem;box-shadow:0 20px 48px #0009;color:#f5f5f5;color:var(--text-color,#f0f0f0);display:flex;flex-direction:column;gap:1.8rem;max-height:90vh;max-width:420px;overflow-y:auto;padding:2.5rem 3rem;position:relative;text-align:center;width:90%}@media (max-width:400px){.footer-modal-content{border-radius:1rem;max-width:100%;padding:1.5rem 2rem;width:100%}}.footer-modal-content h3{color:#0084ff;color:var(--hover-color,#06f);font-size:1.8rem;font-weight:700;letter-spacing:1px;margin:0 0 1.5rem;-webkit-user-select:none;user-select:none}.footer-donate-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.footer-donate-button{align-items:center;background-color:#333;background-color:var(--button-bg,#1e1e1e);border:none;border-radius:.75rem;box-shadow:0 6px 16px #0006;color:#f5f5f5;color:var(--text-color,#f0f0f0);cursor:pointer;display:inline-flex;flex:1 1 140px;font-weight:600;gap:.7rem;justify-content:center;min-width:140px;padding:.9rem 1.3rem;text-decoration:none;transition:background-color .25s ease,box-shadow .25s ease,transform .2s ease;-webkit-user-select:none;user-select:none;will-change:transform;will-change:box-shadow}.footer-donate-button .icon{flex-shrink:0;font-size:1.9rem}.footer-donate-button:hover{box-shadow:0 12px 26px #0000008c;transform:translateY(-3px)}.footer-paypal{background-color:#0070ba;color:#fff}.footer-paypal:hover{background-color:#005ea6}.footer-patreon{background-color:#f96854;color:#fff}.footer-patreon:hover{background-color:#d1544a}.footer-close-button{background:linear-gradient(45deg,#6f7bf7,#3a8ddd);border:none;border-radius:.9rem;box-shadow:0 8px 20px #3f4bf780;color:#fff;cursor:pointer;font-weight:700;margin-top:1.8rem;padding:.8rem 2rem;transition:background .3s ease,transform .2s ease;-webkit-user-select:none;user-select:none;will-change:transform}.footer-close-button:hover{background:linear-gradient(45deg,#3a8ddd,#6f7bf7);transform:scale(1.08)}@media (max-width:340px){.footer{padding:.8vh .5vw}.footer-content{gap:.4vh;padding:0 .3rem}.donate-button,.footer-donation-toggle-button,.google-play-button{box-sizing:border-box;font-size:1rem;height:3rem;margin-bottom:.4rem;max-width:280px;min-height:3rem;overflow-wrap:break-word;padding:0 6px;white-space:normal;width:100%}.footer-donation-toggle-button{max-width:280px}}@media (max-width:294px){.footer{padding:.6vh .3vw}.footer-content{gap:.3vh;padding:0 .2rem}.donate-button,.footer-donation-toggle-button,.google-play-button{box-sizing:border-box;font-size:.9rem;height:3rem;margin-bottom:.3rem;max-width:240px;min-height:3rem;overflow-wrap:break-word;padding:0 4px;white-space:normal;width:100%}.footer-donation-toggle-button{max-width:240px}}.footer-domains{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.6rem;width:100%}.official-domain-link{border-radius:.4rem;color:#0084ff;color:var(--hover-color,#0084ff);font-size:1.1rem;font-weight:600;padding:.25rem .4rem;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,-webkit-text-decoration .15s ease;transition:transform .15s ease,box-shadow .15s ease,text-decoration .15s ease;transition:transform .15s ease,box-shadow .15s ease,text-decoration .15s ease,-webkit-text-decoration .15s ease;will-change:transform;will-change:box-shadow}.official-domain-link:focus,.official-domain-link:hover{box-shadow:0 6px 12px #00000040;text-decoration:none;transform:translateY(-2px)}.footer-officials{align-items:center;display:flex;flex-direction:column;margin-top:.4rem;width:100%}.officials-title{color:#f5f5f5;color:var(--text-color);font-size:1.05rem;margin-bottom:.35rem}.domain-sep,.officials-title{font-weight:700;-webkit-user-select:none;user-select:none}.domain-sep{color:#7a7a7a}@media (max-width:600px){.footer-domains{align-items:center;flex-direction:column;gap:.45rem;margin-top:.4rem;padding:0 .5rem}.domain-sep{display:none}.official-domain-link{border-radius:.6rem;box-sizing:border-box;display:inline-block;font-size:1rem;max-width:360px;padding:.55rem .6rem;text-align:center;transition:transform .12s ease,box-shadow .12s ease;width:100%;will-change:transform;will-change:box-shadow;word-break:normal}.official-domain-link:focus,.official-domain-link:hover{box-shadow:0 8px 18px #00000040;text-decoration:none;transform:translateY(-2px)}}@media (max-width:340px){.official-domain-link{font-size:.98rem;max-width:300px;padding:.45rem .5rem}}.gracias-container{align-items:center;background-color:#f8f9fa;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center}.gracias-container h1{color:#28a745;font-size:2.5rem}.gracias-container p{color:#6c757d;font-size:1.2rem;margin-bottom:20px}.regresar-btn{background-color:#007bff;border-radius:5px;color:#fff;font-size:1rem;padding:10px 20px;text-decoration:none}.regresar-btn:hover{background-color:#0056b3}.terms-container{font-family:Arial,sans-serif;line-height:1.6;margin:0 auto;max-width:800px;padding:20px}.terms-title{font-size:2rem;margin-bottom:20px;text-align:center}.terms-section{margin-bottom:30px}.terms-subtitle{color:#343a40;font-size:1.5rem;margin-top:20px}.terms-paragraph{color:#495057;font-size:1rem;margin-bottom:10px}.terms-footer{color:#6c757d;font-size:.9rem;margin-top:40px;text-align:center}.terms-footer-text{margin-bottom:10px}.terms-footer-small{color:#adb5bd;font-size:.8rem}.home{color:#333;font-family:Arial,sans-serif;line-height:1.6;margin:0 auto;max-width:800px;padding:20px}.home h1{color:#2c3e50;font-size:2.5rem;margin-bottom:20px;text-align:center}.home h2{color:#34495e;font-size:1.8rem;margin-bottom:10px}.home p{color:#555;font-size:1rem;margin-bottom:15px}.home button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease,transform .2s ease;will-change:background-color,transform}.home button:hover{background-color:#2980b9;transform:scale(1.05)}.home button:active{background-color:#1c6ea4}.home button.copied{background-color:#27ae60}.home p{margin-top:10px}.home p.success{color:#27ae60;font-weight:700}.home p.error{color:#e74c3c;font-weight:700}.home ul{margin:15px 0;padding-left:20px}.home ul li{color:#7f8c8d;list-style-type:disc;margin-bottom:10px}.home .section{background-color:#ecf0f1;border-radius:5px;box-shadow:0 2px 4px #0000001a;margin-top:20px;padding:15px}.home .section h2{margin-top:0}.home .section p{margin-bottom:0}@media (max-width:600px){.home{padding:15px}.home h1{font-size:2rem}.home h2{font-size:1.5rem}.home button,.home p{font-size:.9rem}.home button{padding:8px 16px}}@media (min-width:601px) and (max-width:1024px){.home{padding:20px}.home h1{font-size:2.2rem}.home h2{font-size:1.6rem}.home button,.home p{font-size:1rem}.home button{padding:10px 18px}}@media (min-width:1025px){.home{max-width:900px}.home h1{font-size:2.5rem}.home h2{font-size:1.8rem}.home button,.home p{font-size:1.1rem}.home button{padding:12px 24px}}.auth-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.auth-message{background-color:#000c;border-radius:8px;color:#fff;font-size:24px;max-width:80%;padding:20px;text-align:center}.auth-message button{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;margin-top:20px;padding:12px 20px;transition:background-color .3s}.auth-message button:hover{background-color:#45a049}.trivia-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.trivia-modal-content{background:#fff;border-radius:5px;max-height:80vh;max-width:80%;overflow-y:auto;padding:20px;position:relative;width:400px}.trivia-modal-close-button{background:#0000;border:none;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px}.incorrect-answer-container input{flex:1 1;margin-right:10px}.trivia-modal-open-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:20px 0;padding:10px 20px}.confirm-exit-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2100}.confirm-exit-content{background:#fff;border-radius:5px;padding:20px;text-align:center;width:300px}.confirm-exit-content button{background-color:#ff4c4c;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 16px}.confirm-exit-content button:hover{background-color:#ff2e2e}.question-container{margin-bottom:20px}.incorrect-answer-container{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.categories-container{align-items:center;display:flex;flex-direction:column;margin-top:20px}.category-button{border-radius:5px;margin:10px;padding:10px 20px;transition:background-color .3s}.TriviaFh{word-wrap:break-word;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);font-size:1.5rem;margin-bottom:20px;max-width:100%;padding:15px;text-align:center}.TriviaFOptions{border:1px solid #ccc;border-radius:5px;cursor:pointer;font-size:16px;justify-content:center;opacity:1;padding:10px 20px;transform:none}.TriviaFOptions.incorrect{background-color:#e74c3c;color:#fff;opacity:0;pointer-events:none;transform:scale(0)}.TriviaFOptions.correct{background-color:#2ecc71;color:#fff}.TriviaFdiv{display:flex}@media (max-width:768px){.TriviaFdiv{display:grid}}.blog-container{color:#1f2937;font-family:Segoe UI,Roboto,system-ui,sans-serif;margin:0 auto;max-width:960px;padding:3rem 1.5rem}.blog-title{border-bottom:2px solid #e5e7eb;color:#0f172a;font-size:3rem;font-weight:800;margin-bottom:2.5rem;padding-bottom:1rem;text-align:center}.blog-nav{border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 2px 4px #0f172a0f;margin-bottom:3rem;padding:1.5rem}.blog-nav h2{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.blog-nav ul{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;list-style:none;margin:0;padding:0}.blog-nav li{border:1px solid #e2e8f0;border-radius:.375rem;padding:.75rem 1rem;transition:all .25s ease}.blog-nav li:hover{box-shadow:0 4px 8px #64748b1a;transform:translateY(-2px)}.blog-nav a{color:#38bdf8;display:block;font-weight:600;text-decoration:none}.blog-nav a:focus,.blog-nav a:hover{color:#1e3a8a;text-decoration:none}.blog-article{border-bottom:1px solid #e2e8f0;margin-bottom:4rem;padding-bottom:2rem}.blog-article:nth-of-type(2){background-color:#2563eb0d;border:1px solid #cbd5e1;border-radius:.5rem;box-shadow:0 4px 10px #0f172a14;padding:2rem}.blog-subtitle{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:1rem}.blog-article p,.blog-paragraph{color:#374151;font-size:1.125rem;line-height:1.8;margin-bottom:1.25rem}.blog-section-title{color:#475569;font-size:1.25rem;font-weight:600;margin-bottom:.75rem;margin-top:2rem}.blog-article a{color:#2563eb;font-weight:500;text-decoration:none}.blog-article a:focus,.blog-article a:hover{color:#1e3a8a;text-decoration:none}.blog-footer{border-left:3px solid #e5e7eb;color:#6b7280;font-size:.95rem;margin-top:1.5rem;padding-left:1rem}.blog-footer ul{list-style:disc;padding-left:1.5rem}.scroll-to-top{align-items:center;background-color:#2563eb;border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 8px #00000026;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:48px;justify-content:center;position:fixed;right:24px;transition:background-color .3s ease;width:48px;z-index:1000}.scroll-to-top:hover{background-color:#1e40af}@media (max-width:640px){.blog-title{font-size:2rem}.blog-subtitle{font-size:1.5rem}.blog-article p,.blog-paragraph{font-size:1rem}.blog-nav{padding:1rem}.blog-nav h2{font-size:1.25rem}.blog-nav li{padding:.5rem .75rem}.scroll-to-top{font-size:1.25rem;height:40px;width:40px}}.blog-paragraph2{color:#000;font-size:1.125rem;line-height:1.8;margin-bottom:1.25rem}body[data-theme=dark] .blog-paragraph2{color:#f1f5f9}.game-container{height:100vh;width:100vw}.river{background-color:#add8e6;height:100%;position:relative;width:100%}.monigote{font-size:24px;transition:bottom .3s;z-index:2}.monigote,.trunk{position:absolute}.trunk{align-items:center;background-color:brown;color:#fff;display:flex;height:30px;justify-content:center;width:100px;z-index:1}.land{background-color:green;bottom:0;height:50px;left:0;position:absolute;right:0;z-index:0}.score{left:10px;top:10px}.mental-game-body{background-color:#f4f7fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:flex-start;margin:0;min-height:100%;padding:0;text-align:center}.game-container,.mental-game-body{box-sizing:border-box;display:flex;flex-direction:column}.game-container{align-items:center;background:#fff;border-radius:15px;box-shadow:0 8px 20px #0000001a;margin:40px auto;max-width:1200px;padding:30px 30px 20px;width:100%}.h1mental{color:#2e3d48;font-size:30px;font-weight:600;letter-spacing:1px;margin-bottom:20px}.select-container{margin:20px 0}.checkbox-group label{color:#2e3d48;display:block;font-size:18px;margin:5px 0}.buttonmental{background-color:#4a90e2;border:none;border-radius:8px;box-shadow:0 4px 10px #0000001a;color:#fff;cursor:pointer;font-size:18px;padding:14px 20px;transition:all .3s ease}.buttonmental:hover{background-color:#357ab7;transform:translateY(-2px)}.buttonmental:active{transform:translateY(2px)}.problem-container{color:#2e3d48;font-size:28px;font-weight:700;letter-spacing:1px;margin:25px 0}.answer-input{background-color:#f8f9fa;border:2px solid #ddd;border-radius:8px;font-size:20px;padding:12px;text-align:center;transition:border-color .3s ease}.answer-input:focus{border-color:#4a90e2;outline:none}.check-btn,.restart-btn{background-color:#50c878;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:18px;margin:12px 0;padding:14px;transition:all .3s ease;width:100%}.check-btn:hover,.restart-btn:hover{background-color:#3e9f61}.check-btn:active,.restart-btn:active{transform:translateY(2px)}.scoremental{color:#723cd6;font-size:24px;font-weight:600;letter-spacing:.5px;margin-bottom:30px;order:-1}.operations-container{grid-gap:20px;display:grid;grid-template-columns:repeat(2,1fr);margin:20px 0;width:100%}.operation{background-color:#e2f4f1;border:2px solid #ddd;border-radius:8px;color:#2e3d48;font-size:22px;font-weight:700;padding:15px;text-align:center;transition:background-color .3s ease,transform .2s ease;will-change:transform}.operation:hover{background-color:#c1eae3;transform:translateY(-2px)}.operation:active{transform:translateY(2px)}@media (max-width:600px){.game-container{margin-top:10px;padding:15px;width:100%}.h1mental{font-size:24px}.problem-container{font-size:22px}.answer-input{font-size:18px;padding:10px}.buttonmental{font-size:16px;padding:10px}.scoremental{font-size:18px;margin-top:0}.checkbox-group,.scoremental,.select-container{margin-bottom:20px}.check-btn,.restart-btn{margin:8px 0}.game-container .buttonmental{font-size:18px;padding:12px;width:100%}.answer-input,.check-btn,.problem-container,.restart-btn{margin-top:35px}.operations-container{grid-template-columns:1fr}.operation{font-size:18px}}body[data-theme=dark] .mental-game-body{background-color:#121212;color:#f0f0f0}body[data-theme=dark] .game-container{background-color:#1e1e1e;box-shadow:0 8px 20px #00000080;color:#fff}body[data-theme=dark] .checkbox-group label,body[data-theme=dark] .h1mental,body[data-theme=dark] .operation,body[data-theme=dark] .problem-container,body[data-theme=dark] .scoremental{color:#f0f0f0}body[data-theme=dark] .answer-input{background-color:#2a2a2a;border:2px solid #555;color:#fff}body[data-theme=dark] .answer-input:focus{border-color:#4a90e2}body[data-theme=dark] .buttonmental{background-color:#4a90e2;box-shadow:0 4px 10px #ffffff1a;color:#fff}body[data-theme=dark] .buttonmental:hover{background-color:#357ab7}body[data-theme=dark] .check-btn,body[data-theme=dark] .restart-btn{background-color:#50c878;color:#fff}body[data-theme=dark] .check-btn:hover,body[data-theme=dark] .restart-btn:hover{background-color:#3e9f61}body[data-theme=dark] .operation{background-color:#2d3e3c;border:2px solid #555}body[data-theme=dark] .operation:hover{background-color:#3f5f5a}.secuencias-juego{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;margin:0 auto;max-width:400px;padding:20px;text-align:center;width:100%}.secuencias-titulo{color:#333;font-size:1.5em;margin-bottom:20px}.secuencias-opciones{margin-bottom:20px}.secuencias-opciones label{display:block;font-size:1em;margin-top:10px}.secuencias-opciones input,.secuencias-opciones select{border:1px solid #ccc;border-radius:5px;font-size:1em;margin-top:5px;padding:10px;width:100%}.secuencias-secuencia p{color:#333;font-size:1.2em;margin-top:20px}.secuencias-secuencia-numeros{color:#006fcc;font-size:1.5em;font-weight:700;margin-top:20px}.secuencias-entrada input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:1.2em;margin-top:20px;padding:12px;width:100%}.secuencias-btn-jugar,.secuencias-btn-verificar{background-color:#006fcc;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2em;margin-top:20px;padding:12px;width:100%}.secuencias-btn-jugar:hover:not(:disabled),.secuencias-btn-verificar:hover:not(:disabled){background-color:#006fcc}@media (max-width:600px){.secuencias-juego{max-width:100%;padding:15px;width:100%}.secuencias-titulo{font-size:1.2em}.secuencias-opciones input,.secuencias-opciones label,.secuencias-opciones select{font-size:.9em}.secuencias-secuencia p{font-size:1em}.secuencias-secuencia-numeros{font-size:1.2em}.secuencias-entrada input{font-size:1.1em}.secuencias-btn-jugar,.secuencias-btn-verificar{font-size:1em;padding:10px}}@media (max-width:1024px){.secuencias-juego{max-width:400px;width:80%}.secuencias-titulo{font-size:1.3em}.secuencias-opciones input,.secuencias-opciones label,.secuencias-opciones select{font-size:1em}.secuencias-secuencia p{font-size:1.1em}.secuencias-secuencia-numeros{font-size:1.3em}.secuencias-entrada input{font-size:1.2em}.secuencias-btn-jugar,.secuencias-btn-verificar{font-size:1.1em}}.secuencias-btn-jugar,.secuencias-btn-salir,.secuencias-btn-verificar{background-color:#006fcc;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2em;margin-top:20px;padding:12px;width:100%}.secuencias-btn-verificar:disabled{background-color:#ccc}.secuencias-btn-jugar:hover:not(:disabled),.secuencias-btn-salir:hover:not(:disabled),.secuencias-btn-verificar:hover:not(:disabled){background-color:#006fcc}.secuencias-btn-salir{background-color:#f44336}.secuencias-btn-salir:hover:not(:disabled){background-color:#e53935}body[data-theme=dark] .secuencias-juego{background-color:#1e1e1e;box-shadow:0 4px 8px #0006;color:#f0f0f0}body[data-theme=dark] .secuencias-titulo{color:#f0f0f0}body[data-theme=dark] .secuencias-opciones label{color:#ddd}body[data-theme=dark] .secuencias-entrada input,body[data-theme=dark] .secuencias-opciones input,body[data-theme=dark] .secuencias-opciones select{background-color:#2a2a2a;border:1px solid #555;color:#fff}body[data-theme=dark] .secuencias-secuencia p{color:#ccc}body[data-theme=dark] .secuencias-secuencia-numeros{color:#6af}body[data-theme=dark] .secuencias-btn-jugar,body[data-theme=dark] .secuencias-btn-verificar{background-color:#007acc;color:#fff}body[data-theme=dark] .secuencias-btn-jugar:hover:not(:disabled),body[data-theme=dark] .secuencias-btn-verificar:hover:not(:disabled){background-color:#39f}body[data-theme=dark] .secuencias-btn-verificar:disabled{background-color:#444;color:#aaa}body[data-theme=dark] .secuencias-btn-salir{background-color:#c44}body[data-theme=dark] .secuencias-btn-salir:hover:not(:disabled){background-color:#f55}.game-container{background-color:#87ceeb;height:90vh;overflow:hidden;position:relative;width:98.75vw}.player{text-align:center;transition:left .1s}.obstacle,.player{font-size:50px}.item,.obstacle,.player{height:50px;position:absolute;width:50px}.item{align-items:center;background:#fffc;border-radius:10px;box-shadow:2px 2px 5px #0000004d;display:flex;font-size:20px;font-weight:700;justify-content:center;padding:5px;text-align:center}.item-text{color:#000}.score{color:#fff;font-size:24px;font-weight:700;left:20px;position:absolute;top:20px}:root{--child-color-primary:#1976d2;--child-color-primary-dark:#1565c0;--child-color-primary-light:#e3f2fd;--child-color-success:#2e7d32;--child-color-success-dark:#1b5e20;--child-color-success-light:#e8f5e9;--child-color-danger:#d32f2f;--child-color-danger-dark:#c62828;--child-color-danger-light:#ffebee;--child-color-warning:#f57c00;--child-color-warning-dark:#e65100;--child-color-warning-light:#fff3e0;--child-color-info:#4f46e5;--child-color-info-dark:#4338ca;--child-color-info-light:#f0f4ff;--child-color-text-primary:#1a1a1a;--child-color-text-secondary:#666;--child-color-text-tertiary:#999;--child-color-bg-primary:#fff;--child-color-bg-secondary:#f5f5f5;--child-color-bg-tertiary:#fafafa;--child-color-border:#ddd;--child-color-border-light:#eee;--child-spacing-xs:4px;--child-spacing-sm:8px;--child-spacing-md:12px;--child-spacing-lg:16px;--child-spacing-xl:24px;--child-spacing-2xl:30px;--child-spacing-3xl:32px;--child-radius:4px;--child-radius-md:6px;--child-radius-lg:8px;--child-radius-xl:12px;--child-shadow-sm:0 1px 3px #00000014;--child-shadow-md:0 2px 8px #0000001f;--child-shadow-lg:0 4px 16px #00000026;--child-shadow-xl:0 10px 30px #0000004d;--child-transition-fast:0.2s ease;--child-transition-normal:0.3s ease}@media (prefers-color-scheme:dark){:root{--child-color-text-primary:#e0e0e0;--child-color-text-secondary:#b0b0b0;--child-color-text-tertiary:grey;--child-color-bg-primary:#1e1e1e;--child-color-bg-secondary:#2a2a2a;--child-color-bg-tertiary:#1f1f1f;--child-color-border:#444;--child-color-border-light:#333;--child-color-primary-light:#1a3a52;--child-color-success-light:#1b5e20;--child-color-danger-light:#5f2c2c;--child-color-warning-light:#2a2415;--child-color-info-light:#4f46e51a}}html[data-theme=dark]{--child-color-text-primary:#e0e0e0;--child-color-text-secondary:#b0b0b0;--child-color-text-tertiary:grey;--child-color-bg-primary:#1e1e1e;--child-color-bg-secondary:#2a2a2a;--child-color-bg-tertiary:#1f1f1f;--child-color-border:#444;--child-color-border-light:#333;--child-color-primary-light:#1a3a52;--child-color-success-light:#1b5e20;--child-color-danger-light:#5f2c2c;--child-color-warning-light:#2a2415;--child-color-info-light:#4f46e51a}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.child-form-group{display:flex;flex-direction:column;gap:8px;gap:var(--child-spacing-sm);margin-bottom:16px;margin-bottom:var(--child-spacing-lg)}.child-form-group label{color:#1a1a1a;color:var(--child-color-text-primary);font-size:13px;font-weight:500}.child-form-input,.child-form-textarea{background:#fff;background:var(--child-color-bg-primary);border:1px solid #ddd;border:1px solid var(--child-color-border);border-radius:4px;border-radius:var(--child-radius);box-sizing:border-box;color:#1a1a1a;color:var(--child-color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;padding:12px 16px;padding:var(--child-spacing-md) var(--child-spacing-lg);transition:border-color .2s ease,box-shadow .2s ease;transition:border-color var(--child-transition-fast),box-shadow var(--child-transition-fast);width:100%}.child-form-input:focus,.child-form-textarea:focus{border-color:#1976d2;border-color:var(--child-color-primary);box-shadow:0 0 0 3px #1976d21a;outline:none}.child-form-input:disabled,.child-form-textarea:disabled{background-color:#f5f5f5;background-color:var(--child-color-bg-secondary);color:#999;color:var(--child-color-text-tertiary);cursor:not-allowed;opacity:.6}.child-form-hint{color:#999;color:var(--child-color-text-tertiary);display:block;font-size:12px;font-style:italic;margin-top:4px;margin-top:var(--child-spacing-xs)}.child-btn{align-items:center;border:none;border-radius:4px;border-radius:var(--child-radius);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;gap:var(--child-spacing-sm);justify-content:center;padding:12px 16px;padding:var(--child-spacing-md) var(--child-spacing-lg);transition:all .2s ease;transition:all var(--child-transition-fast);white-space:nowrap}.child-btn:disabled{cursor:not-allowed;opacity:.6}.child-btn-primary{background:#1976d2;background:var(--child-color-primary);color:#fff}.child-btn-primary:hover:not(:disabled){background:#1565c0;background:var(--child-color-primary-dark);box-shadow:0 2px 8px #1976d233;transform:translateY(-1px)}.child-btn-primary:active:not(:disabled){transform:translateY(0)}.child-btn-secondary{background:#f5f5f5;background:var(--child-color-bg-secondary);color:#1a1a1a;color:var(--child-color-text-primary)}.child-btn-secondary:hover:not(:disabled){background:#ddd;background:var(--child-color-border)}.child-btn-success{background:#2e7d32;background:var(--child-color-success);color:#fff}.child-btn-success:hover:not(:disabled){background:#1b5e20;background:var(--child-color-success-dark);box-shadow:0 2px 8px #2e7d3233}.child-btn-danger{background:#d32f2f;background:var(--child-color-danger);color:#fff}.child-btn-danger:hover:not(:disabled){background:#c62828;background:var(--child-color-danger-dark);box-shadow:0 2px 8px #d32f2f33}.child-btn-sm{font-size:13px;padding:8px 12px}.child-btn-lg{font-size:16px;font-weight:600;padding:14px 28px}.child-btn-block{width:100%}.child-alert{animation:slideIn .3s ease;animation:slideIn var(--child-transition-normal);border-left:4px solid;border-radius:4px;border-radius:var(--child-radius);font-size:13px;margin-bottom:16px;margin-bottom:var(--child-spacing-lg);padding:16px;padding:var(--child-spacing-lg)}.child-alert p{margin:4px 0;margin:var(--child-spacing-xs) 0}.child-alert strong{display:block;font-weight:600}.child-alert-error{background:#ffebee;background:var(--child-color-danger-light);border-left-color:#d32f2f;border-left-color:var(--child-color-danger);color:#d32f2f;color:var(--child-color-danger)}@media (prefers-color-scheme:dark){.child-alert-error{background:#5f2c2c;border-left-color:#ff8a80;color:#ff8a80}}.child-alert-success{background:#e8f5e9;background:var(--child-color-success-light);border-left-color:#2e7d32;border-left-color:var(--child-color-success);color:#2e7d32;color:var(--child-color-success)}@media (prefers-color-scheme:dark){.child-alert-success{background:#1b5e20;border-left-color:#66bb6a;color:#a5d6a7}}.child-alert-warning{background:#fff3e0;background:var(--child-color-warning-light);border-left-color:#f57c00;border-left-color:var(--child-color-warning);color:#666}@media (prefers-color-scheme:dark){.child-alert-warning{background:#2a2415;border-left-color:#d977064d;color:#fcd34d}}.child-alert-info{background:#f0f4ff;background:var(--child-color-info-light);border-left-color:#4f46e5;border-left-color:var(--child-color-info);color:#333}@media (prefers-color-scheme:dark){.child-alert-info{background:#4f46e51a;border-left-color:#818cf8;color:#a5f3fc}}.child-modal-overlay{align-items:center;animation:fadeIn .3s ease;animation:fadeIn var(--child-transition-normal);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;padding:var(--child-spacing-lg);position:fixed;right:0;top:0;z-index:1000}.child-modal-content{animation:slideUp .3s ease;animation:slideUp var(--child-transition-normal);background:#fff;background:var(--child-color-bg-primary);border-radius:8px;border-radius:var(--child-radius-lg);box-shadow:0 10px 30px #0000004d;box-shadow:var(--child-shadow-xl);max-width:500px;padding:30px;padding:var(--child-spacing-2xl);width:100%}.child-modal-header{align-items:center;border-bottom:1px solid #ddd;border-bottom:1px solid var(--child-color-border);display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--child-spacing-xl);padding-bottom:16px;padding-bottom:var(--child-spacing-lg)}.child-modal-header h3{color:#1a1a1a;color:var(--child-color-text-primary);font-size:18px;font-weight:600;margin:0}.child-modal-close-btn{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--child-radius-md);color:#666;color:var(--child-color-text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;transition:all var(--child-transition-fast);width:32px}.child-modal-close-btn:hover{background:#f5f5f5;background:var(--child-color-bg-secondary);color:#1a1a1a;color:var(--child-color-text-primary)}.child-modal-body{display:flex;flex-direction:column;gap:24px;gap:var(--child-spacing-xl);max-height:calc(90vh - 200px);overflow-y:auto}.child-modal-footer{border-top:1px solid #ddd;border-top:1px solid var(--child-color-border);display:flex;flex-wrap:wrap;gap:16px;gap:var(--child-spacing-lg);justify-content:flex-end;margin-top:24px;margin-top:var(--child-spacing-xl);padding-top:24px;padding-top:var(--child-spacing-xl)}.child-info-box{background:#f0f4ff;background:var(--child-color-info-light);border-left:4px solid #4f46e5;border-left:4px solid var(--child-color-info);border-radius:4px;border-radius:var(--child-radius);margin-bottom:16px;margin-bottom:var(--child-spacing-lg);padding:16px;padding:var(--child-spacing-lg)}.child-info-box p{color:#666;color:var(--child-color-text-secondary);font-size:14px;line-height:1.5;margin:12px 0;margin:var(--child-spacing-md) 0}.child-info-box strong{color:#1a1a1a;color:var(--child-color-text-primary);font-weight:600}.child-page-container{background:#fafafa;background:var(--child-color-bg-tertiary);margin:0 auto;max-width:900px;min-height:100vh;padding:30px;padding:var(--child-spacing-2xl)}.child-card{background:#fff;background:var(--child-color-bg-primary);border:1px solid #ddd;border:1px solid var(--child-color-border);border-radius:8px;border-radius:var(--child-radius-lg);box-shadow:0 1px 3px #00000014;box-shadow:var(--child-shadow-sm);margin-bottom:16px;margin-bottom:var(--child-spacing-lg);padding:24px;padding:var(--child-spacing-xl);transition:all .2s ease;transition:all var(--child-transition-fast)}.child-card:hover{box-shadow:0 2px 8px #0000001f;box-shadow:var(--child-shadow-md)}.child-card-title{color:#1a1a1a;color:var(--child-color-text-primary);font-size:18px;font-weight:600;margin:0 0 16px;margin:0 0 var(--child-spacing-lg) 0}.child-pin-input{font-family:Courier New,monospace;font-size:16px;letter-spacing:2px;padding-right:40px}.child-pin-toggle-visibility{align-items:center;background:none;border:none;color:#666;color:var(--child-color-text-secondary);cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:6px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:transform .2s ease;transition:transform var(--child-transition-fast)}.child-pin-toggle-visibility:hover:not(:disabled){color:#1976d2;color:var(--child-color-primary);transform:translateY(-50%) scale(1.1)}.child-steps{display:flex;flex-direction:column;gap:24px;gap:var(--child-spacing-xl)}.child-step{align-items:flex-start;display:flex;gap:16px;gap:var(--child-spacing-lg)}.child-step-number{align-items:center;background:#4f46e5;background:var(--child-color-info);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;min-width:40px;width:40px}.child-step:last-child .child-step-number{background:#2e7d32;background:var(--child-color-success)}.child-step-content{flex:1 1;padding-top:2px}.child-step-content-title{color:#1a1a1a;color:var(--child-color-text-primary);display:block;font-size:15px;font-weight:600;margin-bottom:12px;margin-bottom:var(--child-spacing-md)}.child-step-content-text{color:#666;color:var(--child-color-text-secondary);font-size:14px;line-height:1.5;margin:0}.child-step-content ul{list-style:disc;margin:12px 0 0;margin:var(--child-spacing-md) 0 0 0;padding-left:20px}.child-step-content li{color:#666;color:var(--child-color-text-secondary);font-size:14px;margin:6px 0}.child-step-content code{background:#f5f5f5;background:var(--child-color-bg-secondary);border-radius:4px;color:#4f46e5;color:var(--child-color-info);font-family:monospace;font-size:13px;padding:2px 6px}@media (max-width:640px){:root{--child-spacing-xl:20px;--child-spacing-2xl:24px}.child-card,.child-modal-content,.child-page-container{padding:16px;padding:var(--child-spacing-lg)}.child-modal-content{width:95%}.child-modal-body{max-height:calc(100vh - 150px)}.child-modal-footer{flex-direction:column}.child-modal-footer .child-btn{width:100%}.child-step{gap:12px;gap:var(--child-spacing-md)}.child-step-number{font-size:14px;height:36px;min-width:36px;width:36px}}.child-recovery-container{display:flex;flex-direction:column;gap:32px;gap:var(--child-spacing-3xl)}.child-recovery-title{color:#1a1a1a;color:var(--child-color-text-primary);font-size:28px;font-weight:700;margin-bottom:32px;margin-bottom:var(--child-spacing-3xl);text-align:center}.child-recovery-scenarios{grid-gap:24px;grid-gap:var(--child-spacing-xl);display:grid;gap:24px;gap:var(--child-spacing-xl)}.child-recovery-scenario{background:#fff;background:var(--child-color-bg-primary);border:2px solid #0000;border-radius:8px;border-radius:var(--child-radius-lg);box-shadow:0 1px 3px #00000014;box-shadow:var(--child-shadow-sm);padding:24px;padding:var(--child-spacing-xl);transition:all .2s ease;transition:all var(--child-transition-fast)}.child-recovery-scenario:hover{box-shadow:0 2px 8px #0000001f;box-shadow:var(--child-shadow-md)}.child-recovery-scenario.active{background:#e3f2fd;background:var(--child-color-primary-light);border:2px solid #1976d2;border:2px solid var(--child-color-primary)}.child-recovery-scenario-icon{font-size:48px;margin-bottom:16px;margin-bottom:var(--child-spacing-lg);text-align:center}.child-recovery-scenario h2{color:#1a1a1a;color:var(--child-color-text-primary);font-size:18px;font-weight:600}.child-recovery-scenario h2,.child-recovery-scenario p{margin-bottom:12px;margin-bottom:var(--child-spacing-md)}.child-recovery-scenario p{color:#666;color:var(--child-color-text-secondary);font-size:14px;line-height:1.5}.child-recovery-requirements{background:#f5f5f5;background:var(--child-color-bg-secondary);border-radius:4px;border-radius:var(--child-radius);font-size:13px;margin:12px 0;margin:var(--child-spacing-md) 0;padding:12px;padding:var(--child-spacing-md)}.child-recovery-requirements p{color:#1a1a1a;color:var(--child-color-text-primary);font-weight:500;margin-bottom:12px;margin-bottom:var(--child-spacing-md)}.child-recovery-requirements ul{list-style:none;margin:0;padding:0}.child-recovery-requirements li{color:#666;color:var(--child-color-text-secondary);font-size:13px;padding:4px 0 4px 20px;position:relative}.child-recovery-requirements li:before{color:#2e7d32;color:var(--child-color-success);content:"✓";font-weight:700;left:0;position:absolute}.child-recovery-option{background:#f5f5f5;background:var(--child-color-bg-secondary);border-radius:4px;border-radius:var(--child-radius);margin-bottom:12px;margin-bottom:var(--child-spacing-md);padding:16px;padding:var(--child-spacing-lg)}.child-recovery-option h4{color:#1a1a1a;color:var(--child-color-text-primary);font-size:14px;font-weight:600}.child-recovery-option h4,.child-recovery-option p{margin:0 0 12px;margin:0 0 var(--child-spacing-md) 0}.child-recovery-option p{color:#666;color:var(--child-color-text-secondary);font-size:13px}.child-recovery-code{border-radius:4px;border-radius:var(--child-radius);color:#d32f2f;color:var(--child-color-danger);display:block;font-family:Courier New,monospace;font-size:12px;margin-bottom:12px;margin-bottom:var(--child-spacing-md);padding:12px;padding:var(--child-spacing-md);word-break:break-all}.child-change-email-container,.child-recovery-code{background:#fff;background:var(--child-color-bg-primary);border:1px solid #ddd;border:1px solid var(--child-color-border)}.child-change-email-container{border-radius:6px;border-radius:var(--child-radius-md);margin-bottom:16px;margin-bottom:var(--child-spacing-lg);padding:16px;padding:var(--child-spacing-lg)}.child-change-email-container h3{color:#1a1a1a;color:var(--child-color-text-primary);font-size:16px;font-weight:600;margin:0 0 12px;margin:0 0 var(--child-spacing-md) 0}.child-change-email-form{display:flex;flex-direction:column;gap:12px;gap:var(--child-spacing-md)}.child-change-email-approved,.child-change-email-pending{border-radius:4px;border-radius:var(--child-radius);font-size:13px;margin-bottom:12px;margin-bottom:var(--child-spacing-md);padding:12px;padding:var(--child-spacing-md)}.child-change-email-pending{background:#fff3e0;background:var(--child-color-warning-light);border-left:4px solid #f57c00;border-left:4px solid var(--child-color-warning);color:#666;color:var(--child-color-text-secondary)}.child-change-email-approved{background:#e8f5e9;background:var(--child-color-success-light);border-left:4px solid #2e7d32;border-left:4px solid var(--child-color-success);color:#2e7d32;color:var(--child-color-success)}.child-change-email-status,.child-change-email-success{font-weight:600;margin:0 0 12px;margin:0 0 var(--child-spacing-md) 0}.child-change-email-loading{color:#999;color:var(--child-color-text-tertiary);font-size:13px;padding:12px;padding:var(--child-spacing-md)}.child-confirm-new-pin-container{animation:slideIn .3s ease;animation:slideIn var(--child-transition-normal);background:#f5f5f5;background:var(--child-color-bg-secondary);border:1px solid #ddd;border:1px solid var(--child-color-border);border-radius:8px;border-radius:var(--child-radius-lg);margin:16px 0;margin:var(--child-spacing-lg) 0;padding:24px;padding:var(--child-spacing-xl)}.child-confirm-new-pin-container h3{align-items:center;color:#1a1a1a;color:var(--child-color-text-primary);display:flex;font-size:18px;font-weight:600;gap:12px;gap:var(--child-spacing-md);margin:0 0 16px;margin:0 0 var(--child-spacing-lg) 0}.child-confirm-new-pin-info{background:#f0f4ff;background:var(--child-color-info-light);border-left:4px solid #4f46e5;border-left:4px solid var(--child-color-info);border-radius:4px;border-radius:var(--child-radius);margin-bottom:24px;margin-bottom:var(--child-spacing-xl);padding:16px;padding:var(--child-spacing-lg)}.child-confirm-new-pin-info p{color:#666;color:var(--child-color-text-secondary);font-size:14px;line-height:1.5;margin:0}.child-confirm-new-pin-form{display:flex;flex-direction:column;gap:16px;gap:var(--child-spacing-lg)}.child-confirm-new-pin-input-wrapper{align-items:center;display:flex;position:relative}.child-confirm-new-pin-input{background:#fff;background:var(--child-color-bg-primary);border:1px solid #ddd;border:1px solid var(--child-color-border);border-radius:4px;border-radius:var(--child-radius);color:#1a1a1a;color:var(--child-color-text-primary);font-family:Courier New,monospace;font-size:16px;letter-spacing:2px;padding:12px 38px 12px 16px;padding:var(--child-spacing-md) 38px var(--child-spacing-md) var(--child-spacing-lg);transition:border-color .2s ease,box-shadow .2s ease;transition:border-color var(--child-transition-fast),box-shadow var(--child-transition-fast);width:100%}.child-confirm-new-pin-input:focus{border-color:#1976d2;border-color:var(--child-color-primary);box-shadow:0 0 0 3px #1976d21a;outline:none}.child-confirm-new-pin-input:disabled{background:#f5f5f5;background:var(--child-color-bg-secondary);color:#999;color:var(--child-color-text-tertiary);cursor:not-allowed}.child-confirm-new-pin-warning{background:#fff3e0;background:var(--child-color-warning-light);border-left:4px solid #f57c00;border-left:4px solid var(--child-color-warning);border-radius:4px;border-radius:var(--child-radius);margin-top:24px;margin-top:var(--child-spacing-xl);padding:16px;padding:var(--child-spacing-lg)}.child-confirm-new-pin-warning-title{color:#f57c00;color:var(--child-color-warning);font-size:14px;font-weight:600;margin:0 0 12px;margin:0 0 var(--child-spacing-md) 0}.child-confirm-new-pin-warning ul{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.child-confirm-new-pin-warning li{color:#666;color:var(--child-color-text-secondary);font-size:13px;padding-left:20px;position:relative}.child-confirm-new-pin-warning li:before{color:#f57c00;color:var(--child-color-warning);content:"•";font-weight:700;left:0;position:absolute}.child-pin-instructions-overlay{align-items:center;animation:fadeIn .3s ease;animation:fadeIn var(--child-transition-normal);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:16px;padding:var(--child-spacing-lg);position:fixed;right:0;top:0;z-index:1000}.child-pin-instructions-modal{animation:slideUp .3s ease;animation:slideUp var(--child-transition-normal);background:#fff;background:var(--child-color-bg-primary);border-radius:12px;border-radius:var(--child-radius-xl);box-shadow:0 10px 30px #0000004d;box-shadow:var(--child-shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}.child-pin-instructions-header{align-items:center;border-bottom:2px solid #ddd;border-bottom:2px solid var(--child-color-border);display:flex;justify-content:space-between;padding:30px;padding:var(--child-spacing-2xl) var(--child-spacing-2xl)}.child-pin-instructions-header h3{color:#1a1a1a;color:var(--child-color-text-primary);font-size:22px;font-weight:700;margin:0}.child-pin-instructions-content{display:flex;flex:1 1;flex-direction:column;gap:30px;gap:var(--child-spacing-2xl);overflow-y:auto;padding:30px;padding:var(--child-spacing-2xl)}.child-pin-instructions-child-info{background:#f0f4ff;background:var(--child-color-info-light);border-left:4px solid #4f46e5;border-left:4px solid var(--child-color-info);border-radius:8px;border-radius:var(--child-radius-lg);padding:16px;padding:var(--child-spacing-lg)}.child-pin-instructions-child-info p{color:#666;color:var(--child-color-text-secondary);font-size:15px;margin:12px 0;margin:var(--child-spacing-md) 0}.child-pin-instructions-child-info strong{color:#1a1a1a;color:var(--child-color-text-primary);font-weight:600}.child-pin-instructions-email-box{align-items:center;background:#f5f5f5;background:var(--child-color-bg-secondary);border-radius:6px;border-radius:var(--child-radius-md);display:flex;gap:12px;gap:var(--child-spacing-md);margin-top:12px;margin-top:var(--child-spacing-md);padding:12px;padding:var(--child-spacing-md)}.child-pin-instructions-email-box code{color:#4f46e5;color:var(--child-color-info);flex:1 1;font-family:monospace;font-size:14px;word-break:break-all}.child-pin-instructions-copy-btn{background:#4f46e533;border:none;border-radius:4px;color:#4f46e5;color:var(--child-color-info);cursor:pointer;font-size:14px;padding:6px 10px;transition:all .2s ease;transition:all var(--child-transition-fast)}.child-pin-instructions-copy-btn:hover{background:#4f46e54d}.child-pin-instructions-steps h4{color:#1a1a1a;color:var(--child-color-text-primary);font-size:17px;font-weight:600;margin:0 0 16px;margin:0 0 var(--child-spacing-lg) 0}.child-pin-instructions-info{background:#fff3e0;background:var(--child-color-warning-light);border:2px solid #f57c00;border:2px solid var(--child-color-warning);border-radius:8px;border-radius:var(--child-radius-lg);padding:16px;padding:var(--child-spacing-lg)}.child-pin-instructions-note strong{color:#f57c00;color:var(--child-color-warning);display:block;margin-bottom:12px;margin-bottom:var(--child-spacing-md)}.child-pin-instructions-note p{color:#666;color:var(--child-color-text-secondary);font-size:14px;line-height:1.5;margin:0}.child-pin-instructions-footer{border-top:1px solid #ddd;border-top:1px solid var(--child-color-border);display:flex;gap:12px;gap:var(--child-spacing-md);justify-content:flex-end;padding:16px 30px;padding:var(--child-spacing-lg) var(--child-spacing-2xl)}.child-request-container{background:#fff;background:var(--child-color-bg-primary);border-radius:8px;border-radius:var(--child-radius-lg);box-shadow:0 2px 8px #0000001f;box-shadow:var(--child-shadow-md);margin:0 auto;max-width:500px;padding:24px;padding:var(--child-spacing-xl)}.child-request-container h2{color:#1a1a1a;color:var(--child-color-text-primary);font-size:18px;font-weight:600;margin-bottom:16px;margin-bottom:var(--child-spacing-lg)}.child-request-current,.child-request-info{background:#f5f5f5;background:var(--child-color-bg-secondary);border-left:4px solid #1976d2;border-left:4px solid var(--child-color-primary);border-radius:4px;border-radius:var(--child-radius);margin-bottom:16px;margin-bottom:var(--child-spacing-lg);padding:12px;padding:var(--child-spacing-md)}.child-request-current p,.child-request-info p{color:#666;color:var(--child-color-text-secondary);font-size:13px;margin:4px 0}.child-request-current strong,.child-request-info strong{color:#1a1a1a;color:var(--child-color-text-primary);display:block;font-size:14px;margin:12px 0 0;margin:var(--child-spacing-md) 0 0 0;word-break:break-all}.child-request-info.pending{background:#fff3e0;background:var(--child-color-warning-light);border-left-color:#f57c00;border-left-color:var(--child-color-warning)}.child-request-info.rejected{background:#ffebee;background:var(--child-color-danger-light);border-left-color:#d32f2f;border-left-color:var(--child-color-danger)}.child-request-form{margin-bottom:16px;margin-bottom:var(--child-spacing-lg)}.child-request-actions{display:flex;flex-wrap:wrap;gap:12px;gap:var(--child-spacing-md);justify-content:flex-end}.child-reset-own-pin-container{align-items:center;animation:fadeIn .3s ease;animation:fadeIn var(--child-transition-normal);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.child-reset-own-pin-box{animation:slideUp .3s ease;animation:slideUp var(--child-transition-normal);background:#fff;background:var(--child-color-bg-primary);border-radius:12px;border-radius:var(--child-radius-xl);box-shadow:0 10px 30px #0000004d;box-shadow:var(--child-shadow-xl);max-width:500px;padding:30px;padding:var(--child-spacing-2xl);width:90%}.child-reset-own-pin-box h3{color:#1a1a1a;color:var(--child-color-text-primary);font-size:24px;font-weight:600;margin:0 0 24px;margin:0 0 var(--child-spacing-xl) 0;text-align:center}.child-reset-own-pin-info{background:#f0f4ff;background:var(--child-color-info-light);border-left:4px solid #4f46e5;border-left:4px solid var(--child-color-info);border-radius:8px;border-radius:var(--child-radius-lg);margin-bottom:24px;margin-bottom:var(--child-spacing-xl);padding:16px;padding:var(--child-spacing-lg)}.child-reset-own-pin-info p{color:#666;color:var(--child-color-text-secondary);font-size:14px;margin:12px 0;margin:var(--child-spacing-md) 0}.child-reset-own-pin-info strong{color:#1a1a1a;color:var(--child-color-text-primary);font-weight:600}.child-reset-own-pin-form{display:flex;flex-direction:column;gap:24px;gap:var(--child-spacing-xl)}.child-reset-own-pin-error{background:#ffebee;background:var(--child-color-danger-light);border:1px solid #d32f2f;border:1px solid var(--child-color-danger);border-radius:8px;border-radius:var(--child-radius-lg);color:#d32f2f;color:var(--child-color-danger);font-size:14px;padding:12px;padding:var(--child-spacing-md);text-align:center}.child-reset-own-pin-group{display:flex;flex-direction:column;gap:12px;gap:var(--child-spacing-md)}.child-reset-own-pin-group label{color:#1a1a1a;color:var(--child-color-text-primary);font-size:14px;font-weight:600}.child-reset-own-pin-input-wrapper{align-items:center;display:flex;position:relative}.child-reset-own-pin-input{background:#fff;background:var(--child-color-bg-primary);border:2px solid #ddd;border:2px solid var(--child-color-border);border-radius:8px;border-radius:var(--child-radius-lg);color:#1a1a1a;color:var(--child-color-text-primary);flex:1 1;font-family:monospace;font-size:16px;letter-spacing:2px;padding:16px 40px 16px 16px;padding:var(--child-spacing-lg) 40px var(--child-spacing-lg) var(--child-spacing-lg);transition:all .2s ease;transition:all var(--child-transition-fast)}.child-reset-own-pin-input:focus{border-color:#4f46e5;border-color:var(--child-color-info);box-shadow:0 0 0 3px #4f46e51a;outline:none}.child-reset-own-pin-input:disabled{background:#f5f5f5;background:var(--child-color-bg-secondary);color:#999;color:var(--child-color-text-tertiary)}.child-reset-own-pin-actions{display:flex;gap:12px;gap:var(--child-spacing-md);margin-top:24px;margin-top:var(--child-spacing-xl)}.child-reset-own-pin-btn-submit{background:#4f46e5;background:var(--child-color-info);color:#fff}.child-reset-own-pin-btn-submit:hover:not(:disabled){background:#4338ca;background:var(--child-color-info-dark);box-shadow:0 4px 12px #4f46e54d;transform:translateY(-2px)}.child-reset-own-pin-btn-submit:active:not(:disabled){transform:translateY(0)}.child-reset-own-pin-btn-done{background:#2e7d32;background:var(--child-color-success);color:#fff}.child-reset-own-pin-btn-done:hover:not(:disabled){background:#1b5e20;background:var(--child-color-success-dark);box-shadow:0 4px 12px #2e7d324d;transform:translateY(-2px)}.child-reset-own-pin-success-message{background:#e8f5e9;background:var(--child-color-success-light);border:2px solid #2e7d32;border:2px solid var(--child-color-success);border-radius:8px;border-radius:var(--child-radius-lg);margin:24px 0;margin:var(--child-spacing-xl) 0;padding:24px;padding:var(--child-spacing-xl);text-align:center}.child-reset-own-pin-success-message p{color:#2e7d32;color:var(--child-color-success);font-weight:500;margin:12px 0;margin:var(--child-spacing-md) 0}.child-reset-own-pin-spinner{animation:spin 1s linear infinite;font-size:48px;margin:30px 0;margin:var(--child-spacing-2xl) 0;text-align:center}.add-child-container{background:#fff;background:var(--child-color-bg-primary);border-radius:8px;border-radius:var(--child-radius-lg);box-shadow:0 2px 8px #0000001f;box-shadow:var(--child-shadow-md);margin:0 auto;max-width:500px;padding:24px;padding:var(--child-spacing-xl)}.add-child-container h2{color:#1a1a1a;color:var(--child-color-text-primary);font-size:18px;font-weight:600;margin-bottom:12px;margin-bottom:var(--child-spacing-md)}.add-child-info{background:#f5f5f5;background:var(--child-color-bg-secondary);border-radius:4px;border-radius:var(--child-radius);margin-bottom:16px;margin-bottom:var(--child-spacing-lg);padding:12px;padding:var(--child-spacing-md)}.add-child-info p{color:#666;color:var(--child-color-text-secondary);font-size:13px;margin:0}.add-child-form,.add-child-group{margin-bottom:16px;margin-bottom:var(--child-spacing-lg)}.add-child-group label{display:block;font-size:13px;font-weight:500;margin-bottom:8px;margin-bottom:var(--child-spacing-sm)}.add-child-group label,.add-child-input{color:#1a1a1a;color:var(--child-color-text-primary)}.add-child-input{background:#fff;background:var(--child-color-bg-primary);border:1px solid #ddd;border:1px solid var(--child-color-border);border-radius:4px;border-radius:var(--child-radius);box-sizing:border-box;font-family:Courier New,monospace;font-size:14px;letter-spacing:1px;padding:12px 16px;padding:var(--child-spacing-md) var(--child-spacing-lg);transition:border-color .2s ease;transition:border-color var(--child-transition-fast);width:100%}.add-child-input:focus{border-color:#2e7d32;border-color:var(--child-color-success);box-shadow:0 0 0 3px #2e7d321a;outline:none}.add-child-input:disabled{background-color:#f5f5f5;background-color:var(--child-color-bg-secondary);color:#999;color:var(--child-color-text-tertiary);cursor:not-allowed}.add-child-actions{display:flex;flex-wrap:wrap;gap:12px;gap:var(--child-spacing-md);justify-content:flex-end}.add-child-btn-submit{background:#2e7d32;background:var(--child-color-success);color:#fff}.add-child-btn-submit:hover:not(:disabled){background:#1b5e20;background:var(--child-color-success-dark);box-shadow:0 2px 4px #2e7d3233}.add-child-instructions{background:#e3f2fd;background:var(--child-color-primary-light);border-left:4px solid #2e7d32;border-left:4px solid var(--child-color-success);border-radius:4px;border-radius:var(--child-radius);padding:12px;padding:var(--child-spacing-md)}.add-child-instructions h3{color:#1a1a1a;color:var(--child-color-text-primary);font-size:13px;font-weight:600;margin:0 0 12px;margin:0 0 var(--child-spacing-md) 0}.add-child-instructions ol{margin:0;padding-left:20px}.add-child-instructions li{color:#666;color:var(--child-color-text-secondary);font-size:12px;margin:4px 0}.tutor-reset-pin-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.tutor-reset-pin-content{animation:slideIn .3s ease;animation:slideIn var(--child-transition-normal);background:#fff;background:var(--child-color-bg-primary);border-radius:8px;border-radius:var(--child-radius-lg);box-shadow:0 4px 16px #00000026;box-shadow:var(--child-shadow-lg);max-width:500px;padding:24px;padding:var(--child-spacing-xl);width:90%}.tutor-reset-pin-content h3{color:#1a1a1a;color:var(--child-color-text-primary);font-size:18px;font-weight:600;margin:0 0 16px;margin:0 0 var(--child-spacing-lg) 0}.tutor-reset-pin-info{background:#f5f5f5;background:var(--child-color-bg-secondary);border-left:4px solid #f57c00;border-left:4px solid var(--child-color-warning);border-radius:4px;border-radius:var(--child-radius);margin-bottom:16px;margin-bottom:var(--child-spacing-lg);padding:12px;padding:var(--child-spacing-md)}.tutor-reset-pin-info p{color:#666;color:var(--child-color-text-secondary);font-size:13px;margin:4px 0}.tutor-reset-pin-warning{color:#d32f2f;color:var(--child-color-danger);font-weight:500;margin-top:12px;margin-top:var(--child-spacing-md)}.tutor-reset-pin-google-info{background:#e3f2fd;background:var(--child-color-primary-light);border-left:4px solid #1976d2;border-left:4px solid var(--child-color-primary);border-radius:4px;border-radius:var(--child-radius);color:#1976d2;color:var(--child-color-primary);font-size:13px;font-weight:500;padding:12px;padding:var(--child-spacing-md)}.tutor-reset-pin-form,.tutor-reset-pin-google-info,.tutor-reset-pin-group{margin-bottom:16px;margin-bottom:var(--child-spacing-lg)}.tutor-reset-pin-group label{color:#1a1a1a;color:var(--child-color-text-primary);display:block;font-size:13px;font-weight:500;margin-bottom:8px;margin-bottom:var(--child-spacing-sm)}.tutor-reset-pin-input{background:#fff;background:var(--child-color-bg-primary);border:1px solid #ddd;border:1px solid var(--child-color-border);border-radius:4px;border-radius:var(--child-radius);box-sizing:border-box;color:#1a1a1a;color:var(--child-color-text-primary);font-size:14px;padding:12px 16px;padding:var(--child-spacing-md) var(--child-spacing-lg);transition:border-color .2s ease;transition:border-color var(--child-transition-fast);width:100%}.tutor-reset-pin-input:focus{border-color:#1976d2;border-color:var(--child-color-primary);box-shadow:0 0 0 3px #1976d21a;outline:none}.tutor-reset-pin-input:disabled{background-color:#f5f5f5;background-color:var(--child-color-bg-secondary);color:#999;color:var(--child-color-text-tertiary);cursor:not-allowed}.tutor-reset-pin-success-box{background:#e8f5e9;background:var(--child-color-success-light);border-left:4px solid #2e7d32;border-left:4px solid var(--child-color-success);border-radius:4px;border-radius:var(--child-radius);margin-bottom:16px;margin-bottom:var(--child-spacing-lg);padding:16px;padding:var(--child-spacing-lg)}.tutor-reset-pin-success-box p{color:#2e7d32;color:var(--child-color-success);font-size:13px;font-weight:600;margin:0 0 12px;margin:0 0 var(--child-spacing-md) 0}.tutor-reset-pin-display{align-items:center;background:#f5f5f5;background:var(--child-color-bg-secondary);border:2px solid #2e7d32;border:2px solid var(--child-color-success);border-radius:6px;border-radius:var(--child-radius-md);display:flex;gap:12px;gap:var(--child-spacing-md);padding:12px;padding:var(--child-spacing-md)}.tutor-reset-pin-display code{color:#2e7d32;color:var(--child-color-success);flex:1 1;font-family:Courier New,monospace;font-size:18px;font-weight:700;letter-spacing:2px}.tutor-reset-pin-btn-copy{background:#2e7d32;background:var(--child-color-success);border:none;border-radius:4px;border-radius:var(--child-radius);color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:12px 16px;padding:var(--child-spacing-md) var(--child-spacing-lg);transition:all .2s ease;transition:all var(--child-transition-fast);white-space:nowrap}.tutor-reset-pin-btn-copy:hover{background:#1b5e20;background:var(--child-color-success-dark);box-shadow:0 2px 4px #2e7d3233}.tutor-reset-pin-instructions{background:#e3f2fd;background:var(--child-color-primary-light);border-left:4px solid #1976d2;border-left:4px solid var(--child-color-primary);border-radius:4px;border-radius:var(--child-radius);margin-bottom:16px;margin-bottom:var(--child-spacing-lg);padding:12px;padding:var(--child-spacing-md)}.tutor-reset-pin-instruction-title{color:#1a1a1a;color:var(--child-color-text-primary);font-size:13px;font-weight:600;margin:0 0 12px;margin:0 0 var(--child-spacing-md) 0}.tutor-reset-pin-instructions ol{margin:0;padding-left:20px}.tutor-reset-pin-instructions li{color:#666;color:var(--child-color-text-secondary);font-size:13px;margin:4px 0}.tutor-reset-pin-actions{display:flex;flex-wrap:wrap;gap:12px;gap:var(--child-spacing-md);justify-content:flex-end}.tutor-reset-pin-btn-confirm,.tutor-reset-pin-btn-done,.tutor-reset-pin-btn-proceed{background:#1976d2;background:var(--child-color-primary);color:#fff}.tutor-reset-pin-btn-confirm:hover:not(:disabled),.tutor-reset-pin-btn-done:hover:not(:disabled),.tutor-reset-pin-btn-proceed:hover:not(:disabled){background:#1565c0;background:var(--child-color-primary-dark);box-shadow:0 2px 4px #1976d233}.tutor-reset-pin-btn-confirm:disabled,.tutor-reset-pin-btn-done:disabled,.tutor-reset-pin-btn-proceed:disabled{background:#ddd;background:var(--child-color-border);color:#999;color:var(--child-color-text-tertiary);cursor:not-allowed}.tutor-reset-pin-btn-back,.tutor-reset-pin-btn-cancel{background:#f5f5f5;background:var(--child-color-bg-secondary);color:#1a1a1a;color:var(--child-color-text-primary)}.tutor-reset-pin-btn-back:hover:not(:disabled),.tutor-reset-pin-btn-cancel:hover:not(:disabled){background:#ddd;background:var(--child-color-border)}.tutor-reset-pin-btn-back:disabled,.tutor-reset-pin-btn-cancel:disabled{cursor:not-allowed;opacity:.6}@media (max-width:640px){.child-modal-content{padding:16px;padding:var(--child-spacing-lg);width:95%}.child-modal-body{gap:16px;gap:var(--child-spacing-lg);max-height:calc(90vh - 150px)}.child-pin-instructions-modal{max-height:100vh;width:95%}.child-pin-instructions-header{padding:16px;padding:var(--child-spacing-lg)}.child-pin-instructions-header h3{font-size:19px}.child-pin-instructions-content{gap:16px;gap:var(--child-spacing-lg);padding:16px;padding:var(--child-spacing-lg)}.child-reset-own-pin-box{padding:16px;padding:var(--child-spacing-lg);width:95%}.child-reset-own-pin-box h3{font-size:20px}.child-reset-own-pin-actions{flex-direction:column}.child-reset-own-pin-actions .child-btn{width:100%}.tutor-reset-pin-content{padding:16px;padding:var(--child-spacing-lg);width:95%}.tutor-reset-pin-display{flex-wrap:wrap}.tutor-reset-pin-btn-copy{width:100%}.add-child-container{padding:16px;padding:var(--child-spacing-lg)}.add-child-actions{flex-direction:column}.add-child-btn-cancel,.add-child-btn-submit{width:100%}}.guardian-consent-modal-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.guardian-consent-modal-container{animation:slideUp .4s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}html[data-theme=dark] .guardian-consent-modal-container{background:#1e1e1e;color:#e0e0e0}.guardian-consent-header{border-bottom:1px solid #e0e0e0;padding:24px;text-align:center}html[data-theme=dark] .guardian-consent-header{border-bottom-color:#404040}.guardian-consent-title{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 8px}html[data-theme=dark] .guardian-consent-title{color:#f5f5f5}.guardian-consent-subtitle{color:#666;font-size:.95rem;line-height:1.5;margin:0}html[data-theme=dark] .guardian-consent-subtitle{color:#b0b0b0}.guardian-consent-content{flex:1 1;overflow-y:auto;padding:24px}.guardian-consent-section{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;overflow:hidden}html[data-theme=dark] .guardian-consent-section{border-color:#404040}.guardian-consent-header-collapsible{align-items:center;background:#f5f5f5;cursor:pointer;display:flex;padding:16px;transition:background .2s ease;-webkit-user-select:none;user-select:none}html[data-theme=dark] .guardian-consent-header-collapsible{background:#2a2a2a}.guardian-consent-header-collapsible:hover{background:#efefef}html[data-theme=dark] .guardian-consent-header-collapsible:hover{background:#353535}.guardian-consent-header-collapsible input[type=checkbox]{accent-color:#4caf50;cursor:pointer;height:20px;margin-right:12px;width:20px}.guardian-consent-label{color:#333;cursor:pointer;flex:1 1;font-weight:500;margin:0}html[data-theme=dark] .guardian-consent-label{color:#e0e0e0}.guardian-consent-toggle{color:#999;font-size:.8rem;margin-left:8px;transition:color .2s ease}.guardian-consent-header-collapsible:hover .guardian-consent-toggle{color:#666}html[data-theme=dark] .guardian-consent-header-collapsible:hover .guardian-consent-toggle{color:#aaa}.guardian-consent-preview{animation:expandDown .3s ease-out;background:#fafafa;border-top:1px solid #e0e0e0;padding:16px}html[data-theme=dark] .guardian-consent-preview{background:#252525;border-top-color:#404040}@keyframes expandDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.guardian-consent-small-text{color:#999;font-size:.8rem;margin:0 0 8px}html[data-theme=dark] .guardian-consent-small-text{color:#b0b0b0}.guardian-consent-text{color:#555;font-size:.9rem;line-height:1.6}html[data-theme=dark] .guardian-consent-text{color:#d0d0d0}.guardian-consent-text p{margin:0 0 12px}.guardian-consent-link{color:#4caf50;display:inline-block;font-weight:500;margin-top:8px;text-decoration:none;transition:color .2s ease}.guardian-consent-link:hover{color:#388e3c;text-decoration:underline}html[data-theme=dark] .guardian-consent-link:hover{color:#66bb6a}.guardian-consent-disclaimer{background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;margin:20px 0;padding:12px 16px}html[data-theme=dark] .guardian-consent-disclaimer{background:#5a4a1a;border-left-color:gold}.guardian-consent-disclaimer-text{color:#856404;font-size:.85rem;line-height:1.5;margin:0}html[data-theme=dark] .guardian-consent-disclaimer-text{color:gold}.guardian-consent-error{animation:slideIn .3s ease-out;background:#ffebee;border:1px solid #ef5350;border-radius:4px;color:#c62828;font-size:.9rem;margin-top:16px;padding:12px 16px}html[data-theme=dark] .guardian-consent-error{background:#5a2020;border-color:#ef5350;color:#ff8a80}.guardian-consent-actions{background:#f9f9f9;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}html[data-theme=dark] .guardian-consent-actions{background:#1e1e1e;border-top-color:#404040}.guardian-consent-button{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;min-width:100px;padding:10px 20px;transition:all .2s ease}.guardian-consent-button:disabled{cursor:not-allowed;opacity:.5}.guardian-consent-button.cancel{background:#e0e0e0;color:#333}html[data-theme=dark] .guardian-consent-button.cancel{background:#404040;color:#e0e0e0}.guardian-consent-button.cancel:hover:not(:disabled){background:#d0d0d0}html[data-theme=dark] .guardian-consent-button.cancel:hover:not(:disabled){background:#4a4a4a}.guardian-consent-button.accept{background:#4caf50;color:#fff}.guardian-consent-button.accept:hover:not(:disabled){background:#388e3c;box-shadow:0 4px 12px #4caf504d}html[data-theme=dark] .guardian-consent-button.accept:hover:not(:disabled){box-shadow:0 4px 12px #4caf5080}.guardian-consent-button.accept:active:not(:disabled){transform:scale(.98)}@media (max-width:480px){.guardian-consent-modal-container{max-height:95vh;width:95%}.guardian-consent-header{padding:16px}.guardian-consent-title{font-size:1.2rem}.guardian-consent-content{padding:16px}.guardian-consent-actions{flex-direction:column-reverse;gap:8px;padding:12px 16px}.guardian-consent-button{width:100%}}.auth-container{align-items:center;background-color:#fff;background-color:var(--background-color,#fff);border-radius:10px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--box-shadow,0 4px 6px #0000001a);color:#000;color:var(--text-color,#000);font-family:Arial,sans-serif;font-family:var(--font-family,Arial,sans-serif);justify-content:center;margin:50px auto;max-width:400px;padding:30px}.auth-container,.auth-form{display:flex;flex-direction:column}.auth-form{gap:20px;width:100%}.auth-input-group{display:flex;flex-direction:column}.auth-label{color:#555;color:var(--secondary-color,#555);font-size:14px;margin-bottom:5px}.auth-input{background-color:#fff;background-color:var(--input-background-color,#fff);border:1px solid #ccc;border-radius:8px;color:var(#000);font-size:16px;outline:none;padding:12px;transition:border-color .3s}.auth-submit-btn{background-color:#4caf50;background-color:var(--primary-color,#4caf50);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s}.auth-submit-btn:hover{background-color:#45a049;background-color:var(--primary-hover-color,#45a049)}.auth-google-btn{align-items:center;background-color:#fff;background-color:var(--background-color,#fff);border:1px solid #000;border:1px solid var(--text-color,#000);border-radius:8px;color:#000;color:var(--text-color,#000);cursor:pointer;display:flex;font-size:16px;justify-content:center;margin-bottom:10px;padding:12px;transition:background-color .3s}.auth-google-icon{font-size:20px;margin-right:10px}.auth-checkbox-container{background-color:initial;background-color:var(--checkbox-bg,#0000);border-radius:8px;display:flex;flex-direction:column;gap:10px;margin-top:20px;padding:12px}.auth-checkbox-container.auth-terms-error{background-color:#ff00000d;border:1px solid #f003}.auth-checkbox{transform:scale(1.6)}.auth-label-text{align-items:center;color:#555;color:var(--secondary-color,#555);display:flex;font-size:14px;gap:10px}.auth-label-text.auth-terms-required{color:#d32f2f;font-weight:500}.auth-link{color:#007bff;color:var(--primary-color,#007bff);cursor:pointer;font-weight:700;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-error-message{color:red;font-size:14px;z-index:40}.auth-success-message{color:green;font-size:14px}.auth-toggle-buttons{display:flex;flex-direction:column;gap:10px}.auth-toggle-btn{background:none;border:none;color:#007bff;color:var(--primary-color,#007bff);cursor:pointer;font-size:14px;text-decoration:underline}.auth-popup-message{background-color:#333;border-radius:8px;bottom:20px;box-shadow:0 4px 10px #0003;box-shadow:var(--box-shadow,0 4px 10px #0003);color:#fff;font-size:16px;left:50%;padding:10px 20px;position:fixed;transform:translateX(-50%);z-index:1000}button.auth-toggle-btn:hover{background-color:initial}button.auth-toggle-btn{text-decoration:none}.google-btn{align-items:center;background-color:#fff;border:1px solid #dadce0;border-radius:4px;box-shadow:0 1px 2px #3c40431a;color:#3c4043;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;min-width:250px;padding:10px 16px;transition:background-color .2s ease,box-shadow .2s ease;will-change:box-shadow}.google-btn:hover:not(:disabled){background-color:#f8f9fa;box-shadow:0 2px 4px #3c404333}.google-btn:active:not(:disabled){background-color:#eceff1}.google-btn:disabled{cursor:not-allowed;opacity:.6}.google-icon{height:18px;width:18px}body[data-theme=dark] .google-btn{background-color:#3a3a3a;border-color:#5f6368;box-shadow:0 1px 2px #ffffff1a;color:#e8eaed}body[data-theme=dark] .google-btn:hover:not(:disabled){background-color:#4a4a4a;box-shadow:0 2px 4px #ffffff26}body[data-theme=dark] .google-btn:active:not(:disabled){background-color:#5a5a5a}.auth-guest{align-items:center;background-color:#f1f3f4;border:1px solid #dadce0;border-radius:4px;color:#3c4043;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:200px;padding:10px 16px;transition:background-color .2s ease,box-shadow .2s ease;will-change:box-shadow}.auth-guest:hover:not(:disabled){background-color:#e2e3e5;box-shadow:0 1px 2px #3c404326}.auth-guest:active:not(:disabled){background-color:#d7d8da}.auth-guest:disabled{cursor:not-allowed;opacity:.6}body[data-theme=dark] .auth-guest{background-color:#3a3a3a;border-color:#5f6368;color:#e8eaed}body[data-theme=dark] .auth-guest:hover:not(:disabled){background-color:#4a4a4a;box-shadow:0 1px 2px #ffffff1a}body[data-theme=dark] .auth-guest:active:not(:disabled){background-color:#5a5a5a}.auth-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.auth-input-with-toggle{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:16px;outline:none;padding:12px 40px 12px 12px;width:100%}.password-toggle-icon{align-items:center;bottom:0;cursor:pointer;display:flex;font-size:20px;height:100%;justify-content:center;position:absolute;right:8px;top:0;-webkit-user-select:none;user-select:none;width:36px}.auth-minor-link{border-top:1px solid #0000001a;margin-top:15px;padding-top:10px;text-align:center}.auth-minor-btn{background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;padding:5px 8px;transition:none}.auth-minor-btn,.auth-minor-btn:hover{background-color:initial;color:#666;color:var(--secondary-color,#666)}.auth-child-container{width:100%}.auth-child-header{align-items:center;display:flex;justify-content:center;margin-bottom:20px;position:relative;width:100%}.auth-back-btn{align-items:center;background:none;border:none;color:var(--primary-color);cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:4px;margin-right:auto;padding:8px 12px;position:static;transition:transform .2s ease}.auth-back-btn:hover{background-color:initial!important;background:#0000!important;transform:scale(1.1)}.auth-child-header h1{font-size:20px;margin:0;text-align:center}.auth-child-form{display:flex;flex-direction:column;gap:15px;width:100%}.auth-input-success{background-color:#4caf500d;border-color:#4caf50!important;border-color:var(--primary-color,#4caf50)!important}.auth-input-error{background-color:#f443360d;border-color:#f44336!important}.auth-field-success{color:#4caf50;color:var(--primary-color,#4caf50);font-size:12px;margin-top:4px}.auth-field-info{color:#999;color:var(--secondary-color,#999);font-size:12px;margin-top:4px}.auth-username-suggestions{background-color:#2196f30d;border-left:3px solid #2196f3;border-left:3px solid var(--secondary-color,#2196f3);border-radius:6px;margin-top:12px;padding:12px}.auth-username-suggestions p{color:#666;color:var(--secondary-color,#666);font-size:12px;font-weight:700;margin:0 0 8px}.suggestions-list{display:flex;flex-wrap:wrap;gap:6px}.auth-suggestion-btn{background-color:#2196f3;background-color:var(--secondary-color,#2196f3);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.auth-suggestion-btn:hover{opacity:.8;transform:scale(1.05)}.auth-child-toggle{margin-top:10px;text-align:center}.optional{color:#999;color:var(--secondary-color,#999);font-size:12px;font-weight:400}.auth-back{color:#4caf50;color:var(--primary-color,#4caf50);margin-right:8px}.forgot-pin-recovery-container{align-items:center;background:#fff;background:var(--color-bg-primary,#fff);background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.forgot-pin-recovery-card{animation:slideUp .5s ease-out;background:#fff;background:var(--color-bg-secondary,#fff);border-radius:12px;box-shadow:0 8px 32px #0000001a;max-width:500px;padding:32px;width:100%}.forgot-pin-recovery-card h2{color:#333;color:var(--color-text-primary,#333);font-size:24px;font-weight:700;margin:0 0 16px;text-align:center}.forgot-pin-recovery-description{color:#666;color:var(--color-text-secondary,#666);font-size:14px;line-height:1.6;margin:0 0 24px;text-align:center}.forgot-pin-recovery-form{display:flex;flex-direction:column;gap:20px}.forgot-pin-recovery-form-group{display:flex;flex-direction:column;gap:6px}.forgot-pin-recovery-form-group label{color:#333;color:var(--color-text-primary,#333);font-size:14px;font-weight:600}.forgot-pin-recovery-input{background:#fff;background:var(--color-bg-input,#fff);border:2px solid #ddd;border:2px solid var(--color-border,#ddd);border-radius:6px;color:#333;color:var(--color-text-primary,#333);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;padding:12px;transition:border-color .3s,box-shadow .3s}.forgot-pin-recovery-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.forgot-pin-recovery-input:disabled{background:#f0f0f0;background:var(--color-disabled-bg,#f0f0f0);color:#999;color:var(--color-disabled-text,#999);cursor:not-allowed}.forgot-pin-recovery-input-code{font-family:Courier New,monospace;font-weight:600;letter-spacing:1px;text-transform:uppercase}.forgot-pin-recovery-input-wrapper{align-items:center;display:flex;position:relative}.forgot-pin-recovery-input-wrapper .forgot-pin-recovery-input{padding-right:40px}.forgot-pin-recovery-toggle-visibility{align-items:center;background:none;border:none;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:6px;position:absolute;right:8px;transition:color .2s,transform .2s}.forgot-pin-recovery-toggle-visibility:hover:not(:disabled){color:#667eea;transform:scale(1.1)}.forgot-pin-recovery-toggle-visibility:disabled{cursor:not-allowed;opacity:.5}.forgot-pin-recovery-hint{color:#999;color:var(--color-text-tertiary,#999);font-size:12px;margin-top:2px}.forgot-pin-recovery-error{align-items:center;animation:slideIn .3s ease-out;background:#ffebee;border-left:4px solid #c62828;border-radius:4px;color:#c62828;display:flex;font-size:14px;gap:8px;padding:12px 16px}.forgot-pin-recovery-error:before{content:"❌";flex-shrink:0;font-size:16px}.forgot-pin-recovery-success-box{align-items:center;animation:slideIn .3s ease-out;background:#e8f5e9;border-left:4px solid #2e7d32;border-radius:4px;color:#2e7d32;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px 16px}.forgot-pin-recovery-success-box:before{content:"✓";flex-shrink:0;font-size:18px;font-weight:700}.forgot-pin-recovery-btn-confirm,.forgot-pin-recovery-btn-login,.forgot-pin-recovery-btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px 24px;transition:transform .2s,box-shadow .3s}.forgot-pin-recovery-btn-confirm:hover:not(:disabled),.forgot-pin-recovery-btn-login:hover:not(:disabled),.forgot-pin-recovery-btn-submit:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.forgot-pin-recovery-btn-confirm:active:not(:disabled),.forgot-pin-recovery-btn-login:active:not(:disabled),.forgot-pin-recovery-btn-submit:active:not(:disabled){transform:translateY(0)}.forgot-pin-recovery-btn-confirm:disabled,.forgot-pin-recovery-btn-login:disabled,.forgot-pin-recovery-btn-submit:disabled{cursor:not-allowed;opacity:.6}.forgot-pin-recovery-btn-back{background:#f5f5f5;background:var(--color-bg-secondary,#f5f5f5);border:2px solid #ddd;border:2px solid var(--color-border,#ddd);border-radius:6px;color:#333;color:var(--color-text-primary,#333);cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:12px 24px;transition:background-color .2s,color .2s}.forgot-pin-recovery-btn-back:hover:not(:disabled){background:#ddd;background:var(--color-border,#ddd)}.forgot-pin-recovery-btn-back:disabled{cursor:not-allowed;opacity:.6}.forgot-pin-recovery-btn-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:8px;text-decoration:none;transition:color .2s}.forgot-pin-recovery-btn-link:hover{color:#764ba2;text-decoration:underline}.forgot-pin-recovery-confirmation{background:#f9f9f9;background:var(--color-bg-input,#f9f9f9);border-radius:6px;margin:20px 0;padding:20px}.forgot-pin-recovery-label{color:#666;color:var(--color-text-secondary,#666);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.forgot-pin-recovery-value{background:#fff;background:var(--color-bg-secondary,#fff);border:1px solid #ddd;border:1px solid var(--color-border,#ddd);border-radius:4px;color:#333;color:var(--color-text-primary,#333);font-size:18px;font-weight:600;margin:0 0 16px;padding:12px}.forgot-pin-recovery-monospace{font-family:Courier New,monospace;letter-spacing:2px;text-transform:uppercase}.forgot-pin-recovery-warning{background:#fff3e0;border-left:4px solid #f57c00;border-radius:4px;color:#e65100;font-size:13px;line-height:1.5;margin:16px 0 0;padding:12px}.forgot-pin-recovery-result-content{background:#f9f9f9;background:var(--color-bg-input,#f9f9f9);border-radius:6px;margin:20px 0;padding:20px}.forgot-pin-recovery-next-steps{color:#333;color:var(--color-text-primary,#333);font-size:14px;font-weight:600;margin:0 0 12px}.forgot-pin-recovery-steps{color:#666;color:var(--color-text-secondary,#666);font-size:14px;line-height:1.8;list-style:decimal;margin:0;padding-left:24px}.forgot-pin-recovery-steps li{margin-bottom:8px}.forgot-pin-recovery-info{background:#e3f2fd;border-left:4px solid #1976d2;border-radius:4px;margin-top:24px;padding:16px}.forgot-pin-recovery-info-title{color:#1976d2;font-size:14px;font-weight:600;margin:0 0 12px}.forgot-pin-recovery-info-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.forgot-pin-recovery-info-list li{color:#0d47a1;font-size:13px;line-height:1.5;padding-left:20px;position:relative}.forgot-pin-recovery-info-list li:before{color:#1976d2;content:"✓";font-weight:700;left:0;position:absolute}.forgot-pin-recovery-back-to-login{border-top:1px solid #ddd;border-top:1px solid var(--color-border,#ddd);margin-top:24px;padding-top:24px;text-align:center}.dark-mode .forgot-pin-recovery-container,[theme=dark] .forgot-pin-recovery-container{--color-bg-primary:#1a1a1a;--color-bg-secondary:#2a2a2a;--color-bg-input:#1a1a1a;--color-text-primary:#e0e0e0;--color-text-secondary:#b0b0b0;--color-text-tertiary:grey;--color-border:#444;--color-disabled-bg:#333;--color-disabled-text:#666}.dark-mode .forgot-pin-recovery-card,[theme=dark] .forgot-pin-recovery-card{background:#2a2a2a;background:var(--color-bg-secondary,#2a2a2a);box-shadow:0 8px 32px #0006}@media (max-width:600px){.forgot-pin-recovery-card{border-radius:8px;padding:24px}.forgot-pin-recovery-card h2{font-size:20px}.forgot-pin-recovery-description{font-size:13px}.forgot-pin-recovery-form{gap:16px}.forgot-pin-recovery-input,.forgot-pin-recovery-value{font-size:16px;padding:10px}.forgot-pin-recovery-btn-confirm,.forgot-pin-recovery-btn-login,.forgot-pin-recovery-btn-submit{font-size:14px;padding:12px 20px}}@media (max-width:400px){.forgot-pin-recovery-card{padding:16px}.forgot-pin-recovery-card h2{font-size:18px}.forgot-pin-recovery-input{font-size:14px}.forgot-pin-recovery-form-group label{font-size:13px}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.forgot-pin-recovery-card,.forgot-pin-recovery-error,.forgot-pin-recovery-success-box{animation:none}.forgot-pin-recovery-btn-confirm:hover,.forgot-pin-recovery-btn-login:hover,.forgot-pin-recovery-btn-submit:hover,.forgot-pin-recovery-toggle-visibility:hover{transform:none}}.parejas-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;padding:10px;text-align:center}.parejas-configuracion{margin-bottom:20px}.parejas-configuracion label{font-weight:700;margin:0 10px}.parejas-configuracion input{border:1px solid #ccc;border-radius:4px;font-size:1.1rem;margin-left:5px;padding:6px;text-align:center;width:60px}.parejas-configuracion button{background-color:#2d89ef;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;margin-left:10px;padding:8px 16px}.parejas-configuracion button:hover{background-color:#1b5fbf}.parejas-tablero{grid-gap:15px;display:grid;gap:15px;margin:0 auto 20px;max-width:800px}.parejas-carta,.parejas-tablero{justify-content:center;width:100%}.parejas-carta{align-items:center;aspect-ratio:1/1;background-color:#888;border:1px solid #444;border-radius:10px;cursor:pointer;display:flex;font-size:clamp(40px,8vw,120px);transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.parejas-volteada{background-color:#fff}.parejas-encontrada{background-color:#8f8;cursor:default}.parejas-boton-salir-container{margin-top:25px}.parejas-boton-salir{background-color:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;padding:10px 20px}.parejas-boton-salir:hover{background-color:#b71c1c}.parejas-victoria{color:#2d89ef;font-size:2rem;font-weight:700;margin:20px 0}.parejas-victoria-botones{display:flex;gap:15px;justify-content:center;margin-top:15px}.parejas-boton-reiniciar{background-color:#2d89ef;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:15px;padding:10px 20px;transition:background-color .3s ease}.parejas-boton-reiniciar:hover{background-color:#1b5fbf}@media (max-width:480px){.parejas-configuracion input{font-size:1rem;width:50px}.parejas-boton-salir,.parejas-configuracion button{font-size:1rem;padding:8px 14px}.parejas-carta{font-size:clamp(48px,14vw,120px)}}.novelag-container{align-items:center;color:#111;display:flex;flex-direction:column;font-family:Georgia,serif;justify-content:center;line-height:1.6;margin:0 auto;max-width:800px;min-height:100vh;padding:2rem}.novelag-text{color:#fff;font-size:1.25rem;margin-bottom:1.5rem;text-align:center}.tooltip{cursor:help;display:inline-block;position:relative}.tooltip .tooltiptext{background-color:#000000bf;border-radius:4px;bottom:125%;color:#fff;max-width:200px;opacity:0;padding:4px 8px;pointer-events:none;text-align:center;transition:opacity .2s ease-in-out;visibility:hidden;white-space:nowrap;width:-webkit-max-content;width:max-content;z-index:10}.tooltip .tooltiptext,.tooltip .tooltiptext:after{left:50%;position:absolute;transform:translateX(-50%)}.tooltip .tooltiptext:after{border:5px solid #0000;border-top-color:#000000bf;content:"";top:100%}.tooltip:hover .tooltiptext{opacity:1;visibility:visible}.novelag-options{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.novelag-options button{background-color:#eee;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .2s}.novelag-options button:hover{background-color:#ddd}.novelag-input{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.novelag-input input{font-size:1rem;margin-right:.5rem;padding:.5rem;width:200px}.novelag-input button{cursor:pointer;font-size:1rem;padding:.5rem 1rem}.cambiarNpopup{background:#00000080}.cambiarNpopup-content{background:#fff;border-radius:5px;box-shadow:0 0 15px #0000001a;width:300px}.cambiarNpopup-content input{margin:10px 0;padding:10px}.cambiarNpopup-content button{margin-top:10px;padding:10px}.novela-container{align-items:center;background-color:#2b3a42;background-image:linear-gradient(180deg,#26313d,#2b3a42);color:#e0e7f1;display:flex;flex-direction:column;font-family:Noto Sans JP,sans-serif;height:100vh;justify-content:center;margin:0;overflow:hidden;padding:0;width:100%}.novela-text{background-color:#353f47;border:3px solid #4a90e2;border-radius:8px;box-shadow:0 4px 8px #0000004d;box-sizing:border-box;font-size:1.2em;line-height:1.6;margin-top:40px;max-width:800px;padding:20px;position:relative;width:70%}.novela-text .interactive-phrase{cursor:pointer;padding-left:20px;position:relative}.novela-text strong{color:#5a9bd5;font-size:1.2em;font-weight:700;text-shadow:1px 1px 4px #0000004d}.novela-options{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:600px;padding:20px}.novela-options button{background-color:#4a596a!important;border:3px solid #5a9bd5!important;border-radius:8px!important;box-shadow:0 4px 8px #0000001a!important;color:#f1f5f9!important;cursor:pointer!important;font-family:Noto Sans JP,sans-serif!important;font-size:1.1em!important;font-weight:600!important;padding:14px 24px!important;transition:background .3s ease,box-shadow .3s ease!important;will-change:box-shadow}.novela-options button:hover{background:#5a7a8d!important;box-shadow:0 6px 12px #0003!important}.tooltip{word-wrap:break-word;background-color:#323c46f2;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#e0e7f1;font-size:1.2em;left:50%;margin-top:40px;max-width:800px;opacity:0;padding:20px;pointer-events:none;position:absolute;top:-200px;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;white-space:normal;width:70%;z-index:10}.interactive-phrase .tooltip{opacity:1;visibility:visible}.tooltip:after{border:5px solid #0000;border-top-color:#323c46f2;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.novela-input{display:flex;flex-direction:column;margin-top:20px}.novela-input input{background-color:#353f47;border:2px solid #5a9bd5;border-radius:8px;color:#e0e7f1;font-size:1.1em;margin-bottom:10px;padding:12px;width:100%}.novela-input button{background-color:#5a9bd5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;padding:12px 20px;transition:background-color .2s}.novela-input button:hover{background-color:#4688b0}.cambiarNpopup{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cambiarNpopup-content{background-color:#2b3e49;border-radius:10px;box-sizing:border-box;max-width:400px;padding:20px;text-align:center;width:100%}.cambiarNpopup-content input{background-color:#353f47;border:2px solid #5a9bd5;border-radius:8px;color:#e0e7f1;font-size:1.1em;margin-bottom:10px;padding:12px;width:100%}.cambiarNpopup-content button{background-color:#5a9bd5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;padding:12px 20px}.cambiarNpopup-content button:hover{background-color:#4688b0}@media (max-width:768px){.novela-container{padding:10px}.novela-text{margin:10px auto;padding:15px;width:90%}.novela-options button{font-size:1em;padding:10px}.cambiarNpopup-content,.tooltip{width:85%}.tooltip{font-size:1em;max-width:90%;padding:18px;top:-120px}}.usc-userId{color:#555}.usc-buttonContainer{gap:10px;margin-bottom:20px}.usc-button{background:linear-gradient(135deg,#06c,#004099);border-radius:6px;box-shadow:0 4px 12px #06c6;font-size:16px;margin:5px;min-width:150px;padding:10px 20px;position:relative;text-align:center;transition:background-color .3s ease,box-shadow .3s ease;will-change:background-color,box-shadow}.usc-button:hover{background:linear-gradient(135deg,#004099,#002d66);box-shadow:0 4px 12px #06c6}.usc-button:active{box-shadow:0 2px 6px #0066cc4d}.usc-popupOverlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.usc-popupContent,.usc-popupSlidingContent{animation:slideUp .3s ease;background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 10px 40px #00000026;min-width:300px;padding:20px;position:relative;z-index:1100}.usc-popupSlidingContent{max-height:80vh;overflow-y:auto}.usc-closeButton{align-items:center;background-color:initial;border:none;border-radius:6px;color:#555;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .3s ease;width:32px}.usc-closeButton:hover{background-color:#0066cc1f;color:#06c;transform:rotate(90deg)}.usc-label{color:#333;display:block;font-weight:500;margin:12px 0 6px;transition:color .3s ease}.usc-input{background-color:#f8f9fa;border:2px solid #ddd;border-radius:6px;font-size:14px;margin-bottom:10px;padding:10px 12px;transition:all .3s ease;width:100%}.usc-input:focus{background-color:#fff;border-color:#06c;box-shadow:0 0 0 3px #0066cc1f;outline:none}.usc-categoryCard{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border:2px solid #ddd;border-radius:10px;box-shadow:0 2px 8px #00000014;cursor:pointer;margin-bottom:20px;padding:20px;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none;-moz-user-select:none;-ms-user-select:none}.usc-categoryCard,.usc-categoryCard:active{background:linear-gradient(135deg,#fff,#f8f9fa)}.usc-categoryCard:before{background:linear-gradient(90deg,#06c,#004099);content:"";height:4px;left:0;position:absolute;top:0;transition:width .3s ease;width:0}.usc-categoryCard:hover{border-color:#06c;box-shadow:0 8px 24px #0066cc40;transform:translateY(-4px)}.usc-categoryCard:hover:before{width:100%}.usc-categoryTitle{align-items:center;color:#333;cursor:pointer;display:flex;font-size:18px;font-weight:700;justify-content:space-between;overflow-wrap:break-word;transition:color .3s ease;word-break:break-word}.usc-categoryCard p{max-width:100%;overflow:hidden;overflow-wrap:break-word;word-break:break-all}.usc-categoryCard:hover .usc-categoryTitle{color:#06c}.usc-expandIcon{color:#06c;float:right;font-size:18px;margin-left:10px;transition:transform .3s ease;will-change:transform}.usc-categoryCard[data-expanded=true] .usc-expandIcon{transform:rotate(180deg)}html[data-theme=dark] .usc-wordText{color:#d8dfe8}html[data-theme=dark] .usc-buttonU{background-color:#06c;color:#fff}html[data-theme=dark] .usc-buttonU:hover{background-color:#004099}.usc-buttonGroup,.usc-buttonGroupU{transition:all .3s ease}.usc-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.usc-button:disabled:hover{background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 4px 12px #007bff4d;transform:none}.usc-wordItem{animation:fadeInSlide .3s ease backwards}.usc-wordItem:first-child{animation-delay:.05s}.usc-wordItem:nth-child(2){animation-delay:.1s}.usc-wordItem:nth-child(3){animation-delay:.15s}.usc-wordItem:nth-child(4){animation-delay:.2s}.usc-wordItem:nth-child(5){animation-delay:.25s}@keyframes fadeInSlide{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.usc-container{animation:pageLoadFade .5s ease;margin:auto;max-width:800px;padding:20px}.usc-title{color:#333;margin-bottom:10px;text-align:center}.usc-userId{color:#888;font-size:14px;margin-bottom:20px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.usc-buttonContainer{animation:slideDown .4s ease;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:25px}.usc-formGroup{animation:slideUp .3s ease}.usc-wordGroup{border-bottom:1px solid #f0f0f0;margin-bottom:12px;padding:8px 0;transition:background-color .3s ease}.usc-wordGroup:hover{background-color:#007bff0d;margin-left:-4px;padding-left:4px}.usc-dot{color:#007bff;font-size:16px;font-weight:700;margin-right:10px}.usc-wordsContainer{animation:slideDown .3s ease forwards;margin-top:15px;padding-left:20px}.usc-wordItem{background-color:#0066cc14;border-left:3px solid #06c;border-radius:4px;margin:8px 0;padding:8px 12px;transition:all .3s ease}.usc-wordItem:hover{background-color:#0066cc26;border-left-color:#004099;padding-left:16px}.usc-buttonGroup{display:flex;justify-content:space-between;margin-top:10px}.usc-buttonGroupU{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.usc-buttonU{background-color:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px 18px;transition:all .3s ease}.usc-buttonU:hover{background-color:#004099}.usc-buttonU:active{transform:scale(.98)}.usc-formGroup{margin-top:20px}.usc-dot{color:gray;font-size:18px;margin-right:5px}.usc-wordGroup{align-items:center;display:flex;margin-bottom:10px}.usc-wordText{color:#333;font-weight:600}html[data-theme=dark] .usc-container{background-color:initial}html[data-theme=dark] .usc-title{color:#fff}html[data-theme=dark] .usc-userId{color:#8fb3ff}html[data-theme=dark] .usc-categoryCard{background:linear-gradient(135deg,#0a1f3d,#102a4d);border-color:#1e4d8b;box-shadow:0 2px 8px #06c3}html[data-theme=dark] .usc-categoryCard:hover{border-color:#4da6ff;box-shadow:0 8px 24px #4da6ff59;transform:translateY(-4px)}html[data-theme=dark] .usc-categoryTitle{color:#e6f0ff}html[data-theme=dark] .usc-categoryCard:hover .usc-categoryTitle,html[data-theme=dark] .usc-expandIcon{color:#4da6ff}html[data-theme=dark] .usc-wordItem{background-color:#4da6ff26;border-left-color:#4da6ff;color:#c8e6ff}html[data-theme=dark] .usc-wordItem:hover{background-color:#4da6ff40}html[data-theme=dark] .usc-popupContent,html[data-theme=dark] .usc-popupSlidingContent{background-color:#0a1f3d;border-color:#1e4d8b;box-shadow:0 10px 40px #0009;color:#c8e6ff}html[data-theme=dark] .usc-popupOverlay{background-color:#000000d9}html[data-theme=dark] .usc-button{background:linear-gradient(135deg,#06c,#004099);box-shadow:0 4px 12px #0066cc80}html[data-theme=dark] .usc-button:hover{background:linear-gradient(135deg,#004099,#002d66);box-shadow:0 4px 12px #0066cc80}html[data-theme=dark] .usc-input{background-color:#0f2847;border:2px solid #1e4d8b;color:#c8e6ff}html[data-theme=dark] .usc-input:focus{background-color:#0a1f3d;border-color:#4da6ff;box-shadow:0 0 0 3px #4da6ff4d}html[data-theme=dark] .usc-label{color:#c8e6ff}html[data-theme=dark] .usc-closeButton{color:#8fb3ff}html[data-theme=dark] .usc-closeButton:hover{background-color:#4da6ff2e;color:#4da6ff}html[data-theme=dark] .usc-wordGroup{border-bottom-color:#1e4d8b;color:#c8e6ff}html[data-theme=dark] .usc-wordGroup:hover{background-color:#4da6ff1f}html[data-theme=dark] .usc-dot{color:#4da6ff}html[data-theme=dark] .usc-input{background-color:#263442;border:2px solid #3a4a5c;color:#d8dfe8}html[data-theme=dark] .usc-label{color:#d8dfe8}@media (max-width:480px){.usc-container{margin:0 auto;max-width:100%;padding:16px 12px}.usc-title{font-size:1.4rem;margin-bottom:12px}.usc-userId{color:#8fb3ff;font-size:.875rem;padding:0 8px}.usc-buttonContainer{flex-direction:column;gap:12px}.usc-button{border-radius:6px;font-size:1rem;margin:0 0 8px;min-width:auto;padding:12px 0;width:100%}.usc-popupContent,.usc-popupSlidingContent{border-radius:12px;max-height:85vh;padding:20px 16px;width:95%}.usc-buttonGroup,.usc-buttonGroupU{flex-direction:column;gap:12px}.usc-wordItem{margin:6px 0;padding:6px 10px}}:root{--folder-manager-primary:#4da6ff;--folder-manager-primary-dark:#2d7acc;--folder-manager-success:#52c41a;--folder-manager-success-dark:#389e0d;--folder-manager-danger:#f5222d;--folder-manager-danger-dark:#d32f2f;--folder-manager-warning:#faad14;--folder-manager-info:#1890ff;--folder-manager-light-gray:#f5f7fa;--folder-manager-medium-gray:#d9d9d9;--folder-manager-dark-gray:#262626;--text-primary:#1f2937;--text-secondary:#6b7280;--bg-light:#fff;--bg-light-secondary:#f9fafb;--border-color:#e5e7eb}.folder-manager{animation:pageLoadFade .5s ease;margin:auto;max-width:1000px;padding:20px}@keyframes pageLoadFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn-cancel,.btn-copy,.btn-create,.btn-danger,.btn-delete,.btn-import,.btn-import-action,.btn-info,.btn-primary,.btn-save,.btn-success{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.5px;margin:8px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.btn-create,.btn-import,.btn-primary{background:#4da6ff;box-shadow:0 2px 8px #4da6ff33;color:#f1f1f1}.btn-create:hover,.btn-import:hover,.btn-primary:hover{background:#2d7acc;box-shadow:0 4px 12px #4da6ff40}.btn-create:active,.btn-import:active,.btn-primary:active{box-shadow:0 2px 6px #4da6ff26;transform:scale(.98)}.btn-save{background:#4da6ff;box-shadow:0 2px 8px #4da6ff33;color:#f1f1f1}.btn-save:hover{background:#2d7acc;box-shadow:0 4px 12px #4da6ff40}.btn-save:active{transform:scale(.98)}.btn-copy,.btn-import-action{background-color:#4da6ff;box-shadow:0 2px 8px #4da6ff33;color:#f1f1f1}.btn-copy:hover,.btn-import-action:hover{background-color:#2d7acc;box-shadow:0 4px 12px #4da6ff40}.btn-copy:active,.btn-import-action:active{transform:scale(.98)}.btn-delete{background-color:#4da6ff;box-shadow:0 2px 8px #4da6ff33;color:#f1f1f1;min-width:120px}.btn-delete:hover{background-color:#2d7acc;box-shadow:0 4px 12px #4da6ff40}.btn-delete:active{transform:scale(.98)}.btn-cancel{background-color:#4da6ff;box-shadow:0 2px 8px #4da6ff33;color:#f1f1f1;min-width:120px}.btn-cancel:hover{background-color:#2d7acc;box-shadow:0 4px 12px #4da6ff40;color:#f1f1f1}.btn-cancel:active{transform:scale(.98)}.input-folder-name,.input-import{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-size:15px;margin-bottom:15px;max-width:400px;padding:10px 12px;transition:all .2s ease;width:100%}.input-folder-name:focus,.input-import:focus{border-color:#4da6ff;box-shadow:0 0 0 2px #4da6ff14;outline:none}.folder-create{align-items:center;display:flex;flex-direction:column;gap:15px;margin:20px 0;text-align:center}.folder-create h2{color:#262626;color:var(--folder-manager-dark-gray);margin-bottom:15px}.folder-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:20px 0}.folder-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px;position:relative;transition:all .3s ease}.folder-item:before{background:#4da6ff;border-radius:8px 0 0 0;content:"";height:3px;left:0;position:absolute;top:0;transition:width .3s ease;width:0}.folder-item:hover{border-color:#4da6ff;box-shadow:0 4px 12px #4da6ff1f}.folder-item:hover:before{width:100%}.folder-name{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 10px;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}.folder-item:hover .folder-name{color:#4da6ff}.folder-id{color:#9ca3af;font-family:monospace;font-size:13px;margin-bottom:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usc-button{background-color:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:8px;margin-right:8px;padding:8px 14px;transition:all .3s ease}.usc-button:hover{background-color:#004099}.usc-button:active{transform:scale(.98)}.no-folders{color:#666;font-size:16px;font-weight:500;padding:20px;text-align:center}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.categories-container{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin:20px 0;max-height:300px;overflow-y:auto;padding:16px}.category-item{align-items:center;display:flex;gap:10px;padding:8px 0}.category-item input{accent-color:#4da6ff;cursor:pointer;height:18px;width:18px}.category-item input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;display:inline-block;flex-shrink:0;height:20px;transition:all .2s ease;width:20px}.category-item input[type=checkbox]:hover{background-color:#f9fafb;border-color:#9ca3af}.category-item input[type=checkbox]:checked{background-color:#4da6ff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 1 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#4da6ff}.category-item label{flex-grow:1;margin:0}.category-item label,.checkbox-container{color:#1a1a1a;cursor:pointer;font-weight:500}.checkbox-container{align-items:center;border-radius:4px;display:flex;font-size:16px;gap:10px;padding:10px;transition:background-color .3s ease}.checkbox-container:hover{background-color:#0066cc1a}.checkbox-container input{cursor:pointer;height:20px;width:20px}html[data-theme=dark] .folder-manager{background-color:initial}html[data-theme=dark] .btn-create,html[data-theme=dark] .btn-import,html[data-theme=dark] .btn-primary{background:#2563eb;box-shadow:0 4px 16px #2563eb33;color:#f1f1f1;font-weight:700}html[data-theme=dark] .btn-create:hover,html[data-theme=dark] .btn-import:hover,html[data-theme=dark] .btn-primary:hover{background:#3b82f6;box-shadow:0 6px 20px #2563eb4d}html[data-theme=dark] .btn-save{background:#4da6ff;box-shadow:0 4px 16px #4da6ff4d;color:#f1f1f1;font-weight:700}html[data-theme=dark] .btn-save:hover{background:#86c5ff;box-shadow:0 6px 20px #4da6ff66}html[data-theme=dark] .btn-copy,html[data-theme=dark] .btn-import-action{background-color:#2563eb;box-shadow:0 4px 12px #2563eb33;color:#f1f1f1;font-weight:700}html[data-theme=dark] .btn-copy:hover,html[data-theme=dark] .btn-import-action:hover{background-color:#3b82f6;box-shadow:0 6px 16px #2563eb4d}html[data-theme=dark] .btn-delete{background-color:#4da6ff;box-shadow:0 4px 16px #4da6ff4d;color:#f1f1f1;font-weight:700}html[data-theme=dark] .btn-delete:hover{background-color:#86c5ff;box-shadow:0 6px 20px #4da6ff66}html[data-theme=dark] .btn-cancel{background-color:#4da6ff;box-shadow:0 4px 12px #4da6ff4d;color:#f1f1f1;font-weight:700}html[data-theme=dark] .btn-cancel:hover{background-color:#86c5ff;box-shadow:0 6px 16px #4da6ff66}html[data-theme=dark] .input-folder-name,html[data-theme=dark] .input-import{background-color:#0f1419;border-color:#1f2937;color:#f3f4f6}html[data-theme=dark] .input-folder-name:focus,html[data-theme=dark] .input-import:focus{border-color:#4da6ff;box-shadow:0 0 0 2px #4da6ff26}html[data-theme=dark] .folder-create h2,html[data-theme=dark] h2{color:#fff}html[data-theme=dark] .folder-item{background:#1f2937;border-color:#374151;box-shadow:0 1px 3px #0003}html[data-theme=dark] .folder-item:hover{border-color:#9ca3af;box-shadow:0 4px 12px #0003}html[data-theme=dark] .folder-name{color:#f3f4f6}html[data-theme=dark] .folder-item:hover .folder-name{color:#e5e7eb}html[data-theme=dark] .folder-id{color:#9ca3af}html[data-theme=dark] .categories-container{background-color:#0f1419;border:1px solid #1f2937}html[data-theme=dark] .checkbox-container:hover{background-color:#37415180}html[data-theme=dark] .category-item input[type=checkbox]{background-color:#111827;border-color:#4b5563}html[data-theme=dark] .category-item input[type=checkbox]:hover{background-color:#1f2937;border-color:#6b7280}html[data-theme=dark] .category-item input[type=checkbox]:checked{background-color:#4da6ff;border-color:#4da6ff}html[data-theme=dark] .category-item label{color:#e5e7eb;font-weight:500}html[data-theme=dark] .checkbox-container{color:#e5e7eb}html[data-theme=dark] .usc-button{background-color:#06c;color:#fff}html[data-theme=dark] .usc-button:hover{background-color:#004099}.categories-container::-webkit-scrollbar{width:8px}.categories-container::-webkit-scrollbar-track{background:#111827;border-radius:10px}.categories-container::-webkit-scrollbar-thumb{background:#4b5563;border-radius:10px}.categories-container::-webkit-scrollbar-thumb:hover{background:#6b7280}.categories-container,.fm-modal-create-edit,.fm-modal-export,.fm-modal-import{scrollbar-color:#4b5563 #0000;scrollbar-width:thin}@media (max-width:768px){.folder-manager{padding:16px 12px}.folder-list{gap:16px;grid-template-columns:1fr}.modal-content{margin:0 auto;max-width:90vw!important;padding:24px!important;width:90vw!important}.input-folder-name,.input-import{font-size:16px;max-width:100%}.btn-cancel,.btn-copy,.btn-create,.btn-danger,.btn-delete,.btn-import,.btn-import-action,.btn-info,.btn-primary,.btn-save,.btn-success{font-size:15px;margin:6px;min-width:auto;padding:12px 20px}.folder-actions{flex-wrap:wrap;justify-content:center}.folder-actions .btn-danger,.folder-actions .btn-info,.folder-actions .btn-primary,.folder-actions .btn-save{flex:1 1;min-width:120px}}@media (max-width:480px){.folder-manager{padding:12px 8px}.folder-list{gap:12px;grid-template-columns:1fr;padding:0}.folder-item{border-radius:8px;padding:16px}.folder-name{font-size:16px;margin-bottom:8px}.folder-id{font-size:12px}.folder-create h2{font-size:18px;margin-bottom:12px}.btn-cancel,.btn-copy,.btn-create,.btn-danger,.btn-delete,.btn-import,.btn-import-action,.btn-info,.btn-primary,.btn-save,.btn-success{font-size:14px;margin:4px 2px;padding:11px 16px}.usc-button{font-size:13px;margin:4px;padding:8px 12px}.fm-modal-create-edit,.fm-modal-delete,.fm-modal-export,.fm-modal-import{border-radius:10px!important;margin:0 auto!important;max-width:95vw!important;padding:20px!important;width:95vw!important}.modal-content h2{font-size:18px;margin-bottom:12px}.modal-content{border-radius:10px;margin:0 auto;max-width:95vw!important;padding:20px!important;width:95vw!important}.input-folder-name,.input-import{font-size:14px;max-width:100%;padding:10px}.categories-container{max-height:60vh}}.modal-overlay{animation:fadeIn .3s ease;background-color:#000000bf;display:none}.modal-overlay.active{display:flex}.modal-content{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 40px #00000014;margin:0 auto;max-height:85vh;max-width:500px;overflow-y:auto;padding:32px;width:100%}html[data-theme=dark] .modal-content{background-color:#111827;border:1px solid #1f2937;color:#e5e7eb}.modal-content h2{color:#111827;font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0 0 24px}html[data-theme=dark] .modal-content h2{color:#f3f4f6}.modal-content p{line-height:1.5;margin:16px 0}html[data-theme=dark] .modal-content p{color:#d1d5db}.modal-content label{color:#374151;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;line-height:1.5;margin-bottom:8px;text-transform:uppercase}html[data-theme=dark] .modal-content label{color:#d1d5db}.modal-content pre{word-wrap:break-word;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;font-family:Courier New,monospace;font-size:13px;font-weight:500;margin:16px 0;overflow-x:auto;padding:16px;white-space:pre-wrap}html[data-theme=dark] .modal-content pre{background-color:#0f1419;border:1px solid #1f2937;color:#d1d5db}.soporte-container{background-color:#f9f9f9;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:30px}.soporte-header{margin-bottom:30px}.soporte-header h1{color:#1a73e8;font-size:2.5rem}.soporte-header .subtitle{color:#555;font-size:1.2rem}.soporte-content{background-color:#fff;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:800px}h3{color:#1a73e8;font-size:1.5rem;margin-bottom:10px}.contact-section,.faq-section{margin-bottom:30px}.contact-section ul,.faq-section ul{list-style:none;padding:0}.contact-section li,.faq-section li{margin:10px 0}.clear-link,.contact-link{color:#1a73e8;font-weight:700;text-decoration:none}.clear-link:hover,.contact-link:hover{text-decoration:underline}.faq-section p{color:#555;font-size:1rem}.faq-section strong{font-weight:600}@media (max-width:768px){.soporte-container{padding:20px}.soporte-header h1{font-size:2rem}.soporte-content{padding:15px}h3{font-size:1.3rem}}.soporte-container{font-family:Arial,sans-serif;margin:0 auto;max-width:900px}.soporte-header h1{font-size:2.5em;margin-bottom:10px}.soporte-header .subtitle{color:#666;font-size:1.2em}.soporte-content{background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a;padding:20px}.faq-section h3{font-size:1.8em;margin-bottom:10px}.faq-section li{margin-bottom:20px}.faq-section li strong{display:block;font-size:1.2em;margin-bottom:5px}.clear-link{color:#007bff;cursor:pointer;display:inline-block;font-size:16px;line-height:1.5;padding:12px 0;text-decoration:none;transition:color .3s ease}.clear-link:hover{text-decoration:underline}.reload-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px}.reload-button:hover{background-color:#0056b3}.additional-info{margin-top:30px;text-align:center}.additional-info a{color:#007bff;text-decoration:none}.additional-info a:hover{text-decoration:underline}.clear-cache-button{background-color:#ff6f61;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.clear-cache-button:hover{background-color:#e04f46}.soporte-container{padding:20px}.soporte-header{margin-bottom:20px;text-align:center}.subtitle{color:gray;font-size:1rem}.faq-section{margin-top:20px}.faq-section ul{list-style-type:none;padding:0}.faq-section li{margin-bottom:10px}.support-form-section{margin-top:40px}.form-group{margin-bottom:15px}input,textarea{background-color:#fff;border:2px solid #b0c4de;border-radius:5px;box-sizing:border-box;font-size:1rem;padding:10px;transition:border-color .3s ease;width:100%}input[type=email][readonly]{background-color:#f9f9f9;border:2px solid #b0c4de;color:#000;cursor:not-allowed}input:focus,textarea:focus{border-color:#6a8dff;box-shadow:0 0 5px #6a8dff66;outline:none}input:hover,textarea:hover{border-color:#a1b8e6}button{background-color:#0084ff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.contact-email-link{color:#333;text-decoration:none}.contact-email-link:hover{text-decoration:underline}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:5px;padding:20px;text-align:center;width:300px}.modal-content h3{margin-bottom:15px}.modal-content button{background-color:#007bff;border:none;color:#fff;cursor:pointer;margin:5px;padding:10px 20px}.modal-content button:hover{background-color:#0056b3}.faqFormText{color:#000}:root{--font-family:"Arial",sans-serif;--primary-color:#0084ff;--primary-hover-color:#006fcc;--secondary-color:#333;--background-color:#f4f4f9;--text-light:#fff;--text-dark:#444;--error-color:#e74c3c;--success-color:#2ecc71;--border-radius:8px;--box-shadow:0 4px 8px #0000001a;--transition:0.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f4f9;background-color:var(--background-color);color:#444;color:var(--text-dark);font-family:Arial,sans-serif;font-family:var(--font-family);line-height:1.6}h1,h2,h3{color:#333;color:var(--secondary-color);margin-bottom:20px;text-align:center}.page{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:20px}.container{margin:0 auto;max-width:1200px;padding:20px;width:100%}.category-button,.folder-button,.word-button{background-color:#0084ff;background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;color:var(--text-light);cursor:pointer;font-size:1rem;margin:10px;min-height:48px;min-width:48px;padding:12px 20px;transition:background-color .3s ease,transform .3s ease;transition:background-color var(--transition),transform var(--transition);will-change:transform}button:hover{background-color:#006fcc;transform:translateY(-5px)}.dic-back-button,.next-button{background-color:#0084ff;background-color:var(--primary-color,#06c);border:none;border-radius:8px;box-shadow:0 2px 5px #0000001a;color:#fff;color:var(--button-text-color,#fff);cursor:pointer;font-size:1rem;font-weight:600;line-height:1.4;margin:0 8px 12px 0;padding:12px 28px;transition:background-color .25s ease,transform .15s ease;will-change:transform}@media (max-width:480px){.dic-back-button,.next-button{box-sizing:border-box;font-size:.95rem;margin:0 0 12px;max-width:100%;padding:10px 20px;width:100%}}.question-container{gap:12px;justify-content:flex-start;max-width:100%;min-height:100vh;padding:12px}.question-container,.question-section{align-items:center;display:flex;flex-direction:column;margin:0 auto;width:100%}.question-section{gap:10px;justify-content:center;max-width:900px}.answer-section{display:flex;flex-direction:column;gap:16px;max-width:100%;width:100%}.input-wrapper{margin:0 auto;max-width:500px;width:100%}.button-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;max-width:100%;width:100%}.text-container,.text-content{word-wrap:break-word;background-color:#f9f9f9;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 8px #0000001a;box-shadow:var(--box-shadow);margin-bottom:0;margin-left:auto;margin-right:auto;max-width:100%;overflow-wrap:break-word;padding:20px;text-align:center}.image-container{justify-content:center}.image-container,.image-text-container{align-items:center;display:flex;flex-direction:column;width:100%}.image-text-container{gap:10px}.options{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;justify-content:center}.option-button{flex:1 1;font-size:1.6rem;max-width:280px;min-width:180px}.answer-input{display:flex;gap:15px;width:100%}.final-results-popup,.skip-popup{align-items:center;background-color:#000000b3;color:#fff;color:var(--text-light);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:9999}.answer-input input[type=text]{background-color:#f5f5f5;border:2px solid #007bff;border-radius:6px;box-sizing:border-box;color:#1a1a1a;flex:1 1 auto;font-size:1.1rem;font-weight:500;max-width:300px;min-width:150px;outline:none;transition:border-color .3s ease,box-shadow .3s ease;will-change:box-shadow}.answer-input input[type=text]:focus{border-color:#0056b3;box-shadow:0 0 8px #0054ff4d}.preguntados-button{background-color:#007bff;border:2px solid #007bff;border-radius:5px;box-shadow:none;color:#fff;cursor:pointer;flex:1 1 auto;font-size:1rem;font-weight:600;margin:0;min-width:120px;padding:14px 18px;transition:background-color .3s ease,border-color .3s ease}.preguntados-button:hover{background-color:#0056b3;border-color:#0056b3}.preguntados-button:active{transform:scale(.98)}.final-results-popup h3,.final-results-popup p{margin:10px 0}.final-buttons{display:flex;gap:20px}.option-button{background-color:#f5f5f5;border:2px solid #007bff;border-radius:5px;color:#1a1a1a;cursor:pointer;font-weight:600;opacity:1;transform:none;transition:opacity .5s ease-out,transform .5s ease-out,background-color .3s ease;will-change:transform}.option-button:hover{background-color:#ebebeb}.options button.incorrect{background-color:#e74c3c;border-color:#c0392b;color:#fff;opacity:0;pointer-events:none;transform:scale(0)}.options button.incorrect:hover{background-color:#c0392b}.options button.correct{background-color:#2ecc71;border-color:#27ae60;color:#fff}.options button.correct:hover{background-color:#27ae60;border-color:#229954}.popup-message{background-color:#000000b3;border-radius:10px;color:#fff;font-size:20px;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);transition:opacity .5s ease-in-out;z-index:10}.sign-image,.word-image{border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 8px #0000001a;box-shadow:var(--box-shadow);margin:20px auto;max-height:50vh}.sign-image,.sign-media,.word-image{display:block;max-width:100%;object-fit:contain}.sign-media{background-color:#000;border-radius:8px;height:auto;margin:15px 0;width:100%}.sign-text{background-color:#f7f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#2c3e50;font-size:1.4rem;font-weight:700;margin-bottom:8px;margin-top:8px;padding:8px;text-decoration:underline}.category-selection{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:1100px;padding:20px;width:100%}.selection-section{display:flex;flex-direction:column;gap:15px}.selection-section h2{color:#333;font-size:1.8rem;font-weight:600;margin:0;text-align:center}.button-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));width:100%}.category-button{border-radius:6px;box-shadow:0 2px 4px #007bff4d;font-size:.95rem;font-weight:600;overflow:hidden;padding:14px 16px;position:relative;text-align:center;transition:all .3s ease}.category-button:before{background:#fff3;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%}.category-button:hover{background-color:#0056b3;box-shadow:0 4px 12px #0038b366;transform:translateY(-3px)}.category-button:hover:before{left:100%}.category-button:active{transform:translateY(-1px)}.empty-message{color:#666;font-size:1.1rem;padding:20px;text-align:center}.folder-grid{grid-gap:15px;align-items:start;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.folder{background-color:#f9f9f9;border:2px solid #ddd;height:-webkit-fit-content;height:fit-content;overflow:hidden}.folder-header{background-color:#f5f5f5;cursor:pointer;padding:12px 15px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.folder-header:hover{background-color:#e8e8e8}.folder-header h3{font-size:1rem;font-weight:600;margin:0}.toggle-icon{color:#666;display:inline-block;font-size:.9rem;transform:translateY(0) rotate(0deg);transition:transform .5s ease-in-out;will-change:transform}.folder.open .toggle-icon{transform:translateY(-3px) rotate(180deg)}.folder-categories{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));max-height:500px;opacity:1;overflow:hidden;padding:12px}.folder-categories,.folder-categories.hidden{transition:max-height .5s ease-in-out,opacity .5s ease-in-out,padding .5s ease-in-out}.folder-categories.hidden{max-height:0;opacity:0;padding:0 12px}@media (max-width:768px){.sign-image,.word-image{max-height:70vh;width:100%}}@media (max-width:480px){.sign-image,.sign-media,.word-image{margin:10px auto;max-height:35vh;object-fit:contain;width:100%}.category-selection{gap:15px;padding:12px}.selection-section h2{font-size:1.3rem;margin-bottom:0}.button-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.category-button{font-size:.85rem;padding:11px 12px}.folder-grid{gap:10px;grid-template-columns:1fr}.folder-header{padding:10px 12px}.folder-header h3{font-size:.9rem;margin:0}.toggle-icon{font-size:.85rem}.folder-categories{gap:6px;grid-template-columns:repeat(2,1fr);padding:8px}.question-section{gap:8px}.answer-section{gap:10px}.button-group{flex-direction:row!important;flex-wrap:wrap!important;gap:8px;justify-content:center;width:100%}.preguntados-button{flex:1 1 45%!important;font-size:.85rem;max-width:48%;min-width:75px;padding:12px 8px}.answer-input input[type=text]{font-size:1rem;padding:10px 12px;width:100%}.text-container,.text-content{font-size:1.1rem;line-height:1.4;padding:12px 16px}}@media (min-width:481px) and (max-width:768px){.category-selection{gap:25px;padding:20px}.selection-section h2{font-size:1.6rem}.button-grid{gap:12px;grid-template-columns:repeat(3,1fr)}.category-button{font-size:.92rem;padding:13px 15px}.folder-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.folder-categories{gap:10px;grid-template-columns:repeat(3,1fr)}}@media (min-width:1920px){.question-container{gap:30px;max-width:1200px;padding:30px}.text-container,.text-content{font-size:2.4rem;line-height:1.7;padding:30px 40px}.question-section{max-width:1000px}.answer-section{gap:20px;max-width:800px}.input-wrapper{max-width:600px}.sign-image,.sign-media{margin:12px auto;max-height:55vh;width:calc(100% - 100px)}.options{gap:25px}.option-button{font-size:1.4rem;max-width:320px;padding:18px 28px;transition:opacity .3s ease-out,transform .3s ease-out,background-color .3s ease;will-change:transform}.category-selection{gap:45px;padding:30px}.selection-section h2{font-size:2.2rem}.button-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.folder-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.category-button{font-size:1.1rem;padding:18px 24px}.button-group{gap:18px}.preguntados-button{font-size:1.1rem;min-width:140px;padding:16px 24px}.answer-input input[type=text]{font-size:1.2rem;padding:16px 20px}}@media (min-width:481px) and (max-width:768px){.category-selection{gap:35px;padding:25px}.selection-section{padding:25px}.selection-section h2{font-size:1.9rem}.button-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.category-button{font-size:.95rem;padding:16px 20px}.folder-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.folder-categories{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.question-container{gap:25px;max-width:1100px;padding:20px}.text-container,.text-content{font-size:2.1rem;line-height:1.5;padding:20px 30px}.question-section{max-width:950px}.answer-section{max-width:750px}.input-wrapper{max-width:550px}.sign-image,.sign-media{margin:8px auto;max-height:38vh;width:calc(100% - 30px)}.options{gap:20px}.option-button{font-size:1.3rem;max-width:300px;padding:15px 25px}.category-selection{gap:38px;padding:22px}.button-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.folder-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.button-group{gap:14px}.preguntados-button{font-size:1.02rem;min-width:130px;padding:14px 20px}.answer-input input[type=text]{font-size:1.12rem;padding:14px 18px}@media (min-width:1024px) and (max-width:1260px){.question-container{gap:28px;max-width:1100px;padding:22px}.text-container,.text-content{font-size:1.95rem;line-height:1.55;padding:18px}.options{gap:15px}.option-button{font-size:1.15rem;max-width:270px;padding:14px 21px}.answer-input{gap:12px}.answer-input input[type=text]{font-size:1.05rem;max-width:280px;padding:13px 16px}.preguntados-button{font-size:1rem;padding:13px 18px}}@media (min-width:769px) and (max-width:1023px){.question-container{gap:18px;padding:15px}.text-container,.text-content{font-size:1.6rem!important;line-height:1.4;padding:14px}.question-section{max-width:100%}.answer-section{max-width:650px}.input-wrapper{max-width:100%}.sign-image,.sign-media{margin:8px auto;max-height:42vh;width:calc(100% - 40px)}.options{flex-direction:row;flex-wrap:wrap;gap:10px;width:100%}.option-button{flex:1 1 45%;font-size:1rem;max-width:200px;min-width:130px;padding:12px 16px}.category-selection{padding:15px}.button-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.folder-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.button-group{gap:10px}.preguntados-button{min-width:100px}.answer-input input[type=text],.preguntados-button{font-size:.95rem;padding:11px 14px}}@media (max-width:768px){.question-container{gap:15px;padding:12px}.text-container,.text-content{font-size:1.5rem!important;line-height:1.3;padding:12px}.answer-section,.input-wrapper,.question-section{max-width:100%}.sign-image,.sign-media{margin:10px auto;max-height:48vh;width:calc(100% - 60px)}.options{flex-direction:column;gap:10px;width:100%}.option-button{font-size:1rem;max-width:100%;min-width:auto;padding:12px 16px}.category-selection{padding:12px}.selection-section h2{font-size:1.7rem}.button-grid,.folder-grid{grid-template-columns:1fr}.category-button{font-size:.95rem;padding:14px 18px}.button-group{flex-direction:column;gap:8px}.preguntados-button{font-size:.9rem;min-width:auto;padding:10px 12px;width:100%}.answer-input input[type=text]{font-size:.95rem;padding:10px 12px}}@media (min-width:1024px) and (max-width:1260px){.question-container{gap:22px;padding:18px}.text-container,.text-content{font-size:1.85rem;line-height:1.5;padding:16px}.question-section{max-width:850px}.answer-section{max-width:700px}.input-wrapper{max-width:500px}.sign-image,.sign-media{margin:10px auto;max-height:52vh;width:calc(100% - 80px)}.options{gap:12px}.option-button{font-size:1.1rem;max-width:260px;padding:13px 18px}.category-selection{padding:16px}.button-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.folder-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.button-group{gap:10px}.preguntados-button{font-size:.98rem;min-width:120px;padding:12px 16px}.answer-input input[type=text]{font-size:1rem;padding:12px 14px}}@media (max-width:1260px){.question-container{gap:25px;padding:20px}.text-container,.text-content{font-size:1.9rem;line-height:1.5;padding:18px}.options{gap:14px}.option-button{font-size:1.2rem;max-width:260px;padding:14px 20px}}@media (min-width:481px) and (max-width:768px){.question-container{gap:18px;max-width:100%;padding:12px}.text-container,.text-content{font-size:1.55rem!important;line-height:1.35;margin-bottom:0;padding:14px}.options{flex-direction:column;gap:11px;width:100%}.option-button{font-size:1.05rem;padding:12px 18px}.answer-input{gap:12px}.category-selection{gap:30px;padding:15px}.button-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.folder-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.button-group{gap:10px}.preguntados-button{flex:1 1 auto;font-size:.95rem;min-width:100px;padding:11px 15px}.answer-input input[type=text]{font-size:1rem;padding:11px 14px}}.option-button{font-size:1.05rem;max-width:100%;min-width:auto;padding:13px 17px}.answer-input{flex-direction:column;gap:10px}.answer-input input[type=text]{font-size:1rem;max-width:100%;padding:12px 14px;width:100%}.preguntados-button{flex:0 0 48%;font-size:.95rem;padding:12px 14px;width:48%}.answer-input input{margin-top:0;max-width:100%}@media (max-width:480px){.question-container{gap:15px;padding:10px}.text-container,.text-content{font-size:1.4rem!important;line-height:1.3;margin-bottom:0;padding:12px}.options{flex-direction:column;gap:10px;width:100%}.option-button{font-size:1rem;max-width:100%;min-width:auto;padding:12px 15px}.answer-input{flex-direction:column}.answer-input input{margin-top:20px;max-width:100%}}.filters{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 8px #0000001a;box-shadow:var(--box-shadow);margin:20px auto;max-height:2000px;max-width:400px;overflow:hidden;padding:15px;position:relative;transition:max-height .5s ease-in-out,padding .5s ease-in-out;width:100%}.filters.closed{margin-bottom:0;margin-top:0;max-height:45px;padding:10px 15px}.filters h3{align-items:center;color:#333;color:var(--secondary-color);cursor:pointer;display:flex;font-size:1.4rem;justify-content:space-between;margin-bottom:20px;-webkit-user-select:none;user-select:none}.filters h3 span{font-size:1.5rem;margin-left:10px}.filters label{align-items:center;color:#444;color:var(--text-dark);cursor:pointer;display:flex;font-size:1.1rem;margin-bottom:15px;-webkit-user-select:none;user-select:none}.filters label input[type=checkbox]{margin-right:10px}.filters input[type=checkbox]{height:24px;margin-left:10px;width:24px}.filters.open{max-height:500px;padding:20px}.folder-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:20px}.folder{background:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a;cursor:pointer;padding:10px;transition:all .3s ease}.folder-header{align-items:center;display:flex;font-size:1.2em;font-weight:700;justify-content:space-between;margin-bottom:10px}.categories{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.folder.open .categories{max-height:500px}.word-container.slide-left{transform:translateX(-100%)}.word-container.slide-right{transform:translateX(100%)}.word-container.show{transform:translateX(0)}.word-container{display:flex;transition:transform .5s ease-in-out;will-change:transform}.folder-modal-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1500}.folder-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:800px;width:90%}.folder-modal-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px}.folder-modal-header h2{color:#333;font-size:1.5rem;margin:0}.folder-modal-close{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:color .2s ease;width:32px}.folder-modal-close:hover{color:#333}.folder-modal-categories{grid-gap:12px;display:grid;flex:1 1;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));overflow-y:auto;padding:20px}html[data-theme=dark] .folder-modal-content{background:#1f2937;color:#e5e7eb}html[data-theme=dark] .folder-modal-header{border-bottom-color:#374151}html[data-theme=dark] .folder-modal-header h2{color:#f3f4f6}html[data-theme=dark] .folder-modal-close{color:#9ca3af}html[data-theme=dark] .folder-modal-close:hover{color:#e5e7eb}@media (max-width:768px){.folder-modal-content{max-height:85vh;width:95%}.folder-modal-header{padding:16px}.folder-modal-header h2{font-size:1.2rem}.folder-modal-categories{gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:16px}}html[data-theme=dark]{--background-color:#181818;--text-color:#f1f1f1;--secondary-color:#cfcfcf;--primary-color:#0084ff;--primary-hover-color:#006fcc;--box-shadow:0 4px 12px #00000080;--font-family:"Arial",sans-serif;--text-dark:#f1f1f1}html[data-theme=dark]{background-color:#181818;color:#f1f1f1}html[data-theme=dark],html[data-theme=dark] body{background-color:var(--background-color);color:#fff;font-family:var(--font-family);line-height:1.6}html[data-theme=dark] .container,html[data-theme=dark] .filters,html[data-theme=dark] .final-results-popup,html[data-theme=dark] .folder,html[data-theme=dark] .popup-message,html[data-theme=dark] .preguntados-button,html[data-theme=dark] .skip-popup,html[data-theme=dark] .text-container,html[data-theme=dark] .text-content,html[data-theme=dark] .word-container,html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3{color:var(--text-color)}html[data-theme=dark] .container,html[data-theme=dark] .filters,html[data-theme=dark] .final-results-popup,html[data-theme=dark] .popup-message,html[data-theme=dark] .skip-popup,html[data-theme=dark] .text-container,html[data-theme=dark] .text-content,html[data-theme=dark] .word-container{background-color:var(--background-color)}html[data-theme=dark] .filters{background-color:#333}html[data-theme=dark] .word-container.show{background-color:#444}html[data-theme=dark] .folder{background-color:#2c2c2c}html[data-theme=dark] .category-button,html[data-theme=dark] .folder-button,html[data-theme=dark] .preguntados-button,html[data-theme=dark] .word-button{background-color:var(--primary-color);border:1px solid var(--box-shadow);color:var(--text-color)}html[data-theme=dark] .category-button:hover,html[data-theme=dark] .folder-button:hover,html[data-theme=dark] .preguntados-button:hover,html[data-theme=dark] .word-button:hover{background-color:var(--primary-hover-color)}html[data-theme=dark] .sign-image,html[data-theme=dark] .word-image{border:2px solid var(--primary-color)}html[data-theme=dark] .container,html[data-theme=dark] .filters,html[data-theme=dark] .popup-message,html[data-theme=dark] .text-container,html[data-theme=dark] .word-container{box-shadow:var(--box-shadow)}html[data-theme=dark] .filters,html[data-theme=dark] .folder,html[data-theme=dark] .popup-message{border:1px solid var(--box-shadow)}html[data-theme=dark] .home{background-color:var(--background-color);color:var(--text-color)}html[data-theme=dark] .home h1{color:var(--text-color)}html[data-theme=dark] .home h2{color:var(--secondary-color)}html[data-theme=dark] .home p{color:var(--text-color)}html[data-theme=dark] .home button{background-color:var(--primary-color);color:var(--text-color)}html[data-theme=dark] .home button:hover{background-color:var(--primary-hover-color)}html[data-theme=dark] .home button:active{background-color:#1c6ea4}html[data-theme=dark] .home button.copied{background-color:#27ae60}html[data-theme=dark] .home p.success{color:#27ae60}html[data-theme=dark] .home p.error{color:#e74c3c}html[data-theme=dark] .home ul li{color:var(--secondary-color)}html[data-theme=dark] .home .section{background-color:#333;border-radius:5px;box-shadow:var(--box-shadow)}html[data-theme=dark] .home .section h2,html[data-theme=dark] .home .section p{color:var(--text-color)}html[data-theme=dark] .terms-container{background-color:var(--background-color);color:var(--text-color)}html[data-theme=dark] .terms-title{color:var(--text-color)}html[data-theme=dark] .terms-subtitle{color:var(--secondary-color)}html[data-theme=dark] .terms-paragraph{color:var(--text-color)}html[data-theme=dark] .terms-footer{color:var(--secondary-color)}html[data-theme=dark] .selector-container{background-color:var(--background-color);color:var(--text-color);font-family:var(--font-family)}html[data-theme=dark] .selector-title{color:var(--text-color)}html[data-theme=dark] .juego-card{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background-color:#1e1e1e;border:1px solid #333;border-radius:8px;box-shadow:0 4px 6px #0006;color:#f0f0f0;padding:20px;transition:transform .3s ease,box-shadow .3s ease;-webkit-user-select:none;user-select:none;-moz-user-select:none;-ms-user-select:none;will-change:transform;will-change:box-shadow}html[data-theme=dark] .juego-card:active{background-color:#1e1e1e}html[data-theme=dark] .juego-title{color:var(--primary-color)}html[data-theme=dark] .juego-desc{color:var(--secondary-color)}html[data-theme=dark] .juego-play-button{background-color:#4dabf7;color:#000}html[data-theme=dark] .juego-card:hover{transform:translateY(-5px) scale(1.05)}html[data-theme=dark] .trivia-popup{background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--text-color)}html[data-theme=dark] .trivia-button{background-color:initial;border:1px solid var(--primary-color);color:var(--primary-color)}html[data-theme=dark] .trivia-button:hover{background-color:var(--primary-hover-color);color:#fff}html[data-theme=dark] .trivia-close-button{background-color:red;color:#fff}html[data-theme=dark] .descubrir-container{background-color:var(--background-color);color:var(--text-color)}html[data-theme=dark] .descubrir-title{color:var(--text-color);text-align:center}html[data-theme=dark] .refresh-button{background-color:var(--primary-color);color:#fff}html[data-theme=dark] .refresh-button:hover{background-color:var(--primary-hover-color)}html[data-theme=dark] .folder-card{background-color:#2c2c2c;border:1px solid #444;box-shadow:var(--box-shadow)}html[data-theme=dark] .folder-title{color:var(--text-color)}html[data-theme=dark] .category-button{background-color:var(--primary-color);color:#fff}html[data-theme=dark] .category-button:hover{background-color:var(--primary-hover-color)}html[data-theme=dark] .back-button{background-color:#dc3545;color:#fff}html[data-theme=dark] .back-button:hover{background-color:#c82333}html[data-theme=dark] .popup{background-color:#333;border:1px solid #555;color:var(--text-color)}html[data-theme=dark] .popup-overlay{background-color:#000000b3}html[data-theme=dark] .popup-button{background-color:#28a745;color:#fff}html[data-theme=dark] .popup-button-close{background-color:#dc3545;color:#fff}html[data-theme=dark] .popup-button-close:hover,html[data-theme=dark] .popup-button:hover{opacity:.9}html[data-theme=dark] .truncate-id{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-theme=dark] .soporte-container{background-color:var(--background-color);color:var(--text-color)}html[data-theme=dark] .soporte-header h1{color:var(--primary-color)}html[data-theme=dark] .soporte-header .subtitle{color:var(--secondary-color)}html[data-theme=dark] .soporte-content{background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--text-color)}html[data-theme=dark] .clear-link,html[data-theme=dark] .contact-link{color:var(--primary-color)}html[data-theme=dark] .clear-link:hover,html[data-theme=dark] .contact-link:hover{color:var(--primary-hover-color)}html[data-theme=dark] .btn-create,html[data-theme=dark] .btn-import,html[data-theme=dark] .usc-buttonU{background-color:var(--primary-color);color:var(--text-color)}html[data-theme=dark] .btn-create:hover,html[data-theme=dark] .btn-import:hover,html[data-theme=dark] .usc-buttonU:hover{background-color:var(--primary-hover-color)}html[data-theme=dark] .faq-section p{color:var(--secondary-color)}html[data-theme=dark] input,html[data-theme=dark] textarea{background-color:var(--background-color);border:2px solid var(--secondary-color);color:var(--text-color)}html[data-theme=dark] input:focus,html[data-theme=dark] textarea:focus{border-color:var(--primary-color);box-shadow:0 0 5px var(--primary-color)}html[data-theme=dark] .clear-cache-button{background-color:#ff6f61;color:#fff}html[data-theme=dark] .clear-cache-button:hover{background-color:#e04f46}html[data-theme=dark] .clear-container{background-color:var(--background-color);color:var(--text-color)}html[data-theme=dark] h1,html[data-theme=dark] p{color:var(--text-color)}html[data-theme=dark] .sync-button{background-color:var(--primary-color);color:var(--text-color);transition:background-color .3s}html[data-theme=dark] .sync-button:disabled{background-color:#555;cursor:not-allowed}html[data-theme=dark] .status-message{color:var(--secondary-color)}html[data-theme=dark] .popup-content{background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--text-color)}html[data-theme=dark] .confirm-popup,html[data-theme=dark] .success-popup,html[data-theme=dark] .sync-popup{background:#000000b3}html[data-theme=dark] .confirm-popup .popup-content,html[data-theme=dark] .success-popup .popup-content,html[data-theme=dark] .sync-popup .popup-content{background-color:var(--background-color);color:var(--text-color)}html[data-theme=dark] .cancel-button,html[data-theme=dark] .confirm-button,html[data-theme=dark] .success-button{border-radius:5px;cursor:pointer;font-size:1rem;margin:10px;padding:10px 20px}html[data-theme=dark] .confirm-button{background-color:var(--primary-color);color:var(--text-color)}html[data-theme=dark] .cancel-button{background-color:#f44336;color:var(--text-color)}html[data-theme=dark] .success-button{background-color:var(--primary-color);color:var(--text-color)}html[data-theme=dark] .spinner{border-top:4px solid var(--primary-color)}html[data-theme=dark] .auth-container{background-color:var(--background-color);color:var(--text-dark)}html[data-theme=dark] .auth-input{background-color:#2b2b2b;border-color:#444;color:var(--text-dark)}html[data-theme=dark] .auth-label,html[data-theme=dark] .auth-label-text{color:var(--secondary-color)}html[data-theme=dark] .auth-submit-btn{background-color:var(--primary-color)}html[data-theme=dark] .auth-submit-btn:hover{background-color:var(--primary-hover-color)}html[data-theme=dark] .auth-link,html[data-theme=dark] .auth-toggle-btn{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:14px;text-decoration:none}html[data-theme=dark] .auth-link:hover{text-decoration:underline}html[data-theme=dark] button.auth-toggle-btn:hover{background-color:initial}html[data-theme=dark] .auth-google-btn{background-color:#1f1f1f;border-color:#444;color:var(--text-dark)}html[data-theme=dark] .footer-modal-overlay{background-color:#000000d9}html[data-theme=dark] .footer-modal-content{background:#1e1e20;background:var(--color-background,#1e1e20);box-shadow:0 8px 40px #00000080}html[data-theme=dark] .footer-modal-content h3{color:#f5f5f5;color:var(--color-text,#f5f5f5)}html[data-theme=dark] .footer-donate-button{box-shadow:0 4px 14px #0006;color:#fff;transition:transform .2s ease,box-shadow .2s ease;will-change:transform;will-change:box-shadow}html[data-theme=dark] .footer-donate-button:hover{box-shadow:0 6px 24px #ffffff26;transform:translateY(-2px)}html[data-theme=dark] .footer-paypal{background-color:#1681c2}html[data-theme=dark] .footer-patreon{background-color:#d25545}html[data-theme=dark] .minigames-container{background-color:#121212;color:#f0f0f0}html[data-theme=dark] .game-card{background-color:#1e1e1e;border:1px solid #333;border-radius:8px;box-shadow:0 4px 6px #0006;color:#f0f0f0;padding:20px;transition:transform .3s ease,box-shadow .3s ease;will-change:transform;will-change:box-shadow}html[data-theme=dark] .game-card h2{color:var(--primary-color)}html[data-theme=dark] .game-card p{color:var(--secondary-color)}html[data-theme=dark] .play-button{background-color:#4dabf7;color:#000}html[data-theme=dark] .contact-email-link{color:#f1f1f1}html[data-theme=dark] .modal-overlay{background-color:#000000b3}html[data-theme=dark] .modal-content{background-color:#333;color:#fff}html[data-theme=dark] .modal-content h3{color:#f1f1f1}html[data-theme=dark] .modal-content button{background-color:#1a73e8;color:#fff}html[data-theme=dark] .modal-content button:hover{background-color:#0056b3}html[data-theme=dark] input[type=email][readonly]{background-color:#444;border:2px solid #555;color:#ddd;cursor:not-allowed}html[data-theme=dark] .faqFormText{color:#fff}html[data-theme=dark] .option-button{background-color:#2c2c2c;border:2px solid var(--primary-color);color:var(--text-color);transition:background-color .2s ease,color .2s ease,border-color .2s ease}html[data-theme=dark] .option-button:hover{background-color:#3a3a3a;border-color:var(--primary-hover-color)}html[data-theme=dark] .option-button:disabled{cursor:not-allowed}html[data-theme=dark] .options button.incorrect{background-color:#e74c3c;border-color:#c0392b;color:#fff}html[data-theme=dark] .options button.correct{background-color:#2ecc71;border-color:#27ae60;color:#fff}html[data-theme=dark] .options button.correct:hover{background-color:#27ae60;border-color:#229954}html[data-theme=dark] .category-selection{background-color:var(--background-color)}html[data-theme=dark] .selection-section h2{color:var(--text-color)}html[data-theme=dark] .empty-message{color:#aaa}html[data-theme=dark] .folder{background-color:#252525;border-color:#444}html[data-theme=dark] .folder-header{background-color:#2c2c2c;color:var(--text-color)}html[data-theme=dark] .folder-header:hover{background-color:#3a3a3a}html[data-theme=dark] .folder-header h3{color:var(--text-color)}html[data-theme=dark] .toggle-icon{color:#aaa}html[data-theme=dark] .folder-categories{background-color:#252525}html[data-theme=dark] .answer-section,html[data-theme=dark] .question-section{color:var(--text-color)}html[data-theme=dark] .sign-text{background-color:#2c2c2c;box-shadow:0 2px 8px #0000004d;color:#ccc}html[data-theme=dark] .answer-input{background-color:initial;box-shadow:none}html[data-theme=dark] .answer-input input[type=text]{background-color:#2c2c2c;border:2px solid var(--primary-color);color:var(--text-color);transition:border-color .3s ease,box-shadow .3s ease;will-change:box-shadow}html[data-theme=dark] .answer-input input[type=text]:focus{border-color:var(--primary-hover-color);box-shadow:0 0 8px #0084ff4d}html[data-theme=dark] .preguntados-button{background-color:var(--primary-color);border:2px solid var(--primary-color);color:#fff;transition:background-color .3s ease,border-color .3s ease}html[data-theme=dark] .preguntados-button:hover{background-color:var(--primary-hover-color);border-color:var(--primary-hover-color)}html[data-theme=dark] .preguntados-button:active{transform:scale(.98)}.status-container{background-color:#121212;border-radius:10px;box-shadow:0 6px 15px #000000b3;color:#eee;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:3rem auto;max-width:650px;padding:2rem 2.5rem}.status-heading{color:#f0f0f0;font-size:2.2rem;margin-bottom:.8rem;text-align:center}.status-general{font-size:1.25rem;font-weight:600;margin-bottom:.3rem;text-align:center}.status-general.ok{color:#4caf50}.status-general.error{color:#ef5350}.status-time{color:#bbb;font-size:.9rem;font-weight:500;margin-bottom:2rem;text-align:center}.status-separator{background-color:#333;border:0;height:1px;margin-bottom:2rem}.status-list{list-style:none;margin:0;padding:0}.status-item{border-bottom:1px solid #333;display:flex;font-size:1.1rem;justify-content:space-between;padding:12px 0}.status-label{color:#aaa;font-weight:600}.status-ok{color:#4caf50;font-weight:700}.status-error{color:#ef5350;font-weight:700}.btn-recheck{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin:1rem auto 2rem;min-width:180px;padding:.6rem 1.4rem;text-align:center;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.btn-recheck:hover:not(:disabled){background-color:#388e3c}.btn-recheck:disabled{background-color:#8bc34a;cursor:default;opacity:.8}.clear-container{align-items:center;background-color:#f7f7f7;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center}h1{font-size:2rem;margin-bottom:20px}p{font-size:1.2rem;margin-bottom:30px}.sync-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;padding:15px 30px;transition:background-color .3s}.sync-button:disabled{background-color:#ddd;cursor:not-allowed}.status-message{color:#333;font-size:1.2rem;margin-top:20px}.popup-content{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;padding:20px;text-align:center}.confirm-popup,.success-popup,.sync-popup{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirm-popup .popup-content,.success-popup .popup-content,.sync-popup .popup-content{width:300px}.cancel-button,.confirm-button,.success-button{border:none;border-radius:5px;cursor:pointer;font-size:1rem;margin:10px;padding:10px 20px}.confirm-button{background-color:#4caf50;color:#fff}.cancel-button{background-color:#f44336;color:#fff}.success-button{background-color:#4caf50;color:#fff}.spinner{animation:spin 2s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}.descubrir-container{font-family:Arial,sans-serif;padding:20px}.descubrir-title{text-align:center}.refresh-button-container{display:flex;justify-content:center;margin-top:0;width:100%}.refresh-button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px}.folder-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.folder-card{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;cursor:pointer;padding:20px;text-align:center;width:250px}.folder-title{font-size:20px;margin:10px 0}.category-button{background-color:#007bff}.back-button,.category-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px}.back-button{background-color:#dc3545}.truncate-id{display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.popup{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0003;left:50%;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:300px;z-index:1000}.popup-overlay{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.popup-button{background-color:#28a745;margin-right:10px}.popup-button,.popup-button-close{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px}.popup-button-close{background-color:#dc3545}.selector-container{font-family:Arial,sans-serif;padding:20px;position:relative}.selector-title{font-size:2rem;text-align:center}.juegos-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));justify-content:center;margin-top:20px}.juego-card{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:space-between;min-height:250px;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;-webkit-user-select:none;user-select:none;-moz-user-select:none;-ms-user-select:none;will-change:transform;will-change:box-shadow}.juego-card,.juego-card:active{background-color:#fefefe}.juego-card:hover{transform:translateY(-5px) scale(1.05)}.juego-title{color:#007bff;font-size:1.5rem;font-weight:700;margin-bottom:10px;min-height:40px}.juego-desc{color:#555;font-size:1rem;margin-bottom:20px;min-height:50px}.juego-play-button{background-color:#007bff;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:auto;min-height:45px;padding:12px 0}.juego-play-button,.trivia-popup-overlay{align-items:center;display:flex;justify-content:center}.trivia-popup-overlay{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%}.trivia-popup{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000004d;padding:20px;text-align:center}.trivia-button{font-size:1rem;margin:10px;padding:10px 20px}.trivia-close-button{background-color:red;border:none;border-radius:5px;color:#fff;font-size:1rem;margin-top:15px;padding:10px 20px}.minigames-container{font-family:Arial,sans-serif;padding:20px}.minigames-title{font-size:2rem;text-align:center}.minigames-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));justify-content:center;margin-top:20px}.game-card{background-color:#fefefe;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:space-between;min-height:250px;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;will-change:transform;will-change:box-shadow}.game-card:hover{transform:translateY(-5px) scale(1.05)}.game-card h2{color:#007bff;font-size:1.5rem;font-weight:700;margin-bottom:10px;min-height:40px}.game-card p{color:#555;font-size:1rem;margin-bottom:20px;min-height:50px}.play-button{align-items:center;background-color:#007bff;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;justify-content:center;margin-top:auto;min-height:45px;padding:12px 0}@media (max-width:600px){.minigames-title{font-size:1.5rem}.game-card{padding:15px}.game-card h2{font-size:1.2rem}.game-card p{font-size:.9rem}.play-button{font-size:1rem}}.link-guardian-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px}.miperfil-accordion-content .link-guardian-container{background:#0000;border-radius:0;box-shadow:none;margin:0;max-width:100%;padding:0}.link-guardian-error,.link-guardian-loading{color:#999;padding:20px;text-align:center}.link-guardian-container h2{color:#1a1a1a;font-size:18px;font-weight:600;margin-bottom:12px}.miperfil-accordion-content .link-guardian-container h2{display:none}.link-guardian-info{background:#f5f5f5;border-radius:4px;margin-bottom:16px;padding:12px}.link-guardian-info p{color:#666;font-size:13px;margin:0}.link-guardian-success{background:#e8f5e9;border-left:4px solid #2e7d32;border-radius:4px;margin-bottom:16px;padding:12px}.link-guardian-success p{color:#2e7d32;font-size:14px;font-weight:500;margin:0 0 4px}.link-guardian-success small{color:#1b5e20;display:block;font-size:12px}.link-guardian-code-section{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:16px;padding:16px}.link-guardian-label{color:#1a1a1a;font-size:13px;font-weight:500;margin:0 0 12px}.link-guardian-code-box{align-items:center;background:#fff;border:2px solid #1976d2;border-radius:6px;display:flex;gap:8px;margin-bottom:12px;padding:12px}.link-guardian-code-display{color:#1976d2;flex:1 1;font-family:Courier New,monospace;font-size:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;-webkit-user-select:all;user-select:all;word-break:break-all}.link-guardian-btn-copy{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s;white-space:nowrap}.link-guardian-btn-copy:hover{background:#1565c0;box-shadow:0 2px 4px #1976d233}.link-guardian-btn-copy.copied{background:#2e7d32}.link-guardian-hint{color:#999;display:block;font-size:12px;font-style:italic;margin-bottom:12px}.link-guardian-btn-clear,.link-guardian-btn-generate{border:none;border-radius:4px;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:500;padding:12px;transition:all .2s;width:100%}.link-guardian-btn-generate{background:#1976d2;color:#fff}.link-guardian-btn-generate:hover{background:#1565c0;box-shadow:0 2px 8px #1976d233}.link-guardian-btn-clear{background:#f0f0f0;color:#333;margin-top:8px}.link-guardian-btn-clear:hover{background:#e0e0e0}.link-guardian-instructions{background:#f5f9ff;border-left:4px solid #1976d2;border-radius:4px;margin-bottom:16px;padding:12px}.link-guardian-instructions h3{color:#1a1a1a;font-size:13px;font-weight:600;margin:0 0 8px}.link-guardian-instructions ol{margin:0;padding-left:20px}.link-guardian-instructions li{color:#666;font-size:13px;margin:4px 0}.link-guardian-error-box{background:#ffebee;border-left:4px solid #d32f2f;color:#d32f2f}.link-guardian-error-box,.link-guardian-success-box{border-radius:4px;font-size:13px;margin-bottom:16px;padding:12px}.link-guardian-success-box{background:#e8f5e9;border-left:4px solid #2e7d32;color:#2e7d32}html[data-theme=dark] .link-guardian-container{background:#1e1e1e;box-shadow:0 2px 8px #0000004d}html[data-theme=dark] .miperfil-accordion-content .link-guardian-container{background:#0000;box-shadow:none}html[data-theme=dark] .link-guardian-container h2{color:#90caf9}html[data-theme=dark] .link-guardian-info{background:#2a2a2a;border-color:#444}html[data-theme=dark] .link-guardian-info p{color:#b0b0b0}html[data-theme=dark] .link-guardian-success{background:#1b5e20;border-left-color:#66bb6a}html[data-theme=dark] .link-guardian-success p,html[data-theme=dark] .link-guardian-success small{color:#66bb6a}html[data-theme=dark] .link-guardian-code-section{background:#2a2a2a;border-color:#444}html[data-theme=dark] .link-guardian-label{color:#e0e0e0}html[data-theme=dark] .link-guardian-code-box{background:#1a1a1a;border-color:#90caf9}html[data-theme=dark] .link-guardian-code-display{color:#90caf9}html[data-theme=dark] .link-guardian-btn-copy{background:#1976d2;color:#e0e0e0}html[data-theme=dark] .link-guardian-btn-copy:hover{background:#1565c0;box-shadow:0 2px 4px #1976d266}html[data-theme=dark] .link-guardian-hint{color:#999}html[data-theme=dark] .link-guardian-btn-generate{background:#1976d2;color:#e0e0e0}html[data-theme=dark] .link-guardian-btn-generate:hover{background:#1565c0;box-shadow:0 2px 8px #1976d266}html[data-theme=dark] .link-guardian-btn-clear{background:#333;color:#e0e0e0}html[data-theme=dark] .link-guardian-btn-clear:hover{background:#444}html[data-theme=dark] .link-guardian-instructions{background:#1a2a3a;border-left-color:#90caf9}html[data-theme=dark] .link-guardian-instructions h3{color:#90caf9}html[data-theme=dark] .link-guardian-instructions li{color:#b0b0b0}html[data-theme=dark] .link-guardian-error-box{background:#3f2020;border-left-color:#ff5252;color:#ff5252}html[data-theme=dark] .link-guardian-success-box{background:#1b5e20;border-left-color:#66bb6a;color:#66bb6a}html[data-theme=dark] .link-guardian-error,html[data-theme=dark] .link-guardian-loading{color:#999}@media (max-width:600px){.link-guardian-container{padding:16px}.link-guardian-code-box{flex-wrap:wrap}.link-guardian-btn-copy{width:100%}}.miperfil-container{background:#121212;border-radius:8px;box-shadow:0 2px 10px #000c;color:#e0e0e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:40px auto;max-width:480px;padding:25px 30px}.miperfil-title{color:#90caf9;font-size:1.8rem;font-weight:700;margin-bottom:20px;text-align:center}.miperfil-form{gap:20px}.miperfil-form,.miperfil-group{display:flex;flex-direction:column}.miperfil-group label{color:#bbdefb;font-weight:600;margin-bottom:6px}.miperfil-email-oculto{background-color:#1e1e1e;border:1.5px solid #90caf9;border-radius:4px;color:#90caf9;cursor:pointer;font-size:1rem;padding:10px 12px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.miperfil-email-oculto:hover{background-color:#1565c0;color:#e3f2fd}.miperfil-info{color:#888;font-size:.85rem;font-style:italic;margin-top:3px}.miperfil-input{background-color:#222;border:1.5px solid #90caf9;border-radius:4px;color:#eee;font-size:1rem;padding:10px 12px;transition:border-color .25s ease}.miperfil-input:focus{background-color:#2a2a2a;border-color:#64b5f6;box-shadow:0 0 5px #64b5f6;outline:none}.bloqueado{background-color:#333;color:#888;cursor:not-allowed}.miperfil-btn-guardar{align-self:flex-start;background-color:#42a5f5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 18px;transition:background-color .3s ease}.miperfil-btn-guardar:hover:not(:disabled){background-color:#1565c0}.miperfil-btn-guardar:disabled{background-color:#90caf9;cursor:not-allowed}.miperfil-error{background-color:#5d3131;color:#ef9a9a}.miperfil-error,.miperfil-exito{border-radius:6px;font-weight:600;margin-top:15px;padding:10px 15px}.miperfil-exito{background-color:#2d4d2d;color:#a5d6a7}.miperfil-loading,.miperfil-noauth{color:#aaa;font-size:1.2rem;margin-top:60px;text-align:center}.miperfil-eliminar-container{margin-top:30px;text-align:center}.miperfil-btn-eliminar{background-color:#e53935;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 20px;transition:background-color .3s ease}.miperfil-btn-eliminar:hover{background-color:#b71c1c}.miperfil-uid{background-color:#1e1e1e;border:1.5px solid #90caf9;border-radius:4px;color:#90caf9;cursor:pointer;font-size:1rem;padding:10px 12px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none;word-break:break-all}.miperfil-uid:hover{background-color:#1565c0;color:#e3f2fd}.miperfil-info.copiado{color:#a5d6a7;font-weight:600}.miperfil-guardian-container{border-top:1px solid #424242;display:flex;justify-content:center;margin:30px 0 20px;padding-top:20px}.miperfil-btn-guardian{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:6px;box-shadow:0 2px 8px #2196f34d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.miperfil-btn-guardian:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 12px #2196f380;transform:translateY(-2px)}.miperfil-btn-guardian:active{box-shadow:0 2px 6px #2196f34d;transform:translateY(0)}.miperfil-accordion{border:1px solid #333;border-radius:4px;margin-bottom:20px;overflow:hidden}.miperfil-accordion-header{align-items:center;background-color:#1e1e1e;border:none;color:#90caf9;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:12px 16px;transition:background-color .3s ease;width:100%}.miperfil-accordion-header.open,.miperfil-accordion-header:hover{background-color:#2a2a2a}.miperfil-accordion-title{flex:1 1;text-align:left}.miperfil-accordion-icon{font-size:12px;margin-left:8px;transition:transform .3s ease}.miperfil-accordion-content{animation:slideDown .3s ease;background-color:#121212;border-top:1px solid #333;padding:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.miperfil-accordion-content,.miperfil-accordion-header{animation:none;transition:none}}.authdelete-container{align-items:center;background-color:#121212;border-radius:10px;box-shadow:0 4px 8px #ffffff1a;color:#e0e0e0;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;margin:50px auto;max-width:400px;min-height:300px;padding:30px}.authdelete-submit-btn{background-color:#d32f2f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px;transition:background-color .3s}.authdelete-submit-btn:disabled{background-color:#7f0000;cursor:not-allowed}.authdelete-submit-btn:hover:not(:disabled){background-color:#b71c1c}.authdelete-input-group{display:flex;flex-direction:column;margin-top:20px;width:100%}.authdelete-label{color:#bbb;font-size:14px;margin-bottom:5px}.authdelete-input{background-color:#222;border:1px solid #444;border-radius:8px;color:#eee;font-size:16px;outline:none;padding:12px}.authdelete-input:focus{border-color:#90caf9;box-shadow:0 0 8px #90caf9}.authdelete-error-message{color:#ef5350;font-size:14px;margin-top:10px}.authdelete-success-message{color:#81c784;font-size:14px;margin-top:10px}.authdelete-popup-message{background-color:#333;border-radius:8px;bottom:20px;box-shadow:0 4px 10px #00000080;color:#fff;font-size:16px;left:50%;padding:10px 20px;position:fixed;transform:translateX(-50%);z-index:1000}.authdelete-link{color:#90caf9;cursor:pointer;font-size:16px;text-decoration:underline}@media (max-width:480px){.authdelete-container{margin:20px;padding:20px}}.nivel-container{background:#181818;justify-content:flex-start;padding:20px;text-align:center}.nivel-container,.nivel-info{align-items:center;display:flex;flex-direction:column;width:100%}.nivel-info{gap:10px}.progress-container{align-items:center;background-color:#e0e0e0;border-radius:15px;cursor:pointer;display:flex;height:30px;max-width:500px;overflow:hidden;position:relative;width:60%}.progress-bar{background-color:#4caf50;border-radius:15px;height:100%;transition:width .1s ease-in-out;width:0}.tooltip-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.tooltip-content{background-color:#333;border-radius:10px;color:#fff;font-size:14px;padding:20px;text-align:center;width:250px}.tooltip-content p{margin:5px 0}.tooltip-overlay:hover{cursor:pointer}.level-text{background-color:#00000080;border-radius:5px;color:#fff;font-size:16px;font-weight:700;left:50%;padding:2px 5px;position:absolute;text-shadow:2px 2px 4px #00000080;top:50%;transform:translate(-50%,-50%);z-index:1}@media (max-width:768px){.progress-container{width:80%}.nivel-info{gap:8px}.level-text{font-size:14px;padding:2px 4px}}@media (max-width:480px){.progress-container{height:25px;width:90%}.nivel-container{padding:10px}.level-text{font-size:12px;padding:1px 3px}.tooltip-content{width:200px}}.mapa-niveles-overlay{align-items:flex-start;background:#0000004d;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:0;position:fixed;z-index:10000}.mapa-niveles-container{background-color:#1b1b1b;border-radius:0;box-shadow:none;color:#cef;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;gap:1.5rem;height:100vh;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.mapa-niveles-close{background:none;border:none;color:#00bfff;cursor:pointer;font-size:1.4rem;position:absolute;right:12px;top:12px;transition:color .2s;z-index:11000}.mapa-niveles-close:hover{color:#33cfff}.mapa-niveles-acordeon{display:flex;flex-direction:column;gap:1rem}.mapa-niveles-categoria{border:1px solid #00bfff44;border-radius:10px;overflow:hidden}.mapa-niveles-categoria-header{align-items:center;background-color:#00bfff22;border-bottom:1px solid #00bfff44;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;justify-content:space-between;padding:1rem 1.2rem;transition:background .3s,color .3s}.mapa-niveles-categoria-header:hover{background-color:#00bfff44}.mapa-niveles-categoria-header.abierta{background-color:#00bfff66;color:#fff}.mapa-niveles-flecha{font-size:1rem;transition:transform .3s;will-change:transform}.mapa-niveles-flecha.abierta{transform:rotate(90deg)}.mapa-niveles-lecciones{background-color:#111;border-top:1px solid #00bfff44;display:flex;flex-direction:column;gap:1rem;padding:1rem 1.2rem}.mapa-niveles-nivel-item{border-radius:8px;box-shadow:0 2px 8px #0000004d;display:flex;flex-direction:column;gap:.4rem;padding:1rem;transition:background .3s,transform .2s;will-change:transform}.mapa-niveles-nivel-item.desbloqueado{background-color:#1c1c1c;border:1px solid #00bfff66;cursor:pointer}.mapa-niveles-nivel-item.desbloqueado:hover{background-color:#00335555;transform:translateY(-2px)}.mapa-niveles-nivel-item.bloqueado{background-color:#111;border:1px solid #333;color:#555;cursor:not-allowed}.mapa-niveles-nivel-item.nivel-actual{background-color:#00446655;border:2px solid #00bfff}.mapa-niveles-nivel-titulo{color:#cef;font-size:1.1rem;font-weight:600;margin:0}.mapa-niveles-nivel-desc{color:#9df;font-size:.95rem;margin:0}.mapa-niveles-nivel-xp{align-self:flex-end;color:#fd5;font-size:.85rem;font-weight:700}.mapa-niveles-boton-iniciar{align-self:flex-start;background-color:#00bfff;border:none;border-radius:6px;color:#001f33;cursor:pointer;font-weight:700;margin-top:.6rem;padding:.5rem .8rem;transition:background .3s,transform .2s;will-change:transform}.mapa-niveles-boton-iniciar:hover{background-color:#0080c0;transform:translateY(-1px)}.mapa-niveles-boton-iniciar:active{transform:translateY(0)}@media (max-width:1024px){.mapa-niveles-container{max-width:95%;padding:2rem}.mapa-niveles-categoria-header{font-size:1.3rem}.mapa-niveles-nivel-titulo{font-size:1.2rem}.mapa-niveles-nivel-desc{font-size:1.05rem}.mapa-niveles-nivel-xp{font-size:1rem}}@media (max-width:600px){.mapa-niveles-container{padding:2rem}.mapa-niveles-categoria-header{font-size:1.4rem}.mapa-niveles-nivel-titulo{font-size:1.3rem}.mapa-niveles-nivel-desc{font-size:1.1rem}.mapa-niveles-nivel-xp{font-size:1.05rem}.mapa-niveles-boton-iniciar{font-size:1.2rem;padding:.8rem 1.2rem}}.nivel-selector{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Press Start\ 2P,sans-serif;margin:2rem auto}.nivel-selector__display{background:#222;border:3px solid #00f;border-radius:10px;cursor:pointer;font-size:1.25rem;padding:1rem 2rem;text-align:center;transition:background .2s,transform .1s;-webkit-user-select:none;user-select:none;will-change:transform}.nivel-selector__display:hover{background:#333;transform:scale(1.05)}.nivel-selector__lista{background:#111;border:2px solid #555;border-radius:8px;margin:1rem 0;max-width:300px;padding:.5rem;width:100%}.nivel-selector__opcion{align-items:center;background:#222;border:2px solid #0000;cursor:pointer;display:flex;justify-content:center;margin:.25rem 0;padding:.5rem;text-align:center;transition:background .2s,border-color .2s}.nivel-selector__opcion:hover{background:#444;border-color:#0af}.nivel-selector__opcion--activo{background:#0af;color:#000;font-weight:700}.nivel-selector__opcion--actual{box-shadow:0 0 8px #0aafff4d}.nivel-selector__opcion--bloqueado{cursor:not-allowed;opacity:.6}.nivel-selector__descripcion{color:#ccc;font-size:.85rem;margin-top:1rem;max-width:320px;text-align:center}.nivel-selector__xp{color:#ddd;margin-top:6px}.nivel-selector__boton-iniciar{background-color:#007bff;border:3px solid #0056b3;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:1.5rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .1s;will-change:transform}.nivel-selector__boton-iniciar:hover{background-color:#0056b3;transform:scale(1.05)}.nivel-selector__bloqueado-msg{color:#c0392b;font-size:.95rem;line-height:1.2}.nivel-selector__lock-icon{font-size:.95em;margin-left:6px;vertical-align:middle}.nivel-selector__modal-overlay{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.nivel-selector__modal-content{background:#111;border:2px solid #00f;border-radius:12px;box-shadow:0 8px 24px #000000b3;max-width:480px;outline:none;padding:20px;width:min(480px,90%)}.nivel-selector__modal-body p{color:#cce6ff;font-size:1rem;line-height:1.4;margin:0 0 14px;text-align:center}.nivel-selector__modal-actions{display:flex;gap:12px;justify-content:center;margin-top:12px}.nivel-selector__modal-accept-btn{background-color:#007bff;border:2px solid #0056b3;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:.6rem 1.2rem;transition:background-color .2s,transform .1s;will-change:transform}.nivel-selector__modal-accept-btn:hover{background-color:#0056b3;transform:scale(1.05)}.nivel-selector__modal-icon{color:#00f;display:inline-block;font-size:1.2rem;margin-right:8px;vertical-align:middle}@media (max-width:420px){.nivel-selector__modal-content{border-radius:10px;padding:16px}.nivel-selector__modal-body p{font-size:.95rem}.nivel-selector__modal-accept-btn{font-size:.95rem;padding:.5rem 1rem}}.gallego-container{background:#181818;box-sizing:border-box;color:#f5f5f5;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;min-height:100vh;padding:1rem;position:relative}.mi-nivel{color:#f1f1f1}.gallego-header{display:flex;justify-content:center;margin-bottom:2rem}.user-card{align-items:center;background-color:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;max-width:400px;padding:1rem 2rem;text-align:center;width:100%}.user-name{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.gallego-content{flex:1 1}.botones-fijos-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:1.5rem;top:40%;transform:translateY(-50%);z-index:9998}.gallego-mapa-button,.gallego-toggle-header-button,.logros-button{align-items:center;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;height:60px;justify-content:center;position:static;transition:all .2s ease;width:60px}.logros-button{background-color:initial;border:2px solid #f5f5f5;box-shadow:none;color:#f5f5f5}.logros-button:hover{background-color:#ffffff1a;transform:scale(1.1)}.gallego-mapa-button{background-color:#1e1e1e;border:2px solid #00bfff;color:#00bfff}.gallego-mapa-button:hover{background-color:#004d99;color:#f5f5f5}.gallego-toggle-header-button{background-color:#007acc;border:2px solid #007acc;color:#fff}.gallego-toggle-header-button:hover{background-color:#005fa3;border-color:#005fa3;color:#f5f5f5}.logros-label{color:#f5f5f5;font-size:1rem;font-weight:500;position:fixed;right:80px;top:40%;transform:translateY(-50%);-webkit-user-select:none;user-select:none}@media (max-width:768px){.user-card{padding:1rem}.user-name{font-size:1.2rem}.logros-label{display:none}.botones-fijos-container{right:1rem;top:38%}.gallego-mapa-button,.gallego-toggle-header-button,.logros-button{font-size:1.2rem;height:50px;width:50px}}.logros-gallego-overlay{align-items:center;background-color:#000000b3;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:10000}.logros-gallego-modal{background-color:#1e1e1e;border-radius:12px;box-shadow:0 8px 20px #000c;box-sizing:border-box;color:#f5f5f5;max-height:90vh;max-width:500px;overflow-y:auto;padding:1rem;position:relative;width:100%}.logros-gallego-close-button{background:#0000;border:none;color:#f5f5f5;cursor:pointer;font-size:1.3rem;line-height:1;padding:.2rem .4rem;position:absolute;right:.6rem;top:.6rem}.logros-gallego-list{list-style:none;margin-top:1rem;padding:0}.logros-gallego-item{background-color:#2a2a2a;border-radius:8px;font-size:.9rem;line-height:1.4;margin-bottom:1rem;opacity:.7;padding:.8rem;position:relative;transition:opacity .3s ease}.logros-gallego-conseguido{border:2px solid #00bfff;opacity:1}.logros-gallego-checkmark{color:#00bfff;font-size:1.3rem;font-weight:700;position:absolute;right:10px;top:10px}.logros-gallego-list::-webkit-scrollbar,.logros-gallego-modal::-webkit-scrollbar{height:8px;width:8px}.logros-gallego-list::-webkit-scrollbar-track,.logros-gallego-modal::-webkit-scrollbar-track{background:#121212;border-radius:10px}.logros-gallego-list::-webkit-scrollbar-thumb,.logros-gallego-modal::-webkit-scrollbar-thumb{background-color:#444;border:2px solid #121212;border-radius:10px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.logros-gallego-list::-webkit-scrollbar-thumb:hover,.logros-gallego-modal::-webkit-scrollbar-thumb:hover{background-color:#606060;box-shadow:0 0 6px #60606080}.logros-gallego-list,.logros-gallego-modal{scrollbar-color:#444 #121212;scrollbar-width:thin}@media (max-width:400px){.logros-gallego-modal{padding:1rem}.logros-gallego-item{font-size:.9rem;padding:.8rem}.logros-gallego-close-button{font-size:1.3rem;right:.6rem;top:.6rem}}.selector-lecciones{background-color:#1e1e1e;border-radius:12px;box-shadow:0 4px 12px #00000080;color:#f5f5f5;margin-top:2rem;max-width:500px;padding:1rem 2rem}.lista-lecciones{list-style:none;margin:0;padding:0}.leccion-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.8rem;padding:.8rem 1rem;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.leccion-item.desbloqueada:hover{background-color:#004d99}.leccion-item.bloqueada{cursor:default;opacity:.4}.leccion-item.seleccionada{background-color:#036;border:2px solid #00bfff}.candado{font-size:1.2rem;margin-left:.5rem}.gallego-reset-button{background:#e74c3c;border:none;border-radius:50%;bottom:20px;box-shadow:0 2px 6px #0000004d;color:#fff;cursor:pointer;font-size:20px;padding:12px;position:fixed;right:20px;z-index:1000}.gallego-reset-button:hover{background:#c0392b}.leccion-barra{background:#eee;border-radius:5px;height:8px;margin-bottom:1rem;overflow:hidden;width:100%}.leccion-barra-interna{background-color:#2ecc71;height:100%;transition:width .3s ease;width:0}.leccion{min-height:100vh}.textointeractivo-texto{color:#fff;font-size:16px;line-height:1.6;margin:0}.textointeractivo-palabra{position:relative;-webkit-user-select:none;user-select:none}.textointeractivo-clickable{cursor:pointer;transition:background .16s ease,color .16s ease}.textointeractivo-clickable:hover{background:#ffffff0f;border-radius:3px}.textointeractivo-activa{background:#ffffff17;border-radius:3px}.textointeractivo-tooltip{background:#000000e0;border-radius:6px;box-shadow:0 6px 18px #00000080;color:#fff;font-size:.86rem;left:50%;opacity:0;padding:6px 8px;pointer-events:none;position:absolute;top:-38px;transform:translateX(-50%);transform-origin:center bottom;transition:opacity .14s ease,transform .14s ease;white-space:nowrap;will-change:transform;z-index:99999}.textointeractivo-tooltip--visible{opacity:1;transform:translateX(-50%) translateY(0)}.textointeractivo-tooltip-arrow{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #000000e0;bottom:-6px;height:0;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:0}@media (max-width:480px){.textointeractivo-tooltip{font-size:.8rem;top:-44px}}.feedback-container{align-items:center;animation:feedbackFadeIn .25s ease forwards;background-color:#121212;border:2px solid #0000;border-radius:12px;box-shadow:0 8px 20px #000000b3;color:#ddd;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;left:50%;padding:28px 32px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;width:320px;z-index:99999}@keyframes feedbackFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.feedback-correcto{border-color:#2e7d32;color:#a5d6a7}.feedback-incorrecto{border-color:#b71c1c;color:#ef9a9a}.feedback-titulo{font-size:2rem;font-weight:700;letter-spacing:.01em;margin:0 0 14px}.feedback-texto{color:inherit;font-size:1.1rem;line-height:1.4;margin-bottom:22px}.feedback-boton{background-color:#2e7d32;border:none;border-radius:8px;box-shadow:0 4px 10px #2e7d324d;color:#f0f0f0;cursor:pointer;font-size:1rem;font-weight:600;max-width:180px;padding:12px 28px;transition:background-color .3s ease,box-shadow .3s ease;width:100%;will-change:box-shadow}.feedback-incorrecto .feedback-boton{background-color:#b71c1c;box-shadow:0 4px 10px #b71c1c4d;color:#fce4e4}.feedback-boton:hover{background-color:#256429;box-shadow:0 6px 14px #25642980}.feedback-incorrecto .feedback-boton:hover{background-color:#7f1212;box-shadow:0 6px 14px #7f121280}:root{--bg-start:#0e1117;--bg-end:#161b22;--card-grad-1:#1f2937;--card-grad-2:#111827;--accent:#22c55e;--btn-start:#3b82f6;--btn-end:#1d4ed8;--btn-shadow:#1d4ed859;--text-light:#f3f4f6;--muted:#9ca3af;--radius-lg:18px;--radius-md:12px;--radius-sm:8px;--max-content-width:640px}.nivel-jugador{align-items:center;background:linear-gradient(135deg,#1f2937,#111827);background:linear-gradient(135deg,var(--card-grad-1),var(--card-grad-2));border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 14px 40px #00000073;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-height:82vh;max-width:640px;max-width:var(--max-content-width);overflow:hidden;padding:24px;width:min(94%,640px);width:min(94%,var(--max-content-width))}.nivel-jugador .nj-scroll{max-height:calc(82vh - 48px);overflow-y:auto;padding-right:6px;scroll-behavior:smooth}.nivel-jugador .leccion-header{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center}.nivel-jugador .leccion-header h2{color:#f3f4f6;color:var(--text-light);font-size:clamp(1.1rem,1.6vw,1.4rem);font-weight:700;line-height:1.15;margin:0;text-shadow:0 2px 6px #0000008c}.nivel-jugador .leccion-descripcion{color:#9ca3af;color:var(--muted);font-size:clamp(.875rem,1vw,1rem);margin:0;max-width:90%}.minijuego{background:#ffffff08;border-radius:14px;box-shadow:0 8px 30px #00000073;display:flex;flex-direction:column;gap:16px;margin:20vh 0 0;min-height:0;padding:20px}.test-frase{color:#f3f4f6;color:var(--text-light);font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:700;line-height:1.33;margin:0;text-align:center;text-shadow:0 2px 8px #0000008c;word-break:break-word}.textointeractivo-container{display:flex;justify-content:center}.audio-opciones,.test-opciones{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));justify-items:center;margin-inline:auto;max-inline-size:100%;max-width:560px;width:100%}.button-base{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;will-change:transform;will-change:box-shadow}.audio-boton,.audio-comprobar,.ordenar-boton,.ordenar-comprobar,.ordenar-reiniciar,.test-boton{background:linear-gradient(145deg,#3b82f6,#1d4ed8);background:linear-gradient(145deg,var(--btn-start),var(--btn-end));border-radius:12px;border-radius:var(--radius-md);box-shadow:0 6px 0 #1d4ed859;box-shadow:0 6px 0 var(--btn-shadow);font-size:clamp(.92rem,1.2vw,1rem);max-width:420px;padding:12px 16px;width:100%}.audio-boton:hover,.audio-comprobar:hover,.ordenar-boton:hover,.ordenar-comprobar:hover,.ordenar-reiniciar:hover,.test-boton:hover{box-shadow:0 12px 18px #1d4ed840;transform:translateY(-3px)}.audio-boton:active,.audio-comprobar:active,.ordenar-boton:active,.ordenar-comprobar:active,.ordenar-reiniciar:active,.test-boton:active{box-shadow:0 3px 0 #11182799;transform:translateY(0)}.audio-boton:focus-visible,.audio-comprobar:focus-visible,.ordenar-boton:focus-visible,.ordenar-comprobar:focus-visible,.ordenar-reiniciar:focus-visible,.test-boton:focus-visible{outline:3px solid #22c55e24;outline-offset:3px}.nivel-jugador p.feedback{color:#facc15;font-size:clamp(.95rem,1.2vw,1.05rem);font-weight:700;margin:0;text-align:center}.ordenar-contenedor{align-items:center;display:flex;flex-direction:column;gap:12px;width:100%}.ordenar-seleccion{align-items:center;background:#ffffff0d;border-radius:10px;display:flex;flex-wrap:wrap;font-size:clamp(.95rem,1.1vw,1.15rem);gap:8px;justify-content:center;max-height:26vh;min-height:48px;overflow-y:auto;padding:10px;text-align:center;width:min(92%,560px)}.ordenar-palabra{background:#ffffff1a;border-radius:8px;border-radius:var(--radius-sm);color:#e0f2fe;cursor:grab;font-size:clamp(.9rem,1vw,1rem);font-weight:700;padding:6px 10px;-webkit-user-select:none;user-select:none}.ordenar-opciones{grid-gap:10px;align-content:start;align-items:start;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));justify-items:center;margin:0 auto;max-width:560px;width:100%}.ordenar-boton{background:linear-gradient(145deg,#3b82f6,#1d4ed8);background:linear-gradient(145deg,var(--btn-start),var(--btn-end));border-radius:10px;box-shadow:0 4px 0 #1d4ed859;box-shadow:0 4px 0 var(--btn-shadow);font-size:clamp(.92rem,1vw,1rem);max-width:140px;padding:10px 12px;width:100%}.ordenar-botones{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0 auto;max-width:560px;width:100%}.ordenar-comprobar,.ordenar-reiniciar{min-width:140px;padding:10px 14px}@media (min-width:901px){.ordenar-comprobar,.ordenar-reiniciar{margin:0 auto;max-width:220px;width:auto}}@media (max-width:900px){.nivel-jugador{margin:1.5rem auto;padding:20px}.minijuego{gap:14px;padding:16px}.audio-opciones,.test-opciones{grid-template-columns:1fr 1fr;max-width:100%}.ordenar-seleccion{max-height:36vh}}@media (max-width:600px){.nivel-jugador{border-radius:0;margin:0;max-height:100vh;max-width:none;padding:18px;width:100%}.nivel-jugador .nj-scroll{max-height:calc(100vh - 72px)}.audio-opciones,.test-opciones{gap:10px;grid-template-columns:1fr;max-width:100%}.ordenar-opciones{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:100%}.ordenar-boton{max-width:160px;min-width:84px}.ordenar-comprobar,.ordenar-reiniciar{margin-bottom:8px;width:100%}.test-frase{font-size:1.15rem}}@media (min-width:1200px){:root{--max-content-width:640px}.nivel-jugador{margin:3.5rem auto;max-height:80vh;max-width:640px;max-width:var(--max-content-width);padding:22px}.ordenar-seleccion{max-height:24vh}.ordenar-opciones{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));max-width:520px}.audio-opciones,.test-opciones{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));max-width:520px}.ordenar-boton,.test-boton{max-width:160px}}@media (min-width:1921px){:root{--max-content-width:720px}.nivel-jugador{margin:4rem auto;max-width:640px;max-width:var(--max-content-width)}}@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.nivel-jugador .nj-scroll::-webkit-scrollbar,.ordenar-seleccion::-webkit-scrollbar{height:8px;width:8px}.nivel-jugador .nj-scroll::-webkit-scrollbar-thumb,.ordenar-seleccion::-webkit-scrollbar-thumb{background:#ffffff0f;background-clip:padding-box;border:2px solid #0000;border-radius:99px}.novela-root{--novela-bg:#0f1c28;--novela-texto:#e8e8e8;--novela-personaje:#5ec6d0;--novela-boton-bg:#1f2d3c;--novela-boton-hover:#2e4153;--novela-boton-text:#e8e8e8;--novela-boton-hover-text:#5ec6d0;--novela-final-text:#5ec6d0;--novela-empty-text:#7c99aa}.novela-root .novela-contenedor{background-color:var(--novela-bg);border-radius:20px;box-shadow:0 8px 30px #0009;color:var(--novela-texto);font-family:Merriweather,serif;line-height:1.9;margin:3rem auto;max-width:750px;overflow:hidden;padding:2.5rem 3rem}.novela-root .novela-personaje{color:var(--novela-personaje);font-size:1.6rem;font-weight:700;margin-bottom:1rem;text-shadow:1px 1px 3px #00000080}.novela-root .novela-texto{color:var(--novela-texto);font-size:1.25rem;letter-spacing:.4px;line-height:1.8;margin-bottom:2.5rem;text-indent:1.2rem}.novela-root .novela-elecciones{display:flex;flex-direction:column;gap:1rem}.novela-root .novela-eleccion-boton,.novela-root .novela-siguiente{background:linear-gradient(135deg,var(--novela-boton-bg),#253445);border:2px solid #e0e0e04d;border-radius:12px;color:var(--novela-boton-text);cursor:pointer;font-size:1.15rem;padding:.9rem 1.4rem;text-align:left;transition:all .3s ease}.novela-root .novela-eleccion-boton:hover,.novela-root .novela-siguiente:hover{background:linear-gradient(135deg,var(--novela-boton-hover),var(--novela-boton-bg));border-color:var(--novela-boton-hover-text);color:var(--novela-boton-hover-text);transform:translateX(5px)}.novela-root .novela-final{color:var(--novela-final-text);font-size:1.5rem;margin-top:3rem;text-align:center;text-shadow:1px 1px 3px #0009}.novela-root .novela-empty{color:var(--novela-empty-text);font-style:italic;text-align:center}.action-container{border-radius:8px;box-shadow:0 4px 10px #0000001a;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:3rem auto;max-width:400px;padding:2rem}.action-message{color:#2d3748;font-size:1.1rem}.action-error,.action-message{margin-bottom:1rem;text-align:center}.action-error{color:#e53e3e;font-weight:600}.action-form{gap:1rem}.action-form,.action-label{display:flex;flex-direction:column}.action-label{color:#2d3748;font-size:.95rem;font-weight:600}.action-input{border:1.5px solid #cbd5e0;border-radius:6px;font-size:1rem;margin-top:.3rem;padding:.5rem .75rem;transition:border-color .3s ease}.action-input:focus{border-color:#3182ce;box-shadow:0 0 0 2px #3182ce66;outline:none}.action-button{background-color:#3182ce;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:.75rem;transition:background-color .25s ease}.action-button:hover:not(:disabled){background-color:#2b6cb0}.action-button:disabled{background-color:#a0aec0;cursor:not-allowed}body[data-theme=dark] .action-container{background-color:#1e1e1e;box-shadow:0 4px 10px #ffffff1a;color:#e0e0e0}body[data-theme=dark] .action-message{color:#a0aec0}body[data-theme=dark] .action-error{color:#f56565}body[data-theme=dark] .action-label{color:#cbd5e0}body[data-theme=dark] .action-input{background-color:#2d2d2d;border-color:#4a5568;color:#e0e0e0}body[data-theme=dark] .action-input:focus{border-color:#63b3ed;box-shadow:0 0 0 2px #63b3ed66}body[data-theme=dark] .action-button{background-color:#3182ce;color:#fff}body[data-theme=dark] .action-button:hover:not(:disabled){background-color:#2b6cb0}body[data-theme=dark] .action-button:disabled{background-color:#718096;cursor:not-allowed}:root{--fv-z:9999;--accent-1:#00a1ff;--accent-2:#3b82f6;--card-bg-a:#ffffff0a;--glass-blur:10px;--bloom-strength:0.28;--max-card-width:720px}.FirstVisit-overlay{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;animation:fv-fadeIn .62s cubic-bezier(.2,.9,.3,1) forwards;background:radial-gradient(1200px 600px at 50% 40%,#0000001f 0,#00000052 30%,#00000085 100%),#0006;display:flex;inset:0;justify-content:center;opacity:0;position:fixed;z-index:9999;z-index:var(--fv-z)}.FirstVisit-overlay:before{background:radial-gradient(800px 400px at 30% 20%,#00a0ff47 0,#0000 25%),radial-gradient(700px 350px at 80% 80%,rgba(59,130,246,.168) 0,#0000 22%);background:radial-gradient(800px 400px at 30% 20%,rgba(0,160,255,var(--bloom-strength)) 0,#0000 25%),radial-gradient(700px 350px at 80% 80%,rgba(59,130,246,calc(var(--bloom-strength)*.6)) 0,#0000 22%);content:"";filter:blur(40px) saturate(115%);inset:0;mix-blend-mode:screen;opacity:.9;pointer-events:none;position:absolute;z-index:9998;z-index:calc(var(--fv-z) - 1)}@keyframes fv-fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.FirstVisit-content{animation:fv-popIn .42s cubic-bezier(.2,.9,.3,1) .12s both;backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(var(--glass-blur)) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(120%);background:linear-gradient(180deg,#ffffff0a,#ffffff03);background:linear-gradient(180deg,var(--card-bg-a),#ffffff03);border:1px solid #ffffff08;border-radius:14px;box-shadow:0 30px 80px #020617a6,0 6px 24px #00000073;color:#fff;max-width:720px;max-width:var(--max-card-width);min-width:260px;padding:clamp(18px,2.8vw,32px) clamp(20px,3.2vw,40px);position:relative;text-align:center;transform:translateY(8px);width:min(720px,calc(100% - 48px));width:min(var(--max-card-width),calc(100% - 48px));z-index:10001;z-index:calc(var(--fv-z) + 2)}.FirstVisit-content:after{background:linear-gradient(90deg,#00a1ff,#3b82f6);background:linear-gradient(90deg,var(--accent-1),var(--accent-2));border-radius:2px;bottom:12px;content:"";height:2px;left:18px;opacity:.95;position:absolute;width:clamp(36px,8vw,88px)}@keyframes fv-popIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.FirstVisit-image{animation:fv-float 3.2s ease-in-out infinite,fv-imagePop .68s cubic-bezier(.2,.9,.3,1) both;filter:drop-shadow(0 14px 34px rgba(0,0,0,.45));height:auto;margin-bottom:clamp(12px,2vw,20px);width:clamp(120px,22vw,220px)}@keyframes fv-imagePop{0%{opacity:0;transform:scale(.84)}60%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes fv-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.FirstVisit-title{color:#eaf6ff;font-size:clamp(1.25rem,3.2vw,2.1rem);font-weight:800;letter-spacing:-.02em;margin:0 0 12px;text-shadow:0 2px 10px #00000073}.FirstVisit-next-button{background:linear-gradient(90deg,#00a1ff,#3b82f6);background:linear-gradient(90deg,var(--accent-1),var(--accent-2));border:none;border-radius:12px;box-shadow:0 22px 70px #3b82f629;color:#fff;cursor:pointer;font-size:clamp(.95rem,1.8vw,1.08rem);font-weight:800;padding:clamp(10px,1.6vw,14px) clamp(20px,3.4vw,36px);transition:transform .14s ease,box-shadow .14s ease,opacity .14s;will-change:transform;will-change:box-shadow}.FirstVisit-next-button:hover{box-shadow:0 30px 90px #3b82f638;transform:translateY(-4px)}.FirstVisit-language-select-container{align-items:center;background:#000000d9;border-radius:12px;box-shadow:0 0 15px #000000b3;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin:0 auto;max-width:420px;padding:30px 40px;text-align:center;width:100%}.FirstVisit-language-select-container h2{color:#cfe9f6;font-size:clamp(1rem,2.2vw,1.25rem);margin-bottom:10px}.FirstVisit-language-button{background:linear-gradient(90deg,#00a1ff,#3b82f6);background:linear-gradient(90deg,var(--accent-1),var(--accent-2));border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:clamp(.96rem,1.8vw,1rem);font-weight:800;min-width:140px;padding:12px 0;transition:transform .12s ease,box-shadow .12s ease;width:100%;will-change:transform;will-change:box-shadow}.FirstVisit-language-button:hover{box-shadow:0 12px 30px #3b82f61f;transform:translateY(-3px)}.FirstVisit-skip-inline-button{border:none;cursor:pointer;font-weight:700;margin-left:.25rem;outline:none;padding:0;-webkit-user-select:none;user-select:none}.FirstVisit-skip-inline-button,.FirstVisit-skip-inline-button:focus,.FirstVisit-skip-inline-button:hover{background:none;color:#a6d3ea;text-decoration:underline}.spotlight-overlay{background-color:#000000c7;left:0;mix-blend-mode:normal;pointer-events:auto;position:fixed;right:0;transition:top .26s cubic-bezier(.22,.9,.3,1),left .26s cubic-bezier(.22,.9,.3,1),height .26s cubic-bezier(.22,.9,.3,1),width .26s cubic-bezier(.22,.9,.3,1),background .26s ease;will-change:top,left,height,width,background;z-index:9998;z-index:calc(var(--fv-z) - 1)}.spotlight-overlay.top{height:0;left:0;right:0;top:0}.spotlight-overlay.bottom{bottom:0;left:0;right:0;top:auto}.spotlight-overlay.left{height:0;left:0;position:fixed;top:0;width:0}.spotlight-overlay.right{height:0;left:auto;position:fixed;right:0;top:0}.spotlight-overlay:after{background:radial-gradient(circle,#00a0ff24,#3b82f60f 40%,#0000 55%);border-radius:9999px;content:"";filter:blur(28px) saturate(120%);height:200px;opacity:0;pointer-events:none;position:fixed;transform:translate(-50%,-50%) scale(.95);transition:opacity .22s ease,transform .22s ease;width:200px;will-change:transform;z-index:10000;z-index:calc(var(--fv-z) + 1)}.spotlight-overlay[style]:after{opacity:.9}.FirstVisit-tutorial-message{align-items:center;background:#000000e6;border-radius:12px;box-shadow:0 6px 12px #00000080;color:#fff;display:flex;flex-direction:column;font-weight:600;justify-content:center;left:50%;max-width:90%;padding:20px 30px;pointer-events:none;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;z-index:10000}.FirstVisit-tutorial-message:after{background:radial-gradient(closest-side,#00a0ff14,#0000 40%);border-radius:18px;content:"";filter:blur(18px);inset:-20px;pointer-events:none;position:absolute;z-index:-1}@keyframes fv-msgIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.FirstVisit-top-message{animation:fv-topSlide .26s cubic-bezier(.22,.9,.3,1) both;background-color:#0c0e10fa;border-radius:0 0 12px 12px;box-shadow:0 10px 30px #0009;color:#fff;font-size:clamp(.95rem,1.6vw,1.15rem);font-weight:800;left:0;padding:clamp(14px,2vw,26px) 20px;position:fixed;text-align:center;top:0;width:100%;z-index:10003;z-index:calc(var(--fv-z) + 4)}@keyframes fv-topSlide{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.FirstVisit-step5-overlay{align-items:center;background-color:#000000a3;display:flex;inset:0;justify-content:center;position:fixed;z-index:10004;z-index:calc(var(--fv-z) + 5)}.FirstVisit-step5-message{backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(calc(var(--glass-blur)*1.4)) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(calc(var(--glass-blur)*1.4)) saturate(140%);background:linear-gradient(180deg,hsla(0,0%,100%,.035),hsla(0,0%,100%,.008));border:1px solid hsla(0,0%,100%,.045);border-radius:14px;box-shadow:0 48px 160px #0000009e,inset 0 10px 40px #00a0ff0a;max-width:min(520px,94%);padding:clamp(18px,3.2vw,32px);pointer-events:auto;position:relative;text-align:center;width:calc(100% - 48px);z-index:10005;z-index:calc(var(--fv-z) + 6)}.FirstVisit-step5-message:after{background:radial-gradient(closest-side,#00a0ff0f,#0000 38%);border-radius:22px;content:"";filter:blur(24px) saturate(120%);inset:-28px;pointer-events:none;position:absolute;z-index:-1}.FirstVisit-step5-message p{color:#e7f8ff;font-size:clamp(1rem,2vw,1.05rem);font-weight:600;margin-bottom:1rem}.FirstVisit-finish-only{background:linear-gradient(90deg,#00a1ff,#3b82f6);background:linear-gradient(90deg,var(--accent-1),var(--accent-2));border:none;border-radius:12px;box-shadow:0 26px 80px #3b82f629;color:#fff;cursor:pointer;font-size:clamp(.95rem,1.8vw,1rem);font-weight:800;padding:clamp(10px,1.8vw,16px) clamp(18px,3.6vw,28px);transition:transform .14s ease,box-shadow .14s ease;will-change:transform;will-change:box-shadow}.FirstVisit-finish-only:hover{box-shadow:0 40px 120px #3b82f638;transform:translateY(-4px)}.FirstVisit-step5-overlay{pointer-events:auto}@media (prefers-reduced-motion:reduce){.FirstVisit-overlay{opacity:1!important}.FirstVisit-content,.FirstVisit-image,.FirstVisit-overlay:before,.FirstVisit-step5-message,.FirstVisit-top-message,.FirstVisit-tutorial-message,.spotlight-overlay,.spotlight-overlay:after{animation:none!important;transition:none!important}}@media (max-width:820px){:root{--glass-blur:6px;--bloom-strength:0.18}.FirstVisit-content{border-radius:12px;padding:14px;width:calc(100% - 28px)}.FirstVisit-image{width:120px}.FirstVisit-title{font-size:1.2rem}.FirstVisit-tutorial-message{font-size:.95rem;left:50%;padding:12px 14px;top:62%;transform:translate(-50%,-50%);width:calc(100% - 36px)}.spotlight-overlay:after{display:none}.FirstVisit-language-select-container{box-shadow:0 18px 48px #0000008c;padding:14px;width:calc(100% - 32px)}.FirstVisit-language-list{width:100%}.FirstVisit-language-button{border-radius:12px;font-size:1rem;padding:14px 12px;width:100%}.FirstVisit-skip-inline-button{display:inline-block;margin-top:8px}.FirstVisit-finish-only,.FirstVisit-next-button{max-width:420px;padding:14px 18px;width:min(420px,calc(100% - 40px))}.spotlight-overlay{background-color:#000000b8}.FirstVisit-step5-message{padding:18px;width:calc(100% - 36px)}}@media (max-width:420px){:root{--glass-blur:4px;--bloom-strength:0.12}.FirstVisit-image{margin-bottom:10px;width:96px}.FirstVisit-title{font-size:1.05rem}.FirstVisit-content{border-radius:10px;padding:12px}.FirstVisit-language-button{font-size:.98rem;padding:12px}.FirstVisit-finish-only,.FirstVisit-next-button{width:calc(100% - 32px)}.spotlight-overlay:after{display:none}}@media (max-width:600px){.FirstVisit-tutorial-message{font-size:.95rem;left:50%;max-width:90%;padding:16px 20px;top:50%;transform:translate(-50%,-50%)}}.FirstVisit-step{opacity:0;pointer-events:none;transform:scale(.96) translateY(10px);transition:opacity .3s ease,transform .3s ease;will-change:transform}.FirstVisit-step.active{opacity:1;pointer-events:auto;transform:scale(1) translateY(0)}.authg-form{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;color:#333;margin:80px auto;max-width:400px;padding:2rem;text-align:center;transition:all .3s ease}.authg-form h2{color:#333;font-size:1.6rem;font-weight:700;margin-bottom:1rem}.authg-form input,.authg-form p{color:#333;font-size:1rem;margin-bottom:1.5rem}.authg-form input{background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;padding:.8rem;transition:border .3s ease;width:100%}.authg-form input:focus{border-color:#07c}.authg-form button{background-color:#07c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;padding:.8rem 1.5rem;transition:background-color .3s ease;width:100%}.authg-form button:hover{background-color:#005fa3}.authg-form .authg-error{color:#c00;font-size:1rem;margin-top:1rem}body[data-theme=dark] .authg-form{background-color:#1e1e1e;box-shadow:0 4px 12px #0000004d;color:#f1f1f1}body[data-theme=dark] .authg-form input{background-color:#333;border:1px solid #555;color:#f1f1f1}body[data-theme=dark] .authg-form button{background-color:#39f}body[data-theme=dark] .authg-form button:hover{background-color:#1976d2}.authg-comingsoon{border-radius:16px;box-shadow:0 0 10px #0000001a;font-family:Segoe UI,sans-serif;margin:100px auto;max-width:500px;padding:2rem;text-align:center}.authg-comingsoon h1{color:#04a;font-size:2.5rem;margin-bottom:1rem}.authg-comingsoon p{font-size:1.2rem;margin-bottom:.75rem}.authg-soporte{color:#666;font-size:.95rem;margin-top:2rem}.guardian-center-container{background:#fafafa;color:#1a1a1a;margin:0 auto;max-width:1000px;min-height:100vh;padding:24px}html[data-theme=dark] .guardian-center-container{background:#121212;color:#e0e0e0}.guardian-center-loading{color:#555;font-size:16px;padding:40px;text-align:center}html[data-theme=dark] .guardian-center-loading{color:#b0b0b0}.guardian-center-title{color:#1a1a1a;font-size:28px;font-weight:700;margin-bottom:8px}html[data-theme=dark] .guardian-center-title{color:#90caf9}.guardian-center-info{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;color:#1a1a1a;margin-bottom:24px;padding:16px}html[data-theme=dark] .guardian-center-info{background:#1e1e1e;box-shadow:0 1px 3px #0006;color:#e0e0e0}.guardian-center-info p{color:#333;font-size:14px;margin:4px 0}html[data-theme=dark] .guardian-center-info p{color:#b0b0b0}.guardian-center-info strong{color:#1a1a1a;font-weight:600}html[data-theme=dark] .guardian-center-info strong{color:#e0e0e0}.guardian-center-subtitle{color:#666!important;font-size:13px!important}html[data-theme=dark] .guardian-center-subtitle{color:#90caf9!important}.guardian-center-error-box{background:#ffebee;border-left:4px solid #d32f2f;border-radius:6px;color:#d32f2f;font-size:13px;margin-bottom:16px;padding:12px 16px}html[data-theme=dark] .guardian-center-error-box{background:#5f2c2c;border-left-color:#ff8a80;color:#ff8a80}.guardian-center-success-box{background:#e8f5e9;border-left:4px solid #2e7d32;border-radius:6px;color:#2e7d32;font-size:13px;margin-bottom:16px;padding:12px 16px}html[data-theme=dark] .guardian-center-success-box{background:#2d5f2e;border-left-color:#a5d6a7;color:#a5d6a7}.guardian-center-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;color:#1a1a1a;margin-bottom:24px;padding:24px}html[data-theme=dark] .guardian-center-section{background:#1e1e1e;box-shadow:0 1px 3px #0006;color:#e0e0e0}.guardian-center-section h2{border-bottom:1px solid #eee;color:#1a1a1a;font-size:18px;font-weight:600;margin-bottom:16px;padding-bottom:12px}html[data-theme=dark] .guardian-center-section h2{border-bottom-color:#424242;color:#90caf9}.guardian-center-empty{background:#f9f9f9;border-radius:4px;color:#666;font-size:14px;padding:20px;text-align:center}html[data-theme=dark] .guardian-center-empty{background:#2a2a2a;color:#b0b0b0}.guardian-center-children-list{grid-gap:16px;display:grid;gap:16px}.guardian-center-child-card{background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;color:#1a1a1a;padding:16px;transition:box-shadow .2s,background-color .2s;will-change:box-shadow}html[data-theme=dark] .guardian-center-child-card{background:#262626;border-color:#424242;color:#e0e0e0}.guardian-center-child-card:hover{box-shadow:0 2px 8px #0000001a}html[data-theme=dark] .guardian-center-child-card:hover{box-shadow:0 2px 8px #0006}.guardian-center-child-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.guardian-center-child-header h3{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 4px}html[data-theme=dark] .guardian-center-child-header h3{color:#e0e0e0}.guardian-center-child-uid{color:#666;font-family:Courier New,monospace;font-size:12px}html[data-theme=dark] .guardian-center-child-uid{color:#b0b0b0}.guardian-center-badge-pending{background:#ff9800;border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;white-space:nowrap}.guardian-center-child-info{background:#fff;border-radius:4px;color:#1a1a1a;margin-bottom:16px;padding:12px}html[data-theme=dark] .guardian-center-child-info{background:#2a2a2a;color:#e0e0e0}.guardian-center-child-info p{color:#333;font-size:13px;margin:6px 0}html[data-theme=dark] .guardian-center-child-info p{color:#b0b0b0}.guardian-center-child-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.guardian-center-btn-pin-instructions{background:#4f46e5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s}.guardian-center-btn-pin-instructions:hover:not(:disabled){background:#4338ca;box-shadow:0 2px 4px #4f46e533}.guardian-center-btn-pin-instructions:active:not(:disabled){transform:translateY(1px)}.guardian-center-btn-pin-instructions:disabled{cursor:not-allowed;opacity:.6}.guardian-center-btn-reset-pin{background:#9c27b0;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s}.guardian-center-btn-reset-pin:hover:not(:disabled){background:#7b1fa2;box-shadow:0 2px 4px #9c27b033}.guardian-center-btn-reset-pin:disabled{cursor:not-allowed;opacity:.6}html[data-theme=dark] .guardian-center-btn-reset-pin{background:#9c27b0}html[data-theme=dark] .guardian-center-btn-reset-pin:hover:not(:disabled){background:#7b1fa2;box-shadow:0 2px 4px #9c27b066}.guardian-center-child-info strong{color:#1a1a1a;font-weight:500}html[data-theme=dark] .guardian-center-child-info strong{color:#e0e0e0}.guardian-center-status-active{color:#2e7d32;font-weight:500}.guardian-center-status-locked{color:#d32f2f;font-weight:500}html[data-theme=dark] .guardian-center-status-locked{color:#ff8a80}.guardian-center-status-migrated{color:#ff9800;font-weight:500}.guardian-center-request{border:1px solid #ddd;border-radius:4px;color:#1a1a1a;margin-top:12px;padding:12px}html[data-theme=dark] .guardian-center-request{border-color:#424242;color:#e0e0e0}.guardian-center-request-pending{background:#fffbf0;border-left:4px solid #ff9800}html[data-theme=dark] .guardian-center-request-pending{background:#5f4a2c;border-left-color:#ff9800}.guardian-center-request-approved{background:#f1f8f5;border-left:4px solid #2e7d32}html[data-theme=dark] .guardian-center-request-approved{background:#2d5f2e;border-left-color:#a5d6a7}.guardian-center-request-rejected{background:#fef0f0;border-left:4px solid #d32f2f}html[data-theme=dark] .guardian-center-request-rejected{background:#5f2c2c;border-left-color:#ff8a80}.guardian-center-request h4{color:#1a1a1a;font-size:13px;font-weight:600;margin:0 0 8px;text-transform:capitalize}html[data-theme=dark] .guardian-center-request h4{color:#e0e0e0}.guardian-center-request-details{margin-bottom:12px}.guardian-center-request-details p{color:#333;font-size:13px;margin:6px 0;word-break:break-all}html[data-theme=dark] .guardian-center-request-details p{color:#b0b0b0}.guardian-center-request-details strong{color:#1a1a1a;font-weight:500}html[data-theme=dark] .guardian-center-request-details strong{color:#e0e0e0}.guardian-center-request-date{color:#999!important;font-size:12px!important;font-style:italic}html[data-theme=dark] .guardian-center-request-date{color:#b0b0b0!important}.guardian-center-request-approved,.guardian-center-request-rejected{font-size:13px;font-weight:500;margin-top:8px}.guardian-center-request-approved{color:#2e7d32}html[data-theme=dark] .guardian-center-request-approved{color:#a5d6a7}.guardian-center-request-rejected{color:#d32f2f}html[data-theme=dark] .guardian-center-request-rejected{color:#ff8a80}.guardian-center-request-actions{display:flex;gap:8px}.guardian-center-btn-approve,.guardian-center-btn-cancel,.guardian-center-btn-confirm,.guardian-center-btn-reject{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:12px;font-weight:500;padding:8px 16px;transition:all .2s}.guardian-center-btn-approve,.guardian-center-btn-confirm{background:#2e7d32;color:#fff}.guardian-center-btn-approve:hover:not(:disabled),.guardian-center-btn-confirm:hover:not(:disabled){background:#1b5e20;box-shadow:0 2px 4px #2e7d3233}.guardian-center-btn-cancel,.guardian-center-btn-reject{background:#f0f0f0;color:#333}html[data-theme=dark] .guardian-center-btn-cancel,html[data-theme=dark] .guardian-center-btn-reject{background:#424242;color:#e0e0e0}.guardian-center-btn-cancel:hover:not(:disabled),.guardian-center-btn-reject:hover:not(:disabled){background:#e0e0e0}html[data-theme=dark] .guardian-center-btn-cancel:hover:not(:disabled),html[data-theme=dark] .guardian-center-btn-reject:hover:not(:disabled){background:#555}.guardian-center-btn-approve:disabled,.guardian-center-btn-cancel:disabled,.guardian-center-btn-confirm:disabled,.guardian-center-btn-reject:disabled{cursor:not-allowed;opacity:.6}.guardian-center-reauth-box{background:#fff;border:1px dashed #ddd;border-radius:4px;color:#1a1a1a;padding:12px}html[data-theme=dark] .guardian-center-reauth-box{background:#2a2a2a;border-color:#424242;color:#e0e0e0}.guardian-center-reauth-input{background:#fff;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;margin-bottom:8px;padding:10px;width:100%}html[data-theme=dark] .guardian-center-reauth-input{background:#1e1e1e;border-color:#424242;color:#e0e0e0}.guardian-center-reauth-input:focus{border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321a;outline:none}html[data-theme=dark] .guardian-center-reauth-input:focus{border-color:#90caf9;box-shadow:0 0 0 3px #90caf91a}.guardian-center-reauth-input:disabled{background-color:#f5f5f5;color:#666}.guardian-center-reauth-info{background-color:#e3f2fd;border-left:3px solid #2196f3;border-radius:2px;color:#1a1a1a;font-size:13px;margin:0;padding:10px}html[data-theme=dark] .guardian-center-reauth-info{background-color:#1a237e;border-left-color:#2196f3;color:#e0e0e0}.guardian-center-reauth-actions{display:flex;gap:8px}.guardian-center-help{background:#f5f9ff;border-left:4px solid #1976d2}.guardian-center-help h2{color:#1976d2}.guardian-center-help-content h3{color:#1a1a1a;font-size:14px;font-weight:600;margin:0 0 12px}.guardian-center-help-content ul{list-style:none;margin:0;padding:0}.guardian-center-help-content li{color:#333;font-size:13px;margin:8px 0;padding-left:20px;position:relative}html[data-theme=dark] .guardian-center-help-content li{color:#b0b0b0}.guardian-center-help-content li:before{color:#2e7d32;content:"✓";font-weight:700;left:0;position:absolute}@media (max-width:768px){.guardian-center-container{padding:16px}.guardian-center-title{font-size:24px}.guardian-center-section{padding:16px}.guardian-center-child-header,.guardian-center-reauth-actions,.guardian-center-request-actions{flex-wrap:wrap}.guardian-center-btn-approve,.guardian-center-btn-cancel,.guardian-center-btn-confirm,.guardian-center-btn-reject{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1}}.guardian-center-add-child-button-container{margin:24px 0;text-align:center}.guardian-center-btn-add-child{background-color:#4caf50;border:none;border-radius:6px;box-shadow:0 2px 8px #4caf504d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background-color .3s ease,box-shadow .3s ease;will-change:background-color,box-shadow}.guardian-center-btn-add-child:hover{background-color:#45a049;box-shadow:0 4px 12px #4caf5080}.guardian-center-btn-add-child:active{transform:scale(.98)}html[data-theme=dark] .guardian-center-btn-add-child{background-color:#4caf50}html[data-theme=dark] .guardian-center-btn-add-child:hover{background-color:#45a049}.child-consent-blocker{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}html[data-theme=dark] .child-consent-blocker{background:linear-gradient(135deg,#1a1a2e,#16213e)}.blocker-card{animation:popIn .5s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:40px;text-align:center;width:100%}html[data-theme=dark] .blocker-card{background:#1e1e2e;color:#e0e0e0}.blocker-card.pending{border-left:6px solid #ffc107;box-shadow:0 20px 60px #ffc10733}html[data-theme=dark] .blocker-card.pending{border-left-color:gold}.blocker-spinner{color:#fff;font-size:1.1rem;text-align:center}.blocker-icon{animation:bounce 1s ease-in-out infinite;display:inline-block;font-size:3.5rem;margin-bottom:16px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.blocker-title{color:#333;font-size:1.8rem;font-weight:700;margin:0 0 12px}html[data-theme=dark] .blocker-title{color:#f5f5f5}.blocker-description{color:#666;font-size:1rem;line-height:1.6;margin:0 0 24px}html[data-theme=dark] .blocker-description{color:#b0b0b0}.blocker-content{background:#f5f5f5;border-radius:12px;margin:24px 0;padding:20px}html[data-theme=dark] .blocker-content{background:#2a2a3e}.blocker-info{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;margin:24px 0;padding:16px}html[data-theme=dark] .blocker-info{background:#1a2f4a;border-left-color:#64b5f6}.blocker-info-text{color:#1976d2;font-size:.9rem;line-height:1.5;margin:0}html[data-theme=dark] .blocker-info-text{color:#90caf9}.blocker-refresh-btn{background:#2196f3;border:none;border-radius:8px;box-shadow:0 4px 12px #2196f34d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:16px;padding:12px 28px;transition:all .3s ease}.blocker-refresh-btn:hover{background:#1976d2;box-shadow:0 6px 16px #2196f366;transform:translateY(-2px)}html[data-theme=dark] .blocker-refresh-btn:hover{box-shadow:0 6px 16px #2196f399}.blocker-refresh-btn:active{transform:translateY(0)}@media (max-width:480px){.child-consent-blocker{padding:12px}.blocker-card{padding:24px}.blocker-icon{font-size:3rem}.blocker-title{font-size:1.4rem}.blocker-description{font-size:.9rem}.blocker-content{padding:12px}}.consent-protected-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.consent-protected-loading,html[data-theme=dark] .consent-protected-loading{background-color:var(--background-color)}.consent-protected-loading .spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#0084ff;height:50px;width:50px}html[data-theme=dark] .consent-protected-loading .spinner{border:4px solid #ffffff1a;border-top-color:#0084ff}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.consent-protected-loading p{color:#444;color:var(--text-color,#444);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;margin-top:20px}html[data-theme=dark] .consent-protected-loading p{color:#f1f1f1}.session-timeout-warning{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.warning-container{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:32px 24px;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.warning-container h3{color:#d32f2f;font-size:20px;font-weight:600;margin:0 0 16px}.warning-container p{color:#666;font-size:14px;line-height:1.5;margin:12px 0}.time-remaining{color:#d32f2f;font-family:Courier New,monospace;font-size:48px;font-weight:700;letter-spacing:2px;margin:20px 0 16px}.warning-description{color:#999;font-size:13px;margin:16px 0 24px}.btn-extend-session{background-color:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease;width:100%}.btn-extend-session:hover{background-color:#1565c0;box-shadow:0 4px 12px #1976d24d}.btn-extend-session:active{transform:translateY(1px)}html[data-theme=dark] .session-timeout-warning{background-color:#000000e6}html[data-theme=dark] .warning-container{background:#1e1e1e;color:#e0e0e0}html[data-theme=dark] .warning-container h3{color:#ff6b6b}html[data-theme=dark] .warning-container p{color:#b0b0b0}html[data-theme=dark] .warning-description{color:#909090}html[data-theme=dark] .time-remaining{color:#ff6b6b}html[data-theme=dark] .btn-extend-session{background-color:#1976d2}html[data-theme=dark] .btn-extend-session:hover{background-color:#1565c0;box-shadow:0 4px 12px #1976d280}@media (max-width:480px){.warning-container{margin:16px;max-width:calc(100% - 32px);padding:24px 16px}.warning-container h3{font-size:18px}.time-remaining{font-size:36px}.btn-extend-session{font-size:13px;padding:12px 20px}}:root{--anim-duration:0.30s;--anim-ease:cubic-bezier(.2,.9,.3,1)}.gal-canciones-root{box-sizing:border-box;color:#000;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;height:calc(100vh - 70px);margin:0 auto;max-width:1200px;padding:12px}.gc-grid{grid-gap:16px;display:grid;flex:1 1 auto;gap:16px;grid-template-columns:280px 1fr;height:100%}.gc-index{background:#f4f4f9;border:1px solid #e6e9ee;border-radius:8px;overflow-y:auto;padding:10px}.gc-index,.gc-list{display:flex;flex-direction:column}.gc-list{gap:8px;list-style:none;margin:0;padding:0}.gc-list-item{align-items:center;background:#fbfdff;border-radius:6px;display:flex;justify-content:space-between;padding:8px}.gc-list-item.selected{background:#eef2ff;border:1px solid #e0e7ff}.gc-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;padding:6px 8px}.gc-btn,.gc-btn:hover{background:#3b82f6}.gc-main{display:flex;flex-direction:column;gap:12px;height:100%}.gc-playercard{aspect-ratio:16/9;background:#000;border-radius:8px;flex-shrink:0;overflow:hidden;position:relative;width:100%}.gc-playerbox{height:100%;width:100%}.gc-controls{align-items:center;display:flex;gap:8px;margin-top:8px}.gc-play{background:#10b981;border:none;border-radius:6px;color:#000;cursor:pointer;padding:8px 12px}.gc-play.disabled{background:#9ca3af;cursor:not-allowed}.gc-pause{background:#e5e7eb;border:none;border-radius:6px;cursor:pointer;padding:8px 12px}.gc-status{color:#374151;font-size:13px;margin-left:auto}.gc-lastpoints{color:#065f46;font-weight:700;margin-left:8px}.gc-typingcard{align-items:center;flex:1 1 auto;flex-direction:column;overflow:hidden;position:relative}.gc-line-row,.gc-typingcard{display:flex;justify-content:center}.gc-line-row{font-size:36px;left:0;opacity:1;pointer-events:none;position:absolute;right:0;text-align:center;top:50%;transform:translateY(-50%) scale(1);white-space:nowrap}.gc-line-row.prev{opacity:.5;top:25%;transform:translateY(-50%) scale(.9)}.gc-line-row.current{color:#10b981;font-weight:600;opacity:1;top:50%;transform:translateY(-50%) scale(1)}.gc-line-row.next{opacity:.5;top:75%;transform:translateY(-50%) scale(.9)}@keyframes enterFromBottom{0%{opacity:.45;top:75%;transform:translateY(-50%) scale(.9)}to{opacity:1;top:50%;transform:translateY(-50%) scale(1)}}@keyframes enterFromTop{0%{opacity:.45;top:25%;transform:translateY(-50%) scale(.9)}to{opacity:1;top:50%;transform:translateY(-50%) scale(1)}}@keyframes exitToTop{0%{opacity:1;top:50%;transform:translateY(-50%) scale(1)}to{opacity:.45;top:25%;transform:translateY(-50%) scale(.9)}}@keyframes exitToBottom{0%{opacity:1;top:50%;transform:translateY(-50%) scale(1)}to{opacity:.45;top:75%;transform:translateY(-50%) scale(.9)}}.gc-line-row.enter-from-bottom{animation:enterFromBottom .3s cubic-bezier(.2,.9,.3,1) forwards;animation:enterFromBottom var(--anim-duration) var(--anim-ease) forwards}.gc-line-row.enter-from-top{animation:enterFromTop .3s cubic-bezier(.2,.9,.3,1) forwards;animation:enterFromTop var(--anim-duration) var(--anim-ease) forwards}.gc-line-row.exiting.exiting-up{animation:exitToTop .3s cubic-bezier(.2,.9,.3,1) forwards;animation:exitToTop var(--anim-duration) var(--anim-ease) forwards}.gc-line-row.exiting.exiting-down{animation:exitToBottom .3s cubic-bezier(.2,.9,.3,1) forwards;animation:exitToBottom var(--anim-duration) var(--anim-ease) forwards}.gc-line-text{display:inline;overflow:hidden;text-overflow:ellipsis}.gc-char.correct{color:#10b981;font-weight:600}.gc-char.pending{color:#000}.gc-bottom-info{color:#6b7280;font-size:14px;margin-top:10px;text-align:center}.gc-list-controls{display:flex;gap:8px;margin-top:6px}.gc-list-controls button{border:none;border-radius:6px;cursor:pointer;font-size:12px;padding:6px 10px}.gc-list-controls .gc-play{background:#10b981;color:#fff}.gc-list-controls .gc-play.disabled{background:#9ca3af;cursor:not-allowed}.gc-btn-karaoke,.gc-list-controls .gc-pause{background:#3b82f6}.gc-btn-karaoke{color:#fff}.gc-btn-karaoke.disabled{background:#9ca3af;cursor:not-allowed}@media (max-width:768px){.gc-grid{display:flex;flex-direction:column}.gc-index{margin-bottom:12px;max-height:none;order:1;overflow-y:visible}.gc-playercard{aspect-ratio:16/9;order:2;width:100%}.gc-typingcard{margin-top:12px;order:3}.gc-line-row{color:inherit;font-size:6vw;line-height:1.4;margin:0 auto;max-width:100%;text-align:center;white-space:normal;word-break:break-word}.gc-line-row.current{color:#10b981!important;font-weight:600;opacity:1}.gc-list-item{align-items:center;flex-direction:row;font-size:14px;gap:6px}.gc-item-title{font-size:15px;font-weight:600}.gc-item-artist{font-size:13px}.gc-list-controls{flex-wrap:wrap;gap:6px;margin-top:4px}.gc-btn,.gc-list-controls button{font-size:13px;padding:6px 10px}}body[data-theme=dark] .gal-canciones-root{background:#111827;color:#f3f4f6}body[data-theme=dark] .gc-index{background:#1f2937;border-color:#374151}body[data-theme=dark] .gc-list-item{background:#111827}body[data-theme=dark] .gc-list-item.selected{background:#374151;border-color:#4b5563}body[data-theme=dark] .gc-btn,body[data-theme=dark] .gc-list-controls .gc-pause{background:#3b82f6;color:#f3f4f6}body[data-theme=dark] .gc-btn:hover{background:#4b5563}body[data-theme=dark] .gc-playercard,body[data-theme=dark] .gc-typingcard{background:#1f2937}body[data-theme=dark] .gc-line-row.next,body[data-theme=dark] .gc-line-row.prev{color:#6b7280}body[data-theme=dark] .gc-line-row.current{color:#34d399}body[data-theme=dark] .gc-status{color:#d1d5db}body[data-theme=dark] .gc-lastpoints{color:#6ee7b7}body[data-theme=dark] .gc-btn-karaoke{background:#2563eb;color:#fff}body[data-theme=dark] .gc-char.pending{color:#9ca3af}.chess-container{background:#f8fafc;border-radius:16px;box-shadow:0 6px 18px #10182814;color:#111827;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;padding:16px}.chess-header{align-items:center;display:flex;gap:12px;margin-bottom:10px}.chess-header-controls{display:flex;gap:8px;margin-left:auto}.chess-button{background:#efefef;border:none;border-radius:8px;color:#111827;cursor:pointer;padding:8px 10px}.chess-play{background:#10b981;color:#fff}.chess-main{align-items:flex-start;display:flex;gap:18px}.chess-board-area{display:flex;flex-direction:column;gap:8px}.chess-board{background:#fff;border-radius:12px;box-shadow:0 6px 16px #1118270a;overflow:hidden;position:relative}.chess-svg{left:0;pointer-events:none;position:absolute;top:0;z-index:3}.chess-table{border-collapse:collapse;height:100%;table-layout:fixed;width:100%}.chess-square{position:relative;text-align:center;-webkit-user-select:none;user-select:none;vertical-align:middle}.chess-square-light{background:#fff7e6}.chess-square-dark{background:#b5651d;color:#fff}.chess-square-legal{box-shadow:inset 0 0 0 3px #10b98124}.chess-piece-wrapper{height:100%;width:100%}.chess-piece-plate,.chess-piece-wrapper{align-items:center;display:flex;justify-content:center}.chess-piece-plate{border-radius:50%;box-shadow:0 3px 8px #00000014;height:62%;transition:transform .08s ease;width:62%;will-change:transform}.chess-piece-plate-w{background:#fff;border:2px solid #0000000f}.chess-piece-plate-b{background:#00000014;border:2px solid #ffffff0f}.chess-piece{-webkit-font-smoothing:antialiased;color:#111827;font-size:2.4rem;line-height:1;-webkit-user-select:none;user-select:none}@media (min-width:1200px){.chess-piece{font-size:3rem}}.chess-piece-wrapper:active .chess-piece-plate{transform:scale(.98)}.chess-coord{bottom:4px;color:#11182799;font-size:10px;left:4px;position:absolute}.chess-controls{align-items:center;display:flex;gap:8px;margin-top:8px}.chess-progress{color:#6b7280;font-size:.95rem;margin-left:8px}.chess-hint{background:#fff;border:1px solid #0f172a0a;border-radius:10px;margin-top:8px;padding:8px}.chess-side{max-width:40vw;width:320px}.chess-moves{display:flex;flex-direction:column;gap:8px;max-height:52vh;overflow:auto}.chess-move-row{background:#fff;border:1px solid #0f172a0a;border-radius:8px;padding:8px}.chess-active-move{background:linear-gradient(90deg,#f6a8211f,#f5be6e0f);border-color:#f6a8212e}.chess-comment{color:#6b7280;font-size:.9rem;margin-top:6px}.chess-pgn-textarea{border:1px solid #0f172a0f;border-radius:8px;font-size:.95rem;min-height:90px;padding:8px;resize:vertical;width:100%}@media (max-width:920px){.chess-main{flex-direction:column}.chess-side{max-width:none;width:100%}}.chess-board{width:100%}.chess-board .chess-table td{aspect-ratio:1/1}@media print{.chess-controls,.chess-header-controls,.chess-pgn-actions{display:none!important}.chess-container{box-shadow:none}}.chess-tree-root{gap:8px}.chess-movelist,.chess-tree-root{display:flex;flex-direction:column}.chess-movelist{gap:6px}.chess-movelist-small{font-size:.92rem;opacity:.95}.chess-movelist-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:6px}.chess-tree-node{display:flex;flex-direction:column;gap:4px;max-width:100%}.chess-tree-move{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:6px}.chess-tree-move:hover{background:#0b5cff0a}.chess-tree-move-no{color:#6b7280;font-weight:600;width:44px}.chess-tree-move-san{font-weight:700}.chess-tree-comment{color:#6b7280;font-size:.9rem;margin-left:52px}.chess-tree-variations{display:flex;flex-wrap:wrap;gap:8px;margin-left:52px;margin-top:6px}.chess-variation{background:#0f172a08;border:1px solid #0f172a05;border-radius:8px;padding:6px}@media (max-width:720px){.chess-tree-variations{flex-direction:column;margin-left:20px}.chess-tree-move-no{width:34px}}.impostor-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;border:1px solid #0325410a;border-radius:14px;box-shadow:0 8px 30px #0b14240f;color:#0f172a;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans;margin:28px auto;max-width:1100px;padding:22px}.impostor-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.impostor-title{font-size:1.6rem;font-weight:700;letter-spacing:-.01em;line-height:1;margin:0}.impostor-theme-hint{color:#6b7280;font-size:.88rem;margin-left:8px}.impostor-panel{align-items:center;background:linear-gradient(180deg,#f7fbfd,#fff);border:1px solid #e6eef6;border-radius:12px;box-shadow:0 8px 24px #0206170a;display:flex;gap:12px;justify-content:space-between;padding:14px}.impostor-panel-left{display:flex;flex-direction:column;gap:4px}.impostor-lobby-name{color:#06203a;font-size:1.05rem;font-weight:700}.impostor-lobby-id{color:#6b7280;font-size:.92rem}.impostor-code{background:#0325410a;border-radius:8px;display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace;font-size:.86rem;padding:4px 8px}.impostor-panel-right{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.impostor-player-count{color:#000;font-size:.95rem;font-weight:600}.impostor-host-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.impostor-host-more{display:flex;flex-wrap:wrap;gap:8px}.impostor-btn{background:#0000;border:1px solid #e6eef6;border-radius:10px;box-shadow:none;color:#06203a;cursor:pointer;font-size:.95rem;font-weight:600;padding:9px 14px;transition:transform .12s cubic-bezier(.2,.9,.2,1),box-shadow .18s ease,opacity .12s ease;will-change:transform;will-change:box-shadow}.impostor-btn:hover{background-color:initial;box-shadow:0 10px 30px #06121c14;transform:translateY(-3px)}.impostor-btn:active{transform:translateY(-1px)}.impostor-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.impostor-btn--primary{background:linear-gradient(180deg,#0369a1,#0c7ea8);border-color:#0000;box-shadow:0 8px 24px #0369a11f;color:#fff}.impostor-btn--primary:hover{box-shadow:0 14px 40px #0369a129}.impostor-btn--danger{background:linear-gradient(180deg,#fff7f6,#fff0ef);border-color:#b91c1c14;color:#b91c1c}.impostor-input{background:#fff;border:1px solid #e6eef6;border-radius:10px;box-shadow:inset 0 1px 0 #02061705;color:#0f172a;font-size:.95rem;min-width:160px;padding:10px 12px}.impostor-input:focus{box-shadow:0 6px 20px #0369a114,0 0 0 3px #0369a114;outline:none}.impostor-main{margin-top:16px}.impostor-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:260px 1fr}.impostor-card{background:#fff;border:1px solid #e6eef6;border-radius:14px;box-shadow:0 8px 24px #0206170a;padding:14px}.impostor-card--panel{grid-column:span 1}.impostor-sub{color:#06203a;font-weight:700;margin:0 0 12px}.impostor-players-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.impostor-player-row{align-items:center;border-radius:10px;display:flex;gap:12px;padding:10px;transition:background .12s ease,transform .08s ease;will-change:transform}.impostor-player-row:hover{background:#03254108;transform:translateY(-2px)}.impostor-avatar{align-items:center;background:linear-gradient(135deg,#0325410f,#03254105);border:1px solid #e6eef6;border-radius:50%;color:#06203a;display:flex;font-size:1rem;font-weight:700;height:46px;justify-content:center;min-width:46px;width:46px}.impostor-player-name{color:#081426;font-weight:700}.impostor-player-meta{color:#6b7280;font-size:.85rem}.impostor-actions{margin-top:12px}.impostor-clues{color:#06203a;margin:8px 0 0 20px;padding-left:0}.impostor-clue{padding:6px 0}.impostor-grid-votes{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:10px}.impostor-vote-btn{background:linear-gradient(180deg,#f7fbfd,#fff);border:1px solid #e6eef6;border-radius:10px;font-weight:600;padding:10px;text-align:left;width:100%}.impostor-vote-selected{background:linear-gradient(180deg,#e6f8f7,#dff4f3);border:1px solid #0ea5a42e;box-shadow:0 8px 24px #0ea5a40f}.impostor-small{color:#6b7280;font-size:.82rem}.impostor-note{color:#6b7280;margin-bottom:10px}@media (max-width:980px){.impostor-grid{grid-template-columns:1fr}.impostor-panel{align-items:flex-start;flex-direction:column;gap:10px}.impostor-avatar{height:40px;min-width:40px;width:40px}}.impostor-btn:focus,.impostor-input:focus{box-shadow:0 8px 24px #0369a11a;outline:none}.impostor-card,.impostor-grid-votes,.impostor-main{scrollbar-color:#0325411f #0000;scrollbar-width:thin}.impostor-card::-webkit-scrollbar,.impostor-main::-webkit-scrollbar{height:8px;width:8px}.impostor-card::-webkit-scrollbar-thumb{background:#0325411f;border-radius:999px}.impostor-overlay{align-items:center;animation:fadeIn .22s ease;background:#02061780;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.impostor-overlay-card{animation:popIn .26s cubic-bezier(.2,.9,.2,1);background:#fff;border-radius:12px;box-shadow:0 18px 50px #0206172e;max-width:92%;min-width:320px;padding:22px;text-align:left;transform:translateY(-8px)}.impostor-text-black{color:#000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(-10px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.impostor-btn,.impostor-overlay,.impostor-overlay-card,.impostor-player-row{animation:none!important;transition:none!important}}body[data-theme=dark] .impostor-container{background:#121826;border:1px solid #ffffff0d;box-shadow:0 6px 20px #0009;color:#f5f7fa}body[data-theme=dark] .impostor-title{color:#f5f7fa}body[data-theme=dark] .impostor-note,body[data-theme=dark] .impostor-small,body[data-theme=dark] .impostor-theme-hint{color:#cbd5e1}body[data-theme=dark] .impostor-panel{background:#1a2233;border:1px solid #ffffff0d;box-shadow:0 8px 24px #0009}body[data-theme=dark] .impostor-lobby-name,body[data-theme=dark] .impostor-player-name{color:#f5f7fa}body[data-theme=dark] .impostor-lobby-id,body[data-theme=dark] .impostor-player-meta{color:#cbd5e1}body[data-theme=dark] .impostor-code{background:#ffffff0d;color:#f5f7fa}body[data-theme=dark] .impostor-btn{background:#0000;border:1px solid #ffffff14;color:#f5f7fa}body[data-theme=dark] .impostor-btn:hover{background:#ffffff0f}body[data-theme=dark] .impostor-btn--primary{background:#3b82f6;border-color:#0000;color:#fff}body[data-theme=dark] .impostor-btn--primary:hover{background:#2563eb}body[data-theme=dark] .impostor-btn--danger{background:#0000;border:1px solid #ffffff14;color:#f87171}body[data-theme=dark] .impostor-btn--danger:hover{background:#f871711a}body[data-theme=dark] .impostor-input{background:#0b0f1a;border:1px solid #ffffff14;color:#f5f7fa}body[data-theme=dark] .impostor-card{background:#121826;border:1px solid #ffffff0d;box-shadow:0 6px 20px #0009}body[data-theme=dark] .impostor-avatar{background:#ffffff0f;border:1px solid #ffffff14;color:#f5f7fa}body[data-theme=dark] .impostor-clues{color:#f5f7fa}body[data-theme=dark] .impostor-vote-btn{background:#0b0f1a;border:1px solid #ffffff0f;color:#f5f7fa}body[data-theme=dark] .impostor-vote-selected{background:#3b82f6;border-color:#0000;color:#fff}body[data-theme=dark] .impostor-overlay{background:#000000bf}body[data-theme=dark] .impostor-overlay-card{background:#121826;border:1px solid #ffffff0d;color:#f5f7fa}body[data-theme=dark] ::-webkit-scrollbar-thumb{background:#3b82f6}body[data-theme=dark] .impostor-player-count,body[data-theme=dark] .impostor-text-black{color:#fff}.impostor-card--players{display:flex;flex-direction:column;min-height:0}.impostor-card--players .impostor-players-list{flex:1 1 auto;max-height:320px;min-width:0;overflow-y:auto;padding-right:8px}.impostor-card--players .impostor-actions{flex-shrink:0;margin-top:12px}.impostor-card--players .impostor-players-list{scrollbar-color:#03254124 #0000;scrollbar-width:thin}.impostor-card--players .impostor-players-list::-webkit-scrollbar{width:10px}.impostor-card--players .impostor-players-list::-webkit-scrollbar-thumb{background:#03254124;background-clip:content-box;border:2px solid #0000;border-radius:999px}@media (max-width:720px){.impostor-card--players .impostor-players-list{max-height:34vh}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}