html,body{height:100%;overflow:hidden}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}button:focus:not(:focus-visible){outline:none}:root{--fondo: #ffffff;--fondo-card: #f9fafb;--texto: #111827;--texto-secundario: #6b7280;--primario: #dc2626;--primario-hover: #b91c1c;--borde: #e5e7eb;--error: #ef4444;--radio: 12px;--sombra: 0 1px 4px rgba(0, 0, 0, .08)}[data-tema=oscuro]{--fondo: #111111;--fondo-card: #1c1c1e;--texto: #f5f5f5;--texto-secundario: #8e8e93;--borde: #2c2c2e;--sombra: 0 1px 4px rgba(0, 0, 0, .4)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--fondo);color:var(--texto);min-height:100dvh;-webkit-font-smoothing:antialiased}#root{min-height:100dvh}.pagina{display:flex;flex-direction:column;height:100dvh;max-width:480px;margin:0 auto;overflow:hidden}.contenido{flex:1;padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--borde);position:sticky;top:0;background:var(--fondo);z-index:10}.header-titulo{font-size:18px;font-weight:600;color:var(--texto);text-transform:capitalize}.btn-icono{background:none;border:none;font-size:24px;cursor:pointer;color:var(--primario);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.btn-icono:hover{background:var(--fondo-card)}.lista-palabras{list-style:none;display:flex;flex-direction:column;gap:8px}.tarjeta-palabra{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--fondo-card);border:1px solid var(--borde);border-radius:var(--radio);cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent}.tarjeta-palabra:hover,.tarjeta-palabra:active{background:var(--borde)}.tarjeta-texto{font-size:16px;font-weight:500;text-transform:capitalize}.tarjeta-flecha{font-size:22px;color:var(--texto-secundario)}.fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--primario);color:#fff;font-size:28px;border:none;cursor:pointer;box-shadow:0 4px 12px #dc262666;display:flex;align-items:center;justify-content:center;transition:transform .15s,background .15s}.fab:hover{background:var(--primario-hover);transform:scale(1.05)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;z-index:100;overscroll-behavior:none}.modal{background:var(--fondo);width:100%;max-width:480px;margin:0 auto;border-radius:var(--radio) var(--radio) 0 0;padding:24px;display:flex;flex-direction:column;gap:16px}.modal-titulo{font-size:18px;font-weight:600}.modal-input{width:100%;padding:14px;font-size:16px;border:1px solid var(--borde);border-radius:var(--radio);background:var(--fondo-card);color:var(--texto);outline:none}.modal-input:focus{border-color:var(--primario)}.modal-acciones{display:flex;gap:8px;justify-content:flex-end}.btn-primario{background:var(--primario);color:#fff;border:none;padding:12px 24px;border-radius:var(--radio);font-size:15px;font-weight:600;cursor:pointer;transition:background .15s}.btn-primario:hover:not(:disabled){background:var(--primario-hover)}.btn-primario:disabled{opacity:.5;cursor:not-allowed}.btn-secundario{background:transparent;color:var(--texto-secundario);border:1px solid var(--borde);padding:12px 24px;border-radius:var(--radio);font-size:15px;cursor:pointer}.login-fondo{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--fondo)}.login-card{width:100%;max-width:400px;background:var(--fondo-card);border:1px solid var(--borde);border-radius:16px;padding:32px 24px;display:flex;flex-direction:column;gap:8px}.login-titulo{font-size:22px;font-weight:700;color:var(--primario);text-align:center}.login-subtitulo{font-size:14px;color:var(--texto-secundario);text-align:center;margin-bottom:8px}.login-form{display:flex;flex-direction:column;gap:16px;margin-top:8px}.campo{display:flex;flex-direction:column;gap:6px}.campo label{font-size:12px;font-weight:600;color:var(--texto-secundario);letter-spacing:.5px}.campo input{width:100%;padding:14px;font-size:16px;border:1px solid var(--borde);border-radius:var(--radio);background:var(--fondo);color:var(--texto);outline:none}.campo input:focus{border-color:var(--primario)}.input-con-icono{position:relative}.input-con-icono input{width:100%;padding-right:48px}.btn-ojo{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px;padding:4px;color:var(--texto-secundario)}.login-form .btn-primario{width:100%;padding:14px;font-size:16px;letter-spacing:.5px}.error-msg{color:var(--error);font-size:14px;text-align:center}.login-link{text-align:center;font-size:14px;color:var(--texto-secundario);margin-top:8px}.link{background:none;border:none;color:var(--primario);font-weight:600;cursor:pointer;font-size:14px}.login-footer{text-align:center;font-size:12px;color:var(--texto-secundario);margin-top:8px}.btn-huella{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;background:var(--fondo-card);border:1px solid var(--borde);border-radius:var(--radio);font-size:15px;font-weight:500;color:var(--texto);cursor:pointer;transition:background .15s;margin-top:4px}.btn-huella:hover:not(:disabled){background:var(--borde)}.perfil-wrapper{position:relative}.btn-perfil{width:34px;height:34px;border-radius:50%;background:var(--primario);color:#fff;font-size:14px;font-weight:700;border:none;cursor:pointer;flex-shrink:0}.dropdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:49}.perfil-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--fondo);border:1px solid var(--borde);border-radius:var(--radio);padding:12px;min-width:210px;box-shadow:0 4px 20px #00000026;z-index:50;display:flex;flex-direction:column;gap:10px}.dropdown-email{font-size:13px;color:var(--texto-secundario);text-align:center;padding:2px 0;word-break:break-all}.btn-signout{width:100%;padding:10px;background:transparent;border:1px solid var(--error);color:var(--error);border-radius:var(--radio);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.btn-signout:hover{background:#ef444414}.tabs-nav{display:flex;border-bottom:1px solid var(--borde);padding:0 16px}.tab-btn{flex:1;padding:12px 8px;background:none;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:500;color:var(--texto-secundario);cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px}.tab-btn.activa{color:var(--primario);border-bottom-color:var(--primario)}.tab-definicion{display:flex;flex-direction:column;gap:24px}.def-header{display:flex;align-items:center;gap:10px}.fonetica{font-size:15px;color:var(--texto-secundario);font-style:italic}.btn-audio{background:none;border:none;font-size:18px;cursor:pointer;padding:4px;line-height:1}.significado{display:flex;flex-direction:column;gap:12px}.clase-gramatical{font-size:12px;font-weight:700;color:var(--primario);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--borde);padding-bottom:8px}.lista-definiciones{display:flex;flex-direction:column;gap:10px;padding-left:20px}.definicion-item{display:flex;flex-direction:column;gap:4px}.definicion-texto{font-size:15px;line-height:1.6}.definicion-ejemplo{font-size:14px;color:var(--texto-secundario);font-style:italic}.chips-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}.chips-label{font-size:12px;font-weight:600;color:var(--texto-secundario);text-transform:uppercase;letter-spacing:.5px;margin-right:2px}.chip{font-size:13px;padding:3px 10px;border-radius:99px;border:1px solid}.chip-syn{color:var(--primario);border-color:var(--primario);background:transparent}.chip-ant{color:var(--texto-secundario);border-color:var(--borde);background:transparent}.tab-flashcards{display:flex;flex-direction:column;align-items:center;gap:24px;padding-top:8px}.contador-flashcard{font-size:13px;color:var(--texto-secundario)}.flashcard-container{width:100%;height:260px;perspective:1000px;cursor:pointer}.flashcard{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s ease}.flashcard.volteada{transform:rotateY(180deg)}.flashcard-frente,.flashcard-dorso{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radio);border:1px solid var(--borde);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:12px;background:var(--fondo-card)}.flashcard-dorso{transform:rotateY(180deg);align-items:flex-start;justify-content:flex-start;gap:10px}.flashcard-palabra{font-size:36px;font-weight:700;color:var(--texto);text-transform:capitalize;text-align:center}.flashcard-instruccion{font-size:13px;color:var(--texto-secundario)}.flashcard-clase{font-size:11px;font-weight:700;color:var(--primario);text-transform:uppercase;letter-spacing:.8px}.flashcard-definicion{font-size:16px;line-height:1.5}.flashcard-ejemplo{font-size:14px;color:var(--texto-secundario);font-style:italic}.flashcard-nav{display:flex;gap:12px}.btn-nav{padding:10px 20px;background:var(--fondo-card);border:1px solid var(--borde);border-radius:var(--radio);font-size:14px;cursor:pointer;color:var(--texto);transition:background .15s}.btn-nav:hover{background:var(--borde)}.tab-escribir{display:flex;flex-direction:column;gap:16px}.escribir-instruccion{font-size:15px;color:var(--texto-secundario)}.escribir-textarea{width:100%;padding:14px;font-size:15px;border:1px solid var(--borde);border-radius:var(--radio);background:var(--fondo-card);color:var(--texto);resize:none;outline:none;font-family:inherit;line-height:1.5}.escribir-textarea:focus{border-color:var(--primario)}.lista-oraciones{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:8px}.oracion-item{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:12px;background:var(--fondo-card);border:1px solid var(--borde);border-radius:var(--radio)}.oracion-texto{font-size:14px;line-height:1.5;flex:1}.btn-eliminar{background:none;border:none;color:var(--texto-secundario);cursor:pointer;font-size:14px;padding:2px 6px;flex-shrink:0}.btn-eliminar:hover{color:var(--error)}.estado-carga{display:flex;justify-content:center;align-items:center;padding:48px}.pantalla-carga{min-height:100dvh;display:flex;justify-content:center;align-items:center}.estado-vacio{text-align:center;padding:48px 24px;color:var(--texto-secundario);line-height:1.8}.spinner{width:32px;height:32px;border:3px solid var(--borde);border-top-color:var(--primario);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-tema{background:none;border:none;cursor:pointer;color:var(--texto-secundario);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s;flex-shrink:0}.btn-tema:hover{background:var(--fondo-card)}.header-acciones{display:flex;align-items:center;gap:6px}.login-fondo{position:relative}.login-tema{position:absolute;top:16px;right:16px}